@itcase/ui 1.8.109 → 1.8.111

package/dist/cjs/components/Textarea.js

@@ -22,24 +22,26 @@ require('../hooks/useStyles/styleAttributes.js');
 var textareaAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
-    defaultTertiaryy: {
+    defaultTertiary: {
         fill: 'surfacePrimary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
@@ -47,7 +49,7 @@ var textareaAppearanceDefault = {
     defaultQuaternary: {
         fill: 'surfacePrimary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
@@ -58,7 +60,7 @@ var textareaAppearanceDisabled = {
     disabledPrimary: {
         fill: 'surfaceDisabled',
         borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderQuaternary',
+        borderColorHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextQuaternary',
         iconBeforeFill: 'errorItemQuaternary',
         iconClearFill: 'errorItemPrimary',
@@ -67,7 +69,7 @@ var textareaAppearanceDisabled = {
     disabledSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextSecondary',
@@ -78,7 +80,7 @@ var textareaAppearanceError = {
     errorPrimary: {
         fill: 'errorTertiary',
         borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderQuaternary',
+        borderColorHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextPrimary',
         iconBeforeFill: 'errorItemQuaternary',
         iconClearFill: 'errorItemPrimary',
@@ -87,7 +89,7 @@ var textareaAppearanceError = {
     errorSecondary: {
         fill: 'errorSecondary',
         borderColor: 'errorBorderTertiary',
-        borderHover: 'errorBorderQuaternary',
+        borderColorHover: 'errorBorderQuaternary',
         iconBeforeFill: 'errorItemQuaternary',
         iconClearFill: 'errorItemPrimary',
         placeholderTextColor: 'errorTextSecondary',
@@ -98,7 +100,7 @@ var textareaAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         borderColor: 'warningBorderQuaternary',
-        borderHover: 'warningBorderQuaternary',
+        borderColorHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
         iconBeforeFill: 'warningItemQuaternary',
         iconClearFill: 'warningItemPrimary',
@@ -107,7 +109,7 @@ var textareaAppearanceRequire = {
     requireSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextSecondary',
@@ -121,21 +123,21 @@ var textareaAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-    roundedM: {
+    roundedXL: {
         shape: 'rounded',
-        shapeStrength: '1m',
+        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
         shapeStrength: '1_5m',
     },
-    roundedXL: {
+    roundedM: {
         shape: 'rounded',
-        shapeStrength: '2m',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -172,7 +174,8 @@ var textareaAppearanceSize = {
 
 var textareaAppearanceStyle = {
     solid: {
-        borderWidth: '0',
+        borderColor: 'none',
+        borderColorHover: 'none',
     },
     outlined: {
         fill: 'none',
@@ -180,15 +183,17 @@ var textareaAppearanceStyle = {
     full: {},
     ghost: {
         fill: 'none',
-        borderWidth: '0',
+        borderColor: 'none',
+        borderColorHover: 'none',
     },
 };
 
 var textareaAppearanceSuccess = {
     successPrimary: {
         fill: 'successTertiary',
+        fillHover: 'successTertiary',
         borderColor: 'successBorderQuaternary',
-        borderHover: 'successBorderQuaternary',
+        borderColorHover: 'successBorderQuaternary',
         textColor: 'surfaceTextPrimary',
         iconBeforeFill: 'successItemQuaternary',
         iconClearFill: 'successItemPrimary',
@@ -197,7 +202,7 @@ var textareaAppearanceSuccess = {
     successSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
+        borderColorHover: 'surfaceBorderQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextSecondary',
@@ -214,10 +219,10 @@ var textareaConfig = {
 };
 function Textarea(props) {
     var id = props.id, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textareaConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textareaConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("div", { className: clsx('textarea', className, sizeClass && "textarea_size_".concat(sizeClass)), children: jsxRuntime.jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), placeholderTextColorClass &&
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsxRuntime.jsx("div", { className: clsx('textarea', className, sizeClass && "textarea_size_".concat(sizeClass)), children: jsxRuntime.jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), placeholderTextColorClass &&
                 "placeholder-text-color_".concat(placeholderTextColorClass), textSizeClass && "text_size_".concat(textSizeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), disabled: isDisabled && 'disabled', placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
 }
 

package/dist/cjs/components/Tile.js

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -25,7 +25,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 
 var tileAppearanceShape = {
     circular: {

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -24,8 +24,8 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 
 

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -24,8 +24,8 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 
 

package/dist/cjs/components/Warning.js

@@ -3,8 +3,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
@@ -14,7 +14,7 @@ require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');

package/dist/cjs/hoc/urlWithAssetPrefix.js

@@ -7,6 +7,23 @@ var common = require('@itcase/common');
 var UrlAssetPrefix = require('../context/UrlAssetPrefix.js');
 
 var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+/**
+ * HOC, который добавляет assetPrefix к URL-пропсам.
+ *
+ * @template P - Тип пропсов оборачиваемого компонента.
+ * @template T - Тип ref (если используется forwardRef).
+ * @template Check - Проверка на наличие хотя бы одного URL-пропа.
+ *
+ * @param WrappedComponent - Компонент, который оборачиваем.
+ * @param _error - Проверка: если ни одного URL-пропа нет, будет ошибка компиляции.
+ *
+ * @example
+ * const A = (props: { src?: string }) => <div />;
+ * urlWithAssetPrefix(A); // ✅ OK
+ *
+ * const B = (props: { id: string }) => <div />;
+ * urlWithAssetPrefix(B); // ❌ TS ошибка (нет url-пропов)
+ */
 var urlWithAssetPrefix = function (WrappedComponent) {
     var HOC = React.forwardRef(function HOC(props, ref) {
         var _a = React.useContext(UrlAssetPrefix.UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;

package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -5,19 +5,23 @@ var React = require('react');
 
 var useAppearanceConfig = function (appearance, componentConfig, isDisabled) {
     var appearanceConfig = React.useMemo(function () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         if (appearance) {
             var appearanceProps = appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
                 var _a;
                 return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = componentConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
             }, {});
-            if (isDisabled && ((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled)) {
-                Object.assign(appearanceProps, (_b = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabled);
+            if (isDisabled &&
+                (((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled) ||
+                    ((_b = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabledPrimary))) {
+                Object.assign(appearanceProps, ((_c = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _c === void 0 ? void 0 : _c.disabled) ||
+                    ((_d = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _d === void 0 ? void 0 : _d.disabledPrimary));
             }
             return appearanceProps;
         }
         if (isDisabled) {
-            return (_c = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _c === void 0 ? void 0 : _c.disabled;
+            return (((_e = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _e === void 0 ? void 0 : _e.disabled) ||
+                ((_f = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _f === void 0 ? void 0 : _f.disabledPrimary));
         }
         return {};
     }, [appearance, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance, isDisabled]);

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -140,7 +140,6 @@ function useStyles(props) {
     return resultStylesGroups;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [deviceCurrentMainType, deviceCurrentType, ...Object.values(propsStyleAttributes)]);
-  console.error('collectedStyles', collectedStyles);
   return collectedStyles;
 }
 const removeDeviceType = (originalKey, deviceTypesList) => {

package/dist/components/Accordion.js

@@ -6,9 +6,9 @@ import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { B as Badge, I as Icon } from '../Icon_es_C76te22j.js';
+import { B as Badge, I as Icon } from '../Icon_es_Cstv1LFr.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/upperFirst';
@@ -25,7 +25,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BnUIX0QT.js';
+import '../Link_es_XiqbdwLp.js';
 
 var accordionAppearanceSize = {
     sizeXXL: {

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_C3HGSiHU.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es__NA_FQGM.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -17,12 +17,12 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_C76te22j.js';
+import '../Icon_es_Cstv1LFr.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_BnUIX0QT.js';
-import '../Text_es_CtCwsa3V.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';
 import '../Image_es_BvYo_cHH.js';

package/dist/components/AvatarStack.js

@@ -3,9 +3,9 @@ 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 { A as Avatar } from '../Avatar_es_C3HGSiHU.js';
+import { A as Avatar } from '../Avatar_es__NA_FQGM.js';
 import { G as Group } from '../Group_es_DIfmrMSM.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -21,11 +21,11 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Icon_es_C76te22j.js';
+import '../Icon_es_Cstv1LFr.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BnUIX0QT.js';
+import '../Link_es_XiqbdwLp.js';
 import '../Image_es_BvYo_cHH.js';
 
 var avatarStackAppearanceSize = {

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_C76te22j.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_Cstv1LFr.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,5 +22,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_BnUIX0QT.js';
-import '../Text_es_CtCwsa3V.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';

package/dist/components/Breadcrumbs.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { I as Icon } from '../Icon_es_C76te22j.js';
-import { a as LinkWrapper } from '../Link_es_BnUIX0QT.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { a as LinkWrapper } from '../Link_es_XiqbdwLp.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons12, icons14, icons16, icons20, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';

package/dist/components/Button.js

@@ -1,8 +1,8 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_D_IlkeBp.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_C8qinRU4.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon_es_C76te22j.js';
+import '../Icon_es_Cstv1LFr.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
@@ -23,6 +23,6 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_BnUIX0QT.js';
-import '../Text_es_CtCwsa3V.js';
-import '../Loader_es_C8ETXkiZ.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';
+import '../Loader_es_ByhTIMxS.js';

package/dist/components/Cell.js

@@ -3,9 +3,9 @@ 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 { I as Icon } from '../Icon_es_C76te22j.js';
-import { L as Label } from '../Label_es_CoIII7Ty.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { L as Label } from '../Label_es_C4Icioi8.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -24,7 +24,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BnUIX0QT.js';
+import '../Link_es_XiqbdwLp.js';
 
 var cellAppearanceSize = {
     sizeXL: {

package/dist/components/Checkbox.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -178,7 +178,7 @@ var checkboxConfig = {
 };
 function Checkbox(props) {
     var id = props.id, className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, disabled = props.disabled, isDisabled = props.isDisabled, checked = props.checked, indeterminate = props.indeterminate, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isChecked = props.isChecked, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
-    var appearanceConfig = useAppearanceConfig(appearance, checkboxConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, checkboxConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillCheckboxActiveClass = propsGenerator.fillCheckboxActiveClass, fillCheckboxActiveHoverClass = propsGenerator.fillCheckboxActiveHoverClass, fillCheckboxClass = propsGenerator.fillCheckboxClass, fillCheckboxHoverClass = propsGenerator.fillCheckboxHoverClass, fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderColorCheckboxActiveClass = propsGenerator.borderColorCheckboxActiveClass, borderColorCheckboxActiveHoverClass = propsGenerator.borderColorCheckboxActiveHoverClass, borderColorCheckboxClass = propsGenerator.borderColorCheckboxClass, borderColorCheckboxHoverClass = propsGenerator.borderColorCheckboxHoverClass, checkboxShapeClass = propsGenerator.checkboxShapeClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     return (jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && "fill_".concat(fillClass), sizeClass && "checkbox_size_".concat(sizeClass), shapeClass && "checkbox_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), isSkeleton && "checkbox_skeleton"), htmlFor: Tag === 'label' && id, children: [before, jsxs("div", { className: "checkbox__item", children: [jsx("input", { id: id, className: "checkbox__input", type: "checkbox", disabled: (isDisabled || disabled) && 'disabled', checked: (isActive || isChecked || checked) && 'checked', value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsx("div", { className: clsx('checkbox__state', !checked

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BKG5mK5N.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_Dj0Lu5zm.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -19,9 +19,9 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_C76te22j.js';
+import '../Icon_es_Cstv1LFr.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BnUIX0QT.js';
-import '../Text_es_CtCwsa3V.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';

package/dist/components/Choice.js

@@ -4,9 +4,9 @@ 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 { I as Icon } from '../Icon_es_C76te22j.js';
-import { L as Loader } from '../Loader_es_C8ETXkiZ.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { L as Loader } from '../Loader_es_ByhTIMxS.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -24,15 +24,16 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BnUIX0QT.js';
+import '../Link_es_XiqbdwLp.js';
 
 var choiceAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
-        fillItem: 'surfaceItemSecondary',
-        fillItemActive: 'surfaceItemQuaternary',
-        fillItemHover: 'surfaceItemHover',
-        labelTextActiveColor: 'surfaceTextInverse',
+        fillItem: 'surfaceSecondary',
+        fillItemActive: 'accentPrimary',
+        fillItemActiveHover: 'accentHoverPrimary',
+        fillItemHover: 'surfaceTertiary',
+        labelTextActiveColor: 'accentTextPrimary',
         labelTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderQuaternary',
         iconAfterFill: 'surfaceItemQuaternary',
@@ -46,12 +47,14 @@ var choiceAppearanceDefault = {
 
 var choiceAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceTertiary',
-        fillItem: 'surfaceTertiary',
-        fillItemActive: 'surfaceItemTertiary',
-        labelTextActiveColor: 'surfaceTextQuaternary',
+        fill: 'surfaceDisabled',
+        fillItem: 'surfaceDisabled',
+        fillItemActive: 'surfaceDisabled',
+        fillItemActiveHover: 'surfaceDisabled',
+        fillItemHover: 'surfaceTertiary',
         labelTextColor: 'surfaceTextQuaternary',
-        borderColor: 'surfaceBorderPrimary',
+        labelTextActiveColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderDisabled',
         iconAfterFill: 'surfaceItemPrimary',
         iconAfterFillActive: 'surfaceItemDisabled',
         iconBeforeFill: 'surfaceItemPrimary',
@@ -185,7 +188,7 @@ var choiceConfig = {
     },
 };
 function Choice(props) {
-    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment;
+    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, setActiveSegment = props.setActiveSegment, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton;
     var controlRef = useRef(null);
     var optionsRefs = useMemo(function () {
         return new Map(options.map(function (item) { return [item.value, createRef()]; }));
@@ -194,22 +197,21 @@ function Choice(props) {
         var isChecked = isCheckbox ? event.target.checked : true;
         setActiveSegment && setActiveSegment(item, isChecked);
     }, [isCheckbox, setActiveSegment]);
-    var appearanceConfig = useAppearanceConfig(appearance, choiceConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, choiceConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
     var styles = useStyles(props).styles;
-    return (jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "choice_skeleton"), dataTestId: dataTestId && "".concat(dataTestId, "Choice"), dataTour: dataTour, ref: controlRef, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsx(React.Fragment, { children: options.map(function (item) {
+    return (jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "choice_skeleton"), ref: controlRef, "data-test-id": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsx(React.Fragment, { children: options.map(function (item) {
                     var isActive = typeof active === 'object'
                         ? String(item.value) === String(active.value)
                         : String(item.value) === String(active);
-                    return (jsxs("div", { className: clsx('choice__item', size && "choice__item_size_".concat(size), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), !isDisabled
+                    return (jsxs("div", { className: clsx('choice__item', size && "choice__item_size_".concat(size), (item.icon || item.iconActive) && 'choice__item_icon', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), !isActive && !isDisabled
                             ? fillItemClass && "fill_".concat(fillItemClass)
                             : fillItemDisabledClass &&
-                                "fill_disabled_".concat(fillItemDisabledClass), !isDisabled &&
-                            fillItemHoverClass &&
-                            "fill_hover_".concat(fillItemHoverClass), isActive &&
-                            fillItemActiveHoverClass &&
-                            "fill_active_hover_".concat(fillItemActiveHoverClass), isActive
+                                "fill_disabled_".concat(fillItemDisabledClass), !isActive && !isDisabled
+                            ? fillItemHoverClass && "fill_hover_".concat(fillItemHoverClass)
+                            : fillItemActiveHoverClass &&
+                                "fill_active_hover_".concat(fillItemActiveHoverClass), isActive
                             ? !isDisabled
                                 ? fillItemActiveClass &&
                                     "fill_active_".concat(fillItemActiveClass)