feat: update alert font sizes and remove form banner

.github/workflows/pull_requests.yml

@@ -67,32 +67,6 @@ jobs:
       - name: Run linter
         run: npm run lint
 
-  audit:
-    needs: [setup]
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v3
-        with:
-          ref: ${{ github.event.pull_request.head.ref }}
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          fetch-depth: 0
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: ${{ needs.setup.outputs.nvmrc }}
-          cache: npm
-
-      - name: Restore npm installs and Lerna setup
-        run: npm ci --ignore-scripts
-
-      - name: Audit Dependencies
-        run: npm run audit:ci
-        env:
-          OSSI_USERNAME: ${{ secrets.OSSI_USERNAME }}
-          OSSI_TOKEN: ${{ secrets.OSSI_TOKEN }}
-
   test:
     needs: [setup]
     runs-on: ubuntu-latest

system/core/src/index.ts

@@ -13,7 +13,6 @@ export * as checkboxRadioLabel from './components/CheckboxRadioLabel';
 export * as childAnchors from './components/ChildAnchors';
 export * as chip from './components/Chip';
 export * as chipRow from './components/ChipRow';
-export * as formBanner from './components/FormBanner';
 export * as iconButton from './components/IconButton';
 export * as inputAlert from './components/InputAlert';
 export * as inputCore from './components/InputCore';

system/react-css/src/index.ts

@@ -75,13 +75,6 @@ export {
 export type { Props as CheckboxRadioLabelProps } from './structuredComponents/CheckboxRadioLabel';
 export { Chip } from './structuredComponents/Chip';
 export type { Props as ChipProps } from './structuredComponents/Chip';
-export {
-  FormBannerCore,
-  FormBannerMessage,
-  FormBannerIconWrapper,
-  FormBanner
-} from './structuredComponents/FormBanner';
-export type { Props as FormBannerProps } from './structuredComponents/FormBanner';
 export { Input } from './structuredComponents/Input';
 export type { Props as InputProps } from './structuredComponents/Input';
 export { InputAlert } from './structuredComponents/InputAlert';

system/react-css/src/structuredComponents/Alert.tsx

@@ -18,7 +18,7 @@ export const AlertTitle = React.forwardRef<
   React.HTMLAttributes<HTMLHeadingElement>
 >((props, ref) => (
   // eslint-disable-next-line jsx-a11y/heading-has-content
-  <h4
+  <h5
     {...props}
     ref={ref}
     style={{ ...(props.style || {}), gridArea: 'title' }}
@@ -31,7 +31,11 @@ export const AlertDescription = React.forwardRef<
   <div
     {...props}
     ref={ref}
-    style={{ ...(props.style || {}), gridArea: 'description' }}
+    style={{
+      ...(props.style || {}),
+      gridArea: 'description',
+      font: 'var(--body-2)'
+    }}
   />
 ));
 

system/react/src/index.ts

@@ -140,13 +140,6 @@ export {
 export type { Props as AlertProps } from './structuredComponents/Alert';
 export { chipStyledComponents, Chip } from './structuredComponents/Chip';
 export type { Props as ChipProps } from './structuredComponents/Chip';
-export {
-  FormBannerCore,
-  FormBannerMessage,
-  FormBannerIconWrapper,
-  FormBanner
-} from './structuredComponents/FormBanner';
-export type { Props as FormBannerProps } from './structuredComponents/FormBanner';
 export { Input } from './structuredComponents/Input';
 export type { Props as InputProps } from './structuredComponents/Input';
 export { InputAlertInner, InputAlert } from './structuredComponents/InputAlert';

system/react/src/structuredComponents/Alert.tsx

@@ -11,12 +11,13 @@ export const AlertCore = styled.div<Props>`
   ${alert.fullStyles}
 `;
 
-export const AlertTitle = styled.h4`
+export const AlertTitle = styled.h5`
   grid-area: title;
 `;
 
 export const AlertDescription = styled.div`
   grid-area: description;
+  font: var(--body-2);
 `;
 
 export const AlertCloseButton = styled.button`