From 92f541fd60c59ee75e996256ee534e4e84d23653 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 21 Sep 2023 08:18:10 +0200 Subject: [PATCH] feat(Fieldset): :sparkles: Add `large` size --- packages/react/src/components/form/Fieldset/Fieldset.tsx | 2 +- packages/react/src/components/form/useFormField.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react/src/components/form/Fieldset/Fieldset.tsx b/packages/react/src/components/form/Fieldset/Fieldset.tsx index f761062569..841aeb3b47 100644 --- a/packages/react/src/components/form/Fieldset/Fieldset.tsx +++ b/packages/react/src/components/form/Fieldset/Fieldset.tsx @@ -14,7 +14,7 @@ export type FieldsetContextType = { errorId?: string; disabled?: boolean; readOnly?: boolean; - size?: 'xsmall' | 'small' | 'medium'; + size?: 'xsmall' | 'small' | 'medium' | 'large'; }; export const FieldsetContext = createContext(null); diff --git a/packages/react/src/components/form/useFormField.ts b/packages/react/src/components/form/useFormField.ts index e44806270d..aab87213b7 100644 --- a/packages/react/src/components/form/useFormField.ts +++ b/packages/react/src/components/form/useFormField.ts @@ -20,7 +20,7 @@ export type FormFieldProps = { /** Toggle `readOnly` */ readOnly?: boolean; /** Changes field size and paddings */ - size?: 'xsmall' | 'small' | 'medium'; + size?: 'xsmall' | 'small' | 'medium' | 'large'; } & Pick, 'aria-describedby'>; export type FormField = { @@ -32,7 +32,7 @@ export type FormField = { 'id' | 'disabled' | 'aria-invalid' | 'aria-describedby' >; readOnly?: boolean; - size?: 'xsmall' | 'small' | 'medium'; + size?: 'xsmall' | 'small' | 'medium' | 'large'; }; /**