@itcase/ui 1.8.42 → 1.8.44

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

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

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

@@ -1,3 +1,4 @@
+import { LabelConfig } from 'src/components/Label/Label.interface';
 import type { CookiesWarningProps } from './CookiesWarning.interface';
 declare const cookiesWarningConfig: LabelConfig;
 declare function CookiesWarning(props: CookiesWarningProps): false | import("react/jsx-runtime").JSX.Element;

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

@@ -21,16 +21,16 @@ export declare const datePickerAppearance: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: any;
-        iconRight: any;
+        iconLeft: string;
+        iconRight: string;
     };
     sizeM: {
         size: string;
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: any;
-        iconRight: any;
+        iconLeft: string;
+        iconRight: string;
         iconSize: number;
         monthTextSize: string;
         yearTextSize: string;
@@ -40,8 +40,8 @@ export declare const datePickerAppearance: {
         daySize: string;
         dayTextSize: string;
         iconFillSize: number;
-        iconLeft: any;
-        iconRight: any;
+        iconLeft: string;
+        iconRight: string;
     };
     surfacePrimary: {
         dayTextColor: string;

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

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

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

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

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

@@ -15,14 +15,14 @@ declare const dropdownListMock: ({
 } | {
     key: number;
     label: string;
-    iconBefore: any;
+    iconBefore: string;
     isActive: boolean;
     badgeValue?: undefined;
     iconAfter?: undefined;
 } | {
     key: number;
     label: string;
-    iconAfter: any;
+    iconAfter: string;
     isActive: boolean;
     badgeValue?: undefined;
     iconBefore?: undefined;
@@ -58,27 +58,27 @@ declare const dropdownListSimpleMock: ({
 declare const dropdownListBeforeMock: ({
     key: number;
     label: string;
-    iconBefore: any;
+    iconBefore: string;
     isActive: boolean;
     badgeValue?: undefined;
 } | {
     key: number;
     label: string;
     badgeValue: number;
-    iconBefore: any;
+    iconBefore: string;
     isActive: boolean;
 })[];
 declare const dropdownListAfterMock: ({
     key: number;
     label: string;
-    iconAfter: any;
+    iconAfter: string;
     isActive: boolean;
     badgeValue?: undefined;
 } | {
     key: number;
     label: string;
     badgeValue: number;
-    iconAfter: any;
+    iconAfter: string;
     isActive: boolean;
 })[];
 export { dropdownListMock, dropdownListSimpleMock, dropdownListBeforeMock, dropdownListAfterMock, dropdownListMessageMock, dropdownListBadgeMock, };

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

@@ -1,4 +1,12 @@
 declare const menuItemAppearanceAccent: {
+    accentMutedPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     accentPrimary: {
         fill: string;
         fillHover: string;

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

@@ -1,4 +1,11 @@
 declare const menuItemAppearanceError: {
+    errorMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     errorPrimary: {
         fill: string;
         fillHover: string;

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

@@ -1,4 +1,12 @@
 declare const menuItemAppearanceSurface: {
+    surfaceMutedPrimary: {
+        fill: string;
+        fillActive: string;
+        fillActiveHover: string;
+        labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+    };
     surfacePrimary: {
         fill: string;
         fillActive: string;

package/dist/types/components/Notification/appearance/notificationDefault.d.ts

@@ -9,7 +9,7 @@ declare const notificationAppearanceDefault: {
         borderColor: string;
         textColor: string;
         iconSize: number;
-        closeIcon: any;
+        closeIcon: string;
         closeIconFillIcon: string;
     };
 };

package/dist/types/components/Notification/appearance/notificationError.d.ts

@@ -9,7 +9,7 @@ declare const notificationAppearanceError: {
         borderColor: string;
         textColor: string;
         iconSize: number;
-        closeIcon: any;
+        closeIcon: string;
         closeIconFillIcon: string;
     };
 };

package/dist/types/components/Notification/appearance/notificationInfo.d.ts

@@ -9,7 +9,7 @@ declare const notificationAppearanceInfo: {
         borderColor: string;
         textColor: string;
         iconSize: number;
-        closeIcon: any;
+        closeIcon: string;
         closeIconFillIcon: string;
     };
 };

package/dist/types/components/Notification/appearance/notificationSuccess.d.ts

@@ -9,7 +9,7 @@ declare const notificationAppearanceSuccess: {
         borderColor: string;
         textColor: string;
         iconSize: number;
-        closeIcon: any;
+        closeIcon: string;
         closeIconFillIcon: string;
     };
 };

package/dist/types/components/Notification/appearance/notificationWarning.d.ts

@@ -9,7 +9,7 @@ declare const notificationAppearanceWarning: {
         borderColor: string;
         textColor: string;
         iconSize: number;
-        closeIcon: any;
+        closeIcon: string;
         closeIconFillIcon: string;
     };
 };

package/dist/types/components/Pagination/appearance/paginationSize.d.ts

@@ -3,74 +3,74 @@ declare const paginationAppearanceSize: {
         size: string;
         labelTextSize: string;
         textSize: string;
-        builderIcon: any;
+        builderIcon: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
-        nextIcon: any;
+        nextIcon: string;
         pageCountDescTextSize: string;
         pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemSize: string;
         pageCountDropdownItemWidth: string;
-        pageCountInputIcon: any;
+        pageCountInputIcon: string;
         pageCountInputIconFillSize: string;
         pageCountInputTextSize: string;
-        previousIcon: any;
+        previousIcon: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
         textSize: string;
-        builderIcon: any;
+        builderIcon: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
-        nextIcon: any;
+        nextIcon: string;
         pageCountDescTextSize: string;
         pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemSize: string;
-        pageCountInputIcon: any;
+        pageCountInputIcon: string;
         pageCountInputIconFillSize: string;
         pageCountInputTextSize: string;
-        previousIcon: any;
+        previousIcon: string;
     };
     sizeS: {
         size: string;
         labelTextSize: string;
         textSize: string;
-        builderIcon: any;
+        builderIcon: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
-        nextIcon: any;
+        nextIcon: string;
         pageCountDescTextSize: string;
         pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemSize: string;
-        pageCountInputIcon: any;
+        pageCountInputIcon: string;
         pageCountInputTextSize: string;
-        previousIcon: any;
+        previousIcon: string;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
         textSize: string;
         beforeSize: string;
-        builderIcon: any;
+        builderIcon: string;
         iconAfterFillSize: string;
-        nextIcon: any;
+        nextIcon: string;
         pageCountDescTextSize: string;
         pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemSize: string;
-        pageCountInputIcon: any;
+        pageCountInputIcon: string;
         pageCountInputTextSize: string;
-        previousIcon: any;
+        previousIcon: string;
     };
 };
 export { paginationAppearanceSize };

package/dist/types/components/Search/appearance/searchSize.d.ts

@@ -1,43 +1,43 @@
 declare const searchAppearanceSize: {
     sizeXXL: {
         size: string;
-        iconBefore: any;
-        iconClear: any;
+        iconBefore: string;
+        iconClear: string;
         inputTextSize: string;
         placeholderTextSize: string;
     };
     sizeXL: {
         size: string;
-        iconBefore: any;
-        iconClear: any;
+        iconBefore: string;
+        iconClear: string;
         inputTextSize: string;
         placeholderTextSize: string;
     };
     sizeL: {
         size: string;
-        iconBefore: any;
-        iconClear: any;
+        iconBefore: string;
+        iconClear: string;
         inputTextSize: string;
         placeholderTextSize: string;
     };
     sizeM: {
         size: string;
-        iconBefore: any;
-        iconClear: any;
+        iconBefore: string;
+        iconClear: string;
         inputTextSize: string;
         placeholderTextSize: string;
     };
     sizeS: {
         size: string;
-        iconBefore: any;
-        iconClear: any;
+        iconBefore: string;
+        iconClear: string;
         inputTextSize: string;
         placeholderTextSize: string;
     };
     sizeXS: {
         size: string;
-        iconBefore: any;
-        iconClear: any;
+        iconBefore: string;
+        iconClear: string;
         inputTextSize: string;
         placeholderTextSize: string;
     };

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

@@ -4,8 +4,8 @@ declare const segmentedMock: {
     };
     segments: {
         label: string;
-        iconAfter: any;
-        iconBefore: any;
+        iconAfter: string;
+        iconBefore: string;
         value: number;
     }[];
 };
@@ -18,20 +18,20 @@ declare const segmentedIconMock: {
 }[];
 declare const segmentedMockSize: {
     14: {
-        iconAfter: any;
-        iconBefore: any;
+        iconAfter: string;
+        iconBefore: string;
         label: string;
         value: number;
     }[];
     16: {
-        iconAfter: any;
-        iconBefore: any;
+        iconAfter: string;
+        iconBefore: string;
         label: string;
         value: number;
     }[];
     20: {
-        iconAfter: any;
-        iconBefore: any;
+        iconAfter: string;
+        iconBefore: string;
         label: string;
         value: number;
     }[];

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

@@ -14,7 +14,7 @@ declare const tabListMock: {
     } | {
         key: number;
         label: string;
-        icon: any;
+        icon: string;
         isActive: boolean;
         badgeValue?: undefined;
     })[];

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

@@ -0,0 +1,101 @@
+export declare const warningAppearance: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        labelTextWeight: string;
+        descriptionTextSize: string;
+        iconAfterSize: string;
+        iconBeforeSize: string;
+    };
+    solid: {
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+    infoMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    errorMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    errorPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    warningMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    warningPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    accentMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { WarningConfig, WarningProps } from './Warning.interface';
+declare const warningConfig: WarningConfig;
+declare function Warning(props: WarningProps): import("react/jsx-runtime").JSX.Element;
+export { Warning, warningConfig };

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

@@ -0,0 +1,41 @@
+import type { CSSProperties, ElementType } from 'react';
+import { AppearanceKeysDefault, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+interface WarningThemeColor {
+    borderColor?: BorderColorProps;
+    descriptionTextColor: TextColorProps;
+    descriptionTextSize: TextSizeProps;
+    fill?: FillProps;
+    iconAfter: ElementType;
+    iconAfterFillIcon: ItemColorProps;
+    iconAfterSize: SizePXProps;
+    iconAfterSrc: string;
+    iconBefore: ElementType;
+    iconBeforeFill: FillProps;
+    iconBeforeFillIcon: ItemColorProps;
+    iconBeforeSize: SizePXProps;
+    iconBeforeSrc: string;
+    labelTextColor?: TextColorProps;
+    labelTextSize?: TextSizeProps;
+    labelTextWeight: TextWeightProps;
+    size: TextSizeProps;
+}
+type WarningAppearance = {
+    [key in AppearanceKeysDefault]?: WarningThemeColor;
+};
+interface WarningConfig {
+    [key: number | string | symbol]: any;
+    appearance: WarningAppearance | undefined;
+    setAppearance: (newComponent: WarningAppearance) => void;
+}
+interface WarningProps {
+    appearance?: string;
+    className: string;
+    description?: string;
+    iconAfterSrc?: string;
+    iconBeforeSrc?: string;
+    label?: string;
+    shape?: ShapeProps;
+    style?: CSSProperties;
+    isSkeleton?: boolean;
+}
+export { WarningProps, WarningConfig };

package/dist/types/components/Warning/appearance/warningAccent.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceAccent: {
+    accentMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceAccent };

package/dist/types/components/Warning/appearance/warningError.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceError: {
+    errorMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    errorPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceError };

package/dist/types/components/Warning/appearance/warningInfo.d.ts

@@ -0,0 +1,23 @@
+declare const warningAppearanceInfo: {
+    infoMutedPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+    infoPrimary: {
+        fill: string;
+        labelTextColor: string;
+        descriptionTextColor: string;
+        borderColor: string;
+        iconAfter: string;
+        iconAfterFillIcon: string;
+        iconBefore: string;
+        iconBeforeFillIcon: string;
+    };
+};
+export { warningAppearanceInfo };

package/dist/types/components/Warning/appearance/warningSize.d.ts

@@ -0,0 +1,11 @@
+declare const warningAppearanceSize: {
+    sizeL: {
+        size: string;
+        labelTextSize: string;
+        labelTextWeight: string;
+        descriptionTextSize: string;
+        iconAfterSize: string;
+        iconBeforeSize: string;
+    };
+};
+export { warningAppearanceSize };