@itcase/ui 1.8.110 → 1.8.111

package/dist/components/Select.js

@@ -1,16 +1,16 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Icon_es_C76te22j.js';
+import { I as Icon, B as Badge } from '../Icon_es_Cstv1LFr.js';
 import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { G as Group } from '../Group_es_DIfmrMSM.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
-import { L as Loader } from '../Loader_es_C8ETXkiZ.js';
+import { L as Loader } from '../Loader_es_ByhTIMxS.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
@@ -28,7 +28,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link_es_BnUIX0QT.js';
+import '../Link_es_XiqbdwLp.js';
 import 'lodash/castArray';
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
@@ -48,20 +48,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',
@@ -88,7 +88,6 @@ var selectAppearanceDefault = {
 var selectAppearanceDisabled = {
     disabledPrimary: {
         elevation: 8,
-        errorInputBorderColor: 'errorBorderPrimary',
         badgeAppearance: 'accent',
         clearIconFill: 'surfaceItemDisabled',
         dropdownIconFill: 'surfaceItemDisabled',
@@ -118,30 +117,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',
     },
@@ -149,30 +156,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',
     },
@@ -182,21 +197,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',
     },
 };
 
@@ -216,6 +231,7 @@ var selectAppearanceSize = {
         multipleItemIcon: icons16.Action.Close,
         multipleItemTextSize: 's',
         noOptionsTextSize: 's',
+        optionSelectedIcon: icons16.Form.Check,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
@@ -234,6 +250,7 @@ var selectAppearanceSize = {
         multipleItemIcon: icons16.Action.Close,
         multipleItemTextSize: 's',
         noOptionsTextSize: 'm',
+        optionSelectedIcon: icons16.Form.Check,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
@@ -252,7 +269,7 @@ var selectAppearanceSize = {
         multipleItemIcon: icons14.Action.Close,
         multipleItemTextSize: 'xs ',
         noOptionsTextSize: 'm',
-        optionSelectedIcon: icons14.Action.Close,
+        optionSelectedIcon: icons14.Form.Check,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
@@ -271,6 +288,7 @@ var selectAppearanceSize = {
         multipleItemIcon: icons14.Action.Close,
         multipleItemTextSize: 'xs ',
         noOptionsTextSize: 's',
+        optionSelectedIcon: icons14.Form.Check,
         optionTextSize: 's',
         placeholderTextSize: 's',
     },
@@ -289,6 +307,7 @@ var selectAppearanceSize = {
         multipleItemIcon: icons12.Action.Close,
         multipleItemTextSize: 'xxs',
         noOptionsTextSize: 'xs',
+        // optionSelectedIcon: icons12.Form.Check,
         optionTextSize: 'xs',
         placeholderTextSize: 'xs',
     },
@@ -305,6 +324,7 @@ var selectAppearanceSize = {
         inputTextSize: 'xs',
         menuItemSize: 'l',
         multipleItemIcon: icons12.Action.Close,
+        // optionSelectedIcon: icons12.Form.Check,
         multipleItemTextSize: 'xxs',
         noOptionsTextSize: 'xs',
         optionTextSize: 'xs',
@@ -314,48 +334,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',
     },
@@ -364,9 +391,8 @@ var selectAppearanceSuccess = {
 var selectAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__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 (jsxs(React.Fragment, { children: [before, jsx(components.Control, __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 (jsxs(React.Fragment, { children: [before, jsx(components.Control, __assign({}, props, { className: clsx('select__control') })), after] }));
 };
 
 // For use memo need to check "DropdownIndicator" props
@@ -520,10 +546,10 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             },
         });
     }, [minWidth, width]);
-    var appearanceConfig = useAppearanceConfig(appearance, selectConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, selectConfig, isDisabled);
     var propsGenerator = 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 (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 (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,
@@ -542,7 +568,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 }));
 });
 
 export { SelectContainer as Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig };

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 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 '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,8 +23,8 @@ 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';
 
 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/components/Switch.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_CtCwsa3V.js';
+import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -119,7 +119,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(appearance, switchConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
     var propsGenerator = 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 (jsxs("div", { className: clsx('switch', className, align && "switch_align_".concat(align), size && "switch_size_".concat(size)), children: [jsxs("div", { className: "switch__wrapper", children: [title && (jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), jsxs("div", { className: 'switch__item', children: [jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", 

package/dist/components/Tab.js

@@ -5,10 +5,10 @@ import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js'
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_C76te22j.js';
+import { B as Badge, I as Icon } from '../Icon_es_Cstv1LFr.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
-import { L as Link } from '../Link_es_BnUIX0QT.js';
-import { T as Text } from '../Text_es_CtCwsa3V.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 '../hooks/useActiveClasses/useActiveClasses.helpers.js';
 import 'lodash/camelCase';
@@ -219,7 +219,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(appearance, tabConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, tabConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var rootClasses = useActiveClasses({
         isDisabled: isDisabled,

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_CtCwsa3V.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_CwV9rjFD.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Textarea.js

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