diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css index 831d41eb4e..1830300e98 100644 --- 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 index ed0d9fbefb..bf62c32f91 100644 --- 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 */