@itcase/ui-web 1.9.89 → 1.9.91

package/dist/types/components/Code/appearance/codeDefault.d.ts

@@ -1,3 +1,11 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceDefault: CodeAppearance;
+declare const codeAppearanceDefault: {
+    defaultPrimary: {
+        inputBorderColor: "surfaceBorderTertiary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "surfaceSecondary";
+        inputFillHover: "surfaceSecondary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+};
 export { codeAppearanceDefault };

package/dist/types/components/Code/appearance/codeDisabled.d.ts

@@ -1,3 +1,12 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceDisabled: CodeAppearance;
+declare const codeAppearanceDisabled: {
+    disabledPrimary: {
+        inputBorderColor: "surfaceBorderDisabled";
+        inputBorderColorHover: "surfaceBorderDisabled";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "surfaceDisabled";
+        inputFillHover: "surfaceDisabled";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+};
 export { codeAppearanceDisabled };

package/dist/types/components/Code/appearance/codeError.d.ts

@@ -1,3 +1,12 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceError: CodeAppearance;
+declare const codeAppearanceError: {
+    errorPrimary: {
+        inputBorderColor: "errorBorderQuaternary";
+        inputBorderColorHover: "errorBorderSecondary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "errorTertiary";
+        inputFillHover: "errorHoverTertiary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+};
 export { codeAppearanceError };

package/dist/types/components/Code/appearance/codeRequire.d.ts

@@ -1,3 +1,12 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceRequire: CodeAppearance;
+declare const codeAppearanceRequire: {
+    requirePrimary: {
+        inputBorderColor: "warningBorderSecondary";
+        inputBorderColorHover: "warningBorderSecondary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "warningTertiary";
+        inputFillHover: "warningTertiary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+};
 export { codeAppearanceRequire };

package/dist/types/components/Code/appearance/codeShape.d.ts

@@ -1,3 +1,21 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceShape: CodeAppearance;
+declare const codeAppearanceShape: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+};
 export { codeAppearanceShape };

package/dist/types/components/Code/appearance/codeSize.d.ts

@@ -1,3 +1,13 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceSize: CodeAppearance;
+declare const codeAppearanceSize: {
+    sizeL: {
+        size: "l";
+        inputSize: "l";
+        inputTextSize: "xxl";
+    };
+    sizeM: {
+        size: "m";
+        inputSize: "m";
+        inputTextSize: "xxl";
+    };
+};
 export { codeAppearanceSize };

package/dist/types/components/Code/appearance/codeStyle.d.ts

@@ -1,3 +1,16 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceStyle: CodeAppearance;
+declare const codeAppearanceStyle: {
+    solid: {
+        inputBorderColor: "none";
+    };
+    outlined: {
+        inputFill: "none";
+    };
+    full: {
+        inputBorderColor: "none";
+    };
+    ghost: {
+        inputBorderColor: "none";
+        inputFill: "none";
+    };
+};
 export { codeAppearanceStyle };

package/dist/types/components/Code/appearance/codeSuccess.d.ts

@@ -1,3 +1,12 @@
-import { CodeAppearance } from '../Code.interface';
-declare const codeAppearanceSuccess: CodeAppearance;
+declare const codeAppearanceSuccess: {
+    successPrimary: {
+        inputBorderColor: "successBorderSecondary";
+        inputBorderColorHover: "successBorderSecondary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "successTertiary";
+        inputFillHover: "successHoverTertiary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+};
 export { codeAppearanceSuccess };

package/dist/types/components/CookiesWarning/CookiesWarning.appearance.d.ts

@@ -1,3 +1,12 @@
-import { CookiesWarningAppearance } from './CookiesWarning.interface';
-declare const cookiesWarningAppearance: CookiesWarningAppearance;
+declare const cookiesWarningAppearance: {
+    defaultPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        messageTextColor: "surfaceTextPrimary";
+        messageTextSize: "s";
+        elevation: "8";
+        buttonAppearance: "accentPrimary sizeXL";
+        buttonWidth: "fill";
+    };
+};
 export { cookiesWarningAppearance };

package/dist/types/components/CookiesWarning/appearance/cookiesWarningDefault.d.ts

@@ -1,3 +1,12 @@
-import { CookiesWarningAppearance } from '../CookiesWarning.interface';
-declare const cookiesWarningAppearanceDefault: CookiesWarningAppearance;
+declare const cookiesWarningAppearanceDefault: {
+    defaultPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        messageTextColor: "surfaceTextPrimary";
+        messageTextSize: "s";
+        elevation: "8";
+        buttonAppearance: "accentPrimary sizeXL";
+        buttonWidth: "fill";
+    };
+};
 export { cookiesWarningAppearanceDefault };

package/dist/types/components/DatePeriod/DatePeriod.appearance.d.ts

@@ -1,3 +1,66 @@
-import { DatePeriodAppearance } from './DatePeriod.interface';
-declare const datePeriodAppearance: DatePeriodAppearance;
+declare const datePeriodAppearance: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedXL: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedL: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedM: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedS: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    sizeL: {
+        size: "l";
+        chipsAppearanceSize: "sizeXL";
+        datePickerAppearanceSize: "sizeL";
+        datePickerInputAppearanceSize: "sizeL";
+        selectAppearanceSize: "sizeL";
+    };
+    sizeM: {
+        size: "m";
+        chipsAppearanceSize: "sizeL";
+        datePickerAppearanceSize: "sizeM";
+        datePickerInputAppearanceSize: "sizeM";
+        selectAppearanceSize: "sizeM";
+    };
+    sizeS: {
+        size: "s";
+        chipsAppearanceSize: "sizeM";
+        datePickerAppearanceSize: "sizeS";
+        datePickerInputAppearanceSize: "sizeS";
+        selectAppearanceSize: "sizeS";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        chipsAppearance: "surfacePrimary ghost";
+        datePickerAppearance: "surfacePrimary";
+        datePickerInputAppearance: "defaultPrimary";
+        selectAppearance: "defaultPrimary solid";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        chipsAppearance: "surfacePrimary ghost";
+        datePickerAppearance: "surfacePrimary";
+        datePickerInputAppearance: "defaultPrimary";
+        selectAppearance: "defaultPrimary solid";
+    };
+};
 export { datePeriodAppearance };

package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts

@@ -1,6 +1,6 @@
 import type { DatePeriodItem } from '@itcase/common/types';
 import { Option as SelectOption } from '@itcase/types-core';
-import type { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, CompositeAppearanceKeys, FillHoverProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
+import type { AppearanceConfig, AppearanceKeysDefault, AppearancePartialRecord, AppearanceShapeKey, AppearanceSizeKey, CompositeAppearanceKeys, FillHoverProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { ChipsProps } from 'src/components/Chips/Chips.interface';
 import { DatePickerInputProps } from 'src/components/DatePicker/DatePicker.interface';
@@ -57,4 +57,6 @@ type DatePeriodProps<Option = SelectOption> = DatePeriodAppearanceProps<Option>
 };
 type DatePeriodConfig = AppearanceConfig<AppearanceKeysDefault, DatePeriodAppearanceProps<SelectOption>>;
 type DatePeriodAppearance = DatePeriodConfig['appearance'];
-export type { DatePeriodAppearance, DatePeriodConfig, DatePeriodProps };
+type DatePeriodAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, DatePeriodAppearanceProps<SelectOption>, 'chipsShape' | 'selectShape' | 'shape'>;
+type DatePeriodAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, DatePeriodAppearanceProps<SelectOption>, 'chipsAppearanceSize' | 'datePickerAppearanceSize' | 'datePickerInputAppearanceSize' | 'selectAppearanceSize' | 'size'>;
+export type { DatePeriodAppearance, DatePeriodAppearanceShape, DatePeriodAppearanceSize, DatePeriodConfig, DatePeriodProps, };

package/dist/types/components/DatePeriod/appearance/datePeriodShape.d.ts

@@ -1,3 +1,31 @@
-import { DatePeriodAppearance } from '../DatePeriod.interface';
-declare const datePeriodAppearanceShape: DatePeriodAppearance;
+declare const datePeriodAppearanceShape: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedXL: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedL: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedM: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+    roundedS: {
+        chipsShape: "rounded";
+        selectShape: "rounded";
+        shape: "rounded";
+    };
+};
 export { datePeriodAppearanceShape };

package/dist/types/components/DatePeriod/appearance/datePeriodSize.d.ts

@@ -1,3 +1,24 @@
-import { DatePeriodAppearance } from '../DatePeriod.interface';
-declare const datePeriodAppearanceSize: DatePeriodAppearance;
+declare const datePeriodAppearanceSize: {
+    sizeL: {
+        size: "l";
+        chipsAppearanceSize: "sizeXL";
+        datePickerAppearanceSize: "sizeL";
+        datePickerInputAppearanceSize: "sizeL";
+        selectAppearanceSize: "sizeL";
+    };
+    sizeM: {
+        size: "m";
+        chipsAppearanceSize: "sizeL";
+        datePickerAppearanceSize: "sizeM";
+        datePickerInputAppearanceSize: "sizeM";
+        selectAppearanceSize: "sizeM";
+    };
+    sizeS: {
+        size: "s";
+        chipsAppearanceSize: "sizeM";
+        datePickerAppearanceSize: "sizeS";
+        datePickerInputAppearanceSize: "sizeS";
+        selectAppearanceSize: "sizeS";
+    };
+};
 export { datePeriodAppearanceSize };

package/dist/types/components/DatePeriod/appearance/datePeriodSurface.d.ts

@@ -1,3 +1,17 @@
-import { DatePeriodAppearance } from '../DatePeriod.interface';
-declare const datePeriodAppearanceSurface: DatePeriodAppearance;
+declare const datePeriodAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        chipsAppearance: "surfacePrimary ghost";
+        datePickerAppearance: "surfacePrimary";
+        datePickerInputAppearance: "defaultPrimary";
+        selectAppearance: "defaultPrimary solid";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        chipsAppearance: "surfacePrimary ghost";
+        datePickerAppearance: "surfacePrimary";
+        datePickerInputAppearance: "defaultPrimary";
+        selectAppearance: "defaultPrimary solid";
+    };
+};
 export { datePeriodAppearanceSurface };

package/dist/types/components/DatePeriod/stories/DatePeriodSize.stories.js

@@ -519,16 +519,7 @@ const Component = (args) => {
     }, []);
     const { selectedDatePeriodEnd, selectedDatePeriodStart } = filtersState;
     const datePeriodFirstOptions = weeksSelectGroupedOptions.flatMap(({ options }) => options.map((option) => ({ label: option.label, value: option.value })));
-    return (
-    // <DatePeriod
-    //   {...args}
-    //   appearance="surfaceSecondary sizeL solid rounded"
-    //   datePeriodValueEnd={endDatePickerPeriod}
-    //   datePeriodValueStart={startDatePickerPeriod}
-    //   monthsShown={2}
-    //   onChangeDatePeriod={onChangeDatePeriod}
-    // />
-    _jsx(DatePeriod, { ...args, 
+    return (_jsx(DatePeriod, { ...args, 
         // datePeriodIntervalsList={DATE_PERIOD_INTERVALS_LIST}
         datePeriodSelectFirstOptions: datePeriodFirstOptions, datePeriodSelectFirstPlaceholder: "\u041D\u0435\u0434\u0435\u043B\u044F", datePeriodSelectFirstValue: selectedDatePeriodValue, 
         // datePeriodValueEnd={startDatePickerPeriod}

package/dist/types/components/DatePicker/DatePicker.appearance.d.ts

@@ -1,3 +1,58 @@
-import { DatePickerAppearance } from './DatePicker.interface';
-declare const datePickerAppearance: DatePickerAppearance;
+declare const datePickerAppearance: {
+    solid: {
+        inputProps: {
+            borderColor: "none";
+        };
+    };
+    outlined: {
+        inputProps: {
+            fill: "none";
+        };
+    };
+    full: {};
+    ghost: {
+        inputProps: {
+            fill: "none";
+            borderColor: "none";
+        };
+    };
+    sizeL: {
+        size: "l";
+        daySize: "xs";
+        dayTextSize: "m";
+        iconFillSize: "24";
+        iconLeft: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconRight: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        daySize: "xxl";
+        dayTextSize: "m";
+        iconFillSize: "24";
+        iconLeft: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconRight: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconSize: "14";
+        monthTextSize: "m";
+        yearTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        daySize: "xs";
+        dayTextSize: "m";
+        iconFillSize: "24";
+        iconLeft: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconRight: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    surfacePrimary: {
+        dayTextColor: "surfaceTextPrimary";
+        dayTextShape: "rounded";
+        iconFillHover: "surfaceSecondary";
+        iconItemFill: "surfaceItemPrimary";
+        iconShape: "circular";
+        monthTextColor: "surfaceTextPrimary";
+        monthTextWeight: "400";
+        yearTextColor: "surfaceTextPrimary";
+        yearTextWeight: "400";
+    };
+};
 export { datePickerAppearance };

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode, RefObject } from 'react';
 import DatePicker, { DatePickerProps } from 'react-datepicker';
 import { DateIso } from '@itcase/types-core';
-import { AppearanceConfig, AppearanceKeysDefault, CompositeAppearanceKeys, SizeProps, TextSizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceKeys, SizeProps, TextSizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { ButtonProps } from 'src/components/Button/Button.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { InputProps } from 'src/components/Input/Input.interface';
@@ -92,4 +93,6 @@ type DatePickerInputIcon = {
 };
 type DatePickerConfig = AppearanceConfig<AppearanceKeysDefault, DatePickerInputAppearanceProps>;
 type DatePickerAppearance = DatePickerConfig['appearance'];
-export type { DatePickerAppearance, DatePickerConfig, DatePickerCustomInput, DatePickerInputAppearanceProps, DatePickerInputIcon, DatePickerInputProps, };
+type DatePickerAppearanceStyle = AppearanceRecord<AppearanceStyleKey, DatePickerInputAppearanceProps, 'inputProps'>;
+type DatePickerAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, DatePickerInputAppearanceProps, 'daySize' | 'dayTextSize' | 'iconFillSize' | 'iconLeft' | 'iconRight' | 'iconSize' | 'monthTextSize' | 'size' | 'yearTextSize'>;
+export type { DatePickerAppearance, DatePickerAppearanceSize, DatePickerAppearanceStyle, DatePickerConfig, DatePickerCustomInput, DatePickerInputAppearanceProps, DatePickerInputIcon, DatePickerInputProps, };

package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts

@@ -1,3 +1,30 @@
-import { DatePickerAppearance } from '../DatePicker.interface';
-declare const datePickerSize: DatePickerAppearance;
+declare const datePickerSize: {
+    sizeL: {
+        size: "l";
+        daySize: "xs";
+        dayTextSize: "m";
+        iconFillSize: "24";
+        iconLeft: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconRight: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        daySize: "xxl";
+        dayTextSize: "m";
+        iconFillSize: "24";
+        iconLeft: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconRight: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconSize: "14";
+        monthTextSize: "m";
+        yearTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        daySize: "xs";
+        dayTextSize: "m";
+        iconFillSize: "24";
+        iconLeft: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconRight: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { datePickerSize };

package/dist/types/components/DatePicker/appearance/datePickerStyle.d.ts

@@ -1,3 +1,20 @@
-import { DatePickerAppearance } from '../DatePicker.interface';
-declare const datePickerStyle: DatePickerAppearance;
+declare const datePickerStyle: {
+    solid: {
+        inputProps: {
+            borderColor: "none";
+        };
+    };
+    outlined: {
+        inputProps: {
+            fill: "none";
+        };
+    };
+    full: {};
+    ghost: {
+        inputProps: {
+            fill: "none";
+            borderColor: "none";
+        };
+    };
+};
 export { datePickerStyle };

package/dist/types/components/DatePicker/appearance/datePickerSurface.d.ts

@@ -1,3 +1,14 @@
-import { DatePickerAppearance } from '../DatePicker.interface';
-declare const datePickerAppearanceSurface: DatePickerAppearance;
+declare const datePickerAppearanceSurface: {
+    surfacePrimary: {
+        dayTextColor: "surfaceTextPrimary";
+        dayTextShape: "rounded";
+        iconFillHover: "surfaceSecondary";
+        iconItemFill: "surfaceItemPrimary";
+        iconShape: "circular";
+        monthTextColor: "surfaceTextPrimary";
+        monthTextWeight: "400";
+        yearTextColor: "surfaceTextPrimary";
+        yearTextWeight: "400";
+    };
+};
 export { datePickerAppearanceSurface };

package/dist/types/components/Divider/Divider.appearance.d.ts

@@ -1,3 +1,42 @@
-import { DividerAppearance } from './Divider.interface';
-declare const dividerAppearance: DividerAppearance;
+declare const dividerAppearance: {
+    warningPrimary: {
+        fill: "warningPrimary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+    };
+    sizeL: {
+        size: "l";
+    };
+    sizeM: {
+        size: "m";
+    };
+    sizeS: {
+        size: "s";
+    };
+};
 export { dividerAppearance };

package/dist/types/components/Divider/appearance/dividerAccent.d.ts

@@ -1,3 +1,6 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceAccent: DividerAppearance;
+declare const dividerAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+    };
+};
 export { dividerAppearanceAccent };

package/dist/types/components/Divider/appearance/dividerError.d.ts

@@ -1,3 +1,6 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceError: DividerAppearance;
+declare const dividerAppearanceError: {
+    errorPrimary: {
+        fill: "errorPrimary";
+    };
+};
 export { dividerAppearanceError };

package/dist/types/components/Divider/appearance/dividerExtra.d.ts

@@ -1,3 +1,6 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceExtra: DividerAppearance;
+declare const dividerAppearanceExtra: {
+    extraPrimary: {
+        fill: "extraPrimary";
+    };
+};
 export { dividerAppearanceExtra };

package/dist/types/components/Divider/appearance/dividerSize.d.ts

@@ -1,3 +1,12 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceSize: DividerAppearance;
+declare const dividerAppearanceSize: {
+    sizeL: {
+        size: "l";
+    };
+    sizeM: {
+        size: "m";
+    };
+    sizeS: {
+        size: "s";
+    };
+};
 export { dividerAppearanceSize };

package/dist/types/components/Divider/appearance/dividerSpecial.d.ts

@@ -1,3 +1,6 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceSpecial: DividerAppearance;
+declare const dividerAppearanceSpecial: {
+    specialPrimary: {
+        fill: "specialPrimary";
+    };
+};
 export { dividerAppearanceSpecial };

package/dist/types/components/Divider/appearance/dividerSuccess.d.ts

@@ -1,3 +1,6 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceSuccess: DividerAppearance;
+declare const dividerAppearanceSuccess: {
+    successPrimary: {
+        fill: "successPrimary";
+    };
+};
 export { dividerAppearanceSuccess };

package/dist/types/components/Divider/appearance/dividerSurface.d.ts

@@ -1,3 +1,15 @@
-import type { DividerAppearance } from '../Divider.interface';
-declare const dividerAppearanceSurface: DividerAppearance;
+declare const dividerAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+    };
+};
 export { dividerAppearanceSurface };