@itcase/ui 1.8.0 → 1.8.3

package/dist/cjs/components/Textarea.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -16,90 +16,171 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 
-var textareaAppearance = {
-    dev: {
-        size: 'm',
+var textareaAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        textSize: 'm',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+    },
+    defaultSecondary: {
+        fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextSecondary',
-        shape: 'rounded',
     },
 };
-var textareaState = {
-    filled: {
-        borderColor: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
+
+var textareaAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceFillDisabled',
+        borderColor: 'errorBorderQuaternary',
+        borderHover: 'errorBorderQuaternary',
+        textColor: 'surfaceTextQuaternary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    disabledSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
     },
-    disabled: {
-        borderColor: 'surfaceBorderDisabled',
+};
+
+var textareaAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        borderColor: 'errorBorderQuaternary',
+        borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        placeholderTextColor: 'surfaceTextDisabled',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
     },
-    error: {
-        borderColor: 'errorBorderPrimary',
-        placeholderTextColor: 'secondaryTextSecondary',
+    errorSecondary: {
+        fill: 'errorSecondary',
+        borderColor: 'errorBorderTertiary',
+        borderHover: 'errorBorderQuaternary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'errorTextSecondary',
     },
-    errorFilled: {
-        borderColor: 'errorBorderPrimary',
+};
+
+var textareaAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        borderColor: 'warningBorderQuaternary',
+        borderHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'warningItemQuaternary',
+        iconClearFill: 'warningItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
     },
-    success: {
-        borderColor: 'successBorderPrimary',
-        textColor: 'surfaceTextPrimary',
+    requireSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
     },
-    active: {
-        borderColor: 'surfaceBorderActive',
-        placeholderTextColor: 'secondaryTextSecondary',
+};
+
+var textareaAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        textSize: 'l',
     },
-    activeFilled: {
-        borderColor: 'surfaceBorderActive',
-        textColor: 'surfaceTextPrimary',
+    sizeXL: {
+        size: 'xl',
+        textSize: 's',
     },
-    normal: {
-        borderColor: 'surfaceBorderQuaternary',
-        placeholderTextColor: 'secondaryTextSecondary',
+    sizeL: {
+        size: 'l',
+        textSize: 's',
     },
-    readonly: {
-        borderColor: 'surfaceBorderDisabled',
-        textColor: 'surfaceTextPrimary',
+    sizeM: {
+        size: 'm',
+        textSize: 'm',
+    },
+    sizeS: {
+        size: 's',
+        textSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        textSize: 's',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        textSize: 's',
+    },
+};
+
+var textareaAppearanceStyle = {
+    full: {
+    /* border / fill */
+    },
+    ghost: {
+        fill: 'none',
+        borderWidth: '0',
     },
-    require: {
-        borderColor: 'surfaceBorderActive',
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderWidth: '0',
+    },
+};
+
+var textareaAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        borderColor: 'successBorderQuaternary',
+        borderHover: 'successBorderQuaternary',
         textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'successItemQuaternary',
+        iconClearFill: 'successItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    successSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
     },
 };
 
+var textareaAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, textareaAppearanceDefault), textareaAppearanceError), textareaAppearanceSuccess), textareaAppearanceRequire), textareaAppearanceDisabled), textareaAppearanceSize), textareaAppearanceStyle);
+
 var textareaConfig = {
     appearance: textareaAppearance,
-    state: textareaState,
     setAppearance: function (appearanceConfig) {
         textareaConfig.appearance = appearanceConfig;
     },
-    setState: function (newComponent) {
-        textareaConfig.state = newComponent;
-    },
 };
 function Textarea(props) {
-    var id = props.id, className = props.className, appearance = props.appearance, disabled = props.disabled, placeholder = props.placeholder, 
-    // state,
-    value = props.value, onBlur = props.onBlur, onChange = props.onChange, onKeyDown = props.onKeyDown;
-    // const stateConfig = useMemo(
-    //   () => state && textareaConfig.state && textareaConfig.state[state],
-    //   [state, textareaConfig],
-    // )
+    var id = props.id, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onKeyDown = props.onKeyDown;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = textareaConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     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 }));
+    var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsxRuntime.jsx("div", { className: clsx('textarea', className, sizeClass && "textarea_size_".concat(sizeClass), shapeClass && "textarea_shape_".concat(shapeClass)), children: jsxRuntime.jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), placeholderTextColorClass &&
+                "placeholder-text-color_".concat(placeholderTextColorClass), textSizeClass && "text_size_".concat(textSizeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), disabled: isDisabled && 'disabled', placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown }) }));
 }
 
 exports.Textarea = Textarea;
 exports.textareaAppearance = textareaAppearance;
 exports.textareaConfig = textareaConfig;
-exports.textareaState = textareaState;

