@mmb-digital/design-system-web 0.1.161 → 0.1.162

package/dist/index.d.ts

@@ -5,9 +5,10 @@ import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
 import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import { ReactDatePickerProps } from 'react-datepicker';
+import * as styled_components from 'styled-components';
+import { WebTarget, DefaultTheme } from 'styled-components';
 import * as react_hook_form from 'react-hook-form';
 import { RegisterOptions, FieldValues, Control, FieldPath } from 'react-hook-form';
-import { DefaultTheme, WebTarget } from 'styled-components';
 import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
 import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
 import * as react_select from 'react-select';
@@ -675,11 +676,17 @@ declare enum FormatAmountCurrencyDisplay {
     none = "none",
     symbol = "symbol"
 }
+declare enum FormatAmountGrouping {
+    always = "always",
+    auto = "auto",
+    none = "none"
+}
 
 interface UseFormatAmountTypeParam {
     amount: number;
     currency?: string;
     currencyDisplay?: FormatAmountCurrencyDisplay;
+    grouping?: FormatAmountGrouping;
     maximumFractionDigits?: number;
     minimumFractionDigits?: number;
 }
@@ -690,6 +697,7 @@ interface FormattedAmountProps {
     amount: number;
     currency?: string;
     currencyDisplay?: FormatAmountCurrencyDisplay;
+    grouping?: FormatAmountGrouping;
     maximumFractionDigits?: number;
     minimumFractionDigits?: number;
 }
