feat(ErrorMessage): ✨ Add large size (#840)

digdir · Sep 27, 2023 · 4eb3ad4 · 4eb3ad4
1 parent 42a66df
commit 4eb3ad4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
@@ -13,6 +13,13 @@
   margin-bottom: var(--fdsc-bottom-spacing);
 }
 
+.errorMessage.large {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-error_message-large);
+  font-family: var(--fdsc-typography-font-family);
+}
+
 .errorMessage.medium {
   --fdsc-bottom-spacing: var(--fds-spacing-5);
 

diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
@@ -8,7 +8,7 @@ import classes from './ErrorMessage.module.css';
 
 export type ErrorMessageProps = {
   /** Changes text sizing */
-  size?: 'xsmall' | 'small' | 'medium';
+  size?: 'xsmall' | 'small' | 'medium' | 'large';
   /** Adds margin-bottom */
   spacing?: boolean;
   /** Toggle error color */