@mmb-digital/design-system-web 0.1.34 → 0.1.36

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, FC, ReactElement, PropsWithChildren, SyntheticEvent, RefAttributes, FocusEvent, ChangeEvent, HTMLInputTypeAttribute, MouseEvent, HTMLAttributes } from 'react';
+import React, { ReactNode, FC, PropsWithChildren, ReactElement, SyntheticEvent, RefAttributes, FocusEvent, ChangeEvent, HTMLInputTypeAttribute, MouseEvent, HTMLAttributes } from 'react';
 import { MessageDescriptor } from 'react-intl';
 import { PrimitiveType } from 'intl-messageformat';
 import { ReactDatePickerProps } from 'react-datepicker';
@@ -26,6 +26,35 @@ declare const Accordion: FC<AccordionProps>;
 
 declare const AccordionItem: FC<AccordionItemProps>;
 
+declare enum ColorScheme {
+    dark = "dark",
+    light = "light"
+}
+interface ColorSchemeObject<Dark extends string = string, Light extends string = string> {
+    dark: Dark;
+    light: Light;
+}
+type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
+type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
+
+declare const useColorScheme: (colorScheme: ColorScheme) => ChooseColor;
+
+declare const getColor: GetColor;
+
+interface AccordionContentType extends PropsWithChildren {
+    colorScheme?: ColorScheme;
+}
+
+declare const AccordionContent: FC<AccordionContentType>;
+
+interface AccordionKeyValueType {
+    colorScheme?: ColorScheme;
+    label: ReactNode | string;
+    value: ReactNode | string;
+}
+
+declare const AccordionKeyValue: FC<AccordionKeyValueType>;
+
 declare enum ButtonStyle {
     PRIMARY = "primary",
     SECONDARY = "secondary",
@@ -75,6 +104,7 @@ interface MinMaxLabels {
     readonly min: ReactElement | string;
 }
 interface SliderProps {
+    readonly colorScheme: ColorScheme;
     readonly disable?: boolean | undefined;
     readonly max: number;
     readonly min: number;
@@ -88,25 +118,15 @@ interface SliderProps {
 
 declare const Slider: React.FC<SliderProps>;
 
-declare enum ColorScheme {
-    dark = "dark",
-    light = "light"
-}
-interface ColorSchemeObject<Dark extends string = string, Light extends string = string> {
-    dark: Dark;
-    light: Light;
+interface ErrorBoxItem {
+    body: ReactElement | string;
+    onClick?: () => void;
 }
-type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
-type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
-
-declare const useColorScheme: (colorScheme: ColorScheme) => ChooseColor;
-
-declare const getColor: GetColor;
 
 interface ErrorBoxProps {
     colorScheme: ColorScheme;
     content?: ReactElement | string;
-    isContentFormatted?: boolean;
+    items?: ErrorBoxItem[];
     title?: ReactElement | string;
 }
 
@@ -136,19 +156,14 @@ declare enum TableVariant {
     EXCHANGE = "exchange",
     SIMPLE = "simple"
 }
-declare enum TextAlign$1 {
-    center = "center",
-    left = "left",
-    right = "right"
-}
-interface TableProps {
-    children: ReactNode;
+interface TableProps extends PropsWithChildren {
     variant: TableVariant;
 }
 interface TableCellProps extends PropsWithChildren {
+    align?: 'center' | 'char' | 'justify' | 'left' | 'right';
     delimiter?: boolean;
-    textAlign?: TextAlign$1;
     variant: TableVariant;
+    width?: number | string;
 }
 
 declare const Table: FC<TableProps>;
@@ -159,7 +174,7 @@ declare const TableData: FC<TableCellProps>;
 
 declare const TableHead: FC<TableProps>;
 
-declare const TableHeadData: FC<TableProps>;
+declare const TableHeadData: FC<TableCellProps>;
 
 declare const TableRow: FC<TableProps>;
 
@@ -653,9 +668,11 @@ interface SliderInputMinMax {
     min: number;
 }
 interface SliderInputProps extends RefAttributes<HTMLInputElement> {
+    colorScheme?: ColorScheme;
     disabled?: boolean | undefined;
     hasError?: boolean;
     id?: string | undefined;
+    inputNote?: ReactElement | string;
     isInputHidden?: boolean | undefined;
     label: SliderInputLabel;
     mediaType: MediaType;
@@ -1344,4 +1361,4 @@ declare const theme: {
     };
 };
 
-export { Accordion, AccordionItem, type AccordionItemProps, 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, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxProps, FieldWrapper, FieldWrapperLayout, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, 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, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, type TabsProps, type TabsType, TabsVariant, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };
+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, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, FieldWrapper, FieldWrapperLayout, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, 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, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, type TabsProps, type TabsType, TabsVariant, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };