@itcase/ui-web 1.9.90 → 1.9.91

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

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

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

@@ -1,3 +1,14 @@
-import { DrawerAppearance } from './Drawer.interface';
-declare const drawerAppearance: DrawerAppearance;
+declare const drawerAppearance: {
+    surfacePrimary: {
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        closeIconFillIcon: "surfaceItemPrimary";
+    };
+    sizeH3: {
+        titleTextSize: "h3";
+        descTextSize: "s";
+        dividerSize: "s";
+    };
+};
 export { drawerAppearance };

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

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysHeading, CompositeAppearanceTitleKeys } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceHeadingSizeKey, AppearanceKeysHeading, CompositeAppearanceTitleKeys } from '@itcase/types-ui';
+import type { AppearancePartialRecord } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { DividerProps } from 'src/components/Divider/Divider.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -46,4 +47,5 @@ type DrawerProps = DrawerAppearanceProps & StyleAttributes & {
 };
 type DrawerConfig = AppearanceConfig<AppearanceKeysHeading, DrawerAppearanceProps>;
 type DrawerAppearance = DrawerConfig['appearance'];
-export type { DrawerAppearance, DrawerConfig, DrawerProps };
+type DrawerAppearanceSize = AppearancePartialRecord<AppearanceHeadingSizeKey, DrawerAppearanceProps, 'descTextSize' | 'dividerSize' | 'titleTextSize'>;
+export type { DrawerAppearance, DrawerAppearanceSize, DrawerConfig, DrawerProps, };

package/dist/types/components/Drawer/appearance/drawerSize.d.ts

@@ -1,3 +1,8 @@
-import { DrawerAppearance } from '../Drawer.interface';
-declare const drawerAppearanceSize: DrawerAppearance;
+declare const drawerAppearanceSize: {
+    sizeH3: {
+        titleTextSize: "h3";
+        descTextSize: "s";
+        dividerSize: "s";
+    };
+};
 export { drawerAppearanceSize };

package/dist/types/components/Drawer/appearance/drawerSurface.d.ts

@@ -1,3 +1,9 @@
-import { DrawerAppearance } from '../Drawer.interface';
-declare const drawerAppearanceSurface: DrawerAppearance;
+declare const drawerAppearanceSurface: {
+    surfacePrimary: {
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        closeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        closeIconFillIcon: "surfaceItemPrimary";
+    };
+};
 export { drawerAppearanceSurface };

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

@@ -1,3 +1,118 @@
-import { DropdownAppearance } from './Dropdown.interface';
-declare const dropdownAppearance: DropdownAppearance;
+declare const dropdownAppearance: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "m";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "m";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "xs";
+        iconAfterFillSize: "12";
+        iconAfterSize: "12";
+        iconBeforeFillSize: "12";
+        iconBeforeSize: "12";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentActivePrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextPrimary";
+        labelTextColorActive: "accentTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        labelTextColorHover: "accentTextPrimary";
+        badgeAppearance: "surfacePrimary";
+        dividerFill: "surfaceTertiary";
+        emptyMessageTextColor: "accentTextPrimary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfaceHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "surfaceTextPrimary";
+        labelTextColorActiveHover: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        dividerFill: "surfaceTertiary";
+        emptyMessageTextColor: "surfaceTextPrimary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+};
 export { dropdownAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, MouseEvent, MouseEventHandler, ReactNode } from 'react';
