@itcase/ui 1.8.110 → 1.8.112

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/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/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';
@@ -86,7 +86,7 @@ var checkboxAppearanceRequire = {
         fillCheckbox: 'warningTertiary',
         fillCheckboxActive: 'warningPrimary',
         fillCheckboxActiveHover: 'warningTertiary',
-        fillCheckboxHover: 'warningTertiary',
+        fillCheckboxHover: 'warningSecondary',
         fillCheckmark: 'warningBorderPrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
@@ -131,16 +131,22 @@ var checkboxAppearanceSize = {
 var checkboxAppearanceStyle = {
     solid: {
         borderColorCheckbox: 'none',
-        borderWidth: 'none',
+        borderColorCheckboxActive: 'none',
+        borderColorCheckboxActiveHover: 'none',
+        borderColorCheckboxHover: 'none',
     },
     outlined: {
         fill: 'none',
+        fillHover: 'none',
     },
     full: {},
     ghost: {
         fill: 'none',
+        fillHover: 'none',
         borderColorCheckbox: 'none',
-        borderWidth: 'none',
+        borderColorCheckboxActive: 'none',
+        borderColorCheckboxActiveHover: 'none',
+        borderColorCheckboxHover: 'none',
     },
 };
 
@@ -178,28 +184,29 @@ 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
-                            ? fillCheckboxClass && "fill_".concat(fillCheckboxClass)
-                            : fillCheckboxActiveClass &&
-                                "fill_active_".concat(fillCheckboxActiveClass), !checked
-                            ? fillCheckboxHoverClass && "fill_hover_".concat(fillCheckboxHoverClass)
-                            : fillCheckboxActiveHoverClass &&
-                                "fill_active_hover_".concat(fillCheckboxActiveHoverClass), !checked
-                            ? borderColorCheckboxClass &&
-                                "border-color_".concat(borderColorCheckboxClass)
-                            : borderColorCheckboxActiveClass &&
-                                "border-color_active_".concat(borderColorCheckboxActiveClass), !checked
-                            ? borderColorCheckboxHoverClass &&
-                                "border-color_hover_".concat(borderColorCheckboxHoverClass)
-                            : borderColorCheckboxActiveHoverClass &&
-                                "border-color_active_hover_".concat(borderColorCheckboxActiveHoverClass), checkboxShapeClass && "checkbox__state_shape_".concat(checkboxShapeClass)), children: "\u00A0" }), jsx("div", { className: clsx(!indeterminate
+    var fillCheckboxActiveClass = propsGenerator.fillCheckboxActiveClass, fillCheckboxActiveHoverClass = propsGenerator.fillCheckboxActiveHoverClass, fillCheckboxClass = propsGenerator.fillCheckboxClass, fillCheckboxHoverClass = propsGenerator.fillCheckboxHoverClass, fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, 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, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_".concat(fillHoverClass), sizeClass && "checkbox_size_".concat(sizeClass), !checked
+            ? fillCheckboxClass && "checkbox_fill_".concat(fillCheckboxClass)
+            : fillCheckboxActiveClass &&
+                "checkbox_fill_active_".concat(fillCheckboxActiveClass), !checked
+            ? fillCheckboxHoverClass &&
+                "checkbox_fill_hover_".concat(fillCheckboxHoverClass)
+            : fillCheckboxActiveHoverClass &&
+                "checkbox_fill_active_hover_".concat(fillCheckboxActiveHoverClass), !checked
+            ? borderColorCheckboxClass &&
+                "checkbox_border-color_".concat(borderColorCheckboxClass)
+            : borderColorCheckboxActiveClass &&
+                "checkbox_border-color_active_".concat(borderColorCheckboxActiveClass), !checked
+            ? borderColorCheckboxHoverClass &&
+                "checkbox_border-color_hover_".concat(borderColorCheckboxHoverClass)
+            : borderColorCheckboxActiveHoverClass &&
+                "checkbox_border-color_active_hover_".concat(borderColorCheckboxActiveHoverClass), 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', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: "\u00A0" }), jsx("div", { className: clsx(!indeterminate
                             ? 'checkbox__state-checkmark'
                             : 'checkbox__state-indeterminate', (checked || indeterminate) &&
                             fillCheckmarkClass &&
-                            "border-color_".concat(fillCheckmarkClass)), children: "\u00A0" })] }), label && (jsx(Text, { className: "checkbox__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsx(Text, { className: "checkbox__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc })), after && jsx("div", { className: "checkbox__after", children: after })] }));
+                            "fill_".concat(fillCheckmarkClass)), children: "\u00A0" })] }), label && (jsx(Text, { className: "checkbox__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsx(Text, { className: "checkbox__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc })), after && jsx("div", { className: "checkbox__after", children: after })] }));
 }
 
 export { Checkbox, checkboxAppearance, checkboxConfig };

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';