feat: update alert font sizes and remove form banner

Resolves MOPS-2317.

Author: SashaShostyr

system/core/src/components/FormBanner.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/core/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/index.ts

@@ -18,10 +18,10 @@ 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' }}
+    style={{ ...(props.style || {}), gridArea: 'title', font: 'var(--body-2)' }}
   />
 ));
 export const AlertDescription = React.forwardRef<

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

@@ -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-css/src/structuredComponents/FormBanner.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`