-import { AlignmentProps, AlignProps, AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AlignmentProps, AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { DividerProps } from 'src/components/Divider/Divider.interface';
@@ -158,4 +159,7 @@ type DropdownItemConfig = AppearanceConfig<AppearanceKeysDefault, DropdownItemAp
 type DropdownItemAppearance = DropdownItemConfig['appearance'];
 type DropdownConfig = AppearanceConfig<AppearanceKeysDefault, DropdownAppearanceProps>;
 type DropdownAppearance = DropdownConfig['appearance'];
-export type { DropdownAppearance, DropdownConfig, DropdownItemAppearance, DropdownItemConfig, DropdownItemProps, DropdownProps, };
+type DropdownAppearanceStyle = AppearanceRecord<AppearanceStyleKey, DropdownAppearanceProps, 'borderColor' | 'fill'>;
+type DropdownAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, DropdownAppearanceProps, 'shape'>;
+type DropdownAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, DropdownAppearanceProps, 'badgeSize' | 'badgeTextSize' | 'dividerSize' | 'emptyMessageTextSize' | 'iconAfterFillSize' | 'iconAfterSize' | 'iconBeforeFillSize' | 'iconBeforeSize' | 'labelTextSize' | 'size'>;
+export type { DropdownAppearance, DropdownAppearanceShape, DropdownAppearanceSize, DropdownAppearanceStyle, DropdownConfig, DropdownItemAppearance, DropdownItemConfig, DropdownItemProps, DropdownProps, };

package/dist/types/components/Dropdown/DropdownItem.appearance.d.ts

@@ -1,3 +1,118 @@
-import { DropdownItemAppearance } from './Dropdown.interface';
-declare const dropdownItemAppearance: DropdownItemAppearance;
+declare const dropdownItemAppearance: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "m";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "m";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "xs";
+        iconAfterFillSize: "12";
+        iconAfterSize: "12";
+        iconBeforeFillSize: "12";
+        iconBeforeSize: "12";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentActivePrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextPrimary";
+        labelTextColorActive: "accentTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        labelTextColorHover: "accentTextPrimary";
+        badgeAppearance: "surfacePrimary";
+        dividerFill: "surfaceTertiary";
+        emptyMessageTextColor: "accentTextPrimary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfaceHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "surfaceTextPrimary";
+        labelTextColorActiveHover: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        dividerFill: "surfaceTertiary";
+        emptyMessageTextColor: "surfaceTextPrimary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+};
 export { dropdownItemAppearance };

package/dist/types/components/Dropdown/appearance/dropdownAccent.d.ts

@@ -1,3 +1,24 @@
-import { DropdownAppearance } from '../Dropdown.interface';
-declare const dropdownAppearanceAccent: DropdownAppearance;
+declare const dropdownAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentActivePrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextPrimary";
+        labelTextColorActive: "accentTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        labelTextColorHover: "accentTextPrimary";
+        badgeAppearance: "surfacePrimary";
+        dividerFill: "surfaceTertiary";
+        emptyMessageTextColor: "accentTextPrimary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+    };
+};
 export { dropdownAppearanceAccent };

package/dist/types/components/Dropdown/appearance/dropdownShape.d.ts

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

package/dist/types/components/Dropdown/appearance/dropdownSize.d.ts

@@ -1,3 +1,39 @@
-import { DropdownAppearance } from '../Dropdown.interface';
-declare const dropdownAppearanceSize: DropdownAppearance;
+declare const dropdownAppearanceSize: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "m";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "m";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        badgeSize: "xs";
+        badgeTextSize: "xs";
+        dividerSize: "s";
+        emptyMessageTextSize: "xs";
+        iconAfterFillSize: "12";
+        iconAfterSize: "12";
+        iconBeforeFillSize: "12";
+        iconBeforeSize: "12";
+    };
+};
 export { dropdownAppearanceSize };

package/dist/types/components/Dropdown/appearance/dropdownStyle.d.ts

@@ -1,3 +1,14 @@
-import { DropdownAppearance } from '../Dropdown.interface';
-declare const dropdownAppearanceStyle: DropdownAppearance;
+declare const dropdownAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+};
 export { dropdownAppearanceStyle };

package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts

@@ -1,3 +1,32 @@
-import { DropdownAppearance } from '../Dropdown.interface';
-declare const dropdownAppearanceSurface: DropdownAppearance;
+declare const dropdownAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfaceHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "surfaceTextPrimary";
+        labelTextColorActiveHover: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        dividerFill: "surfaceTertiary";
+        emptyMessageTextColor: "surfaceTextPrimary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+};
 export { dropdownAppearanceSurface };

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

