@itcase/ui 1.8.121 → 1.8.123

package/dist/{Avatar_cjs_BKcQuqYV.js → Avatar_cjs_CLJnKU39.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('./Icon_cjs_CUArL1z2.js');
-var Image = require('./Image_cjs_B6YlGx8G.js');
+var Icon = require('./Icon_cjs_Cz6IyOkb.js');
+var Image = require('./Image_cjs_DRhhc66R.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
@@ -149,7 +149,7 @@ function Avatar(props) {
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, avatarConfig);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, badge = propsGenerator.badge, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', size && "avatar_size_".concat(sizeClass), (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: clsx('avatar__image', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsxRuntime.jsx(Icon.Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', size && "avatar_size_".concat(sizeClass), (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: clsx('avatar__image', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsxRuntime.jsx(Icon.Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
 }
 
 exports.Avatar = Avatar;

package/dist/{Avatar_es_Cpn1PNmO.js → Avatar_es_BgN-fbOj.js}

@@ -3,8 +3,8 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon, B as Badge } from './Icon_es_CNrc90oI.js';
-import { I as Image } from './Image_es_BvYo_cHH.js';
+import { I as Icon, B as Badge } from './Icon_es_BrwLifge.js';
+import { I as Image } from './Image_es_BpMidmve.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
@@ -147,7 +147,7 @@ function Avatar(props) {
     var appearanceConfig = useAppearanceConfig(appearance, avatarConfig);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, badge = propsGenerator.badge, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
-    return (jsx("div", { className: clsx(className, 'avatar', size && "avatar_size_".concat(sizeClass), (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: clsx('avatar__image', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), src: src, placeholderUrl: placeholderUrl })) : (jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsx(Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
+    return (jsx("div", { className: clsx(className, 'avatar', size && "avatar_size_".concat(sizeClass), (badgeValue || badgeAppearance || badgeSize) && '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), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: [before, src ? (jsx(Image, { className: clsx('avatar__image', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), src: src, placeholderUrl: placeholderUrl })) : (jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsx(Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
 }
 
 export { Avatar as A, avatarConfig as a, avatarAppearance as b };

package/dist/{Button_cjs_3BTD8Mlm.js → Button_cjs_Ce97psFT.js}

@@ -3,9 +3,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('./Icon_cjs_CUArL1z2.js');
+var Icon = require('./Icon_cjs_Cz6IyOkb.js');
 var Link = require('./Link_cjs_C5UsZUiF.js');
-var Loader = require('./Loader_cjs_Cme6Hi0B.js');
+var Loader = require('./Loader_cjs_D3lnxPlI.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -187,7 +187,7 @@ var buttonAppearancePrimary = {
 var buttonAppearanceSecondary = {
     secondary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',
@@ -197,8 +197,8 @@ var buttonAppearanceSecondary = {
     secondaryMutedPrimary: {
         fill: 'secondaryTertiary',
         fillHover: 'secondaryPrimaryHover',
-        borderColor: 'secondaryBorderSecondary',
         labelTextColor: 'secondaryTextQuaternary',
+        borderColor: 'secondaryBorderSecondary',
         iconAfterFillIcon: 'secondaryItemQuaternary',
         iconBeforeFillIcon: 'secondaryItemQuaternary',
         iconFillIcon: 'secondaryItemQuaternary',
@@ -206,7 +206,7 @@ var buttonAppearanceSecondary = {
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',

package/dist/{Button_es_B_k-SP92.js → Button_es_CZss7cXh.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Icon_es_CNrc90oI.js';
+import { I as Icon } from './Icon_es_BrwLifge.js';
 import { a as LinkWrapper } from './Link_es_XiqbdwLp.js';
-import { L as Loader } from './Loader_es_ByhTIMxS.js';
+import { L as Loader } from './Loader_es_BUSqFrCd.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -185,7 +185,7 @@ var buttonAppearancePrimary = {
 var buttonAppearanceSecondary = {
     secondary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',
@@ -195,8 +195,8 @@ var buttonAppearanceSecondary = {
     secondaryMutedPrimary: {
         fill: 'secondaryTertiary',
         fillHover: 'secondaryPrimaryHover',
-        borderColor: 'secondaryBorderSecondary',
         labelTextColor: 'secondaryTextQuaternary',
+        borderColor: 'secondaryBorderSecondary',
         iconAfterFillIcon: 'secondaryItemQuaternary',
         iconBeforeFillIcon: 'secondaryItemQuaternary',
         iconFillIcon: 'secondaryItemQuaternary',
@@ -204,7 +204,7 @@ var buttonAppearanceSecondary = {
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',

package/dist/{ChipsGroup_cjs_DhoY9YjT.js → ChipsGroup_cjs_C8L3ZeD_.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_CUArL1z2.js');
+var Icon = require('./Icon_cjs_Cz6IyOkb.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 

package/dist/{ChipsGroup_es_Dg1GmJ-9.js → ChipsGroup_es_ayPPUwQ7.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Icon_es_CNrc90oI.js';
+import { I as Icon, B as Badge } from './Icon_es_BrwLifge.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 

package/dist/{DatePicker_cjs_BLkZB0S0.js → DatePicker_cjs_BzEtDAb8.js}

@@ -9,10 +9,10 @@ var DatePicker = require('react-datepicker');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_3BTD8Mlm.js');
-var Icon = require('./Icon_cjs_CUArL1z2.js');
-var Input = require('./Input_cjs_Du73R-wm.js');
-var Label = require('./Label_cjs_BUEGAnsq.js');
+var Button = require('./Button_cjs_Ce97psFT.js');
+var Icon = require('./Icon_cjs_Cz6IyOkb.js');
+var Input = require('./Input_cjs_DRPK_RHK.js');
+var Label = require('./Label_cjs_DMoaOoHi.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var _default = require('@itcase/icons/default');
 

package/dist/{DatePicker_es_CKrgRUWu.js → DatePicker_es_DRyCMO0I.js}

@@ -7,10 +7,10 @@ import DatePicker from 'react-datepicker';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_B_k-SP92.js';
-import { I as Icon } from './Icon_es_CNrc90oI.js';
-import { I as Input } from './Input_es_CiDHjDqJ.js';
-import { L as Label } from './Label_es_I01RN9hv.js';
+import { B as Button } from './Button_es_CZss7cXh.js';
+import { I as Icon } from './Icon_es_BrwLifge.js';
+import { I as Input } from './Input_es_Cv5nEb_n.js';
+import { L as Label } from './Label_es_SULlg9bL.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { icons14 } from '@itcase/icons/default';
 

package/dist/{DropdownItem_cjs_D3Mcbsxa.js → DropdownItem_cjs_Bhss6lyM.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_CUArL1z2.js');
+var Icon = require('./Icon_cjs_Cz6IyOkb.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var Divider = require('./Divider_cjs_DUYtmwn2.js');
 var Text = require('./Text_cjs_0EINiUq4.js');

package/dist/{DropdownItem_es_BUs02mjJ.js → DropdownItem_es_BXl6lPJx.js}

@@ -3,7 +3,7 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Icon_es_CNrc90oI.js';
+import { I as Icon, B as Badge } from './Icon_es_BrwLifge.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { D as Divider } from './Divider_es_CCLBFIx6.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';

package/dist/{Icon_cjs_CUArL1z2.js → Icon_cjs_Cz6IyOkb.js}

@@ -1048,7 +1048,7 @@ var iconConfig = {
 var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     // TODO: Tooltip doesn't work that anymore
     // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, dataTour = props.dataTour, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isDisabled = props.isDisabled, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
+    var id = props.id, appearance = props.appearance, className = props.className, dataTour = props.dataTour, width = props.width, height = props.height, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
     var ImageComponent = React.useMemo(function () {
         if (SvgImage) {
             var sizes = {};
@@ -1070,7 +1070,7 @@ var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(
     }, [SvgImage, width, height, imageSrc]);
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, iconConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
+    var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
     // @ts-expect-error - TODO: сделать useStyles на ts
     var iconStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'icon', !isActive

package/dist/{Icon_es_CNrc90oI.js → Icon_es_BrwLifge.js}

@@ -1046,7 +1046,7 @@ var iconConfig = {
 var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     // TODO: Tooltip doesn't work that anymore
     // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, dataTour = props.dataTour, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isDisabled = props.isDisabled, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
+    var id = props.id, appearance = props.appearance, className = props.className, dataTour = props.dataTour, width = props.width, height = props.height, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
     var ImageComponent = useMemo(function () {
         if (SvgImage) {
             var sizes = {};
@@ -1068,7 +1068,7 @@ var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     }, [SvgImage, width, height, imageSrc]);
     var appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
+    var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
     // @ts-expect-error - TODO: сделать useStyles на ts
     var iconStyles = useStyles(props).styles;
     return (jsxs("div", { id: id, className: clsx(className, 'icon', !isActive

package/dist/{Image_cjs_B6YlGx8G.js → Image_cjs_DRhhc66R.js}

@@ -10,8 +10,9 @@ var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Image = urlWithAssetPrefix.urlWithAssetPrefix(function Image(props) {
     var className = props.className, type = props.type, src = props.src, title = props.title, alt = props.alt, caption = props.caption, imageClassName = props.imageClassName, imageWrapperClassName = props.imageWrapperClassName, mode = props.mode, overlay = props.overlay, placeholderUrl = props.placeholderUrl, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, onError = props.onError, children = props.children;
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, borderWidthClass = propsGenerator.borderWidthClass, borderTypeClass = propsGenerator.borderTypeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
     var _a = useStyles.useStyles(props), imageStyles = _a.image, styles = _a.styles, wrapperStyles = _a.wrapper;
+    console.log(styles);
     var onErrorImage = React.useCallback(function (event) {
         if (onError) {
             onError(event);

package/dist/{Image_es_BvYo_cHH.js → Image_es_BpMidmve.js}

@@ -8,8 +8,9 @@ import { useStyles } from './hooks/useStyles/useStyles.js';
 var Image = urlWithAssetPrefix(function Image(props) {
     var className = props.className, type = props.type, src = props.src, title = props.title, alt = props.alt, caption = props.caption, imageClassName = props.imageClassName, imageWrapperClassName = props.imageWrapperClassName, mode = props.mode, overlay = props.overlay, placeholderUrl = props.placeholderUrl, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, onError = props.onError, children = props.children;
     var propsGenerator = useDevicePropsGenerator(props);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, borderWidthClass = propsGenerator.borderWidthClass, borderTypeClass = propsGenerator.borderTypeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
     var _a = useStyles(props), imageStyles = _a.image, styles = _a.styles, wrapperStyles = _a.wrapper;
+    console.log(styles);
     var onErrorImage = useCallback(function (event) {
         if (onError) {
             onError(event);

package/dist/{Input_cjs_Du73R-wm.js → Input_cjs_DRPK_RHK.js}

@@ -201,12 +201,12 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, isDisabled = props.isDisabled, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
-            "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), sizeClass && "input_size_".concat(sizeClass), textColorClass && "text-color_".concat(textColorClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 exports.Input = Input;

package/dist/{Input_es_CiDHjDqJ.js → Input_es_Cv5nEb_n.js}

@@ -199,12 +199,12 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, isDisabled = props.isDisabled, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig(appearance, inputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
-            "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), sizeClass && "input_size_".concat(sizeClass), textColorClass && "text-color_".concat(textColorClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 export { Input as I, inputAppearance as a, inputConfig as i };

package/dist/{Label_cjs_BUEGAnsq.js → Label_cjs_DMoaOoHi.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_CUArL1z2.js');
+var Icon = require('./Icon_cjs_Cz6IyOkb.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 

package/dist/{Label_es_I01RN9hv.js → Label_es_SULlg9bL.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Icon_es_CNrc90oI.js';
+import { I as Icon, T as Tooltip } from './Icon_es_BrwLifge.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 

package/dist/{Loader_cjs_Cme6Hi0B.js → Loader_cjs_D3lnxPlI.js}

@@ -13,6 +13,10 @@ var loaderAppearanceAccent = {
         fill: 'accentPrimary',
         itemFill: 'accentItemPrimary',
     },
+    accentTertiary: {
+        fill: 'accentTertiary',
+        itemFill: 'accentItemSecondary',
+    },
 };
 
 var loaderAppearanceDanger = {

package/dist/{Loader_es_ByhTIMxS.js → Loader_es_BUSqFrCd.js}

@@ -11,6 +11,10 @@ var loaderAppearanceAccent = {
         fill: 'accentPrimary',
         itemFill: 'accentItemPrimary',
     },
+    accentTertiary: {
+        fill: 'accentTertiary',
+        itemFill: 'accentItemSecondary',
+    },
 };
 
 var loaderAppearanceDanger = {

package/dist/cjs/components/Accordion.js

@@ -8,7 +8,7 @@ var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_CUArL1z2.js');
+var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
 var Divider = require('../../Divider_cjs_DUYtmwn2.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_BKcQuqYV.js');
+var Avatar = require('../../Avatar_cjs_CLJnKU39.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -19,7 +19,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_CUArL1z2.js');
+require('../../Icon_cjs_Cz6IyOkb.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
@@ -27,7 +27,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_C5UsZUiF.js');
 require('../../Text_cjs_0EINiUq4.js');
-require('../../Image_cjs_B6YlGx8G.js');
+require('../../Image_cjs_DRhhc66R.js');
 
 
 

package/dist/cjs/components/AvatarStack.js

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_BKcQuqYV.js');
+var Avatar = require('../../Avatar_cjs_CLJnKU39.js');
 var Group = require('../../Group_cjs_CsJ6ICKK.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -23,12 +23,12 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_CUArL1z2.js');
+require('../../Icon_cjs_Cz6IyOkb.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_C5UsZUiF.js');
-require('../../Image_cjs_B6YlGx8G.js');
+require('../../Image_cjs_DRhhc66R.js');
 
 var avatarStackAppearanceSize = {
     size16: {

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_CUArL1z2.js');
+var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Breadcrumbs.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_CUArL1z2.js');
+var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
 var Link = require('../../Link_cjs_C5UsZUiF.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');

package/dist/cjs/components/Button.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Button = require('../../Button_cjs_3BTD8Mlm.js');
+var Button = require('../../Button_cjs_Ce97psFT.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../../Icon_cjs_CUArL1z2.js');
+require('../../Icon_cjs_Cz6IyOkb.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -27,7 +27,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_C5UsZUiF.js');
 require('../../Text_cjs_0EINiUq4.js');
-require('../../Loader_cjs_Cme6Hi0B.js');
+require('../../Loader_cjs_D3lnxPlI.js');
 
 
 

package/dist/cjs/components/Cell.js

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_CUArL1z2.js');
-var Label = require('../../Label_cjs_BUEGAnsq.js');
+var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
+var Label = require('../../Label_cjs_DMoaOoHi.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_DhoY9YjT.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_C8L3ZeD_.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -21,7 +21,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_CUArL1z2.js');
+require('../../Icon_cjs_Cz6IyOkb.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Choice.js

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_CUArL1z2.js');
-var Loader = require('../../Loader_cjs_Cme6Hi0B.js');
+var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
+var Loader = require('../../Loader_cjs_D3lnxPlI.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_3BTD8Mlm.js');
+var Button = require('../../Button_cjs_Ce97psFT.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
@@ -21,14 +21,14 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_CUArL1z2.js');
+require('../../Icon_cjs_Cz6IyOkb.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_C5UsZUiF.js');
-require('../../Loader_cjs_Cme6Hi0B.js');
+require('../../Loader_cjs_D3lnxPlI.js');
 
 var cookiesWarningAppearanceDefault = {
     defaultPrimary: {

package/dist/cjs/components/Dadata.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input_cjs_Du73R-wm.js');
+var Input = require('../../Input_cjs_DRPK_RHK.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');