@itcase/ui 1.8.109 → 1.8.111

package/dist/cjs/components/Response.js

@@ -9,9 +9,9 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_mau_55Fl.js');
+var Button = require('../../Button_cjs_B2eZhvoC.js');
 var Group = require('../../Group_cjs_BxBk5T7A.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');
 require('lodash/camelCase');
@@ -26,10 +26,10 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_ZerVip3X.js');
+require('../../Icon_cjs_D-UNVTqI.js');
 require('react-inlinesvg');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Loader_cjs_c6yF7akz.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Loader_cjs_Cme6Hi0B.js');
 
 var responseAppearanceConfirm = {
     confirm: {

package/dist/cjs/components/Search.js

@@ -8,8 +8,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 Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -27,7 +27,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');
 require('react-scrollbars-custom');
 
 var searchAppearanceDefault = {
@@ -201,7 +201,7 @@ var searchInputConfig = {
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var dataTour = props.dataTour, className = props.className, appearance = props.appearance, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var dataTour = props.dataTour, className = props.className, appearance = props.appearance, placeholder = props.placeholder, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = React.useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -212,7 +212,7 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
             onClickClean();
         }
     }, [onChange, onClickClean]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, searchInputConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, searchInputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, widthClass = propsGenerator.widthClass;
     var searchInputStyles = useStyles.useStyles(props).styles;

package/dist/cjs/components/Segmented.js

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -24,7 +24,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 require('lodash/castArray');
 
 var segmentedAppearanceDefault = {
@@ -48,8 +48,8 @@ var segmentedAppearanceDefault = {
     defaultSecondary: {
         fill: 'surfaceSecondary',
         fillActive: 'accentPrimary',
-        fillActiveHover: 'accentPrimary',
-        fillHover: 'surfaceSecondary',
+        fillActiveHover: 'accentHoverPrimary',
+        fillHover: 'surfaceTertiary',
         labelTextActiveColor: 'accentTextPrimary',
         labelTextActiveHoverColor: 'accentTextPrimary',
         labelTextColor: 'surfaceTextPrimary',
@@ -188,10 +188,11 @@ var segmentedAppearanceSuccess = {
 var segmentedAppearanceWarning = {
     warningPrimary: {
         fill: 'warningTertiary',
-        fillActive: 'warningItemSecondary',
-        fillHover: 'warningItemHover',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'warningSecondary',
         labelTextActiveColor: 'warningTextPrimary',
-        labelTextColor: 'warningTextSecondary',
+        labelTextColor: 'warningTextPrimaryTertiary',
         labelTextColorHover: 'warningTextSecondary',
         borderColor: 'warningBorderSecondary',
         iconAfterFill: 'warningItemSecondary',
@@ -212,7 +213,7 @@ var segmentedConfig = {
     },
 };
 var Segmented = React.forwardRef(function (props) {
-    var className = props.className, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment, onChange = props.onChange;
+    var className = props.className, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, isDisabled = props.isDisabled, setActiveSegment = props.setActiveSegment, isSkeleton = props.isSkeleton, onChange = props.onChange;
     var controlRef = React.useRef(null);
     var segmentsRefs = React.useMemo(function () {
         return new Map(segments.map(function (item) { return [item.value, React.createRef()]; }));
@@ -234,9 +235,9 @@ var Segmented = React.forwardRef(function (props) {
         // controlRef.current.style.setProperty('--segmented-active-x-pos', `${offsetLeft - 2}px`)
         (_b = controlRef.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('--segmented-active-x-pos', "".concat(offsetLeft, "px"));
     }, [activeSegment, segmentsRefs]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, segmentedConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, segmentedConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabled = propsGenerator.iconFillDisabled, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, indicatorFillClass = propsGenerator.indicatorFillClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, iconFillDisabled = propsGenerator.iconFillDisabled, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, indicatorFillClass = propsGenerator.indicatorFillClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     return (jsxRuntime.jsx("div", { className: clsx(className, 'segmented', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), sizeClass && "segmented_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "segmented_skeleton"), ref: controlRef, children: jsxRuntime.jsx("div", { className: "segmented__wrapper", children: jsxRuntime.jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) {
                         var isActive = String(activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) === String(item.value);
                         return (jsxRuntime.jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && "segmented__item_size_".concat(sizeClass), isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&

package/dist/cjs/components/Select.js

@@ -3,16 +3,16 @@
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
 var Group = require('../../Group_cjs_BxBk5T7A.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var _default = require('@itcase/icons/default');
-var Loader = require('../../Loader_cjs_c6yF7akz.js');
+var Loader = require('../../Loader_cjs_Cme6Hi0B.js');
 var Divider = require('../../Divider_cjs_DUYtmwn2.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -30,7 +30,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 require('lodash/castArray');
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
@@ -50,20 +50,20 @@ var SelectLoadingMessage = function (props) {
 
 var selectAppearanceDefault = {
     defaultPrimary: {
-        elevation: 8,
-        errorInputBorderColor: 'errorBorderPrimary',
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceTertiary',
         optionFillDisabled: 'surfaceSecondary',
         optionTextColorDisabled: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
+        elevation: 8,
         badgeAppearance: 'accent',
         clearIconFill: 'surfaceItemQuaternary',
         dropdownIconFill: 'surfaceItemQuaternary',
         groupFill: 'surfaceSecondary',
         groupTextColor: 'surfaceTextPrimary',
         groupTextWeight: '600',
-        inputBorderColor: 'surfaceBorderTertiary',
-        inputBorderColorHover: 'surfaceBorderQuaternary',
         inputCaretColor: 'accentPrimary',
-        inputFill: 'surfaceSecondary',
         inputTextColor: 'surfaceTextPrimary',
         loaderAppearance: 'accentPrimary sizeS ghost',
         loadingMessageTextColor: 'surfaceTextPrimary',
@@ -90,7 +90,6 @@ var selectAppearanceDefault = {
 var selectAppearanceDisabled = {
     disabledPrimary: {
         elevation: 8,
-        errorInputBorderColor: 'errorBorderPrimary',
         badgeAppearance: 'accent',
         clearIconFill: 'surfaceItemDisabled',
         dropdownIconFill: 'surfaceItemDisabled',
@@ -120,30 +119,38 @@ var selectAppearanceDisabled = {
 
 var selectAppearanceError = {
     errorPrimary: {
+        fill: 'errorTertiary',
+        fillHover: 'errorTertiary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        errorInputBorderColor: 'errorBorderPrimary',
         badgeAppearance: 'accent',
-        clearIconFill: 'errorItemQuaternary',
-        dropdownIconFill: 'errorItemQuaternary',
-        headingFill: 'surfaceSecondary',
-        headingTextColor: 'surfaceTextPrimary',
-        inputBorderColor: 'surfaceBorderTertiary',
-        inputBorderColorHover: 'surfaceBorderQuaternary',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
         inputCaretColor: 'accentPrimary',
-        inputFill: 'errorTertiary',
-        inputShape: 'rounded',
         inputTextColor: 'surfaceTextPrimary',
-        multipleItemFill: 'surfacePrimary',
-        multipleItemFillHover: 'surfaceHover',
-        multipleItemIconFill: 'surfaceItemPrimary',
-        multipleItemTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
         multipleTextColor: 'accentTextPrimary',
         noOptionsTextColor: 'surfaceTextPrimary',
         optionBorder: 'none',
         optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
         optionFillHover: 'surfaceSecondary',
-        optionShape: 'rounded',
+        optionSelectedIconFillIcon: 'successItemPrimary',
         optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
         requiredInputBorderColor: 'warningBorderPrimary',
     },
@@ -151,30 +158,38 @@ var selectAppearanceError = {
 
 var selectAppearanceRequire = {
     requirePrimary: {
+        fill: 'warningTertiary',
+        fillHover: 'warningTertiary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        errorInputBorderColor: 'errorBorderPrimary',
         badgeAppearance: 'accent',
-        clearIconFill: 'warningItemSecondary',
-        dropdownIconFill: 'warningItemSecondary',
-        headingFill: 'surfaceSecondary',
-        headingTextColor: 'surfaceTextPrimary',
-        inputBorderColor: 'surfaceBorderTertiary',
-        inputBorderColorHover: 'surfaceBorderQuaternary',
-        inputCaretColor: 'secondaryItemPrimary',
-        inputFill: 'warningTertiary',
-        inputShape: 'rounded',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
+        inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
-        multipleItemFill: 'surfacePrimary',
-        multipleItemFillHover: 'surfaceHover',
-        multipleItemIconFill: 'surfaceItemPrimary',
-        multipleItemTextColor: 'surfaceTextPrimary',
-        multipleTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        multipleTextColor: 'accentTextPrimary',
         noOptionsTextColor: 'surfaceTextPrimary',
         optionBorder: 'none',
         optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
         optionFillHover: 'surfaceSecondary',
-        optionShape: 'rounded',
+        optionSelectedIconFillIcon: 'successItemPrimary',
         optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
         requiredInputBorderColor: 'warningBorderPrimary',
     },
@@ -184,21 +199,21 @@ var selectAppearanceShape = {
     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',
     },
 };
 
@@ -218,6 +233,7 @@ var selectAppearanceSize = {
         multipleItemIcon: _default.icons16.Action.Close,
         multipleItemTextSize: 's',
         noOptionsTextSize: 's',
+        optionSelectedIcon: _default.icons16.Form.Check,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
@@ -236,6 +252,7 @@ var selectAppearanceSize = {
         multipleItemIcon: _default.icons16.Action.Close,
         multipleItemTextSize: 's',
         noOptionsTextSize: 'm',
+        optionSelectedIcon: _default.icons16.Form.Check,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
@@ -254,7 +271,7 @@ var selectAppearanceSize = {
         multipleItemIcon: _default.icons14.Action.Close,
         multipleItemTextSize: 'xs ',
         noOptionsTextSize: 'm',
-        optionSelectedIcon: _default.icons14.Action.Close,
+        optionSelectedIcon: _default.icons14.Form.Check,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
@@ -273,6 +290,7 @@ var selectAppearanceSize = {
         multipleItemIcon: _default.icons14.Action.Close,
         multipleItemTextSize: 'xs ',
         noOptionsTextSize: 's',
+        optionSelectedIcon: _default.icons14.Form.Check,
         optionTextSize: 's',
         placeholderTextSize: 's',
     },
@@ -291,6 +309,7 @@ var selectAppearanceSize = {
         multipleItemIcon: _default.icons12.Action.Close,
         multipleItemTextSize: 'xxs',
         noOptionsTextSize: 'xs',
+        // optionSelectedIcon: icons12.Form.Check,
         optionTextSize: 'xs',
         placeholderTextSize: 'xs',
     },
@@ -307,6 +326,7 @@ var selectAppearanceSize = {
         inputTextSize: 'xs',
         menuItemSize: 'l',
         multipleItemIcon: _default.icons12.Action.Close,
+        // optionSelectedIcon: icons12.Form.Check,
         multipleItemTextSize: 'xxs',
         noOptionsTextSize: 'xs',
         optionTextSize: 'xs',
@@ -316,48 +336,55 @@ var selectAppearanceSize = {
 
 var selectAppearanceStyle = {
     solid: {
-        inputBorderColor: 'none',
-        inputBorderColorHover: 'none',
+        borderColor: 'none',
+        borderColorHover: 'none',
     },
     outlined: {
         fill: 'none',
+        fillHover: 'none',
     },
     full: {},
     ghost: {
         fill: 'none',
-        inputBorderColor: 'none',
-        inputBorderColorHover: 'none',
+        borderColor: 'none',
+        borderColorHover: 'none',
     },
 };
 
 var selectAppearanceSuccess = {
     successPrimary: {
+        fill: 'successTertiary',
+        fillHover: 'successTertiary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        errorInputBorderColor: 'errorBorderPrimary',
         badgeAppearance: 'accent',
-        clearIconFill: 'successItemSecondary',
-        dropdownIconFill: 'successItemSecondary',
-        headingFill: 'surfaceSecondary',
-        headingTextColor: 'surfaceTextPrimary',
-        inputBorderColor: 'surfaceBorderTertiary',
-        inputBorderColorHover: 'surfaceBorderQuaternary',
-        inputCaretColor: 'secondaryItemPrimary',
-        inputFill: 'successTertiary',
-        inputShape: 'rounded',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
+        inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
-        multipleItemFill: 'surfacePrimary',
-        multipleItemFillHover: 'surfaceHover',
-        multipleItemIconFill: 'surfaceItemPrimary',
-        multipleItemTextColor: 'surfaceTextPrimary',
-        multipleTextColor: 'surfaceTextPrimary',
-        noOptionsText: 'Ничего не найдено...',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        multipleTextColor: 'accentTextPrimary',
         noOptionsTextColor: 'surfaceTextPrimary',
         optionBorder: 'none',
         optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
         optionFillHover: 'surfaceSecondary',
-        optionShape: 'rounded',
+        optionSelectedIconFillIcon: 'successItemPrimary',
         optionTextColor: 'surfaceTextPrimary',
-        placeholder: 'Выбрать...',
+        optionTextColorActive: 'accentTextPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
         requiredInputBorderColor: 'warningBorderPrimary',
     },
@@ -366,9 +393,8 @@ var selectAppearanceSuccess = {
 var selectAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, selectAppearanceRequire), selectAppearanceDefault), selectAppearanceDisabled), selectAppearanceSuccess), selectAppearanceSize), selectAppearanceError), selectAppearanceShape), selectAppearanceStyle);
 
 var SelectControl = function (props) {
-    var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, inputShapeStrength = _a.inputShapeStrength, before = _a.before, after = _a.after;
-    return (jsxRuntime.jsxs(React.Fragment, { children: [before, jsxRuntime.jsx(Select.components.Control, tslib_es6.__assign({}, props, { className: clsx('select__control', inputFill && "fill_".concat(inputFill), inputShape && "shape_".concat(inputShape), inputShape && "shape_".concat(inputShape), inputShapeStrength && "shape-strength_".concat(inputShapeStrength), inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&
-                    "border-color_hover_".concat(inputBorderColorHover)) })), after] }));
+    var _a = props.selectProps, before = _a.before, after = _a.after;
+    return (jsxRuntime.jsxs(React.Fragment, { children: [before, jsxRuntime.jsx(Select.components.Control, tslib_es6.__assign({}, props, { className: clsx('select__control') })), after] }));
 };
 
 // For use memo need to check "DropdownIndicator" props
@@ -522,10 +548,10 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             },
         });
     }, [minWidth, width]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, selectConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, selectConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, elevation = propsGenerator.elevation, optionFillActiveDisabledClass = propsGenerator.optionFillActiveDisabledClass, optionFillDisabledClass = propsGenerator.optionFillDisabledClass, optionTextColorDisabled = propsGenerator.optionTextColorDisabled, badgeTextSize = propsGenerator.badgeTextSize, clearIcon = propsGenerator.clearIcon, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIcon = propsGenerator.dropdownIcon, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, groupFillClass = propsGenerator.groupFillClass, groupTextColorClass = propsGenerator.groupTextColorClass, groupTextSizeClass = propsGenerator.groupTextSizeClass, groupTextWeightClass = propsGenerator.groupTextWeightClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, loadingMessageTextColor = propsGenerator.loadingMessageTextColor, loadingMessageTextSize = propsGenerator.loadingMessageTextSize, menuFillClass = propsGenerator.menuFillClass, multipleItemFill = propsGenerator.multipleItemFill, multipleItemFillHover = propsGenerator.multipleItemFillHover, multipleItemIcon = propsGenerator.multipleItemIcon, multipleItemIconFill = propsGenerator.multipleItemIconFill, multipleItemTextColorClass = propsGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = propsGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = propsGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = propsGenerator.noOptionsTextSizeClass, optionBorderClass = propsGenerator.optionBorderClass, optionBorderTypeClass = propsGenerator.optionBorderTypeClass, optionFillActiveClass = propsGenerator.optionFillActiveClass, optionFillActiveHoverClass = propsGenerator.optionFillActiveHoverClass, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionSelectedIcon = propsGenerator.optionSelectedIcon, optionSelectedIconFillIcon = propsGenerator.optionSelectedIconFillIcon, optionSelectedIconSize = propsGenerator.optionSelectedIconSize, optionSelectedIconSrc = propsGenerator.optionSelectedIconSrc, optionTextColorActiveClass = propsGenerator.optionTextColorActiveClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx(SelectComponent, { className: clsx(className, 'select', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), sizeClass && "select_size_".concat(sizeClass), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set), widthClass && "select_width_".concat(widthClass)), ref: selectRef, elevation: elevation, isDisabled: isDisabled, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillDisabled: optionFillDisabledClass, optionTextColorDisabled: optionTextColorDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, optionFillActiveDisabledClass = propsGenerator.optionFillActiveDisabledClass, optionFillDisabledClass = propsGenerator.optionFillDisabledClass, optionTextColorDisabled = propsGenerator.optionTextColorDisabled, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, elevation = propsGenerator.elevation, badgeTextSize = propsGenerator.badgeTextSize, clearIcon = propsGenerator.clearIcon, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIcon = propsGenerator.dropdownIcon, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, groupFillClass = propsGenerator.groupFillClass, groupTextColorClass = propsGenerator.groupTextColorClass, groupTextSizeClass = propsGenerator.groupTextSizeClass, groupTextWeightClass = propsGenerator.groupTextWeightClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, loadingMessageTextColor = propsGenerator.loadingMessageTextColor, loadingMessageTextSize = propsGenerator.loadingMessageTextSize, menuFillClass = propsGenerator.menuFillClass, multipleItemFill = propsGenerator.multipleItemFill, multipleItemFillHover = propsGenerator.multipleItemFillHover, multipleItemIcon = propsGenerator.multipleItemIcon, multipleItemIconFill = propsGenerator.multipleItemIconFill, multipleItemTextColorClass = propsGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = propsGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = propsGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = propsGenerator.noOptionsTextSizeClass, optionBorderClass = propsGenerator.optionBorderClass, optionBorderTypeClass = propsGenerator.optionBorderTypeClass, optionFillActiveClass = propsGenerator.optionFillActiveClass, optionFillActiveHoverClass = propsGenerator.optionFillActiveHoverClass, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionSelectedIcon = propsGenerator.optionSelectedIcon, optionSelectedIconFillIcon = propsGenerator.optionSelectedIconFillIcon, optionSelectedIconSize = propsGenerator.optionSelectedIconSize, optionSelectedIconSrc = propsGenerator.optionSelectedIconSrc, optionTextColorActiveClass = propsGenerator.optionTextColorActiveClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsxRuntime.jsx(SelectComponent, { className: clsx(className, 'select', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), sizeClass && "select_size_".concat(sizeClass), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set), widthClass && "select_width_".concat(widthClass)), ref: selectRef, isDisabled: isDisabled, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillDisabled: optionFillDisabledClass, optionTextColorDisabled: optionTextColorDisabled, elevation: elevation, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: function () { return null; },
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -544,7 +570,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputBorderColor: inputBorderColorClass, inputBorderColorHover: inputBorderColorHoverClass, inputCaretColor: inputCaretColorClass, inputFill: inputFillClass, inputShape: shapeClass, inputShapeStrength: shapeStrengthClass, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shapeClass, menuShapeStrength: shapeStrengthClass, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), noOptionBorderType: optionBorderTypeClass && "border_type_".concat(optionBorderTypeClass), noOptionsFill: optionFillClass && "fill_".concat(optionFillClass), noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, set: set, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect !== null && closeMenuOnSelect !== void 0 ? closeMenuOnSelect : false, isClearable: isClearable, isLoading: isLoading, isMulti: isMulti, isSearchable: isSearchable, onChange: onChange, onInputChange: onInputChange }));
+        }, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shapeClass, inputShapeStrength: shapeStrengthClass, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shapeClass, menuShapeStrength: shapeStrengthClass, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), noOptionBorderType: optionBorderTypeClass && "border_type_".concat(optionBorderTypeClass), noOptionsFill: optionFillClass && "fill_".concat(optionFillClass), noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, set: set, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect !== null && closeMenuOnSelect !== void 0 ? closeMenuOnSelect : false, isClearable: isClearable, isLoading: isLoading, isMulti: isMulti, isSearchable: isSearchable, onChange: onChange, onInputChange: onInputChange }));
 });
 
 exports.Select = SelectContainer;

package/dist/cjs/components/Swiper.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var react = require('swiper/react');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -25,8 +25,8 @@ require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 function Swiper(props) {
     var id = props.id, className = props.className, direction = props.direction, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, _a = props.activeSlideIndex, activeSlideIndex = _a === void 0 ? 0 : _a, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957

package/dist/cjs/components/Switch.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -121,7 +121,7 @@ var switchConfig = {
 };
 var Switch = React.forwardRef(function Switch(props, ref) {
     var id = props.id, className = props.className, appearance = props.appearance, _a = props.align, align = _a === void 0 ? 'left' : _a, title = props.title, desc = props.desc, isDisabled = props.isDisabled, isActive = props.isActive, onChange = props.onChange;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, switchConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, switchConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillToggleActiveClass = propsGenerator.fillToggleActiveClass, fillToggleActiveHoverClass = propsGenerator.fillToggleActiveHoverClass, fillToggleClass = propsGenerator.fillToggleClass, fillToggleHoverClass = propsGenerator.fillToggleHoverClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;
     return (jsxRuntime.jsxs("div", { className: clsx('switch', className, align && "switch_align_".concat(align), size && "switch_size_".concat(size)), children: [jsxRuntime.jsxs("div", { className: "switch__wrapper", children: [title && (jsxRuntime.jsx(Text.Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), jsxRuntime.jsxs("div", { className: 'switch__item', children: [jsxRuntime.jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", 

package/dist/cjs/components/Tab.js

@@ -7,10 +7,10 @@ var useActiveClasses = require('../hooks/useActiveClasses/useActiveClasses.js');
 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 Icon = require('../../Icon_cjs_D-UNVTqI.js');
 var Divider = require('../../Divider_cjs_DUYtmwn2.js');
-var Link = require('../../Link_cjs_BqT6eVl6.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Link = require('../../Link_cjs_C5UsZUiF.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('../hooks/useActiveClasses/useActiveClasses.helpers.js');
 require('lodash/camelCase');
@@ -221,7 +221,7 @@ var tabConfig = {
 };
 function Tab(props) {
     var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, badgeValue = props.badgeValue, href = props.href, link = props.link, rel = props.rel, target = props.target, before = props.before, after = props.after, _b = props.isActive, isActive = _b === void 0 ? false : _b, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, tabConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, tabConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var rootClasses = useActiveClasses.useActiveClasses({
         isDisabled: isDisabled,

package/dist/cjs/components/Text.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');