@@ -1,3 +1,91 @@
-import { DropzoneAppearance } from './Dropzone.interface';
-declare const dropzoneAppearance: DropzoneAppearance;
+declare const dropzoneAppearance: {
+    disabledTertiary: {
+        fill: "disabledTertiary";
+        fillHover: "disabledQuaternary";
+        hintTitle: string;
+        hintTitleTextColor: "disabledTextSecondary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+    successTertiary: {
+        fill: "successTertiary";
+        fillHover: "successTertiary";
+        hintTitle: string;
+        hintTitleTextColor: "successTextQuaternary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    errorTertiary: {
+        fill: "errorTertiary";
+        fillHover: "errorTertiary";
+        hintTitle: string;
+        hintTitleTextColor: "errorTextQuaternary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+    requireTertiary: {
+        fill: "warningTertiary";
+        fillHover: "warningTertiary";
+        hintTitle: string;
+        hintTitleTextColor: "specialTextSecondary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        hintTitle: string;
+        hintTitleTextColor: "surfaceTextPrimary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+};
 export { dropzoneAppearance };

package/dist/types/components/Dropzone/Dropzone.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DropzoneProps } from './Dropzone.interface';
-declare const Dropzone: React.NamedExoticComponent<DropzoneProps>;
+declare const Dropzone: React.MemoExoticComponent<(props: DropzoneProps) => import("react/jsx-runtime").JSX.Element>;
 export { Dropzone };

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

@@ -1,4 +1,5 @@
-import { AppearanceConfig, AppearanceKeysState, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { ButtonProps } from '../Button/Button.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -72,5 +73,6 @@ type DropzoneProps = DropzoneAppearanceProps & StyleAttributes & {
 };
 type DropzoneConfig = AppearanceConfig<AppearanceKeysState, DropzoneAppearanceProps>;
 type DropzoneAppearance = DropzoneConfig['appearance'];
+type DropzoneAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, DropzoneAppearanceProps, 'shape'>;
 type DropzoneFieldValuesList = DropzoneProps['fieldValuesList'];
-export type { DropzoneAppearance, DropzoneConfig, DropzoneFieldValuesList, DropzoneFileItem, DropzoneProps, };
+export type { DropzoneAppearance, DropzoneAppearanceShape, DropzoneConfig, DropzoneFieldValuesList, DropzoneFileItem, DropzoneProps, };

package/dist/types/components/Dropzone/appearance/dropzoneDefault.d.ts

@@ -1,3 +1,17 @@
-import { DropzoneAppearance } from '../Dropzone.interface';
-declare const dropzoneAppearanceDefault: DropzoneAppearance;
+declare const dropzoneAppearanceDefault: {
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        hintTitle: string;
+        hintTitleTextColor: "surfaceTextPrimary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+};
 export { dropzoneAppearanceDefault };

package/dist/types/components/Dropzone/appearance/dropzoneDisabled.d.ts

@@ -1,3 +1,17 @@
-import { DropzoneAppearance } from '../Dropzone.interface';
-declare const dropzoneAppearanceDisabled: DropzoneAppearance;
+declare const dropzoneAppearanceDisabled: {
+    disabledTertiary: {
+        fill: "disabledTertiary";
+        fillHover: "disabledQuaternary";
+        hintTitle: string;
+        hintTitleTextColor: "disabledTextSecondary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+};
 export { dropzoneAppearanceDisabled };

package/dist/types/components/Dropzone/appearance/dropzoneError.d.ts

@@ -1,3 +1,17 @@
-import { DropzoneAppearance } from '../Dropzone.interface';
-declare const dropzoneAppearanceError: DropzoneAppearance;
+declare const dropzoneAppearanceError: {
+    errorTertiary: {
+        fill: "errorTertiary";
+        fillHover: "errorTertiary";
+        hintTitle: string;
+        hintTitleTextColor: "errorTextQuaternary";
+        hintTitleTextSize: "m";
+        removeThumbText: string;
+        removeThumbTextColor: "errorTextPrimary";
+        thumbBorderColor: "surfaceBorderTertiary";
+        thumbBorderColorHover: "surfaceBorderQuaternary";
+        thumbBorderWidth: "1";
+        thumbNameTextColor: "surfaceTextPrimary";
+        thumbNameTextSize: "s";
+    };
+};
 export { dropzoneAppearanceError };