@mmb-digital/design-system-web 0.1.111 → 0.1.113

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { Options, Props, SelectComponentsConfig, PropsValue, SingleValue as Sing
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Control, FieldPath, RegisterOptions } from 'react-hook-form';
 import { FactoryOpts } from 'imask';
+import { DefaultTheme } from 'styled-components';
 
 interface AccordionItemType {
     content: ReactNode;
@@ -343,40 +344,6 @@ declare enum ReasonForClosing {
 
 declare const Modal: React__default.FC<ModalProps>;
 
-type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
-declare enum TooltipPlacement {
-    bottom = "bottom",
-    left = "left",
-    right = "right",
-    top = "top"
-}
-interface TooltipFloatingElement {
-    body: ReactElement | string;
-    title?: ReactElement | string | undefined;
-}
-declare enum TooltipInfoDisplayMethod {
-    ONLY_TOOLTIP = "onlyTooltip",
-    WITH_NBSP = "withNbsp"
-}
-
-interface TooltipInfoProps {
-    readonly colorScheme?: ColorScheme;
-    readonly floatingElement: TooltipFloatingElement;
-}
-
-declare const TooltipInfo: React__default.FC<TooltipInfoProps>;
-
-interface TooltipGeneralProps {
-    readonly colorScheme: ColorScheme;
-    readonly floatingElement: TooltipFloatingElement;
-    readonly onClose?: (() => void) | undefined;
-    readonly onOpen?: (() => void) | undefined;
-    readonly placement?: TooltipPlacement | undefined;
-    readonly renderParent: TooltipRenderParent;
-}
-
-declare const TooltipGeneral: React__default.FC<TooltipGeneralProps>;
-
 interface FormattedMessageTypes extends MessageDescriptor {
     values?: Record<string, PrimitiveType>;
 }
@@ -393,6 +360,22 @@ type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescrip
 
 declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
 
+type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
+declare enum TooltipPlacement {
+    bottom = "bottom",
+    left = "left",
+    right = "right",
+    top = "top"
+}
+interface TooltipFloatingElement {
+    body: ReactElement | string;
+    title?: ReactElement | string | undefined;
+}
+declare enum TooltipInfoDisplayMethod {
+    onlyTooltip = "onlyTooltip",
+    withNbsp = "withNbsp"
+}
+
 interface TooltipInfoDisplayableCheckProps {
     body: FormattedMessageTypes;
     colorScheme?: ColorScheme;
@@ -414,6 +397,24 @@ type CreateTooltipFloatingElementHookReturnFunction = (body: FormattedMessageTyp
 
 declare const useCreateTooltipFloatingElement: () => CreateTooltipFloatingElementHookReturnFunction;
 
+interface TooltipInfoProps {
+    readonly colorScheme?: ColorScheme;
+    readonly floatingElement: TooltipFloatingElement;
+}
+
+declare const TooltipInfo: React__default.FC<TooltipInfoProps>;
+
+interface TooltipGeneralProps {
+    readonly colorScheme?: ColorScheme;
+    readonly floatingElement: TooltipFloatingElement;
+    readonly onClose?: (() => void) | undefined;
+    readonly onOpen?: (() => void) | undefined;
+    readonly placement?: TooltipPlacement | undefined;
+    readonly renderParent: TooltipRenderParent;
+}
+
+declare const TooltipGeneral: React__default.FC<TooltipGeneralProps>;
+
 interface CalculatorResultHeader {
     bottom?: ReactElement | string | undefined;
     main?: ReactElement | string | undefined;
@@ -537,6 +538,7 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerPro
 
 interface CheckboxBaseProps extends RefAttributes<HTMLInputElement> {
     readonly checked?: boolean | undefined;
+    readonly colorScheme?: ColorScheme;
     readonly disabled?: boolean | undefined;
     readonly id?: string | undefined;
     readonly isError?: boolean | undefined;
@@ -554,6 +556,7 @@ interface CheckboxLabel {
     readonly tooltip?: TooltipFloatingElement | undefined;
 }
 interface CheckboxProps extends CheckboxBaseProps {
+    readonly colorScheme?: ColorScheme;
     readonly errorMessage?: React__default.ReactElement | string | undefined;
     readonly label?: CheckboxLabel | undefined;
     readonly labelColor?: string | undefined;
@@ -804,6 +807,7 @@ declare enum InputLabelSize {
     xs = "xs"
 }
 interface InputLabelProps {
+    colorScheme?: ColorScheme;
     hasError?: boolean;
     id?: string;
     label?: ReactNode;
@@ -1029,7 +1033,15 @@ interface TagProps {
 
 declare const Tag: FC<TagProps>;
 
-declare enum StackGapSize {
+declare enum StackDirection {
+    column = "column",
+    columnReverse = "columnReverse",
+    row = "row",
+    rowReverse = "rowReverse"
+}
+
+declare enum Spacing {
+    none = "none",
     xxs = "xxs",
     xs = "xs",
     sm = "sm",
@@ -1041,130 +1053,7 @@ declare enum StackGapSize {
     xxxxl = "xxxxl",
     xxxxxl = "xxxxxl"
 }
-declare enum StackDirection {
-    column = "column",
-    columnReverse = "columnReverse",
-    row = "row",
-    rowReverse = "rowReverse"
-}
-
-interface StackProps {
-    children?: ReactNode;
-    className?: string;
-    direction?: StackDirection;
-    gap?: StackGapSize;
-}
-declare const Stack: React__default.FC<StackProps>;
-
-declare enum PaperShadow {
-    lg = "lg",
-    md = "md",
-    sm = "sm"
-}
-
-interface DesignSystemBaseProps {
-    colorScheme?: ColorScheme;
-    mediaType?: MediaType;
-}
-
-interface PaperProps extends DesignSystemBaseProps {
-    children: ReactNode;
-    className?: string;
-    shadow?: PaperShadow;
-}
-declare const Paper: React__default.FC<PaperProps>;
-
-interface ProgressDefinition {
-    activeStepIndex: number;
-    numberOfSteps: number;
-}
-
-interface ProgressPaperProps extends PaperProps {
-    progressDefinition: ProgressDefinition;
-}
-declare const ProgressPaper: React__default.FC<ProgressPaperProps>;
-
-interface MediaTypeProviderProps {
-    children: ReactNode;
-    mediaType: MediaType;
-}
-declare const MediaTypeProvider: React__default.FC<MediaTypeProviderProps>;
-
-type UseMediaTypeParam = MediaType | {
-    mediaType?: MediaType | undefined;
-};
-interface UseMediaTypeOptions {
-    defaultMediaType?: MediaType;
-}
-/**
- * priorities:
- *
- * 1. value passed to the hook
- * 2. value passed from the nearest provider
- * 3. defaultValue passed in the options object to the hook
- * 4. fallbackMediaType
- */
-declare const useMediaType: (param?: UseMediaTypeParam, options?: UseMediaTypeOptions) => MediaType;
-
-interface ColorSchemeProviderProps {
-    children: ReactNode;
-    colorScheme: ColorScheme;
-}
-declare const ColorSchemeProvider: React__default.FC<ColorSchemeProviderProps>;
-
-type UseColorSchemeParam = ColorScheme | {
-    colorScheme?: ColorScheme | undefined;
-};
-interface UseColorSchemeOptions {
-    defaultColorScheme?: ColorScheme;
-}
-/**
- * priorities:
- *
- * 1. value passed to the hook
- * 2. value passed from the nearest provider
- * 3. defaultValue passed in the options object to the hook
- * 4. fallbackColorScheme
- */
-declare const useColorScheme: (param?: UseColorSchemeParam, options?: UseColorSchemeOptions) => ColorScheme;
-
-interface DesignSystemProviderProps {
-    children: ReactNode;
-    colorScheme?: ColorScheme;
-    mediaType?: MediaType;
-}
-/**
- * It is recommended to use this provider only once in a component tree, ideally near the root.
- * It is possible to override every provider for a subpart of the component tree.
- */
-declare const DesignSystemProvider: React__default.FC<DesignSystemProviderProps>;
-
-interface UseDesignSystemParam {
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-}
-interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {
-}
-declare const useDesignSystem: (param?: UseDesignSystemParam, options?: UseDesignSystemOptions) => {
-    colorScheme: ColorScheme;
-    mediaType: MediaType;
-    chooseColor: ChooseColor;
-};
-
-interface FieldLabelStoreProviderProps {
-    children: ReactNode;
-}
-/**
- * The purpose of this provider is to make labels passed to `FieldWrapper` accessible elsewhere,
- * e.g. in a validation error summary.
- *
- * Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
- **/
-declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => React__default.JSX.Element;
-declare const useFieldLabels: () => Record<string, React__default.ReactNode>;
-declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
-
-declare const isRenderable: (node: ReactNode) => node is Exclude<ReactNode, boolean | null | undefined>;
+declare const resolveSpacingValue: (theme: DefaultTheme, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
 
 declare const theme: {
     readonly palette: {
@@ -1706,5 +1595,124 @@ declare const theme: {
         readonly tooltip: 1080;
     };
 };
+type Theme = typeof theme;
+
+interface StackProps {
+    children?: ReactNode;
+    className?: string;
+    direction?: StackDirection;
+    gap?: Spacing;
+}
+declare const Stack: React__default.FC<StackProps>;
+
+declare enum PaperShadow {
+    lg = "lg",
+    md = "md",
+    sm = "sm"
+}
+
+interface DesignSystemBaseProps {
+    colorScheme?: ColorScheme;
+    mediaType?: MediaType;
+}
+
+interface PaperProps extends DesignSystemBaseProps {
+    children: ReactNode;
+    className?: string;
+    shadow?: PaperShadow;
+}
+declare const Paper: React__default.FC<PaperProps>;
+
+interface ProgressDefinition {
+    activeStepIndex: number;
+    numberOfSteps: number;
+}
+
+interface ProgressPaperProps extends PaperProps {
+    progressDefinition: ProgressDefinition;
+}
+declare const ProgressPaper: React__default.FC<ProgressPaperProps>;
+
+interface MediaTypeProviderProps {
+    children: ReactNode;
+    mediaType: MediaType;
+}
+declare const MediaTypeProvider: React__default.FC<MediaTypeProviderProps>;
+
+type UseMediaTypeParam = MediaType | {
+    mediaType?: MediaType | undefined;
+};
+interface UseMediaTypeOptions {
+    defaultMediaType?: MediaType;
+}
+/**
+ * priorities:
+ *
+ * 1. value passed to the hook
+ * 2. value passed from the nearest provider
+ * 3. defaultValue passed in the options object to the hook
+ * 4. fallbackMediaType
+ */
+declare const useMediaType: (param?: UseMediaTypeParam, options?: UseMediaTypeOptions) => MediaType;
+
+interface ColorSchemeProviderProps {
+    children: ReactNode;
+    colorScheme: ColorScheme;
+}
+declare const ColorSchemeProvider: React__default.FC<ColorSchemeProviderProps>;
+
+type UseColorSchemeParam = ColorScheme | {
+    colorScheme?: ColorScheme | undefined;
+};
+interface UseColorSchemeOptions {
+    defaultColorScheme?: ColorScheme;
+}
+/**
+ * priorities:
+ *
+ * 1. value passed to the hook
+ * 2. value passed from the nearest provider
+ * 3. defaultValue passed in the options object to the hook
+ * 4. fallbackColorScheme
+ */
+declare const useColorScheme: (param?: UseColorSchemeParam, options?: UseColorSchemeOptions) => ColorScheme;
+
+interface DesignSystemProviderProps {
+    children: ReactNode;
+    colorScheme?: ColorScheme;
+    mediaType?: MediaType;
+}
+/**
+ * It is recommended to use this provider only once in a component tree, ideally near the root.
+ * It is possible to override every provider for a subpart of the component tree.
+ */
+declare const DesignSystemProvider: React__default.FC<DesignSystemProviderProps>;
+
+interface UseDesignSystemParam {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
+}
+interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {
+}
+declare const useDesignSystem: (param?: UseDesignSystemParam, options?: UseDesignSystemOptions) => {
+    colorScheme: ColorScheme;
+    mediaType: MediaType;
+    chooseColor: ChooseColor;
+};
+
+interface FieldLabelStoreProviderProps {
+    children: ReactNode;
+}
+/**
+ * The purpose of this provider is to make labels passed to `FieldWrapper` accessible elsewhere,
+ * e.g. in a validation error summary.
+ *
+ * Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
+ **/
+declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => React__default.JSX.Element;
+declare const useFieldLabels: () => Record<string, React__default.ReactNode>;
+declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
+
+declare const isRenderable: (node: ReactNode) => node is Exclude<ReactNode, boolean | null | undefined>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AsyncSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, DatePicker, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldWrapper, FieldWrapperContext, FieldWrapperLayout, type FieldWrapperProps, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, InputWeight, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, NumberInput, NumberInputField, type NumberInputProps, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, ProgressPaper, type ProgressPaperProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, RadioButtonLayout, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectBase, SelectField, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, SliderInputRoundingType, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, StackGapSize, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagFontWeight, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseMediaTypeOptions, type UseMediaTypeParam, getColor, isRenderable, resolveFieldWrapperHasError, theme, useChooseColor, useColorScheme, useCreateTooltipFloatingElement, useDesignSystem, useFieldLabels, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable, useMediaType, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AsyncSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, DatePicker, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldWrapper, FieldWrapperContext, FieldWrapperLayout, type FieldWrapperProps, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, InputWeight, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, NumberInput, NumberInputField, type NumberInputProps, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, ProgressPaper, type ProgressPaperProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, RadioButtonLayout, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectBase, SelectField, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, SliderInputRoundingType, type SliderProps, SliderStepType, type SliderSteps, Spacing, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagFontWeight, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, type TextAreaProps, TextInput, type TextInputProps, type Theme, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseMediaTypeOptions, type UseMediaTypeParam, getColor, isRenderable, resolveFieldWrapperHasError, resolveSpacingValue, theme, useChooseColor, useColorScheme, useCreateTooltipFloatingElement, useDesignSystem, useFieldLabels, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable, useMediaType, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };