@itcase/ui 1.8.35 → 1.8.37

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsAccent.d.ts

@@ -1,19 +1,9 @@
 declare const breadcrumbsAppearanceAccent: {
-    accent: {
-        fill: string;
-        fillHover: string;
-    };
     accentPrimary: {
         fill: string;
-        fillHover: string;
-        borderColor: string;
-    };
-    accentSecondary: {
-        fill: string;
-        fillHover: string;
-        textColor: string;
-        textColorHover: string;
+        labelTextColor: string;
         borderColor: string;
+        iconFillIcon: string;
     };
 };
 export { breadcrumbsAppearanceAccent };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts

@@ -2,44 +2,37 @@ declare const breadcrumbsAppearanceSize: {
     sizeXXL: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeXL: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeL: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeS: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeXXS: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
 };
 export { breadcrumbsAppearanceSize };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsStyle.d.ts

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

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts

@@ -1,24 +1,27 @@
 declare const breadcrumbsAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
         iconFillIcon: string;
     };
     surfaceSecondary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconFillIcon: string;
     };
     surfaceTertiary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconFillIcon: string;
     };
 };
 export { breadcrumbsAppearanceSurface };

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

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

package/dist/types/components/Button/appearance/buttonSurface.d.ts

@@ -26,5 +26,14 @@ declare const buttonAppearanceSurface: {
         iconFillIcon: string;
         loaderAppearance: string;
     };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
+    };
 };
 export { buttonAppearanceSurface };

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

@@ -41,6 +41,7 @@ interface ChipsProps extends ChipsThemeColor, StyleAttributes {
     style?: CSSProperties;
     type?: string;
     isActive?: boolean;
+    isSkeleton?: boolean;
     onClick?: () => void;
 }
 export type { ChipsThemeColor, ChipsAppearance, ChipsConfig, ChipsProps };

package/dist/types/components/Chips/appearance/chipsAccent.d.ts

@@ -5,11 +5,19 @@ declare const chipsAppearanceAccent: {
         labelTextColor: string;
         borderColor: string;
     };
+    accentMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     accentPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
         borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { chipsAppearanceAccent };

package/dist/types/components/Chips/appearance/chipsDanger.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceDanger: {};
+declare const chipsAppearanceDanger: {
+    dangerMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    dangerPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceDanger };

package/dist/types/components/Chips/appearance/chipsError.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceError: {};
+declare const chipsAppearanceError: {
+    errorMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    errorPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceError };

package/dist/types/components/Chips/appearance/chipsInfo.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceInfo: {};
+declare const chipsAppearanceInfo: {
+    infoMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceInfo };

package/dist/types/components/Chips/appearance/chipsPrimary.d.ts

@@ -1,8 +1,17 @@
 declare const chipsAppearancePrimary: {
-    primary: {
+    primaryMutedPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    primaryPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { chipsAppearancePrimary };

package/dist/types/components/Chips/appearance/chipsSecondary.d.ts

@@ -1,9 +1,17 @@
 declare const chipsAppearanceSecondary: {
-    secondary: {
+    secondaryMutedPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
         borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    secondaryPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { chipsAppearanceSecondary };

package/dist/types/components/Chips/appearance/chipsSuccess.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceSuccess: {};
+declare const chipsAppearanceSuccess: {
+    successMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    successPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceSuccess };

package/dist/types/components/Chips/appearance/chipsSurface.d.ts

@@ -1,4 +1,11 @@
 declare const chipsAppearanceSurface: {
+    surfaceMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     surfacePrimary: {
         fill: string;
         fillActive: string;
@@ -9,8 +16,11 @@ declare const chipsAppearanceSurface: {
         labelTextHoverColor: string;
         borderColor: string;
         activeIconItemFill: string;
-        iconBeforeFillIcon: string;
         badgeAppearance: string;
+        iconAfterFillActiveIcon: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillActiveIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceSecondary: {
         fill: string;

package/dist/types/components/Chips/appearance/chipsWarning.d.ts

@@ -1,2 +1,17 @@
-declare const chipsAppearanceWarning: {};
+declare const chipsAppearanceWarning: {
+    warningMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+    warningPrimary: {
+        fill: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
+};
 export { chipsAppearanceWarning };

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

@@ -0,0 +1,14 @@
+declare const chipsListMock: {
+    chipsList: ({
+        id: number;
+        label: string;
+        isActive: boolean;
+        iconAfter?: undefined;
+    } | {
+        id: number;
+        label: string;
+        iconAfter: any;
+        isActive: boolean;
+    })[];
+};
+export { chipsListMock };

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

@@ -4,6 +4,7 @@ declare const choiceAppearanceDefault: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

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

@@ -3,7 +3,7 @@ declare const choiceAppearanceDisabled: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
-        fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

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

@@ -4,6 +4,7 @@ declare const choiceAppearanceError: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

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

@@ -4,6 +4,7 @@ declare const choiceAppearanceRequire: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

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

@@ -1,19 +1,17 @@
 declare const choiceAppearanceStyle: {
-    full: {
+    solid: {
         borderColor: string;
     };
-    ghost: {
+    outlined: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
-        borderColor: string;
     };
-    outlined: {
+    full: {};
+    ghost: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
-    };
-    solid: {
         borderColor: string;
     };
 };

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

@@ -4,6 +4,7 @@ declare const choiceAppearanceSuccess: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

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

@@ -4,12 +4,8 @@ declare const choiceListMock: {
     };
     choices: {
         label: string;
-        iconAfter: {
-            Default: any;
-        };
-        iconBefore: {
-            Default: any;
-        };
+        iconAfter: any;
+        iconBefore: any;
         value: number;
     }[];
 };
@@ -18,9 +14,7 @@ declare const choiceListIconMock: {
         value: number;
     };
     choices: {
-        icon: {
-            Default: any;
-        };
+        icon: any;
         value: number;
     }[];
 };

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

@@ -1,44 +1,87 @@
-declare const dropdownListMock: {
-    dropdownList: ({
-        key: number;
-        label: string;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconBefore?: undefined;
-        iconAfter?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        badgeValue: number;
-        isActive: boolean;
-        iconBefore?: undefined;
-        iconAfter?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        iconBefore: any;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconAfter?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        iconAfter: any;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconBefore?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        showDivider: boolean;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconBefore?: undefined;
-        iconAfter?: undefined;
-    })[];
-};
-export { dropdownListMock };
+declare const dropdownListMock: ({
+    key: number;
+    label: string;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconBefore?: undefined;
+    iconAfter?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    isActive: boolean;
+    iconBefore?: undefined;
+    iconAfter?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    iconBefore: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconAfter?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    iconAfter: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconBefore?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    showDivider: boolean;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconBefore?: undefined;
+    iconAfter?: undefined;
+})[];
+declare const dropdownListSimpleMock: ({
+    key: number;
+    label: string;
+    isActive: boolean;
+    badgeValue?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    isActive: boolean;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    showDivider: boolean;
+    isActive: boolean;
+    badgeValue?: undefined;
+})[];
+declare const dropdownListBeforeMock: ({
+    key: number;
+    label: string;
+    iconBefore: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    iconBefore: any;
+    isActive: boolean;
+})[];
+declare const dropdownListAfterMock: ({
+    key: number;
+    label: string;
+    iconAfter: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    iconAfter: any;
+    isActive: boolean;
+})[];
+export { dropdownListMock, dropdownListSimpleMock, dropdownListBeforeMock, dropdownListAfterMock, };

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

@@ -3,21 +3,19 @@ declare const iconAppearanceAccent: {
         fill: string;
         fillHover: string;
         borderColor: string;
+        badgeAppearance: string;
         iconFill: string;
     };
     accentPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
+        badgeAppearance: string;
         iconFill: string;
     };
     accentSecondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconFill: string;
     };

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

@@ -2,14 +2,12 @@ declare const iconAppearanceDanger: {
     danger: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
     };
     dangerPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceDanger };

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

@@ -0,0 +1,12 @@
+declare const iconAppearanceDisabled: {
+    danger: {
+        fill: string;
+        fillHover: string;
+    };
+    disabledPrimary: {
+        fill: string;
+        badgeAppearance: string;
+        iconFill: string;
+    };
+};
+export { iconAppearanceDisabled };