package/dist/cjs/components/Tile.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 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-Df7Zxjnk.js');
-var Text = require('../../Text-DwIx33-P.js');
-var Title = require('../../Title-ByfOyy-n.js');
+var Badge = require('../../Badge_cjs_DrG2tUjI.js');
+var Text = require('../../Text_cjs_D4xG0cKD.js');
+var Title = require('../../Title_cjs_iuyln-ab.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -21,10 +21,10 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon-D_BDlSSb.js');
+require('../../Icon_cjs_DSzfNqif.js');
 require('react-inlinesvg');
-require('../../Link-CZ8o5lGW.js');
-require('../../Tooltip-hznDyLwa.js');
+require('../../Link_cjs_yht44xJv.js');
+require('../../Tooltip_cjs_CTwksdFk.js');
 
 var tileAppearance = {
     dev: {},

package/dist/cjs/components/Title.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Title = require('../../Title-ByfOyy-n.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Title = require('../../Title_cjs_iuyln-ab.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Tooltip.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-hznDyLwa.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+var Tooltip = require('../../Tooltip_cjs_CTwksdFk.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -19,8 +19,8 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Text-DwIx33-P.js');
-require('../../Title-ByfOyy-n.js');
+require('../../Text_cjs_D4xG0cKD.js');
+require('../../Title_cjs_iuyln-ab.js');
 
 
 

package/dist/cjs/components/Video.js

@@ -8,7 +8,7 @@ require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('uuid');
 require('@itcase/common');
 require('../context/UIContext.js');

package/dist/cjs/context/Notifications.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var uuid = require('uuid');
@@ -14,11 +14,13 @@ var STATUSES = {
     warning: 'warning',
 };
 var NotificationsContext = React.createContext([]);
+/* eslint-disable @typescript-eslint/no-unused-vars */
 var NotificationsAPIContext = React.createContext({
-    hideNotifications: function () { },
-    showNotification: function () { },
+    hideNotifications: function (targetId) { },
+    showNotification: function (notification, onClose) { },
     notificationStatuses: STATUSES,
 });
+/* eslint-enable @typescript-eslint/no-unused-vars */
 function NotificationsProvider(props) {
     var _a = props.initialNotificationsList, initialNotificationsList = _a === void 0 ? [] : _a, isLogRequestsErrors = props.isLogRequestsErrors, children = props.children;
     var _b = React.useState(function () {

package/dist/cjs/context/UIContext.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var camelCase = require('lodash/camelCase');
@@ -10,9 +10,9 @@ var setViewportProperty = require('../utils/setViewportProperty.js');
 require('react-responsive');
 
 var UserDeviceContext = React.createContext({
-    isDesktop: false,
     isMobile: false,
     isTablet: false,
+    isDesktop: false,
 });
 var UIProvider = React.memo(function UIProvider(props) {
     var _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a, children = props.children;
@@ -24,9 +24,9 @@ var UIProvider = React.memo(function UIProvider(props) {
      * We will need to look at how to change this behavior.
      */
     var allDevicesTypes = useMediaQueries.useMediaQueries(userDeviceState);
-    var isDesktop = allDevicesTypes.isDesktop, isMobile = allDevicesTypes.isMobile, isTablet = allDevicesTypes.isTablet, fullNamedDeviceTypes = tslib_es6.__rest(allDevicesTypes
+    var isMobile = allDevicesTypes.isMobile, isTablet = allDevicesTypes.isTablet, isDesktop = allDevicesTypes.isDesktop, fullNamedDeviceTypes = tslib_es6.__rest(allDevicesTypes
     // prettier-ignore
-    , ["isDesktop", "isMobile", "isTablet"]);
+    , ["isMobile", "isTablet", "isDesktop"]);
     // prettier-ignore
     var deviceCurrentMainType = ((isMobile && 'mobile') ||
         (isTablet && 'tablet') ||

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../../tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('../../../tslib.es6_cjs_CCZ3TN_7.js');
 var React = require('react');
 var camelCase = require('lodash/camelCase');
 var castArray = require('lodash/castArray');

package/dist/cjs/hooks/useDevicePropsGenerator.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var useDevicePropsGenerator = require('./useDevicePropsGenerator/useDevicePropsGenerator.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/hooks/useDeviceTargetClass.js

@@ -4,7 +4,7 @@ var React = require('react');
 var camelCase = require('lodash/camelCase');
 var castArray = require('lodash/castArray');
 var UIContext = require('../context/UIContext.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('./useMediaQueries/useMediaQueries.js');
 require('react-responsive');

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

@@ -7,7 +7,7 @@ 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('../../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('uuid');
 require('@itcase/common');

package/dist/cjs/hooks/useStyles.js

@@ -6,7 +6,7 @@ require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('uuid');
 require('@itcase/common');

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-import { _ as __assign, a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback, useState, useMemo } from 'react';
 import clsx from 'clsx';
@@ -6,9 +6,9 @@ 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-CUFKsm-9.js';
-import { I as Icon } from '../Icon-BF7i3XdQ.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { D as Divider } from '../Divider_es_CWsDM2Rm.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
@@ -21,9 +21,9 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 
 var accordionAppearance = {
     dev: {},

package/dist/components/Avatar.js

@@ -1,11 +1,11 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_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-BF7i3XdQ.js';
-import { I as Image } from '../Image-CSzHhlA1.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { I as Image } from '../Image_es_CSzHhlA1.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -20,9 +20,9 @@ import 'react-inlinesvg';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 
 var avatarAppearance = {
     dev: {},
@@ -35,7 +35,7 @@ var avatarConfig = {
     },
 };
 function Avatar(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, _a = props.size, size = _a === void 0 ? '96' : _a, src = props.src, Dot = props.Dot, _b = props.firstName, firstName = _b === void 0 ? '' : _b, icon = props.icon, mode = props.mode, _c = props.secondName, secondName = _c === void 0 ? '' : _c, before = props.before, after = props.after, onClick = props.onClick;
+    var className = props.className, type = props.type, appearance = props.appearance, _a = props.size, size = _a === void 0 ? '96' : _a, src = props.src, Dot = props.Dot, _b = props.firstName, firstName = _b === void 0 ? '' : _b, icon = props.icon, _c = props.secondName, secondName = _c === void 0 ? '' : _c, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
     var avatarChars = useMemo(function () {
         var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
         var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
@@ -47,7 +47,7 @@ function Avatar(props) {
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, _d = propsGenerator.textColor, textColor = _d === void 0 ? 'surfaceTextTertiary' : _d, _e = propsGenerator.textSize, textSize = _e === void 0 ? 'l' : _e, _f = propsGenerator.textWeight, textWeight = _f === void 0 ? '600' : _f, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, shapeClass = propsGenerator.shapeClass;
-    return (jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), mode && "avatar_mode_".concat(mode), size && "avatar_size_".concat(size), type && "avatar_type_".concat(type), Dot && 'avatar_status', onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: "avatar__image", src: src, shape: "geometric" })) : (jsx(Text, { className: "avatar__name", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
+    return (jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(size), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: "avatar__image", src: src, shape: "geometric" })) : (jsx(Text, { className: "avatar__name", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
 }
 
 export { Avatar, avatarAppearance, avatarConfig };

package/dist/components/Badge.js

@@ -1,5 +1,5 @@
-export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge-BY030Mwm.js';
-import '../tslib.es6-Bwu1Cn-t.js';
+export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge_es_Bx0NsdST.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -17,9 +17,9 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon-BF7i3XdQ.js';
+import '../Icon_es_BBmoZ7_3.js';
 import 'react-inlinesvg';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Text-aaWArShm.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Text_es_FJGduy7Z.js';
+import '../Title_es_ke3YylFm.js';

package/dist/components/Breadcrumbs.js

@@ -1,13 +1,13 @@
-import { b as __rest, _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { b as __rest, _ as __assign } from '../tslib.es6_es_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-BF7i3XdQ.js';
-import { a as LinkWrapper } from '../Link-Cn7hiWmM.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { a as LinkWrapper } from '../Link_es_DkW06IM-.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
@@ -20,8 +20,8 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 
 function BreadcrumbsItem(props) {
     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;

package/dist/components/Button.js

@@ -1,9 +1,9 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-K5n8BI_w.js';
-import '../tslib.es6-Bwu1Cn-t.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_CBbHMy1v.js';
+import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon-BF7i3XdQ.js';
+import '../Icon_es_BBmoZ7_3.js';
 import 'react-inlinesvg';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -19,8 +19,8 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Text-aaWArShm.js';
-import '../Title--_epIXkC.js';
-import '../Loader-BnhUh-g6.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Text_es_FJGduy7Z.js';
+import '../Title_es_ke3YylFm.js';
+import '../Loader_es_BE4nyzXi.js';

package/dist/components/Cell.js

@@ -1,11 +1,11 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 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 '../Icon-BF7i3XdQ.js';
-import { L as Label } from '../Label-brG78nLi.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
+import { L as Label } from '../Label_es_CZpanSdR.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -20,9 +20,9 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-Cn7hiWmM.js';
-import '../Tooltip-DP32J5V6.js';
-import '../Title--_epIXkC.js';
+import '../Link_es_DkW06IM-.js';
+import '../Tooltip_es_H976MIb7.js';
+import '../Title_es_ke3YylFm.js';
 
 var cellAppearance = {
     dev: {},

package/dist/components/Checkbox.js

@@ -1,8 +1,8 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text-aaWArShm.js';
+import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Checkmark.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';