feat: update alert font sizes and remove form banner

Resolves MOPS-2317.
tablecheck · Jun 27, 2024 · da3dd54 · da3dd54
1 parent 9a75646
commit da3dd54
Show file tree

Hide file tree

Showing 9 changed files with 8 additions and 251 deletions.
diff --git a/system/core/src/components/FormBanner.ts b/system/core/src/components/FormBanner.ts
diff --git a/system/core/src/index.ts b/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';

diff --git a/system/react-css/src/index.ts b/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';

diff --git a/system/react-css/src/structuredComponents/Alert.tsx b/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)'
+    }}
   />
 ));
 

diff --git a/system/react-css/src/structuredComponents/FormBanner.tsx b/system/react-css/src/structuredComponents/FormBanner.tsx
diff --git a/system/react/src/index.ts b/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';

diff --git a/system/react/src/structuredComponents/Alert.tsx b/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`

diff --git a/system/react/src/structuredComponents/FormBanner.tsx b/system/react/src/structuredComponents/FormBanner.tsx
diff --git a/system/stories/src/FormBanner.stories.tsx b/system/stories/src/FormBanner.stories.tsx