@itcase/ui 1.8.38 → 1.8.40

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_DHduWa-v.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
@@ -24,6 +24,8 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 require('lodash/castArray');
 
@@ -51,7 +53,7 @@ var selectAppearanceDefault = {
         noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
         optionFill: 'surfacePrimary',
-        optionFillHover: 'surfaceHover',
+        optionFillHover: 'surfaceSecondary',
         optionTextColor: 'surfaceTextPrimary',
         placeholder: 'Выбрать...',
         placeholderTextColor: 'surfaceTextQuaternary',
@@ -227,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_DHduWa-v.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -22,6 +22,8 @@ require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 
 function Swiper(props) {

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_DHduWa-v.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');
@@ -23,6 +23,8 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
 
 var tabAppearanceError = {
     errorPrimary: {

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_DHduWa-v.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
 require('lodash/camelCase');
@@ -21,6 +21,8 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 
 var tileAppearanceSize = {

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -21,6 +21,8 @@ require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 
 

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -21,6 +21,8 @@ require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_DbRGq2Yk.js');
 
 

package/dist/cjs/context/UrlAssetPrefix.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+var UrlAssetPrefixContext = React.createContext({
+    assetPrefix: undefined,
+    ignorePathsList: undefined,
+});
+function UrlAssetPrefixProvider(props) {
+    var assetPrefix = props.assetPrefix, ignorePathsList = props.ignorePathsList, children = props.children;
+    var value = React.useMemo(function () { return ({ assetPrefix: assetPrefix, ignorePathsList: ignorePathsList }); }, [assetPrefix, ignorePathsList]);
+    return (jsxRuntime.jsx(UrlAssetPrefixContext.Provider, { value: value, children: children }));
+}
+
+exports.UrlAssetPrefixContext = UrlAssetPrefixContext;
+exports.UrlAssetPrefixProvider = UrlAssetPrefixProvider;

package/dist/cjs/hoc/urlWithAssetPrefix.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var common = require('@itcase/common');
+var UrlAssetPrefix = require('../context/UrlAssetPrefix.js');
+
+var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+var urlWithAssetPrefix = function (WrappedComponent) {
+    var HOC = React.forwardRef(function HOC(props, ref) {
+        var _a = React.useContext(UrlAssetPrefix.UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;
+        var overrideProps = urlPropsList.reduce(function (resultProps, propKey) {
+            var url = props[propKey];
+            if (url && typeof url === 'string') {
+                if (assetPrefix) {
+                    var cleanUrl = common.formatURL(url);
+                    var isNeedAssetPrefix = checkIsNeedAssetPrefix(cleanUrl, assetPrefix, ignorePathsList);
+                    if (isNeedAssetPrefix) {
+                        var prefixPath = common.formatURL(assetPrefix).slice(0, -1);
+                        url = "".concat(prefixPath).concat(cleanUrl);
+                    }
+                }
+                resultProps[propKey] = url;
+            }
+            return resultProps;
+        }, {});
+        return jsxRuntime.jsx(WrappedComponent, tslib_es6.__assign({}, props, overrideProps, { ref: ref }));
+    });
+    return HOC;
+};
+var checkIsNeedAssetPrefix = function (url, assetPrefix, ignorePathsList) {
+    if (ignorePathsList === void 0) { ignorePathsList = []; }
+    // Ignore prefix if:
+    var isPrefixIgnore = 
+    // Url is absolute
+    url.startsWith('http:') ||
+        url.startsWith('https:') ||
+        // Url is data string
+        url.startsWith('data:') ||
+        // Url already have prefix
+        url.startsWith(assetPrefix);
+    if (isPrefixIgnore) {
+        return false;
+    }
+    // And check special paths for ignore prefix
+    for (var _i = 0, ignorePathsList_1 = ignorePathsList; _i < ignorePathsList_1.length; _i++) {
+        var urlPath = ignorePathsList_1[_i];
+        if (urlPath instanceof RegExp) {
+            if (urlPath.test(url)) {
+                return false;
+            }
+        }
+        else {
+            if (url.startsWith(common.formatURL(urlPath))) {
+                return false;
+            }
+        }
+    }
+    // Need to add prefix to url
+    return true;
+};
+
+exports.urlWithAssetPrefix = urlWithAssetPrefix;

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_ltCY-w4M.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';
@@ -21,6 +21,8 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 
 var accordionAppearanceSize = {

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_B73a6TzA.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,11 +14,13 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Tooltip_es_ltCY-w4M.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
-import '../Image_es_DZUVp0FS.js';
+import '../Image_es_ChF-63wh.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_B73a6TzA.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,10 +19,12 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_ltCY-w4M.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
-import '../Image_es_DZUVp0FS.js';
+import '../Image_es_ChF-63wh.js';
 
 var avatarStackAppearanceSize = {
     size16: {

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Tooltip_es_ltCY-w4M.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';
@@ -19,4 +19,6 @@ import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';

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_ltCY-w4M.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';
@@ -21,6 +21,8 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 
 var breadcrumbsAppearanceAccent = {
     accentPrimary: {

package/dist/components/Button.js

@@ -1,9 +1,9 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_BigB2Wz6.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_ltCY-w4M.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -20,5 +20,7 @@ import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 import '../Loader_es_GYOr0UTX.js';

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_ltCY-w4M.js';
-import { L as Label } from '../Label_es_C4Px7b-N.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';
@@ -20,6 +20,8 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 
 var cellAppearanceSize = {

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_B9m4l0wN.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,9 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_ltCY-w4M.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';

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_ltCY-w4M.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';
@@ -20,6 +20,8 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 
 var choiceAppearanceDefault = {

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_BigB2Wz6.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,11 +16,13 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Tooltip_es_ltCY-w4M.js';
+import '../Tooltip_es_Y2aoFQW7.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 import '../Loader_es_GYOr0UTX.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_CdEYxtwj.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_B9m4l0wN.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,16 +19,19 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_BigB2Wz6.js';
-import '../Tooltip_es_ltCY-w4M.js';
+import '../Button_es_BiIuX0ER.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 '../Loader_es_GYOr0UTX.js';
 import '../Input_es_D9Y1Rj5Y.js';
-import '../Label_es_C4Px7b-N.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_CdEYxtwj.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,12 +19,14 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_BigB2Wz6.js';
-import '../Tooltip_es_ltCY-w4M.js';
+import '../Button_es_BiIuX0ER.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 '../Loader_es_GYOr0UTX.js';
 import '../Input_es_D9Y1Rj5Y.js';
-import '../Label_es_C4Px7b-N.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_ltCY-w4M.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';
@@ -20,6 +20,8 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 import 'lodash/castArray';
 

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_KppIfto7.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,8 +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_ltCY-w4M.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';