diff --git a/src/Select.tsx b/src/Select.tsx index cece5bfe4..52208f32b 100644 --- a/src/Select.tsx +++ b/src/Select.tsx @@ -21,7 +21,7 @@ export type SelectProps = { /** Default: false */ disabled?: boolean; /** Default: "default" */ - state?: "success" | "error" | "default"; + state?: "success" | "error" | "info" | "default"; /** The message won't be displayed if state is "default" */ stateRelatedMessage?: ReactNode; style?: CSSProperties; @@ -79,6 +79,8 @@ export const Select = memo( return "fr-select-group--error"; case "success": return "fr-select-group--valid"; + case "info": + return "fr-select-group--info"; case "default": return undefined; } @@ -119,6 +121,8 @@ export const Select = memo( return "fr-error-text"; case "success": return "fr-valid-text"; + case "info": + return "fr-info-text"; } assert>(false); })() diff --git a/src/shared/Fieldset.tsx b/src/shared/Fieldset.tsx index 1b5720980..cddb06e9a 100644 --- a/src/shared/Fieldset.tsx +++ b/src/shared/Fieldset.tsx @@ -32,7 +32,7 @@ export namespace FieldsetProps { /** Default: "vertical" */ orientation?: "vertical" | "horizontal"; /** Default: "default" */ - state?: "success" | "error" | "default"; + state?: "success" | "error" | "info" | "default"; /** * The message won't be displayed if state is "default". * If the state is "error" providing a message is mandatory @@ -121,6 +121,8 @@ export const Fieldset = memo( return "fr-fieldset--error"; case "success": return "fr-fieldset--valid"; + case "info": + return "fr-fieldset--info"; } })() ), @@ -204,6 +206,8 @@ export const Fieldset = memo( return "fr-message--error"; case "success": return "fr-message--valid"; + case "info": + return "fr-message--info"; } })() )}