@itcase/ui 1.8.90 → 1.8.92

package/dist/cjs/components/Select.js

@@ -3,14 +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_CdFkbmKN.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
+var Group = require('../../Group_cjs_GqR99U0L.js');
+var Text = require('../../Text_cjs_DmuzuKFj.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Text = require('../../Text_cjs_B8nNXWBA.js');
-var Group = require('../../Group_cjs_GqR99U0L.js');
+var _default = require('@itcase/icons/default');
+var Loader = require('../../Loader_cjs_mB_UCgBG.js');
 var Divider = require('../../Divider_cjs_rxMMBfLC.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -40,43 +42,331 @@ var SelectClearIndicator = function (props) {
     return (jsxRuntime.jsx(Select.components.ClearIndicator, tslib_es6.__assign({}, props, { children: clearIcon ? (jsxRuntime.jsx(Icon.Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) })));
 };
 
+var SelectLoadingMessage = function (props) {
+    var _a = props.selectProps, loadingMessageText = _a.loadingMessageText, loadingMessageTextColor = _a.loadingMessageTextColor, loadingMessageTextSize = _a.loadingMessageTextSize;
+    return (jsxRuntime.jsx(Group.Group, { textAlign: "center", children: jsxRuntime.jsx(Text.Text, { size: loadingMessageTextSize, textColor: loadingMessageTextColor, children: loadingMessageText }) }));
+};
+
 var selectAppearanceDefault = {
     defaultPrimary: {
         elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
         inputBorderColor: 'surfaceBorderTertiary',
         inputBorderColorHover: 'surfaceBorderQuaternary',
-        inputFill: 'surfacePrimary',
+        inputCaretColor: 'accentPrimary',
+        inputFill: 'surfaceSecondary',
+        inputTextColor: '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',
+        optionSelectedIconFillIcon: 'successItemPrimary',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceDisabled = {
+    disabledPrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'surfaceItemDisabled',
+        dropdownIconFill: 'surfaceItemDisabled',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'secondaryItemPrimary',
+        inputFill: 'surfaceDisabled',
         inputShape: 'rounded',
         inputTextColor: 'surfaceTextPrimary',
-        multipleItemFill: 'surfaceSecondary',
+        multipleItemFill: 'accentPrimary',
         multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
         multipleTextColor: 'accentTextPrimary',
-        noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
         optionFill: 'surfacePrimary',
         optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
         optionTextColor: 'surfaceTextPrimary',
-        placeholder: 'Выбрать...',
         placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceError = {
+    errorPrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'errorItemQuaternary',
+        dropdownIconFill: 'errorItemQuaternary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'accentPrimary',
+        inputFill: 'errorTertiary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'surfacePrimary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'surfaceItemPrimary',
+        multipleItemTextColor: 'surfaceTextPrimary',
+        multipleTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceRequire = {
+    requirePrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'warningItemSecondary',
+        dropdownIconFill: 'warningItemSecondary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'secondaryItemPrimary',
+        inputFill: 'warningTertiary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'surfacePrimary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'surfaceItemPrimary',
+        multipleItemTextColor: 'surfaceTextPrimary',
+        multipleTextColor: 'surfaceTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceShape = {
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
     },
 };
 
 var selectAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        textLoadingMessageAppearance: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: _default.icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: _default.icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: _default.icons16.Action.Close,
+        multipleItemTextSize: 's',
+        noOptionsTextSize: 's',
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeXL: {
+        size: 'xl',
+        textLoadingMessageAppearance: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: _default.icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: _default.icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: _default.icons16.Action.Close,
+        multipleItemTextSize: 's',
+        noOptionsTextSize: 'm',
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
     sizeM: {
         size: 'm',
+        textLoadingMessageAppearance: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: _default.icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: _default.icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
         inputTextSize: 'm',
-        multipleItemTextSize: 'm',
+        loadingMessageTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: _default.icons14.Action.Close,
+        multipleItemTextSize: 'xs ',
         noOptionsTextSize: 'm',
+        optionSelectedIcon: _default.icons14.Action.Close,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
+    sizeS: {
+        size: 's',
+        textLoadingMessageAppearance: 'sizeS',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: _default.icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: _default.icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 's',
+        menuItemSize: 'l',
+        multipleItemIcon: _default.icons14.Action.Close,
+        multipleItemTextSize: 'xs ',
+        noOptionsTextSize: 's',
+        optionTextSize: 's',
+        placeholderTextSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        textLoadingMessageAppearance: 'sizeXS',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: _default.icons16.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: _default.icons16.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'xs ',
+        menuItemSize: 'l',
+        multipleItemIcon: _default.icons12.Action.Close,
+        multipleItemTextSize: 'xxs',
+        noOptionsTextSize: 'xs',
+        optionTextSize: 'xs',
+        placeholderTextSize: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        textLoadingMessageAppearance: 'sizeXS',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: _default.icons16.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: _default.icons16.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'xs',
+        menuItemSize: 'l',
+        multipleItemIcon: _default.icons12.Action.Close,
+        multipleItemTextSize: 'xxs',
+        noOptionsTextSize: 'xs',
+        optionTextSize: 'xs',
+        placeholderTextSize: 'xs',
+    },
 };
 
-var selectAppearance = tslib_es6.__assign(tslib_es6.__assign({}, selectAppearanceDefault), selectAppearanceSize);
+var selectAppearanceStyle = {
+    solid: {
+        inputBorderColor: 'none',
+        inputBorderColorHover: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        inputBorderColor: 'none',
+        inputBorderColorHover: 'none',
+    },
+};
+
+var selectAppearanceSuccess = {
+    successPrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'successItemSecondary',
+        dropdownIconFill: 'successItemSecondary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'secondaryItemPrimary',
+        inputFill: 'successTertiary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'surfacePrimary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'surfaceItemPrimary',
+        multipleItemTextColor: 'surfaceTextPrimary',
+        multipleTextColor: 'surfaceTextPrimary',
+        noOptionsText: 'Ничего не найдено...',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholder: 'Выбрать...',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+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, 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, inputShape, inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&
+    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] }));
 };
 
@@ -89,8 +379,8 @@ var SelectDropdownIndicator = function (props) {
 };
 
 var SelectGroupHeading = function (props) {
-    var _a = props.selectProps, headingFill = _a.headingFill, headingFillHover = _a.headingFillHover, headingTextColor = _a.headingTextColor, headingTextSize = _a.headingTextSize, headingTextWeight = _a.headingTextWeight;
-    return (jsxRuntime.jsx(Select.components.GroupHeading, tslib_es6.__assign({}, props, { className: clsx('select__menu-group-heading', headingFill, headingFillHover), children: jsxRuntime.jsx(Text.Text, { size: headingTextSize, textColor: headingTextColor, textWeight: headingTextWeight, children: props.data.label }) })));
+    var _a = props.selectProps, groupFill = _a.groupFill, groupTextColor = _a.groupTextColor, groupTextSize = _a.groupTextSize, groupTextWeight = _a.groupTextWeight;
+    return (jsxRuntime.jsx(Select.components.GroupHeading, tslib_es6.__assign({}, props, { className: clsx('select__menu-group-heading', groupFill && "fill_".concat(groupFill)), children: jsxRuntime.jsx(Text.Text, { size: groupTextSize, textColor: groupTextColor, textWeight: groupTextWeight, children: props.data.label }) })));
 };
 
 var SelectIndicatorsContainer = function (props) {
@@ -109,21 +399,18 @@ var SelectInput = function (props) {
 };
 
 var SelectLoadingIndicator = function (props) {
-    var loadingIndicator = props.selectProps.loadingIndicator;
-    // Original indicator
-    // <components.LoadingIndicator {...props}>
-    // </components.LoadingIndicator>
-    return loadingIndicator;
+    var _a = props.selectProps, loaderAppearance = _a.loaderAppearance, isLoading = _a.isLoading;
+    return isLoading && jsxRuntime.jsx(Loader.Loader, { appearance: loaderAppearance });
 };
 
 var SelectMenu = function (props) {
-    var _a = props.selectProps, elevation = _a.elevation, menuAfter = _a.menuAfter, menuBefore = _a.menuBefore;
-    return (jsxRuntime.jsxs(Select.components.Menu, tslib_es6.__assign({}, props, { className: clsx(elevation && "elevation_".concat(elevation)), children: [menuBefore, props.selectProps.fetchingData ? (jsxRuntime.jsx("span", { className: "fetching", children: "Fetching data..." })) : (jsxRuntime.jsx(React.Fragment, { children: props.children })), menuAfter] })));
+    var _a = props.selectProps, elevation = _a.elevation, menuAfter = _a.menuAfter, menuBefore = _a.menuBefore, menuFill = _a.menuFill, menuShape = _a.menuShape, menuShapeStrength = _a.menuShapeStrength;
+    return (jsxRuntime.jsxs(Select.components.Menu, tslib_es6.__assign({}, props, { className: clsx(menuFill && "fill_".concat(menuFill), menuShape && "shape_".concat(menuShape), menuShapeStrength && "shape-strength_".concat(menuShapeStrength), elevation && "elevation_".concat(elevation)), children: [menuBefore, props.selectProps.fetchingData ? (jsxRuntime.jsx("span", { className: "fetching", children: "Fetching data..." })) : (jsxRuntime.jsx(React.Fragment, { children: props.children })), menuAfter] })));
 };
 
 var SelectMultiValueContainer = function (props) {
     var _a = props.selectProps, multipleItemFill = _a.multipleItemFill, multipleItemFillHover = _a.multipleItemFillHover;
-    return (jsxRuntime.jsx(Select.components.MultiValueContainer, tslib_es6.__assign({}, props, { children: jsxRuntime.jsx(Group.Group, { className: "select__multi-value-wrapper", direction: "horizontal", alignItems: "center", fill: multipleItemFill, fillHover: multipleItemFillHover, gap: "4", children: props.children }) })));
+    return (jsxRuntime.jsx(Select.components.MultiValueContainer, tslib_es6.__assign({}, props, { children: jsxRuntime.jsx(Group.Group, { className: clsx('select__multi-value-item'), direction: "horizontal", alignItems: "center", fill: multipleItemFill, fillHover: multipleItemFillHover, gap: "0.5m", children: props.children }) })));
 };
 
 var SelectMultiValueLabel = function (props) {
@@ -137,16 +424,30 @@ var SelectMultiValueRemove = function (props) {
 };
 
 var SelectNoOptions = function (props) {
-    var _a = props.selectProps, inputValue = _a.inputValue, noOptionsSearchText = _a.noOptionsSearchText, noOptionsText = _a.noOptionsText, noOptionsTextColor = _a.noOptionsTextColor, noOptionsTextSize = _a.noOptionsTextSize, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill;
-    return (jsxRuntime.jsx(Select.components.NoOptionsMessage, tslib_es6.__assign({}, props, { className: clsx(optionFill, optionBorder, optionBorderType), children: jsxRuntime.jsx(Text.Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
-                ? noOptionsSearchText
-                : noOptionsText }) })));
+    var _a = props.selectProps, inputValue = _a.inputValue, noOptionsSearchText = _a.noOptionsSearchText, noOptionsText = _a.noOptionsText, noOptionsTextColor = _a.noOptionsTextColor, noOptionsTextSize = _a.noOptionsTextSize, optionFill = _a.optionFill;
+    return (jsxRuntime.jsx(Select.components.NoOptionsMessage, tslib_es6.__assign({}, props, { className: clsx(optionFill && "fill_".concat(optionFill)), children: jsxRuntime.jsx(Group.Group, { textAlign: "center", children: jsxRuntime.jsx(Text.Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
+                    ? noOptionsSearchText
+                    : noOptionsText }) }) })));
 };
 
 var SelectOption = function (props) {
     var label = props.label, isSelected = props.isSelected;
-    var _a = props.selectProps, dividerDirection = _a.dividerDirection, dividerFill = _a.dividerFill, dividerSize = _a.dividerSize, menuItemSize = _a.menuItemSize, optionAfter = _a.optionAfter, optionBefore = _a.optionBefore, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill, optionFillHover = _a.optionFillHover, optionSelected = _a.optionSelected, optionShape = _a.optionShape, optionTextColor = _a.optionTextColor, optionTextSize = _a.optionTextSize, showDivider = _a.showDivider;
-    return (jsxRuntime.jsxs(Select.components.Option, tslib_es6.__assign({}, props, { className: clsx('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionFill, optionBorder, optionBorderType, optionFillHover, optionShape), children: [optionBefore, jsxRuntime.jsx(Text.Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, children: label }), isSelected && (jsxRuntime.jsx("div", { className: "select__menu-list-item_selected", children: optionSelected })), optionAfter, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] })));
+    var _a = props.selectProps, optionFillActiveDisabled = _a.optionFillActiveDisabled, optionFillDisabled = _a.optionFillDisabled, optionTextColorDisabled = _a.optionTextColorDisabled, dividerDirection = _a.dividerDirection, dividerFill = _a.dividerFill, dividerSize = _a.dividerSize, menuItemSize = _a.menuItemSize, optionAfter = _a.optionAfter, optionBefore = _a.optionBefore, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill, optionFillActive = _a.optionFillActive, optionFillActiveHover = _a.optionFillActiveHover, optionFillHover = _a.optionFillHover, optionSelectedIcon = _a.optionSelectedIcon, optionSelectedIconFillIcon = _a.optionSelectedIconFillIcon, optionSelectedIconSize = _a.optionSelectedIconSize, optionSelectedIconSrc = _a.optionSelectedIconSrc, optionShape = _a.optionShape, optionShapeStrength = _a.optionShapeStrength, optionTextColor = _a.optionTextColor, optionTextColorActive = _a.optionTextColorActive, optionTextSize = _a.optionTextSize, showDivider = _a.showDivider;
+    return (jsxRuntime.jsxs(Select.components.Option, tslib_es6.__assign({}, props, { className: clsx('select__menu-list-item', isSelected || props.isSelected
+            ? !props.isDisabled
+                ? optionFillActive && "fill_active_".concat(optionFillActive)
+                : optionFillActiveDisabled &&
+                    "fill_active_disabled_".concat(optionFillActiveDisabled)
+            : !props.isDisabled
+                ? optionFill && "fill_".concat(optionFill)
+                : optionFillDisabled && "fill_".concat(optionFillDisabled), (isSelected || props.isSelected) &&
+            !props.isDisabled &&
+            optionFillActiveHover &&
+            "fill_active_hover_".concat(optionFillActiveHover), !isSelected &&
+            !props.isSelected &&
+            !props.isDisabled &&
+            optionFillHover &&
+            "fill_hover_".concat(optionFillHover), isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionBorder && "border-color_".concat(optionBorder), optionBorderType && "border_type_".concat(optionBorderType), optionShape && "shape_".concat(optionShape), optionShapeStrength && "shape-strength_".concat(optionShapeStrength)), children: [optionBefore, jsxRuntime.jsx(Text.Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, textColorActive: optionTextColorActive, textColorDisabled: optionTextColorDisabled, isDisabled: props.isDisabled, isActive: props.isSelected || isSelected, children: label }), (isSelected || props.isSelected) && (jsxRuntime.jsx("div", { className: "select__menu-list-item_selected", children: jsxRuntime.jsx(Icon.Icon, { iconFill: optionSelectedIconFillIcon, iconSize: optionSelectedIconSize, imageSrc: optionSelectedIconSrc, SvgImage: optionSelectedIcon }) })), optionAfter, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] })));
 };
 
 var SelectPlaceholder = function (props) {
@@ -172,11 +473,9 @@ var selectConfig = {
     },
 };
 var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
-    var className = props.className, _a = props.appearance, appearance = _a === void 0 ? '' : _a, width = props.width, minWidth = props.minWidth, initialValue = props.initialValue, isDisabled = props.isDisabled, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, clearIcon = props.clearIcon, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, dividerSize = props.dividerSize, dropdownIcon = props.dropdownIcon, filterOption = props.filterOption, hideSelectedOptions = props.hideSelectedOptions, hideValueContainer = props.hideValueContainer, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loadingMessage = props.loadingMessage, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuIsOpen = props.menuIsOpen, menuItemSize = props.menuItemSize, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, optionSelected = props.optionSelected, placeholder = props.placeholder, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, before = props.before, after = props.after, openMenuOnClick = props.openMenuOnClick, closeMenuOnSelect = props.closeMenuOnSelect, isClearable = props.isClearable, isCreatable = props.isCreatable, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, set = props.set, onChange = props.onChange, onInputChange = props.onInputChange;
+    var className = props.className, _a = props.appearance, appearance = _a === void 0 ? '' : _a, width = props.width, minWidth = props.minWidth, initialValue = props.initialValue, isDisabled = props.isDisabled, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, filterOption = props.filterOption, hideSelectedOptions = props.hideSelectedOptions, hideValueContainer = props.hideValueContainer, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loaderAppearance = props.loaderAppearance, loadingMessageText = props.loadingMessageText, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuIsOpen = props.menuIsOpen, menuItemSize = props.menuItemSize, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, placeholder = props.placeholder, set = props.set, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, before = props.before, after = props.after, openMenuOnClick = props.openMenuOnClick, closeMenuOnSelect = props.closeMenuOnSelect, isClearable = props.isClearable, isCreatable = props.isCreatable, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, onChange = props.onChange, onInputChange = props.onInputChange;
     var defaultRef = React.useRef(null);
     var selectRef = ref || defaultRef;
-    // React-select wait function as "loadingMessage" property
-    var getLoadingMessage = React.useCallback(function () { return loadingMessage; }, [loadingMessage]);
     var SelectComponent = isCreatable
         ? CreatableSelect
         : Select;
@@ -224,8 +523,8 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     }, [minWidth, width]);
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, selectConfig);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, elevation = propsGenerator.elevation, badgeTextSize = propsGenerator.badgeTextSize, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, headingFillClass = propsGenerator.headingFillClass, headingFillHoverClass = propsGenerator.headingFillHoverClass, headingTextColorClass = propsGenerator.headingTextColorClass, headingTextSizeClass = propsGenerator.headingTextSizeClass, headingTextWeightClass = propsGenerator.headingTextWeightClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, 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, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionShapeClass = propsGenerator.optionShapeClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx(SelectComponent, { className: clsx(className, 'select', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "select_shape_".concat(shapeClass), 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)), elevation: elevation, isDisabled: isDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    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: {
             IndicatorSeparator: function () { return null; },
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -234,6 +533,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             IndicatorsContainer: SelectIndicatorsContainer,
             Input: SelectInput,
             LoadingIndicator: SelectLoadingIndicator,
+            LoadingMessage: SelectLoadingMessage,
             Menu: SelectMenu,
             MultiValueContainer: SelectMultiValueContainer,
             MultiValueLabel: SelectMultiValueLabel,
@@ -243,15 +543,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, 
-        // headingFill={headingFillClass as FillProps}
-        headingFill: headingFillClass && "fill_".concat(headingFillClass), headingFillHover: headingFillHoverClass && "fill_hover_".concat(headingFillHoverClass), headingTextColor: headingTextColorClass, headingTextSize: headingTextSizeClass, headingTextWeight: headingTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputBorderColor: inputBorderColorClass, inputBorderColorHover: inputBorderColorHoverClass, inputCaretColor: inputCaretColorClass, inputFill: inputFillClass && "select__control_fill_".concat(inputFillClass), inputShape: inputShapeClass && "select__control_shape_".concat(inputShapeClass), inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, 
-        // @ts-expect-error
-        loadingMessage: getLoadingMessage, menuAfter: menuAfter, menuBefore: menuBefore, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, 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 || appearanceConfig.noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, 
-        // optionBorder={optionBorderClass as BorderColorProps}
-        optionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), 
-        // optionBorderType={optionBorderTypeClass as BorderTypeProps}
-        optionBorderType: optionBorderTypeClass && "border_type_".concat(optionBorderTypeClass), optionFill: optionFillClass && "fill_".concat(optionFillClass), optionFillHover: optionFillHoverClass && "fill_hover_".concat(optionFillHoverClass), options: options, optionSelected: optionSelected, optionShape: optionShapeClass, optionTextColor: optionTextColorClass, optionTextSize: optionTextSizeClass, placeholder: placeholder || appearanceConfig.placeholder, placeholderTextColor: placeholderTextColor || appearanceConfig.placeholderTextColor, placeholderTextSize: placeholderTextSize || appearanceConfig.placeholderTextSize, ref: selectRef, 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, set: set, 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, 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 }));
 });
 
 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_CdFkbmKN.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -25,7 +25,7 @@ require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_B8nNXWBA.js');