@@ -811,6 +819,7 @@ interface FieldWrapperProps extends DesignSystemBaseProps {
     /** @default isRenderable(errorMessage) */
     invalid?: boolean;
     label?: ReactNode;
+    labelAs?: WebTarget;
     labelId?: string;
     labelSuffix?: ReactNode;
     layout?: FieldWrapperLayout;
@@ -1471,14 +1480,14 @@ interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProp
 }
 declare const RadioGroupControl: React__default.ForwardRefExoticComponent<RadioGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupControlProps & {
+declare const RadioGroupBase: React__default.ForwardRefExoticComponent<RadioGroupControlProps & {
     layout?: FieldWrapperLayout | undefined;
     tooltip?: TooltipInfoDescriptor | undefined;
     mediaType?: MediaType | undefined;
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
     name?: string | undefined;
-    note?: React.ReactNode;
+    note?: React__default.ReactNode;
     invalid?: boolean | undefined;
     hasError?: boolean | undefined;
     labelId?: string | undefined;
@@ -1487,12 +1496,14 @@ declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupControlProps
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React.ReactNode;
+    errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
-    hintText?: React.ReactNode;
-    labelSuffix?: React.ReactNode;
-    successMessage?: React.ReactNode;
-} & React.RefAttributes<HTMLInputElement>>;
+    hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
+    labelSuffix?: React__default.ReactNode;
+    successMessage?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLInputElement>>;
+declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => React__default.JSX.Element;
 type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
 interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onChange'> {
@@ -1531,14 +1542,14 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
 }
 declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroupControlProps & {
+declare const RadioButtonGroupBase: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & {
     layout?: FieldWrapperLayout | undefined;
     tooltip?: TooltipInfoDescriptor | undefined;
     mediaType?: MediaType | undefined;
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
     name?: string | undefined;
-    note?: React.ReactNode;
+    note?: React__default.ReactNode;
     invalid?: boolean | undefined;
     hasError?: boolean | undefined;
     labelId?: string | undefined;
@@ -1547,12 +1558,14 @@ declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroup
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React.ReactNode;
+    errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
-    hintText?: React.ReactNode;
-    labelSuffix?: React.ReactNode;
-    successMessage?: React.ReactNode;
-} & React.RefAttributes<HTMLInputElement>>;
+    hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
+    labelSuffix?: React__default.ReactNode;
+    successMessage?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLInputElement>>;
+declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => React__default.JSX.Element;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
 interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onChange'> {
@@ -1634,6 +1647,7 @@ declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControl
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLTextAreaElement>>;
@@ -1674,8 +1688,9 @@ declare enum InputLabelSize {
     sm = "sm",
     xs = "xs"
 }
-interface InputLabelProps {
-    colorScheme?: ColorScheme;
+
+interface InputLabelProps extends DesignSystemBaseProps {
+    as?: WebTarget;
     hasError?: boolean;
     id?: string;
     label?: ReactNode;
@@ -1684,7 +1699,6 @@ interface InputLabelProps {
     suffix?: ReactNode;
     tooltip?: TooltipInfoDescriptor;
 }
-
 declare const InputLabel: (props: InputLabelProps) => React__default.JSX.Element;
 
 interface EmailInputControlProps extends InputProps {
@@ -1709,6 +1723,7 @@ declare const EmailInput: React__default.ForwardRefExoticComponent<EmailInputCon
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
@@ -1739,6 +1754,7 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<MaskedInputBaseP
     errorMessage?: React.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React.ReactNode;
     successMessage?: React.ReactNode;
 }, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -1768,6 +1784,7 @@ declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<M
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 }, "ref"> & React__default.RefAttributes<HTMLInputElement> & {
@@ -1812,6 +1829,7 @@ declare const PhoneInput: React__default.ForwardRefExoticComponent<PhoneInputCon
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
@@ -1853,6 +1871,7 @@ declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputC
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
@@ -1923,6 +1942,7 @@ declare const TextInput: React__default.ForwardRefExoticComponent<TextInputContr
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
@@ -1951,6 +1971,7 @@ declare const TrailingTextInput: React__default.ForwardRefExoticComponent<Traili
     errorMessage?: React__default.ReactNode;
     fieldRequirement?: FieldRequirement | undefined;
     hintText?: React__default.ReactNode;
+    labelAs?: styled_components.WebTarget | undefined;
     labelSuffix?: React__default.ReactNode;
     successMessage?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
@@ -2154,4 +2175,4 @@ declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value:
     [x: string]: any;
 }>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AccordionVariant, AsyncSelect as AsyncReactSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, ButtonsLayoutWrap, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, type CreateTooltipInfoDescriptorParam, DatePicker, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlAddon, FieldControlAddonPosition, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldRequirement, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, type FieldWrapperValues, FontWeight, FormatAmountCurrencyDisplay, FormattedAmount, type FormattedAmountProps, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default as FormattedPercentage, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, type IconSystemProps, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageDescriptorWithPrimitiveValues, type MessageDescriptorWithValues, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, NumberInput, NumberInputField, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioBase, type RadioBaseProps, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, type RadioLabel, RadioPosition, type RadioProps, Select$1 as ReactSelect, SelectBase as ReactSelectBase, SelectField$1 as ReactSelectField, type SelectOption as ReactSelectOption, type SelectProps$1 as ReactSelectProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, SliderInputRoundingType, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsItemProps, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, type TextAreaProps, TextInput, type TextInputProps, type Theme, Toggle, type ToggleProps, type TooltipDescriptor, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormatAmountTypeParam, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, getColor, identityFormatter, isRenderable, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, theme, useChooseColor, useColorScheme, useCreateTooltipFloatingElement, useCreateTooltipInfoDescriptor, useDesignSystem, useFieldConfig, useFieldLabels, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable, useMediaType, useMessageFormatter, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AccordionVariant, AsyncSelect as AsyncReactSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, ButtonsLayoutWrap, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, type CreateTooltipInfoDescriptorParam, DatePicker, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlAddon, FieldControlAddonPosition, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldRequirement, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, type FieldWrapperValues, FontWeight, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount, type FormattedAmountProps, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default as FormattedPercentage, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, type IconSystemProps, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageDescriptorWithPrimitiveValues, type MessageDescriptorWithValues, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, NumberInput, NumberInputField, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioBase, type RadioBaseProps, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, type RadioLabel, RadioPosition, type RadioProps, Select$1 as ReactSelect, SelectBase as ReactSelectBase, SelectField$1 as ReactSelectField, type SelectOption as ReactSelectOption, type SelectProps$1 as ReactSelectProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, SliderInputRoundingType, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsItemProps, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, type TextAreaProps, TextInput, type TextInputProps, type Theme, Toggle, type ToggleProps, type TooltipDescriptor, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormatAmountTypeParam, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, getColor, identityFormatter, isRenderable, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, theme, useChooseColor, useColorScheme, useCreateTooltipFloatingElement, useCreateTooltipInfoDescriptor, useDesignSystem, useFieldConfig, useFieldLabels, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable, useMediaType, useMessageFormatter, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };