@itcase/ui 1.8.52 → 1.8.53

package/dist/{DatePicker_cjs_C5A_2oSh.js → DatePicker_cjs_Dm4jEz9i.js}

@@ -12,7 +12,7 @@ var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Button = require('./Button_cjs_C8P5a38-.js');
 var Icon = require('./Icon_cjs_CKWWo53f.js');
 var Input = require('./Input_cjs_BGLd0EQu.js');
-var Label = require('./Label_cjs_DHLQmexE.js');
+var Label = require('./Label_cjs_DtPQ3nBp.js');
 var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var _default = require('@itcase/icons/default');
 

package/dist/{DatePicker_es_CqxAvzoP.js → DatePicker_es_DOS_Wd3d.js}

@@ -10,7 +10,7 @@ import { useStyles } from './hooks/useStyles/useStyles.js';
 import { B as Button } from './Button_es_CwtOu3lT.js';
 import { I as Icon } from './Icon_es_B7IMj2rG.js';
 import { I as Input } from './Input_es_D2mNCqiH.js';
-import { L as Label } from './Label_es_DDjXQQpD.js';
+import { L as Label } from './Label_es_Bdm6UXMY.js';
 import { T as Text } from './Text_es_BdFAdf7M.js';
 import { icons14 } from '@itcase/icons/default';
 

package/dist/{Label_cjs_DHLQmexE.js → Label_cjs_DtPQ3nBp.js}

@@ -82,6 +82,16 @@ var labelAppearanceError = {
     },
 };
 
+var labelAppearanceGradient = {
+    gradientPrimary: {
+        fill: 'gradientPrimaryDiagonal',
+        labelTextColor: 'surfaceTextInverse',
+        borderColor: 'surfaceBorderPrimary',
+        iconAfterFillIcon: 'surfaceItemInverse',
+        iconBeforeFillIcon: 'surfaceItemInverse',
+    },
+};
+
 var labelAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoMuted',
@@ -144,17 +154,17 @@ var labelAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedL: {
+    roundedS: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
+        shapeStrength: '0_5m',
     },
     roundedM: {
         shape: 'rounded',
         shapeStrength: '1m',
     },
-    roundedS: {
+    roundedL: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
+        shapeStrength: '1_5m',
     },
     roundedXL: {
         shape: 'rounded',
@@ -298,7 +308,7 @@ var labelAppearanceWarning = {
     },
 };
 
-var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
+var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceGradient), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
 
 var labelConfig = {
     appearance: labelAppearance,

package/dist/{Label_es_DDjXQQpD.js → Label_es_Bdm6UXMY.js}

@@ -80,6 +80,16 @@ var labelAppearanceError = {
     },
 };
 
+var labelAppearanceGradient = {
+    gradientPrimary: {
+        fill: 'gradientPrimaryDiagonal',
+        labelTextColor: 'surfaceTextInverse',
+        borderColor: 'surfaceBorderPrimary',
+        iconAfterFillIcon: 'surfaceItemInverse',
+        iconBeforeFillIcon: 'surfaceItemInverse',
+    },
+};
+
 var labelAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoMuted',
@@ -142,17 +152,17 @@ var labelAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedL: {
+    roundedS: {
         shape: 'rounded',
-        shapeStrength: '1_5m',
+        shapeStrength: '0_5m',
     },
     roundedM: {
         shape: 'rounded',
         shapeStrength: '1m',
     },
-    roundedS: {
+    roundedL: {
         shape: 'rounded',
-        shapeStrength: '0_5m',
+        shapeStrength: '1_5m',
     },
     roundedXL: {
         shape: 'rounded',
@@ -296,7 +306,7 @@ var labelAppearanceWarning = {
     },
 };
 
-var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
+var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceGradient), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
 
 var labelConfig = {
     appearance: labelAppearance,

package/dist/cjs/components/Cell.js

@@ -6,7 +6,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Icon = require('../../Icon_cjs_CKWWo53f.js');
-var Label = require('../../Label_cjs_DHLQmexE.js');
+var Label = require('../../Label_cjs_DtPQ3nBp.js');
 var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');

package/dist/cjs/components/DatePeriod.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_C5A_2oSh.js');
+var DatePicker = require('../../DatePicker_cjs_Dm4jEz9i.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_CVCYLe2C.js');
@@ -31,7 +31,7 @@ require('../../Link_cjs_BqT6eVl6.js');
 require('../../Text_cjs_C-Ux7Tz5.js');
 require('../../Loader_cjs_D_n5PrK5.js');
 require('../../Input_cjs_BGLd0EQu.js');
-require('../../Label_cjs_DHLQmexE.js');
+require('../../Label_cjs_DtPQ3nBp.js');
 require('@itcase/icons/default');
 require('lodash/castArray');
 

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_C5A_2oSh.js');
+var DatePicker = require('../../DatePicker_cjs_Dm4jEz9i.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -31,7 +31,7 @@ require('../../Link_cjs_BqT6eVl6.js');
 require('../../Text_cjs_C-Ux7Tz5.js');
 require('../../Loader_cjs_D_n5PrK5.js');
 require('../../Input_cjs_BGLd0EQu.js');
-require('../../Label_cjs_DHLQmexE.js');
+require('../../Label_cjs_DtPQ3nBp.js');
 require('@itcase/icons/default');
 
 

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../../Label_cjs_DHLQmexE.js');
+var Label = require('../../Label_cjs_DtPQ3nBp.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/components/Cell.js

@@ -4,7 +4,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { I as Icon } from '../Icon_es_B7IMj2rG.js';
-import { L as Label } from '../Label_es_DDjXQQpD.js';
+import { L as Label } from '../Label_es_Bdm6UXMY.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/DatePeriod.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_CqxAvzoP.js';
+import { D as DatePickerInput } from '../DatePicker_es_DOS_Wd3d.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BrX6_qHH.js';
@@ -29,7 +29,7 @@ import '../Link_es_BnUIX0QT.js';
 import '../Text_es_BdFAdf7M.js';
 import '../Loader_es_DXVVV9LE.js';
 import '../Input_es_D2mNCqiH.js';
-import '../Label_es_DDjXQQpD.js';
+import '../Label_es_Bdm6UXMY.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';
 

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CqxAvzoP.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_DOS_Wd3d.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -29,5 +29,5 @@ import '../Link_es_BnUIX0QT.js';
 import '../Text_es_BdFAdf7M.js';
 import '../Loader_es_DXVVV9LE.js';
 import '../Input_es_D2mNCqiH.js';
-import '../Label_es_DDjXQQpD.js';
+import '../Label_es_Bdm6UXMY.js';
 import '@itcase/icons/default';

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_DDjXQQpD.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_Bdm6UXMY.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

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/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

@@ -2,7 +2,7 @@ declare const labelAppearanceShape: {
     rounded: {
         shape: string;
     };
-    roundedL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };
@@ -10,7 +10,7 @@ declare const labelAppearanceShape: {
         shape: string;
         shapeStrength: string;
     };
-    roundedS: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.52",
+  "version": "1.8.53",
   "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%
-              );
-            }
-          }
-        }
-      }
-    }
-  }
-}