@itcase/ui 1.8.60 → 1.8.62

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BGR9vYtq.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_CoIszJbl.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BdFAdf7M.js';
+import '../Text_es_BvmOR4nv.js';

package/dist/components/Warning.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_BGR9vYtq.js';
-import { T as Text } from '../Text_es_BdFAdf7M.js';
+import { I as Icon } from '../Icon_es_CoIszJbl.js';
+import { T as Text } from '../Text_es_BvmOR4nv.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';

package/dist/css/components/Chips/Chips.css

@@ -5,7 +5,6 @@
     align-items: center;
   }
 }
-
 .chips {
   @each $size in xxl, xl, l, m, s, xs, xxs {
     &_size_$(size) {
@@ -18,23 +17,6 @@
     }
   }
 }
-
-.chips {
-  &_shape {
-    &_rounded {
-      border-radius: var(--chips-shape-rounded-default);
-      @each $size in xxl, xl, l, m, s, xs, xxs {
-        &^^&_size_$(size) {
-          border-radius: var(--chips-$(size)-shape-rounded);
-        }
-      }
-    }
-    &_circular {
-      border-radius: 20px;
-    }
-  }
-}
-
 .chips {
   &&_skeleton {
     background-size: 200% !important;
@@ -51,7 +33,6 @@
     }
   }
 }
-
 @keyframes chipsSkeleton {
   0% {
     background-position: 200%;
@@ -60,7 +41,6 @@
     background-position: -200%;
   }
 }
-
 :root {
   /* Default */
   --chips-shape-rounded-default: 8px;

package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css

@@ -12,17 +12,16 @@
         scroll-behavior: auto;
       }
       &--hide-scrollbars {
-        /* overflow: hidden;
         overflow: -moz-scrollbars-none;
         -ms-overflow-style: none;
-        scrollbar-width: none; */
-        /* &::-webkit-scrollbar {
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
           width: 0 !important;
           height: 0 !important;
           background: transparent !important;
           display: none !important;
           appearance: none !important;
-        } */
+        }
       }
       &--native-scroll {
         overflow: auto;

package/dist/css/components/Select/Select.css

@@ -1,6 +1,6 @@
 .select {
   width: 100%;
-  min-width: 240px;
+  min-width: 100%;
   position: relative;
 }
 

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

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

package/dist/types/components/Cell/appearance/cellSurface.d.ts

@@ -2,7 +2,10 @@ declare const cellAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
+        titleTextSize: string;
         titleIconItemFill: string;
+        valueTextColor: string;
+        titleTextColor: string;
         titleLabelAppearance: string;
         labelTextColor: string;
         borderColor: string;
@@ -12,7 +15,10 @@ declare const cellAppearanceSurface: {
     surfaceSecondary: {
         fill: string;
         fillHover: string;
+        titleTextSize: string;
+        titleTextColor: string;
         titleIconItemFill: string;
+        valueTextColor: string;
         titleLabelAppearance: string;
         labelTextColor: string;
         borderColor: string;
@@ -22,7 +28,10 @@ declare const cellAppearanceSurface: {
     surfaceTertiary: {
         fill: string;
         fillHover: string;
+        titleTextSize: string;
+        titleTextColor: string;
         titleIconItemFill: string;
+        valueTextColor: string;
         titleLabelAppearance: string;
         labelTextColor: string;
         borderColor: string;
@@ -30,7 +39,10 @@ declare const cellAppearanceSurface: {
         valueLabelAppearance: string;
     };
     surfaceQuaternary: {
+        titleTextSize: string;
         fill: string;
+        valueTextColor: string;
+        titleTextColor: string;
         fillHover: string;
         titleIconItemFill: string;
         titleLabelAppearance: string;

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

@@ -0,0 +1,25 @@
+declare const chipsAppearanceShape: {
+    circular: {
+        shape: string;
+    };
+    rounded: {
+        shape: string;
+    };
+    roundedL: {
+        shape: string;
+        shapeStrength: string;
+    };
+    roundedM: {
+        shape: string;
+        shapeStrength: string;
+    };
+    roundedS: {
+        shape: string;
+        shapeStrength: string;
+    };
+    roundedXL: {
+        shape: string;
+        shapeStrength: string;
+    };
+};
+export { chipsAppearanceShape };

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

@@ -24,9 +24,17 @@ declare const chipsAppearanceSurface: {
     };
     surfaceSecondary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
+        labelTextHoverColor: string;
         borderColor: string;
+        iconAfterFillActiveIcon: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillActiveIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceTertiary: {
         fill: string;

package/dist/types/components/Loader/appearance/loaderStyle.d.ts

@@ -0,0 +1,14 @@
+declare const loaderAppearanceStyle: {
+    solid: {
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+};
+export { loaderAppearanceStyle };

package/dist/types/components/Response/appearance/responceConfirm.d.ts

@@ -5,6 +5,8 @@ declare const responseAppearanceConfirm: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
+        svgFill: string;
+        svgPathFill: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
     };

package/dist/types/components/Response/appearance/responseSuccess.d.ts

@@ -5,10 +5,10 @@ declare const responseAppearanceSuccess: {
         titleTextSize: string;
         labelTextColor: string;
         descTextSize: string;
-        primaryButtonAppearance: string;
-        secondaryButtonAppearance: string;
         svgFill: string;
         svgPathFill: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
     };
 };
 export { responseAppearanceSuccess };

package/dist/types/components/Response/img/index.d.ts

@@ -1,12 +1,12 @@
-declare const resposeIcon: {
+declare const responseIcon: {
+    Error: any;
     Warning: any;
     Success: any;
     Confirm: any;
-    Search: any;
-    Error: any;
     Fail: any;
     NothingFound: any;
     Refresh: any;
+    Search: any;
     UnableLoadData: any;
 };
-export { resposeIcon };
+export { responseIcon };

package/dist/types/components/Response/index.d.ts

@@ -1,2 +1,4 @@
-export { responseAppearance } from './Response.appearance';
-export { Response, responseConfig } from './Response';
+import { responseIcon } from './img';
+import { Response, responseConfig } from './Response';
+import { responseAppearance } from './Response.appearance';
+export { responseAppearance, responseIcon, Response, responseConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.60",
+  "version": "1.8.62",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -103,11 +103,11 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.28",
     "@itcase/icons": "^1.2.16",
-    "@itcase/storybook-config": "^1.1.50",
+    "@itcase/storybook-config": "^1.1.53",
     "@itcase/tokens-am": "^1.1.19",
     "@itcase/tokens-baikal": "^1.1.17",
     "@itcase/tokens-palette": "^1.1.11",
-    "@storybook/addon-vitest": "^9.0.17",
+    "@storybook/addon-vitest": "^9.0.18",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
@@ -143,7 +143,7 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@itcase/config": "^1.0.54",
-    "@itcase/lint": "^1.1.25",
+    "@itcase/lint": "^1.1.26",
     "@itcase/types": "^1.0.6",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -180,7 +180,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.7",
-    "storybook": "^9.0.17",
+    "storybook": "^9.0.18",
     "stylelint": "^16.22.0",
     "typescript": "^5.8.3"
   }