From 18d757fecc2369f945dc32fd3cb8dfe9e6455dc0 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 21 Sep 2023 07:45:32 +0200 Subject: [PATCH 1/2] feat: :sparkles: Add `large` size --- .../Typography/ErrorMessage/ErrorMessage.module.css | 7 +++++++ 1 file changed, 7 insertions(+) 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); From 33a887e9723b26f1020461902f4a4050595ad7d0 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 21 Sep 2023 07:45:46 +0200 Subject: [PATCH 2/2] update component api --- .../src/components/Typography/ErrorMessage/ErrorMessage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 */