@itcase/ui 1.4.13 → 1.5.0

package/dist/cjs/components/Textarea.js

@@ -1,13 +1,16 @@
 'use strict';
 
+var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
+require('../context/Notifications.js');
+require('uuid');
+require('@itcase/common');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
@@ -15,28 +18,24 @@ require('../utils/setViewportProperty.js');
 
 var textareaAppearance = {
     dev: {
+        size: 'm',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        placeholderTextColor: 'surfaceTextSecondary',
-        shape: 'rounded',
-        size: 'm',
         textColor: 'surfaceTextPrimary',
         textSize: 'm',
+        placeholderTextColor: 'surfaceTextSecondary',
+        shape: 'rounded',
     },
 };
 var textareaState = {
-    active: {
-        borderColor: 'surfaceBorderActive',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    activeFilled: {
-        borderColor: 'surfaceBorderActive',
+    filled: {
+        borderColor: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
     },
     disabled: {
         borderColor: 'surfaceBorderDisabled',
-        placeholderTextColor: 'surfaceTextDisabled',
         textColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextDisabled',
     },
     error: {
         borderColor: 'errorBorderPrimary',
@@ -46,8 +45,16 @@ var textareaState = {
         borderColor: 'errorBorderPrimary',
         textColor: 'surfaceTextPrimary',
     },
-    filled: {
-        borderColor: 'surfaceBorderQuaternary',
+    success: {
+        borderColor: 'successBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+    active: {
+        borderColor: 'surfaceBorderActive',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    activeFilled: {
+        borderColor: 'surfaceBorderActive',
         textColor: 'surfaceTextPrimary',
     },
     normal: {
@@ -62,10 +69,6 @@ var textareaState = {
         borderColor: 'surfaceBorderActive',
         textColor: 'surfaceTextPrimary',
     },
-    success: {
-        borderColor: 'successBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
 };
 
 var textareaConfig = {
@@ -86,11 +89,14 @@ function Textarea(props) {
     //   () => state && textareaConfig.state && textareaConfig.state[state],
     //   [state, textareaConfig],
     // )
-    // @ts-expect-error
-    var appearanceConfig = textareaConfig.appearance && textareaConfig.appearance[appearance];
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultAppearance), (_a = textareaConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _a = propsGenerator.sizeClass, sizeClass = _a === void 0 ? 'm' : _a, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("textarea", { id: id, className: clsx(className, 'textarea', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), placeholderTextColorClass && "placeholder-text-color_".concat(placeholderTextColorClass), sizeClass && "textarea_size_".concat(sizeClass), shapeClass && "textarea_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown }));
+    return (jsxRuntime.jsx("textarea", { id: id, className: clsx(className, 'textarea', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), sizeClass && "textarea_size_".concat(sizeClass), shapeClass && "textarea_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown }));
 }
 
 exports.Textarea = Textarea;

package/dist/cjs/components/Tile.js

@@ -5,23 +5,26 @@ 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 Badge = require('../../Badge-DnWTbwXq.js');
-var Text = require('../../Text-C49zj3jO.js');
-var Title = require('../../Title-BLGDdlnX.js');
+var Badge = require('../../Badge-CURAYlMs.js');
+var Text = require('../../Text-CEcBg-F5.js');
+var Title = require('../../Title-C4xUtigh.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
+require('../context/Notifications.js');
+require('uuid');
+require('@itcase/common');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon-BcBOnVKH.js');
+require('../../Icon-Ch-L2dOj.js');
 require('react-inlinesvg');
-require('../../Link-BnqN6ysn.js');
-require('../../Tooltip-DRta8lK_.js');
+require('../../Link-C04g00r2.js');
+require('../../Tooltip-Lhx-Fefx.js');
 
 var tileAppearance = {
     dev: {},
@@ -34,17 +37,16 @@ var tileConfig = {
     },
 };
 function Tile(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, direction = props.direction, children = props.children, text = props.text, title = props.title, badge = props.badge, badgeAppearance = props.badgeAppearance, reverse = props.reverse, size = props.size, before = props.before, after = props.after, onClick = props.onClick;
+    var className = props.className, type = props.type, appearance = props.appearance, direction = props.direction, size = props.size, title = props.title, text = props.text, badge = props.badge, badgeAppearance = props.badgeAppearance, reverse = props.reverse, before = props.before, after = props.after, onClick = props.onClick, children = props.children;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultApperance), (_a = tileConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, _a = propsGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWrap = propsGenerator.textWrap, titleTextAlign = propsGenerator.titleTextAlign, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleTextWrap = propsGenerator.titleTextWrap, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, shapeClass = propsGenerator.shapeClass;
+    var alignClass = propsGenerator.alignClass, _a = propsGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, fillClass = propsGenerator.fillClass, titleTextAlign = propsGenerator.titleTextAlign, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleTextWrap = propsGenerator.titleTextWrap, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWrap = propsGenerator.textWrap, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, shapeClass = propsGenerator.shapeClass;
     // @ts-expect-error
     var tileStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
-            "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsxRuntime.jsx(Title.Title, { className: "tile__title", textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, size: titleTextSize, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tile__text", textColor: textColor, textWrap: textWrap, size: textSize, children: text })), badge && (jsxRuntime.jsx(Badge.Badge, { className: "tile__badge", appearance: badgeAppearance, textColor: badgeTextColor, textSize: badgeTextSize, size: badgeSize, value: badge })), children, after] }) }));
+    return (jsxRuntime.jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsxRuntime.jsx(Title.Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tile__text", size: textSize, textColor: textColor, textWrap: textWrap, children: text })), badge && (jsxRuntime.jsx(Badge.Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
 }
 
 exports.Tile = Tile;

package/dist/cjs/components/Title.js

@@ -1,10 +1,13 @@
 'use strict';
 
-var Title = require('../../Title-BLGDdlnX.js');
+var Title = require('../../Title-C4xUtigh.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
+require('../context/Notifications.js');
+require('uuid');
+require('@itcase/common');
 require('../context/UIContext.js');
 require('lodash/camelCase');
 require('../hooks/useMediaQueries/useMediaQueries.js');

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-DRta8lK_.js');
+var Tooltip = require('../../Tooltip-Lhx-Fefx.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -9,6 +9,9 @@ require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
+require('../context/Notifications.js');
+require('uuid');
+require('@itcase/common');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
@@ -16,8 +19,8 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Text-C49zj3jO.js');
-require('../../Title-BLGDdlnX.js');
+require('../../Text-CEcBg-F5.js');
+require('../../Title-C4xUtigh.js');
 
 
 

package/dist/cjs/components/Video.js

@@ -7,8 +7,11 @@ require('react');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
-require('../context/UIContext.js');
+require('../context/Notifications.js');
 require('../../tslib.es6-CCZ3TN_7.js');
+require('uuid');
+require('@itcase/common');
+require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');

package/dist/cjs/context/Notifications.js

@@ -15,8 +15,8 @@ var STATUSES = {
 };
 var NotificationsContext = React.createContext([]);
 var NotificationsAPIContext = React.createContext({
-    hideNotifications: function (targetId) { },
-    showNotification: function (notification, onClose) { },
+    hideNotifications: function () { },
+    showNotification: function () { },
     notificationStatuses: STATUSES,
 });
 function NotificationsProvider(props) {

package/dist/cjs/context/UIContext.js

@@ -15,7 +15,7 @@ var UserDeviceContext = React.createContext({
     isTablet: false,
 });
 var UIProvider = React.memo(function UIProvider(props) {
-    var children = props.children, _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a;
+    var _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a, children = props.children;
     /** NOTE:
      * Remember that the "useMediaQueries" hook works by next scenario:
      * when changing the device type(browser width), the hook will first "enable"
@@ -47,7 +47,7 @@ var UIProvider = React.memo(function UIProvider(props) {
         deviceCurrentType = camelCase(deviceCurrentType.replace('is', ''));
         // On server side render we doesn't known user device and we need to set special word
         return [deviceCurrentType || '_none_', deviceTypesList];
-    }, [allDevicesTypes, deviceCurrentMainType]), deviceCurrentType = _b[0], deviceTypesList = _b[1];
+    }, [allDevicesTypes, deviceCurrentMainType, fullNamedDeviceTypes]), deviceCurrentType = _b[0], deviceTypesList = _b[1];
     var deviceContextState = React.useMemo(function () {
         return tslib_es6.__assign(tslib_es6.__assign({}, allDevicesTypes), { deviceCurrentMainType: deviceCurrentMainType, deviceCurrentType: deviceCurrentType, deviceTypesList: deviceTypesList });
     }, [

package/dist/cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -5,8 +5,11 @@ var React = require('react');
 var camelCase = require('lodash/camelCase');
 var castArray = require('lodash/castArray');
 var upperFirst = require('lodash/upperFirst');
+require('../../context/Notifications.js');
 var UIContext = require('../../context/UIContext.js');
 require('react/jsx-runtime');
+require('uuid');
+require('@itcase/common');
 require('../useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../../utils/setViewportProperty.js');

package/dist/cjs/hooks/useDevicePropsGenerator.js

@@ -6,8 +6,11 @@ require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/UIContext.js');
+require('../context/Notifications.js');
 require('react/jsx-runtime');
+require('uuid');
+require('@itcase/common');
+require('../context/UIContext.js');
 require('./useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -4,10 +4,13 @@ var React = require('react');
 var camelCase = require('lodash/camelCase');
 var maxBy = require('lodash/maxBy');
 var upperFirst = require('lodash/upperFirst');
+require('../../context/Notifications.js');
 var UIContext = require('../../context/UIContext.js');
 var styleAttributes = require('./styleAttributes.js');
 require('../../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
+require('uuid');
+require('@itcase/common');
 require('../useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../../utils/setViewportProperty.js');

package/dist/cjs/hooks/useStyles.js

@@ -5,9 +5,12 @@ require('react');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
-require('../context/UIContext.js');
+require('../context/Notifications.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
+require('uuid');
+require('@itcase/common');
+require('../context/UIContext.js');
 require('./useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');

package/dist/cjs/hooks/useViewportFix.js

@@ -7,7 +7,7 @@ function useViewportFix() {
         // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
         var setViewportProperty = function () {
             // "vh" unit is equal to 1% of the height of the initial containing block
-            // https://www.w3.org/TR/css-values-3/#viewport-relative-lengths
+            // https://www.w3.org/R/css-values-3/#viewport-relative-lengths
             var vh = window.innerHeight * 0.01;
             /** NOTE:
              * In JavaScript, you can always get the value of the current viewport

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback, useState, useMemo } from 'react';
 import clsx from 'clsx';
@@ -6,11 +6,14 @@ import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { icon16 } from '@itcase/icons/default';
-import { D as Divider } from '../Divider-BQcBkzt1.js';
-import { I as Icon } from '../Icon-OJ_3E3eM.js';
-import { T as Text } from '../Text-C6NSmetx.js';
+import { D as Divider } from '../Divider-DhXzYcNF.js';
+import { I as Icon } from '../Icon-CoBJRPlP.js';
+import { T as Text } from '../Text-CI2prtf6.js';
 import 'lodash/camelCase';
 import 'lodash/upperFirst';
+import '../context/Notifications.js';
+import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -18,9 +21,9 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-DaKqf1pb.js';
-import '../Tooltip-5lQyt5-Y.js';
-import '../Title-Byi9vhDt.js';
+import '../Link-Sr03Kia9.js';
+import '../Tooltip-EOu0a93a.js';
+import '../Title-CaXw1KBQ.js';
 
 var accordionAppearance = {
     dev: {},
@@ -47,8 +50,10 @@ function AccordionItem(props) {
         };
         onClick && onClick(thisItemData);
     }, [id, title, content, isExpanded, onClick]);
-    // @ts-expect-error
-    var appearanceConfig = accordionItemConfig.appearance && accordionItemConfig.appearance[appearance];
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
+        var _a;
+        return (__assign(__assign({}, resultApperance), (_a = accordionItemConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, titleBorderColorClass = propsGenerator.titleBorderColorClass, titleFillClass = propsGenerator.titleFillClass, titleFillHoverClass = propsGenerator.titleFillHoverClass, borderColorClass = propsGenerator.borderColorClass, contentBorderColorClass = propsGenerator.contentBorderColorClass, contentFillClass = propsGenerator.contentFillClass, contentFillHoverClass = propsGenerator.contentFillHoverClass, shapeClass = propsGenerator.shapeClass;
     // @ts-expect-error
@@ -111,7 +116,10 @@ function Accordion(props) {
         }
         return [];
     }, [children, items, expandedItems, onClickAccordionItem]);
-    var appearanceConfig = accordionConfig.appearance && accordionConfig.appearance[appearance];
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (__assign(__assign({}, resultAppearance), (_a = accordionConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error

package/dist/components/Avatar.js

@@ -1,14 +1,17 @@
-import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
+import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon-OJ_3E3eM.js';
-import { I as Image } from '../Image-DWfyapuD.js';
-import { T as Text } from '../Text-C6NSmetx.js';
+import { I as Icon } from '../Icon-CoBJRPlP.js';
+import { I as Image } from '../Image-CSzHhlA1.js';
+import { T as Text } from '../Text-CI2prtf6.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
+import '../context/Notifications.js';
+import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -17,9 +20,9 @@ import 'react-inlinesvg';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-DaKqf1pb.js';
-import '../Tooltip-5lQyt5-Y.js';
-import '../Title-Byi9vhDt.js';
+import '../Link-Sr03Kia9.js';
+import '../Tooltip-EOu0a93a.js';
+import '../Title-CaXw1KBQ.js';
 
 var avatarAppearance = {
     dev: {},

package/dist/components/Badge.js

@@ -1,5 +1,5 @@
-export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge-BxT2_kz_.js';
-import '../tslib.es6-5FtW-kfi.js';
+export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge-LjfcZycz.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -7,6 +7,9 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
+import '../context/Notifications.js';
+import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -14,9 +17,9 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon-OJ_3E3eM.js';
+import '../Icon-CoBJRPlP.js';
 import 'react-inlinesvg';
-import '../Link-DaKqf1pb.js';
-import '../Tooltip-5lQyt5-Y.js';
-import '../Text-C6NSmetx.js';
-import '../Title-Byi9vhDt.js';
+import '../Link-Sr03Kia9.js';
+import '../Tooltip-EOu0a93a.js';
+import '../Text-CI2prtf6.js';
+import '../Title-CaXw1KBQ.js';

package/dist/components/Breadcrumbs.js

@@ -1,15 +1,18 @@
-import { a as __rest, _ as __assign } from '../tslib.es6-5FtW-kfi.js';
+import { b as __rest, _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon-OJ_3E3eM.js';
-import { L as LinkWrapper } from '../Link-DaKqf1pb.js';
-import { T as Text } from '../Text-C6NSmetx.js';
+import { I as Icon } from '../Icon-CoBJRPlP.js';
+import { a as LinkWrapper } from '../Link-Sr03Kia9.js';
+import { T as Text } from '../Text-CI2prtf6.js';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
+import '../context/Notifications.js';
+import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -17,20 +20,20 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Tooltip-5lQyt5-Y.js';
-import '../Title-Byi9vhDt.js';
+import '../Tooltip-EOu0a93a.js';
+import '../Title-CaXw1KBQ.js';
 
 function BreadcrumbsItem(props) {
-    var children = props.children, cursor = props.cursor, className = props.className, href = props.href, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textColor = props.textColor, textColorHover = props.textColorHover, textSize = props.textSize, onClick = props.onClick;
+    var className = props.className, text = props.text, textColor = props.textColor, textColorHover = props.textColorHover, textSize = props.textSize, cursor = props.cursor, href = props.href, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, _a = props.set, set = _a === void 0 ? 'default' : _a, onClick = props.onClick, children = props.children;
     var propsGenerator = useDevicePropsGenerator(props);
     var fillClass = propsGenerator.fillClass, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, underlineClass = propsGenerator.underlineClass;
     // @ts-expect-error
     var itemStyles = useStyles(props).styles;
-    return (jsxs(LinkWrapper, { className: clsx(className, 'breadcrumbs__item', set && "breadcrumbs__item_set_".concat(set), fillClass && "fill_".concat(fillClass), positionClass && "position_".concat(positionClass), shapeClass && "breadcrumbs__item_shape_".concat(shapeClass), underlineClass && "text-decoration_".concat(underlineClass), onClick && (cursor || 'cursor_type_pointer')), DefaultComponent: "div", href: href, style: itemStyles, onClick: onClick, children: [jsx(Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsx(Icon, { className: "breadcrumbs__item-icon", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }));
+    return (jsxs(LinkWrapper, { className: clsx(className, 'breadcrumbs__item', set && "breadcrumbs__item_set_".concat(set), fillClass && "fill_".concat(fillClass), positionClass && "position_".concat(positionClass), shapeClass && "breadcrumbs__item_shape_".concat(shapeClass), underlineClass && "text-decoration_".concat(underlineClass), onClick && (cursor || 'cursor_type_pointer')), DefaultComponent: "div", href: href, style: itemStyles, onClick: onClick, children: [jsx(Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsx(Icon, { className: "breadcrumbs__item-icon", size: iconAfterSize, fill: iconAfterFill, bgFill: iconAfterBgFill, SvgImage: iconAfter }))] }));
 }
 
 function Breadcrumbs(props) {
-    var className = props.className, children = props.children, breadcrumbsList = props.breadcrumbsList, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, itemTextColor = props.itemTextColor, itemTextColorHover = props.itemTextColorHover, itemUnderline = props.itemUnderline, set = props.set, otherProps = __rest(props, ["className", "children", "breadcrumbsList", "iconAfterBgFill", "iconAfterFill", "iconAfterSize", "itemTextColor", "itemTextColorHover", "itemUnderline", "set"]);
+    var className = props.className, breadcrumbsList = props.breadcrumbsList, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, itemTextColor = props.itemTextColor, itemTextColorHover = props.itemTextColorHover, itemUnderline = props.itemUnderline, set = props.set, children = props.children, otherProps = __rest(props, ["className", "breadcrumbsList", "iconAfterBgFill", "iconAfterFill", "iconAfterSize", "itemTextColor", "itemTextColorHover", "itemUnderline", "set", "children"]);
     var breadcrumbsItemsList = useMemo(function () {
         if (breadcrumbsList) {
             var itemProps_1 = Object.entries(otherProps).reduce(function (collectedProps, _a) {

package/dist/components/Button.js

@@ -1,14 +1,17 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-xYLCmT3D.js';
-import '../tslib.es6-5FtW-kfi.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-CMB-ELfe.js';
+import '../tslib.es6-Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon-OJ_3E3eM.js';
+import '../Icon-CoBJRPlP.js';
 import 'react-inlinesvg';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
+import '../context/Notifications.js';
+import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -16,8 +19,8 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-DaKqf1pb.js';
-import '../Tooltip-5lQyt5-Y.js';
-import '../Text-C6NSmetx.js';
-import '../Title-Byi9vhDt.js';
-import '../Loader-VK3q7PBN.js';
+import '../Link-Sr03Kia9.js';
+import '../Tooltip-EOu0a93a.js';
+import '../Text-CI2prtf6.js';
+import '../Title-CaXw1KBQ.js';
+import '../Loader-CRN4MAbm.js';