@itcase/ui 1.8.110 → 1.8.112

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',
@@ -194,7 +197,7 @@ 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, 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;
@@ -202,14 +205,13 @@ function Choice(props) {
                     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)
@@ -218,7 +220,7 @@ function Choice(props) {
                             : !isDisabled
                                 ? fillItemClass && "fill_".concat(fillItemClass)
                                 : fillItemDisabledClass &&
-                                    "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', (item.icon || item.iconActive) && 'asdasdasdasd', isActive &&
+                                    "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', isActive &&
                             isDisabled &&
                             'choice__item_active_state_disabled', isActive && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsx("input", { id: "".concat(name, "-").concat(item.value), className: "choice__item-radio", type: isCheckbox ? 'checkbox' : 'radio', name: name, disabled: isDisabled, checked: isActive, value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [itemBefore, (item.iconBefore || item.iconBeforeActive) && (jsx(Icon, { className: "choice__item-icon", iconFillDisabled: iconBeforeFillDisabled, isDisabled: isDisabled, iconFill: iconBeforeFill, iconFillActive: iconBeforeFillActive, iconSize: iconBeforeSize, SvgImage: isActive
                                             ? item.iconBeforeActive || item.iconBefore

package/dist/components/Code.js

@@ -140,9 +140,9 @@ var codeConfig = {
     },
 };
 function Code(props) {
-    var className = props.className, appearance = props.appearance, inputAutoFocus = props.inputAutoFocus, _a = props.inputCount, inputCount = _a === void 0 ? 6 : _a, inputPlaceholder = props.inputPlaceholder, _b = props.inputType, inputType = _b === void 0 ? 'number' : _b, separatorComponent = props.separatorComponent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
-    var _c = useState(''), otp = _c[0], setOtp = _c[1];
-    var appearanceConfig = useAppearanceConfig(appearance, codeConfig);
+    var className = props.className, appearance = props.appearance, _a = props.initialValue, initialValue = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, inputAutoFocus = props.inputAutoFocus, _b = props.inputCount, inputCount = _b === void 0 ? 6 : _b, inputPlaceholder = props.inputPlaceholder, _c = props.inputType, inputType = _c === void 0 ? 'number' : _c, separatorComponent = props.separatorComponent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
+    var _d = useState(initialValue), otp = _d[0], setOtp = _d[1];
+    var appearanceConfig = useAppearanceConfig(appearance, codeConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputBorderFocusColorClass = propsGenerator.inputBorderFocusColorClass, inputBorderWidthClass = propsGenerator.inputBorderWidthClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputFillHoverClass = propsGenerator.inputFillHoverClass, inputPlaceholderTextColorClass = propsGenerator.inputPlaceholderTextColorClass, inputSizeClass = propsGenerator.inputSizeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // NOTE: too many dependencies for "useCallback" and possible too many checks

package/dist/components/CookiesWarning.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_D_IlkeBp.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { B as Button } from '../Button_es_C8qinRU4.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';
@@ -19,14 +19,14 @@ 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 '../Loader_es_C8ETXkiZ.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Loader_es_ByhTIMxS.js';
 
 var cookiesWarningAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Dadata.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input_es_RtN2gtZq.js';
+import { I as Input } from '../Input_es_CHuhHbMo.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -2,10 +2,10 @@ 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_Bi6lgbTb.js';
+import { D as DatePickerInput } from '../DatePicker_es_B6WjNDiN.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_BKG5mK5N.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_Dj0Lu5zm.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'date-fns/locale';
 import 'react-datepicker';
@@ -21,16 +21,16 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_D_IlkeBp.js';
-import '../Icon_es_C76te22j.js';
+import '../Button_es_C8qinRU4.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 '../Loader_es_C8ETXkiZ.js';
-import '../Input_es_RtN2gtZq.js';
-import '../Label_es_CoIII7Ty.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';
+import '../Loader_es_ByhTIMxS.js';
+import '../Input_es_CHuhHbMo.js';
+import '../Label_es_C4Icioi8.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';
 
@@ -79,8 +79,8 @@ var datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
-    var appearanceConfig = useAppearanceConfig(appearance, datePeriodConfig);
+    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
+    var appearanceConfig = useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var _b = propsGenerator, fillClass = _b.fillClass, chipsAppearance = _b.chipsAppearance, chipsAppearanceSize = _b.chipsAppearanceSize, chipsShape = _b.chipsShape, datePickerAppearance = _b.datePickerAppearance, datePickerAppearanceSize = _b.datePickerAppearanceSize, datePickerInputAppearance = _b.datePickerInputAppearance, datePickerInputFillHover = _b.datePickerInputFillHover, datePickerInputSize = _b.datePickerInputSize, datePickerInputTextSize = _b.datePickerInputTextSize, shapeClass = _b.shapeClass, sizeClass = _b.sizeClass;
     var onClickPeriodChips = useCallback(function (selectedPeriodItem) {

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_Bi6lgbTb.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_B6WjNDiN.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -21,14 +21,14 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_D_IlkeBp.js';
-import '../Icon_es_C76te22j.js';
+import '../Button_es_C8qinRU4.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 '../Loader_es_C8ETXkiZ.js';
-import '../Input_es_RtN2gtZq.js';
-import '../Label_es_CoIII7Ty.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';
+import '../Loader_es_ByhTIMxS.js';
+import '../Input_es_CHuhHbMo.js';
+import '../Label_es_C4Icioi8.js';
 import '@itcase/icons/default';

package/dist/components/Drawer.js

@@ -3,8 +3,8 @@ import { useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
-import { I as Icon, b as Title } from '../Icon_es_C76te22j.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { I as Icon, b as Title } from '../Icon_es_Cstv1LFr.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
@@ -25,7 +25,7 @@ import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BnUIX0QT.js';
+import '../Link_es_XiqbdwLp.js';
 import 'lodash/castArray';
 
 var drawerAppearanceSize = {

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_D9JBMV70.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_uFi08Joi.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,11 +18,11 @@ 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 '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../Link_es_BnUIX0QT.js';
-import '../Text_es_CtCwsa3V.js';
+import '../Link_es_XiqbdwLp.js';
+import '../Text_es_CwV9rjFD.js';
 import '../Divider_es_CCLBFIx6.js';

package/dist/components/HeroTitle.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 { I as Icon } from '../Icon_es_C76te22j.js';
+import { I as Icon } from '../Icon_es_Cstv1LFr.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -22,8 +22,8 @@ import 'lodash/maxBy';
 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';
 
 var heroTitleAppearanceSize = {
     sizeH1: {
@@ -61,8 +61,8 @@ var heroTitleConfig = {
     },
 };
 function HeroTitle(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = useAppearanceConfig(appearance, heroTitleConfig);
+    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
+    var appearanceConfig = useAppearanceConfig(appearance, heroTitleConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, size = propsGenerator.size, fillClass = propsGenerator.fillClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, dataTestId = propsGenerator.dataTestId, heightClass = propsGenerator.heightClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
     // @ts-expect-error

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_C76te22j.js';
+export { I as Icon, e as iconAppearance, i as iconConfig } 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/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_RtN2gtZq.js';
+export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_CHuhHbMo.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/InputPassword.js

@@ -4,7 +4,7 @@ import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_C76te22j.js';
+import { I as Icon } from '../Icon_es_Cstv1LFr.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -22,8 +22,8 @@ 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';
 
 var inputPasswordAppearanceDefault = {
     defaultPrimary: {
@@ -213,7 +213,7 @@ var inputPasswordConfig = {
     },
 };
 function InputPassword(props) {
-    var id = props.id, className = props.className, appearance = props.appearance, disabled = props.disabled, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconShape = props.iconShape, iconSize = props.iconSize, imageRevealableHide = props.imageRevealableHide, imageRevealableShow = props.imageRevealableShow, placeholder = props.placeholder, 
+    var id = props.id, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconShape = props.iconShape, iconSize = props.iconSize, imageRevealableHide = props.imageRevealableHide, imageRevealableShow = props.imageRevealableShow, placeholder = props.placeholder, 
     // state,
     value = props.value, isRevealable = props.isRevealable, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var _a = useState(false), isRevealed = _a[0], setIsRevealed = _a[1];
@@ -224,15 +224,11 @@ function InputPassword(props) {
         e.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
     }, [setIsRevealed]);
-    // const stateConfig = useMemo(
-    //   () => state && inputPasswordConfig.state && inputPasswordConfig.state[state],
-    //   [state, inputPasswordConfig],
-    // )
-    var appearanceConfig = useAppearanceConfig(appearance, inputPasswordConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b, widthClass = propsGenerator.widthClass;
     return (jsxs("div", { className: "input-password", children: [jsx("input", { id: String(id), className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), shapeClass && "input-password__input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), borderWidthClass && "border-width_".concat(borderWidthClass), sizeClass && "input-password__input_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
-                    "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: inputType, disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), isRevealable && (jsx(Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: revealeHandler }))] }));
+                    "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: inputType, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), isRevealable && (jsx(Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: revealeHandler }))] }));
 }
 
 export { InputPassword, inputPasswordAppearance, inputPasswordConfig };

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_CoIII7Ty.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_C4Icioi8.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -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/Link.js

@@ -1,4 +1,4 @@
-export { L as Link, a as LinkWrapper, b as linkAppearance, l as linkConfig } from '../Link_es_BnUIX0QT.js';
+export { L as Link, a as LinkWrapper, b as linkAppearance, l as linkConfig } from '../Link_es_XiqbdwLp.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/List.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 { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { L as Link } from '../Link_es_BnUIX0QT.js';
+import { L as Link } from '../Link_es_XiqbdwLp.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Loader.js

@@ -1,4 +1,4 @@
-export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_C8ETXkiZ.js';
+export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_ByhTIMxS.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -19,4 +19,4 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Text_es_CtCwsa3V.js';
+import '../Text_es_CwV9rjFD.js';

package/dist/components/Logo.js

@@ -4,7 +4,7 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { a as LinkWrapper } from '../Link_es_BnUIX0QT.js';
+import { a as LinkWrapper } from '../Link_es_XiqbdwLp.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import '@itcase/common';

package/dist/components/MenuItem.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, T as Tooltip } from '../Icon_es_C76te22j.js';
-import { L as Link } from '../Link_es_BnUIX0QT.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { I as Icon, T as Tooltip } from '../Icon_es_Cstv1LFr.js';
+import { L as Link } 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 'lodash/camelCase';
 import 'lodash/castArray';
@@ -197,7 +197,7 @@ function MenuItem(props) {
             (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
         }
     }, [showTooltip]);
-    var appearanceConfig = useAppearanceConfig(appearance, menuItemConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, menuItemConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, borderColorClass = propsGenerator.borderColorClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipFill = propsGenerator.tooltipFill, tooltipShapeStrength = propsGenerator.tooltipShapeStrength, tooltipText = propsGenerator.tooltipText, tooltipTextColor = propsGenerator.tooltipTextColor, tooltipTitleTextColor = propsGenerator.tooltipTitleTextColor, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     // @ts-expect-error

package/dist/components/Modal.js

@@ -5,11 +5,11 @@ import ReactDOM from 'react-dom';
 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, I as Icon } from '../Icon_es_C76te22j.js';
+import { b as Title, I as Icon } from '../Icon_es_Cstv1LFr.js';
 import { O as Overlay } from '../Overlay_es_DF3DAdxS.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons24, icons32, icons40 } from '@itcase/icons/default';
-import { L as Loader } from '../Loader_es_C8ETXkiZ.js';
+import { L as Loader } from '../Loader_es_ByhTIMxS.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -26,8 +26,8 @@ import 'lodash/maxBy';
 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';
 
 var modalAppearanceShape = {
     circular: {
@@ -133,7 +133,7 @@ var getOrCreateModalElement = function (modalQuerySelector, className) {
 };
 // Modal component that is an abstraction around the portal API.
 var Modal = React.forwardRef(function Modal(props, ref) {
-    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, title = props.title, contentClassName = props.contentClassName, _a = props.modalQuerySelector, modalQuerySelector = _a === void 0 ? '#modal-global' : _a, _b = props.scroll, scroll = _b === void 0 ? false : _b, _c = props.stickyHeader, stickyHeader = _c === void 0 ? false : _c, _d = props.isCloseOnBlur, isCloseOnBlur = _d === void 0 ? true : _d, _e = props.isOpen, initialIsOpen = _e === void 0 ? false : _e, _f = props.isOverlay, isOverlay = _f === void 0 ? true : _f, _g = props.isScrollOnOpen, isScrollOnOpen = _g === void 0 ? true : _g, _h = props.isSetFocusOnOpen, isSetFocusOnOpen = _h === void 0 ? true : _h, isSkeleton = props.isSkeleton, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal, children = props.children;
+    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, title = props.title, contentClassName = props.contentClassName, _a = props.modalQuerySelector, modalQuerySelector = _a === void 0 ? '#modal-global' : _a, _b = props.scroll, scroll = _b === void 0 ? false : _b, _c = props.stickyHeader, stickyHeader = _c === void 0 ? false : _c, _d = props.isCloseOnBlur, isCloseOnBlur = _d === void 0 ? true : _d, _e = props.isOpen, initialIsOpen = _e === void 0 ? false : _e, _f = props.isOverlay, isOverlay = _f === void 0 ? true : _f, isDisabled = props.isDisabled, _g = props.isScrollOnOpen, isScrollOnOpen = _g === void 0 ? true : _g, _h = props.isSetFocusOnOpen, isSetFocusOnOpen = _h === void 0 ? true : _h, isSkeleton = props.isSkeleton, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal, children = props.children;
     // Query DOM element
     var _j = useState(null), modalElement = _j[0], setModalElement = _j[1];
     var _k = useState(initialIsOpen), isOpen = _k[0], setIsOpen = _k[1];
@@ -215,7 +215,7 @@ var Modal = React.forwardRef(function Modal(props, ref) {
     }, [addModalProps, className, modalQuerySelector]);
     // Save ref things
     useImperativeHandle(ref, function () { return ({ modalElement: modalElement, openModal: openModal, closeModal: closeModal, isOpen: isOpen }); }, [isOpen, openModal, closeModal, modalElement]);
-    var appearanceConfig = useAppearanceConfig(appearance, modalConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, modalConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, titleTextColor = propsGenerator.titleTextColor, titleTextColorHover = propsGenerator.titleTextColorHover, titleTextSize = propsGenerator.titleTextSize, titleTextTruncate = propsGenerator.titleTextTruncate, titleTextWeight = propsGenerator.titleTextWeight, titleTextWidth = propsGenerator.titleTextWidth, titleTextWrap = propsGenerator.titleTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, overlayFill = propsGenerator.overlayFill, overlayOpacity = propsGenerator.overlayOpacity, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, closeIconAppearance = propsGenerator.closeIconAppearance, closeIconAppearanceSize = propsGenerator.closeIconAppearanceSize, closeIconFillSize = propsGenerator.closeIconFillSize, closeIconImage = propsGenerator.closeIconImage, closeIconShape = propsGenerator.closeIconShape, closeIconSize = propsGenerator.closeIconSize;
     // @ts-expect-error

package/dist/components/ModalSheetBottom.js

@@ -5,7 +5,7 @@ import { Sheet } from 'react-modal-sheet';
 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 } from '../Icon_es_C76te22j.js';
+import { b as Title } from '../Icon_es_Cstv1LFr.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -23,8 +23,8 @@ import 'clsx';
 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';
 
 var modalSheetBottomAppearance = {
     sizeL: {
@@ -43,7 +43,7 @@ var modalSheetBottomAppearance = {
 var modalSheetBottomConfig = {
     appearance: modalSheetBottomAppearance};
 var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
-    var dataTestId = props.dataTestId, dataTour = props.dataTour, appearance = props.appearance, initialIsOpen = props.initialIsOpen, title = props.title, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
+    var dataTestId = props.dataTestId, dataTour = props.dataTour, appearance = props.appearance, initialIsOpen = props.initialIsOpen, title = props.title, isDisabled = props.isDisabled, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
     var _a = useState(initialIsOpen), isOpen = _a[0], setIsOpen = _a[1];
     var openModalSheetBottom = useCallback(function () {
         setIsOpen(true);
@@ -59,7 +59,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
         closeModal: closeModalSheetBottom,
         isOpen: isOpen,
     }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
-    var appearanceConfig = useAppearanceConfig(appearance, modalSheetBottomConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, modalSheetBottomConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var titleTextColor = propsGenerator.titleTextColor, titleTextColorHover = propsGenerator.titleTextColorHover, titleTextSize = propsGenerator.titleTextSize, titleTextTruncate = propsGenerator.titleTextTruncate, titleTextWeight = propsGenerator.titleTextWeight, titleTextWidth = propsGenerator.titleTextWidth, titleTextWrap = propsGenerator.titleTextWrap;
     // @ts-expect-error

package/dist/components/Notification.js

@@ -3,8 +3,8 @@ 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 { T as Text } from '../Text_es_CtCwsa3V.js';
+import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons20 } from '@itcase/icons/default';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
@@ -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 notificationAppearanceDefault = {
     defaultPrimary: {