@itcase/ui 1.8.52 → 1.8.54

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_B7IMj2rG.js';
+import { b as Title } from '../Icon_es_BGR9vYtq.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_B7IMj2rG.js';
+import { B as Badge, I as Icon } from '../Icon_es_BGR9vYtq.js';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
 import { L as Link } from '../Link_es_BnUIX0QT.js';
 import { T as Text } from '../Text_es_BdFAdf7M.js';

package/dist/components/Tile.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Icon_es_B7IMj2rG.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_BGR9vYtq.js';
 import { T as Text } from '../Text_es_BdFAdf7M.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_B7IMj2rG.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BGR9vYtq.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_B7IMj2rG.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BGR9vYtq.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Warning.js

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

package/dist/css/styles/fill/fill_gradient.css

@@ -0,0 +1,12 @@
+.fill_gradient {
+  @each $type in primary, secondary, tertiary, quaternary {
+    &-$(type) {
+      @each $direction, $degree in (top, right, diagonal, bottom, left),
+        (0deg, 90deg, 135deg, 180deg, 270deg) {
+        &-$(direction) {
+          background: linear-gradient($(degree), var(--color-gradient-$(type)));
+        }
+      }
+    }
+  }
+}

package/dist/types/components/Badge/appearance/badgeShape.d.ts

@@ -0,0 +1,25 @@
+declare const badgeAppearanceShape: {
+    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 { badgeAppearanceShape };

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

@@ -1,8 +1,11 @@
 declare const buttonAppearanceShape: {
+    circular: {
+        shape: string;
+    };
     rounded: {
         shape: string;
     };
-    roundedS: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };
@@ -10,7 +13,7 @@ declare const buttonAppearanceShape: {
         shape: string;
         shapeStrength: string;
     };
-    roundedL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };

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

@@ -1,8 +1,10 @@
-declare const labelAppearanceWarning: {
-    gradient: {
+declare const labelAppearanceGradient: {
+    gradientPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
-export { labelAppearanceWarning };
+export { labelAppearanceGradient };

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

@@ -1,4 +1,7 @@
 declare const labelAppearanceShape: {
+    circular: {
+        shape: string;
+    };
     rounded: {
         shape: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.52",
+  "version": "1.8.54",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -104,8 +104,8 @@
     "@itcase/common": "^1.2.28",
     "@itcase/icons": "^1.2.16",
     "@itcase/storybook-config": "^1.1.37",
-    "@itcase/tokens-am": "^1.1.15",
-    "@itcase/tokens-baikal": "^1.1.15",
+    "@itcase/tokens-am": "^1.1.19",
+    "@itcase/tokens-baikal": "^1.1.17",
     "@itcase/tokens-palette": "^1.1.11",
     "@storybook/addon-vitest": "^9.0.17",
     "clsx": "^2.1.1",

package/dist/css/styles/fill-gradient/fill-gradient.css

@@ -1,20 +0,0 @@
-.fill-gradient {
-  @each $type in accent, primary, secondary, tertiary, surface, success, error {
-    &_$(type) {
-      @each $color in primary, secondary, tertiary, quaternary, quinary, senary,
-        accent, disabled, hover {
-        &-$(color) {
-          @each $direction in left, top, right, bottom {
-            &-$(direction) {
-              background: linear-gradient(
-                to $(direction),
-                var(--color-$(type)-gradient-$(color)-start) 0%,
-                var(--color-$(type)-gradient-$(color)-end) 100%
-              );
-            }
-          }
-        }
-      }
-    }
-  }
-}