@itcase/ui 1.8.30 → 1.8.31

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 };

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

@@ -2,58 +2,43 @@ declare const menuItemAppearanceSize: {
     sizeXXL: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
     sizeXL: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
     sizeL: {
         size: string;
         labelTextSize: string;
-        descTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
     sizeS: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
     sizeXXS: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
         iconAfterSize: string;
-        iconBeforeFillSize: string;
         iconBeforeSize: string;
     };
 };

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

@@ -5,9 +5,7 @@ declare const menuItemAppearanceStyle: {
     outlined: {
         fill: string;
     };
-    full: {
-        borderColor: string;
-    };
+    full: {};
     ghost: {
         fill: string;
         borderColor: string;

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

@@ -1,24 +1,22 @@
 declare const menuItemAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillActive: string;
-        fillActiveHover: string;
         fillHover: string;
         labelTextColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    surfaceQuaternary: {
+    surfaceSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
     };
-    surfaceSecondary: {
+    surfaceTertiary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
     };
-    surfaceTertiary: {
+    surfaceQuaternary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;

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

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

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

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

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

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

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

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

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

@@ -27,7 +27,7 @@ declare const paginationAppearanceSurface: {
         pageCountDropdownItemSize: string;
         pageCountDropdownItemWidth: string;
         pageCountDropdownShape: string;
-        pageCountInputIcon: string;
+        pageCountInputIcon: any;
         pageCountInputIconColor: string;
         pageCountInputIconFillSize: string;
         pageCountInputTextColor: string;

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

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

package/dist/types/components/Segmented/appearance/{segmentedSurface.d.ts → segmentedDefault.d.ts}

@@ -1,5 +1,5 @@
-declare const segmentedAppearanceSurface: {
-    surfacePrimary: {
+declare const segmentedAppearanceDefault: {
+    defaultPrimary: {
         fill: string;
         fillActive: string;
         fillActiveHover: string;
@@ -9,7 +9,7 @@ declare const segmentedAppearanceSurface: {
         indicatorFill: string;
         shape: string;
     };
-    surfaceSecondary: {
+    defaultSecondary: {
         fill: string;
         fillActive: string;
         fillActiveHover: string;
@@ -20,4 +20,4 @@ declare const segmentedAppearanceSurface: {
         shape: string;
     };
 };
-export { segmentedAppearanceSurface };
+export { segmentedAppearanceDefault };

package/dist/types/components/Select/SelectLoadingIndicator.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { GroupBase, LoadingIndicatorProps } from 'react-select';
-declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => React.ReactNode;
+declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => any;
 export { SelectLoadingIndicator };

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

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

package/dist/types/hooks/useDeviceTargetClass.d.ts

@@ -0,0 +1,5 @@
+/** TODO:
+ * Hook is still used in "itcase-forms".
+ * Need replace with "useDevicePropsGenerator" and delete this.
+ */
+export function useDeviceTargetClass(componentProps: any, hookProps: any): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.30",
+  "version": "1.8.31",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -96,9 +96,9 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/common": "^1.2.27",
-    "@itcase/icons": "^1.1.3",
-    "@itcase/storybook-config": "^1.1.13",
+    "@itcase/common": "^1.2.28",
+    "@itcase/icons": "^1.1.4",
+    "@itcase/storybook-config": "^1.1.14",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
     "@itcase/tokens-palette": "^1.1.11",
@@ -135,22 +135,22 @@
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@itcase/config": "^1.0.47",
-    "@itcase/lint": "^1.1.17",
+    "@itcase/config": "^1.0.48",
+    "@itcase/lint": "^1.1.18",
     "@itcase/types": "^1.0.5",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.5",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-typescript": "^12.1.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.17",
+    "@types/lodash": "^4.17.18",
     "@types/luxon": "^3.6.2",
     "@types/react": "^19",
     "@types/react-datepicker": "^7.0.0",
@@ -166,17 +166,17 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.1.2",
     "npm": "^11.4.2",
-    "postcss": "^8.5.5",
+    "postcss": "^8.5.6",
     "prettier": "^3.5.3",
     "react-docgen-typescript": "^2.4.0",
-    "rollup": "^4.43.0",
+    "rollup": "^4.44.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.5",
     "storybook": "^8.6.14",
-    "stylelint": "^16.20.0",
+    "stylelint": "^16.21.0",
     "typescript": "^5.8.3"
   }
 }

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

@@ -1,10 +0,0 @@
-declare const choiceAppearanceAccent: {
-    accentPrimary: {
-        fill: string;
-        fillItemActive: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        borderColor: string;
-    };
-};
-export { choiceAppearanceAccent };

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

@@ -1,9 +0,0 @@
-declare const labelAppearanceWarning: {
-    gradient: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-    };
-};
-export { labelAppearanceWarning };

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

@@ -1,8 +0,0 @@
-declare const menuItemAppearancePrimary: {
-    primary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
-export { menuItemAppearancePrimary };

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

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

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

@@ -1,7 +0,0 @@
-declare const paginationAppearanceDanger: {
-    danger: {
-        fill: string;
-        fillHover: string;
-    };
-};
-export { paginationAppearanceDanger };

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

@@ -1,11 +0,0 @@
-declare const paginationAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { paginationAppearanceError };

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

@@ -1,21 +0,0 @@
-declare const paginationAppearanceInfo: {
-    info: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-    infoSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { paginationAppearanceInfo };

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

@@ -1,8 +0,0 @@
-declare const paginationAppearancePrimary: {
-    primary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
-export { paginationAppearancePrimary };

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

@@ -1,8 +0,0 @@
-declare const paginationAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
-export { paginationAppearanceSecondary };

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

@@ -1,48 +0,0 @@
-declare const paginationAppearanceSize: {
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        gap: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        pageCountDescTextSize: string;
-        pageCountDropdownItemDividerSize: string;
-        pageCountDropdownItemLabelSize: string;
-        pageCountDropdownItemSize: string;
-        pageCountInputIconFillSize: string;
-        pageCountInputTextSize: string;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        gap: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        marginPagesDisplayed: number;
-        pageCountDescTextSize: string;
-        pageCountDropdownItemDividerSize: string;
-        pageCountDropdownItemLabelSize: string;
-        pageCountDropdownItemSize: string;
-        pageCountInputIconFillSize: string;
-        pageCountInputTextSize: string;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        beforeSize: string;
-        iconAfterFillSize: string;
-    };
-};
-export { paginationAppearanceSize };