@mmb-digital/design-system-web 0.1.345 → 0.1.346

package/dist/index.d.ts

@@ -544,7 +544,7 @@ declare enum Spacing {
     xxxxl = "xxxxl",
     xxxxxl = "xxxxxl"
 }
-declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
+declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px";
 
 declare enum WhiteSpace {
     inherit = "inherit",
@@ -1127,7 +1127,7 @@ declare enum BorderRadius {
     xl = "xl",
     full = "full"
 }
-declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px" | "0";
+declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px";
 
 declare enum FlexWrap {
     noWrap = "noWrap",
@@ -1448,25 +1448,25 @@ declare const DatePickerControl: react.ForwardRefExoticComponent<DatePickerContr
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type DatePickerProps = ComponentProps<typeof DatePicker>;
 
@@ -1483,25 +1483,25 @@ interface EmailInputControlProps extends InputProps {
 declare const EmailInput: react.ForwardRefExoticComponent<EmailInputControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type EmailInputProps = ComponentProps<typeof EmailInput>;
 
@@ -1585,25 +1585,25 @@ declare const FileInputControl: react.ForwardRefExoticComponent<FileInputControl
 declare const FileInput: react.ForwardRefExoticComponent<Omit<FileInputControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 type FileInputProps = ComponentProps<typeof FileInput>;
 
@@ -1854,25 +1854,25 @@ declare const MaskedInputBase: react.ForwardRefExoticComponent<Omit<MaskedInputB
 declare const MaskedInput: react.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type MaskedInputProps = ComponentProps<typeof MaskedInput>;
 
@@ -1884,25 +1884,25 @@ declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Com
 declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement> & {
     name: react_hook_form.Path<TFieldValues>;
     options?: RegisterOptions<TFieldValues> | undefined;
@@ -2089,25 +2089,25 @@ declare const RadioButtonGroupControl: react.ForwardRefExoticComponent<RadioButt
 declare const RadioButtonGroup: react.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
@@ -2165,25 +2165,25 @@ declare const RadioGroupControl: react.ForwardRefExoticComponent<RadioGroupContr
 declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
@@ -2202,25 +2202,25 @@ interface SearchInputControlProps extends InputProps {
 declare const SearchInput: react.ForwardRefExoticComponent<SearchInputControlProps & {
     label?: ReactNode;
     name?: string | undefined;
-    errorMessage?: ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: ReactNode;
     hiddenHintText?: ReactNode;
     hintText?: ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type SearchInputProps = ComponentProps<typeof SearchInput>;
 
@@ -2651,25 +2651,25 @@ interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
 declare const TextArea: react.ForwardRefExoticComponent<TextAreaControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 type TextAreaProps = ComponentProps<typeof TextArea>;
 
@@ -2686,25 +2686,25 @@ interface TextInputControlProps extends InputProps {
 declare const TextInput: react.ForwardRefExoticComponent<TextInputControlProps & {
     label?: react.ReactNode;
     name?: string | undefined;
-    errorMessage?: react.ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type TextInputProps = ComponentProps<typeof TextInput>;
 
@@ -2733,25 +2733,25 @@ interface TrailingTextInputControlProps extends InputProps {
 declare const TrailingTextInput: react.ForwardRefExoticComponent<TrailingTextInputControlProps & {
     label?: ReactNode;
     name?: string | undefined;
-    errorMessage?: ReactNode;
-    colorScheme?: ColorScheme | undefined;
     invalid?: boolean | undefined;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: ReactNode;
     hiddenHintText?: ReactNode;
     hintText?: ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
 
@@ -2839,11 +2839,11 @@ type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends Field
  */
 declare const useForm: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props?: UseFormProps<TFieldValues>) => UseFormReturn<TFieldValues, TSubmitValues>;
 
-interface FormProviderProps<TFieldValues extends FieldValues> {
+interface FormProviderProps<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> {
     children: ReactNode;
-    form: UseFormReturn<TFieldValues>;
+    form: UseFormReturn<TFieldValues, TSubmitValues>;
 }
-declare const FormProvider: <TFieldValues extends FieldValues>(props: FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
+declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => react_jsx_runtime.JSX.Element;
 
 declare const FormConfigContext: react.Context<FormConfig>;
 
@@ -2856,7 +2856,7 @@ declare class ReCaptchaError extends Error {
     constructor(type: ReCaptchaErrorType);
 }
 
-declare const useFormContext: <TFieldValues extends FieldValues>() => UseFormReturn<TFieldValues>;
+declare const useFormContext: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>() => UseFormReturn<TFieldValues, TSubmitValues>;
 
 declare const identityFormatter: afformative.Formatter<any, any, any, {
     [x: string]: any;