@itcase/ui 1.8.39 → 1.8.40

package/dist/cjs/components/Response.js

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_CwduBuCx.js');
+var Button = require('../../Button_cjs_Ctkyt2ES.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('@itcase/common');
@@ -24,7 +24,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_CiY50iRK.js');
+require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 require('../../Loader_cjs_Ca4i0sER.js');
 

package/dist/cjs/components/Search.js

@@ -7,7 +7,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('lodash/camelCase');

package/dist/cjs/components/Segmented.js

@@ -4,7 +4,7 @@ var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('../hooks/useStyles/useStyles.js');

package/dist/cjs/components/Select.js

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
@@ -53,7 +53,7 @@ var selectAppearanceDefault = {
         noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
         optionFill: 'surfacePrimary',
-        optionFillHover: 'surfaceHover',
+        optionFillHover: 'surfaceSecondary',
         optionTextColor: 'surfaceTextPrimary',
         placeholder: 'Выбрать...',
         placeholderTextColor: 'surfaceTextQuaternary',
@@ -229,7 +229,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
         return {};
     }, [appearance]);
     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, widthClass = propsGenerator.widthClass, sizeClass = propsGenerator.sizeClass;
+    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: {
             IndicatorSeparator: function () { return null; },
             ClearIndicator: SelectClearIndicator,

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 Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Tab.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Divider = require('../../Divider_cjs_BmCJj3TN.js');
 var Link = require('../../Link_cjs_DbRGq2Yk.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');

package/dist/cjs/components/Textarea.js

@@ -53,7 +53,7 @@ var textareaAppearanceDefault = {
 
 var textareaAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceFillDisabled',
+        fill: 'surfaceDisabled',
         borderColor: 'errorBorderQuaternary',
         borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextQuaternary',

package/dist/cjs/components/Tile.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var tslib_es6 = require('../../../tslib.es6_cjs_CCZ3TN_7.js');
+var React = require('react');
+
+var useAppearanceConfig = function (appearance, componentConfig, isDisabled) {
+    var appearanceConfig = React.useMemo(function () {
+        var _a, _b;
+        if (appearance) {
+            var appearanceProps = appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+                var _a;
+                return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = componentConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+            }, {});
+            if (isDisabled && ((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled)) {
+                Object.assign(appearanceProps, componentConfig.appearance.disabled);
+            }
+            return appearanceProps;
+        }
+        if (isDisabled) {
+            return (_b = componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabled;
+        }
+        return {};
+    }, [appearance, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance, isDisabled]);
+    return {
+        appearanceConfig: appearanceConfig,
+    };
+};
+
+exports.useAppearanceConfig = useAppearanceConfig;

package/dist/cjs/hooks/useAppearanceConfig.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var useAppearanceConfig = require('./useAppearanceConfig/useAppearanceConfig.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
+require('react');
+
+
+
+exports.useAppearanceConfig = useAppearanceConfig.useAppearanceConfig;

package/dist/components/Accordion.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Tooltip_es_Cc2orRUE.js';
+import { B as Badge, I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
 import { D as Divider } from '../Divider_es_kY-30pft.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { icons16 } from '@itcase/icons/default';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_DKL6hUIM.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_B1Ao9Im_.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -14,7 +14,7 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';

package/dist/components/AvatarStack.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { A as Avatar } from '../Avatar_es_DKL6hUIM.js';
+import { A as Avatar } from '../Avatar_es_B1Ao9Im_.js';
 import { G as Group } from '../Group_es_CYW2Hquh.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'react';
@@ -19,7 +19,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Tooltip_es_Cc2orRUE.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Tooltip_es_Y2aoFQW7.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Breadcrumbs.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { I as Icon } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
 import { a as LinkWrapper } from '../Link_es_DxtZLeKY.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { icons12, icons14, icons16, icons20, icons24 } from '@itcase/icons/default';

package/dist/components/Button.js

@@ -1,9 +1,9 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_CBUUZuP3.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_BiIuX0ER.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Cell.js

@@ -3,8 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_Cc2orRUE.js';
-import { L as Label } from '../Label_es_Cz9OKQAr.js';
+import { I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
+import { L as Label } from '../Label_es_CIDBUVgO.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Chips.js

@@ -1,6 +1,7 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_DdU5NMpc.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_CWq3TR_1.js';
 import 'react/jsx-runtime';
 import 'clsx';
+import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -17,7 +18,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/Choice.js

@@ -4,7 +4,7 @@ import React, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
 import { L as Loader } from '../Loader_es_GYOr0UTX.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_CBUUZuP3.js';
+import { B as Button } from '../Button_es_BiIuX0ER.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -16,7 +16,7 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';

package/dist/components/DatePeriod.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_D4P4DT8L.js';
+import { D as DatePickerInput } from '../DatePicker_es_CQwbdG0g.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_DdU5NMpc.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CWq3TR_1.js';
 import 'date-fns/locale';
 import 'react-datepicker';
 import '../hooks/useStyles/useStyles.js';
@@ -19,8 +19,8 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_CBUUZuP3.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Button_es_BiIuX0ER.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
@@ -28,9 +28,10 @@ import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 import '../Loader_es_GYOr0UTX.js';
 import '../Input_es_D9Y1Rj5Y.js';
-import '../Label_es_Cz9OKQAr.js';
+import '../Label_es_CIDBUVgO.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';
+import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 
 var datePeriodAppearanceSize = {
     sizeL: {

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_D4P4DT8L.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CQwbdG0g.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -19,8 +19,8 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_CBUUZuP3.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Button_es_BiIuX0ER.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
@@ -28,5 +28,5 @@ import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 import '../Loader_es_GYOr0UTX.js';
 import '../Input_es_D9Y1Rj5Y.js';
-import '../Label_es_Cz9OKQAr.js';
+import '../Label_es_CIDBUVgO.js';
 import '@itcase/icons/default';

package/dist/components/Drawer.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
-import { I as Icon, b as Title } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon, b as Title } from '../Tooltip_es_Y2aoFQW7.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { icons24 } from '@itcase/icons/default';

package/dist/components/Dropdown/stories/__mock__.js

@@ -1,4 +1,3 @@
-import { icon24 } from '@itcase/icons/am';
 import { icons24 } from '@itcase/icons/default';
 
 var dropdownListMock = [
@@ -20,18 +19,40 @@ var dropdownListMock = [
     {
         key: 6,
         label: 'Item 6',
-        iconBefore: icon24.Check,
+        iconBefore: icons24.Form.Check,
         isActive: false,
     },
     {
         key: 7,
         label: 'Item 7',
-        iconAfter: icon24.Check,
+        iconAfter: icons24.Form.Check,
         isActive: false,
     },
-    { key: 8, label: 'Item 8', showDivider: true, isActive: false },
+    { key: 8, label: 'Item 8', isActive: false },
     { key: 9, label: 'Item 9', isActive: false },
 ];
+var dropdownListMessageMock = [
+    { key: 1, emptyMessage: 'Item 1' },
+    { key: 2, emptyMessage: 'Item 2' },
+    { key: 3, emptyMessage: 'Item 3' },
+    { key: 4, emptyMessage: 'Item 4' },
+    { key: 5, emptyMessage: 'Item 5' },
+    { key: 6, emptyMessage: 'Item 6' },
+    { key: 7, emptyMessage: 'Item 7' },
+    { key: 8, emptyMessage: 'Item 8' },
+    { key: 9, emptyMessage: 'Item 9' },
+];
+var dropdownListBadgeMock = [
+    { key: 1, label: 'Item 1', badgeValue: 1 },
+    { key: 2, label: 'Item 2', badgeValue: 2 },
+    { key: 3, label: 'Item 3', badgeValue: 3 },
+    { key: 4, label: 'Item 4', badgeValue: 4 },
+    { key: 5, label: 'Item 5', badgeValue: 5 },
+    { key: 6, label: 'Item 6', badgeValue: 6 },
+    { key: 7, label: 'Item 7', badgeValue: 7 },
+    { key: 8, label: 'Item 8', badgeValue: 8 },
+    { key: 9, label: 'Item 9', badgeValue: 9 },
+];
 var dropdownListSimpleMock = [
     { key: 1, label: 'Item 1', isActive: true },
     { key: 2, label: 'Item 2', isActive: false },
@@ -102,4 +123,4 @@ var dropdownListAfterMock = [
     },
 ];
 
-export { dropdownListAfterMock, dropdownListBeforeMock, dropdownListMock, dropdownListSimpleMock };
+export { dropdownListAfterMock, dropdownListBadgeMock, dropdownListBeforeMock, dropdownListMessageMock, dropdownListMock, dropdownListSimpleMock };

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_CrwvBzq_.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_JVT4f6Nb.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -17,10 +17,10 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Divider_es_kY-30pft.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
+import '../Divider_es_kY-30pft.js';

package/dist/components/HeroTitle.js

@@ -4,7 +4,7 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, e as iconAppearance, i as iconConfig } from '../Tooltip_es_Cc2orRUE.js';
+export { I as Icon, e as iconAppearance, i as iconConfig } from '../Tooltip_es_Y2aoFQW7.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/InputPassword.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_Cz9OKQAr.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_CIDBUVgO.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -17,7 +17,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_Cc2orRUE.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/MenuItem.js

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon, T as Tooltip } from '../Tooltip_es_Y2aoFQW7.js';
 import { L as Link } from '../Link_es_DxtZLeKY.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'lodash/camelCase';

package/dist/components/Modal.js

@@ -6,7 +6,7 @@ import ReactDOM from 'react-dom';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { O as Overlay } from '../Overlay_es_DczPjVL9.js';
-import { b as Title } from '../Tooltip_es_Cc2orRUE.js';
+import { b as Title } from '../Tooltip_es_Y2aoFQW7.js';
 import { L as Loader } from '../Loader_es_GYOr0UTX.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Notification.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_Cc2orRUE.js';
+import { I as Icon } from '../Tooltip_es_Y2aoFQW7.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import { icons20 } from '@itcase/icons/default';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';