@itcase/ui 1.8.29 → 1.8.31

package/dist/stories/ChoicePlayground.mdx

@@ -1,10 +1,10 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as ChoiceStories from '../stories/Choice.stories'
+import * as ChoiceStories from '../stories/ChoiceDemo.stories'
 
 <Meta title="Atoms / Choice / Playground" />
 
 # Playground
 
-<Canvas sourceState="shown" of={ChoiceStories.Default} />
-<Controls of={ChoiceStories.Default} />
+<Canvas sourceState="shown" of={ChoiceStories.Demo} />
+<Controls of={ChoiceStories.Demo} />

package/dist/types/components/Accordion/appearance/accordionSize.d.ts

@@ -2,43 +2,50 @@ declare const accordionAppearanceSize: {
     sizeXXL: {
         size: string;
         titleTextSize: string;
+        badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeXL: {
         size: string;
         titleTextSize: string;
+        badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeL: {
         size: string;
         titleTextSize: string;
-        icon: string;
+        badgeAppearanceSize: string;
+        icon: any;
     };
     sizeM: {
         size: string;
         titleTextSize: string;
+        badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeS: {
         size: string;
         titleTextSize: string;
+        badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeXS: {
         size: string;
         titleTextSize: string;
+        badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
     sizeXXS: {
         size: string;
         titleTextSize: string;
+        badgeAppearanceSize: string;
         contentTextSize: string;
-        icon: string;
+        icon: any;
     };
 };
 export { accordionAppearanceSize };

package/dist/types/components/Accordion/appearance/accordionSurface.d.ts

@@ -4,24 +4,33 @@ declare const accordionAppearanceSurface: {
         fillHover: string;
         titleTextColor: string;
         labelTextColor: string;
+        badgeAppearance: string;
+        badgeShape: string;
         iconFillIcon: string;
     };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        badgeAppearance: string;
+        badgeShape: string;
+        iconFillIcon: string;
     };
     surfaceTertiary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        badgeAppearance: string;
+        badgeShape: string;
+        iconFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        badgeAppearance: string;
+        badgeShape: string;
+        iconFillIcon: string;
     };
 };
 export { accordionAppearanceSurface };

package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts

@@ -4,7 +4,7 @@ declare const breadcrumbsListMock: {
         key: number;
         text: string;
         href: string;
-        icon: string;
+        icon: any;
     }[];
 };
 export { breadcrumbsListMock };

package/dist/types/components/Cell/stories/__mock__/index.d.ts

@@ -1,9 +1,9 @@
 declare const cellMock: {
     title: string;
-    titleIcon: string;
+    titleIcon: any;
     titleLabel: string;
     value: string;
-    valueIcon: string;
+    valueIcon: any;
     valueLabel: string;
 };
 export { cellMock };

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

@@ -56,6 +56,7 @@ interface ChoiceProps extends ChoiceThemeColor, StyleAttributes {
     isCheckbox?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
+    isSkeleton?: boolean;
     set?: string;
     setActiveSegment?: (item: any, isChecked?: boolean) => void;
 }

package/dist/types/components/Choice/appearance/choiceDefault.d.ts

@@ -0,0 +1,10 @@
+declare const choiceAppearanceDefault: {
+    defaultPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceDefault };

package/dist/types/components/Choice/appearance/choiceDisabled.d.ts

@@ -0,0 +1,10 @@
+declare const choiceAppearanceDisabled: {
+    disabledPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceDisabled };

package/dist/types/components/Choice/appearance/choiceError.d.ts

@@ -0,0 +1,10 @@
+declare const choiceAppearanceError: {
+    errorPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceError };

package/dist/types/components/Choice/appearance/choiceRequire.d.ts

@@ -0,0 +1,11 @@
+declare const choiceAppearanceRequire: {
+    requirePrimary: {
+        fill: string;
+        fillItemActive: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceRequire };

package/dist/types/components/Choice/appearance/choiceStyle.d.ts

@@ -1,13 +1,15 @@
 declare const choiceAppearanceStyle: {
-    solid: {
+    full: {
         borderColor: string;
     };
-    outlined: {
+    ghost: {
         fill: string;
+        borderColor: string;
     };
-    full: {};
-    ghost: {
+    outlined: {
         fill: string;
+    };
+    solid: {
         borderColor: string;
     };
 };

package/dist/types/components/Choice/appearance/choiceSuccess.d.ts

@@ -0,0 +1,11 @@
+declare const choiceAppearanceSuccess: {
+    successPrimary: {
+        fill: string;
+        fillItemActive: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFill: string;
+        iconBeforeFill: string;
+    };
+};
+export { choiceAppearanceSuccess };

package/dist/types/components/Choice/stories/__mock__/index.d.ts

@@ -0,0 +1,4 @@
+export declare const options: {
+    label: string;
+    value: number;
+}[];

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

@@ -1,13 +1,15 @@
 declare const datePeriodAppearanceSize: {
     sizeL: {
         size: string;
-        datePickerAppearance: string;
+        chipsAppearanceSize: string;
+        datePickerAppearanceSize: string;
         datePickerInputSize: string;
         datePickerInputTextSize: string;
     };
     sizeM: {
         size: string;
-        datePickerAppearance: string;
+        chipsAppearanceSize: string;
+        datePickerAppearanceSize: string;
         datePickerInputSize: string;
         datePickerInputTextSize: string;
     };

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

@@ -5,7 +5,6 @@ declare const datePeriodAppearanceSurface: {
         chipsShape: string;
         datePickerAppearance: string;
         datePickerInputAppearance: string;
-        datePickerInputFillHover: string;
         shape: string;
     };
     surfaceSecondary: {
@@ -14,7 +13,6 @@ declare const datePeriodAppearanceSurface: {
         chipsShape: string;
         datePickerAppearance: string;
         datePickerInputAppearance: string;
-        datePickerInputFillHover: string;
         shape: string;
     };
 };

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

@@ -21,16 +21,16 @@ export declare const datePickerAppearance: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
     sizeM: {
         size: string;
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
         iconSize: number;
         monthTextSize: string;
         yearTextSize: string;
@@ -40,8 +40,8 @@ export declare const datePickerAppearance: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
     surfacePrimary: {
         dayTextColor: string;
@@ -49,8 +49,6 @@ export declare const datePickerAppearance: {
         iconFillHover: string;
         iconItemFill: string;
         iconShape: string;
-        iconLeft: string;
-        iconRight: string;
         monthTextColor: string;
         monthTextWeight: number;
         placeholderTextColor: string;

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

@@ -4,16 +4,16 @@ declare const datePickerSize: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
     sizeM: {
         size: string;
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
         iconSize: number;
         monthTextSize: string;
         yearTextSize: string;
@@ -23,8 +23,8 @@ declare const datePickerSize: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
+        iconLeft: any;
+        iconRight: any;
     };
 };
 export { datePickerSize };

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

@@ -5,8 +5,6 @@ declare const datePickerAppearanceSurface: {
         iconFillHover: string;
         iconItemFill: string;
         iconShape: string;
-        iconLeft: string;
-        iconRight: string;
         monthTextColor: string;
         monthTextWeight: number;
         placeholderTextColor: string;

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

@@ -7,7 +7,7 @@ declare const drawerAppearanceSurface: {
         descTextColor: string;
         descTextSize: string;
         iconSize: number;
-        closeIcon: string;
+        closeIcon: any;
         closeIconFillIcon: string;
     };
     surfaceQuaternary: {

package/dist/types/components/Icon/appearance/iconDanger.d.ts

@@ -5,5 +5,11 @@ declare const iconAppearanceDanger: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    dangerPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
 };
 export { iconAppearanceDanger };

package/dist/types/components/Icon/appearance/iconError.d.ts

@@ -5,5 +5,11 @@ declare const iconAppearanceError: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    errorPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
 };
 export { iconAppearanceError };

package/dist/types/components/Icon/appearance/iconPrimary.d.ts

@@ -4,5 +4,10 @@ declare const iconAppearancePrimary: {
         fillHover: string;
         labelTextColor: string;
     };
+    primaryPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
 };
 export { iconAppearancePrimary };

package/dist/types/components/Icon/appearance/iconSecondary.d.ts

@@ -4,5 +4,10 @@ declare const iconAppearanceSecondary: {
         fillHover: string;
         labelTextColor: string;
     };
+    secondaryPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
 };
 export { iconAppearanceSecondary };

package/dist/types/components/Icon/appearance/iconStyle.d.ts

@@ -1,14 +1,15 @@
 declare const iconAppearanceStyle: {
-    solid: {
+    full: {
         borderColor: string;
     };
-    outlined: {
+    ghost: {
         fill: string;
+        borderColor: string;
     };
-    full: {};
-    ghost: {
+    outlined: {
         fill: string;
-        fillHover: string;
+    };
+    solid: {
         borderColor: string;
     };
 };

package/dist/types/components/Icon/appearance/iconWarning.d.ts

@@ -5,5 +5,11 @@ declare const iconAppearanceWarning: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    warningPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
 };
 export { iconAppearanceWarning };

package/dist/types/components/Label/appearance/labelAccent.d.ts

@@ -4,7 +4,7 @@ declare const labelAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    accentMuted: {
+    accentMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

package/dist/types/components/Label/appearance/labelDanger.d.ts

@@ -8,7 +8,7 @@ declare const labelAppearanceDanger: {
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    dangerMuted: {
+    dangerMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

package/dist/types/components/Label/appearance/labelError.d.ts

@@ -1,21 +1,21 @@
 declare const labelAppearanceError: {
-    errorPrimary: {
+    error: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
     };
-    error: {
+    errorMutedPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
-    errorMuted: {
+    errorPrimary: {
         fill: string;
+        fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;

package/dist/types/components/Label/appearance/labelPrimary.d.ts

@@ -7,7 +7,7 @@ declare const labelAppearancePrimary: {
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    primaryMuted: {
+    primaryMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

package/dist/types/components/Label/appearance/labelSecondary.d.ts

@@ -7,7 +7,7 @@ declare const labelAppearanceSecondary: {
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    secondaryMuted: {
+    secondaryMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

package/dist/types/components/Label/appearance/labelSuccess.d.ts

@@ -5,7 +5,7 @@ declare const labelAppearanceSuccess: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    successMuted: {
+    successMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

package/dist/types/components/Label/appearance/labelSurface.d.ts

@@ -1,4 +1,12 @@
 declare const labelAppearanceSurface: {
+    surfaceMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     surfacePrimary: {
         fill: string;
         fillHover: string;
@@ -23,13 +31,5 @@ declare const labelAppearanceSurface: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceMuted: {
-        fill: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
 };
 export { labelAppearanceSurface };

package/dist/types/components/Label/appearance/labelWarning.d.ts

@@ -5,7 +5,7 @@ declare const labelAppearanceWarning: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    warningMuted: {
+    warningMutedPrimary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;

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

@@ -60,6 +60,7 @@ export interface MenuItemProps extends MenuItemThemeColor, StyleAttributes {
     type?: string;
     isActive?: undefined;
     isHover?: boolean;
+    isSkeleton?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
     set?: string;

package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts

@@ -1,21 +1,18 @@
 declare const menuItemAppearanceAccent: {
-    accent: {
-        fill: string;
-        fillHover: string;
-    };
     accentPrimary: {
         fill: string;
         fillHover: string;
-        borderColor: string;
+        labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     accentSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { menuItemAppearanceAccent };

package/dist/types/components/MenuItem/appearance/menuItemError.d.ts

@@ -1,11 +1,11 @@
 declare const menuItemAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { menuItemAppearanceError };