+require('../../Text_cjs_DmuzuKFj.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_B8nNXWBA.js');
+var Text = require('../../Text_cjs_DmuzuKFj.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Tab.js

@@ -6,10 +6,10 @@ 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_CdFkbmKN.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
 var Divider = require('../../Divider_cjs_rxMMBfLC.js');
 var Link = require('../../Link_cjs_BqT6eVl6.js');
-var Text = require('../../Text_cjs_B8nNXWBA.js');
+var Text = require('../../Text_cjs_DmuzuKFj.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Text.js

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

package/dist/cjs/components/Tile.js

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_CdFkbmKN.js');
-var Text = require('../../Text_cjs_B8nNXWBA.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
+var Text = require('../../Text_cjs_DmuzuKFj.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_CdFkbmKN.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -24,7 +24,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_B8nNXWBA.js');
+require('../../Text_cjs_DmuzuKFj.js');
 
 
 

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_CdFkbmKN.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -24,7 +24,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_B8nNXWBA.js');
+require('../../Text_cjs_DmuzuKFj.js');
 
 
 

package/dist/cjs/components/Warning.js

@@ -3,8 +3,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_CdFkbmKN.js');
-var Text = require('../../Text_cjs_B8nNXWBA.js');
+var Icon = require('../../Icon_cjs_CDMtlf1A.js');
+var Text = require('../../Text_cjs_DmuzuKFj.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');