npm - @itcase/ui - Versions diffs - 1.8.30 → 1.8.32 - Mend

@itcase/ui 1.8.30 → 1.8.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (210) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/ScrollOnDrag/stories/__mock__/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const scrollOnDragMock: import("react/jsx-runtime").JSX.Element;
2	+ export { scrollOnDragMock };

package/dist/types/components/Scrollbar/stories/__mock__/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const scrollbarMock: import("react/jsx-runtime").JSX.Element[];
2	+ export { scrollbarMock };

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

@@ -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} RENAMED Viewed

@@ -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 CHANGED Viewed

@@ -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/Swiper/stories/__mock__/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const slidesMock: import("react/jsx-runtime").JSX.Element[];
2	+ export { slidesMock };

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

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.30",
+  "version": "1.8.32",
   "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.5",
+    "@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"
   }
 }