@itcase/ui 1.8.124 → 1.8.126

package/dist/{Avatar_cjs_mojzcWRL.js → Avatar_cjs_AwXEUY8j.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_DpFxIFv5.js');
-var Image = require('./Image_cjs_CBDMUzv_.js');
+var Icon = require('./Icon_cjs_BVLGzj7Y.js');
+var Image = require('./Image_cjs_BUM81t4Y.js');
 var Text = require('./Text_cjs_BDTjOTVB.js');
 
 const avatarAppearanceDefault = {

package/dist/{Avatar_es_BFom0nAS.js → Avatar_es_BtlaCRc5.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_D5eiycFI.js';
-import { I as Image } from './Image_es_BHec4iVN.js';
+import { I as Icon, B as Badge } from './Icon_es_DkVkzTha.js';
+import { I as Image } from './Image_es_C-IjVkKX.js';
 import { T as Text } from './Text_es_CnymlElo.js';
 
 const avatarAppearanceDefault = {

package/dist/{Button_cjs_CZz8OjWi.js → Button_cjs_C34BU1BK.js}

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('./Icon_cjs_DpFxIFv5.js');
+var Icon = require('./Icon_cjs_BVLGzj7Y.js');
 var Link = require('./Link_cjs_qKXVfU8e.js');
 var Loader = require('./Loader_cjs_DIDsIq3J.js');
 var Text = require('./Text_cjs_BDTjOTVB.js');
@@ -15,9 +15,9 @@ const buttonAppearanceAccent = {
     accentMutedPrimary: {
         fill: 'accentTertiary',
         fillHover: 'accentHoverTertiary',
-        borderColor: 'accentBorderSecondary',
         labelTextColor: 'accentTextQuaternary',
         labelTextColorHover: 'accentTextQuaternary',
+        borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemQuaternary',
         iconBeforeFillIcon: 'accentItemQuaternary',
         iconFillIcon: 'accentItemQuaternary',
@@ -26,9 +26,9 @@ const buttonAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
         fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
+        borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
         iconFillIcon: 'accentItemPrimary',
@@ -37,9 +37,9 @@ const buttonAppearanceAccent = {
     accentSecondary: {
         fill: 'accentPrimary',
         fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
+        borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
         iconFillIcon: 'accentItemPrimary',
@@ -51,9 +51,9 @@ const buttonAppearanceDanger = {
     dangerMutedPrimary: {
         fill: 'dangerTertiary',
         fillHover: 'dangerHover',
-        borderColor: 'dangerBorderSecondary',
         labelTextColor: 'dangerTextQuaternary',
         labelTextColorHover: 'dangerTextQuaternary',
+        borderColor: 'dangerBorderSecondary',
         iconAfterFillIcon: 'dangerItemQuaternary',
         iconBeforeFillIcon: 'dangerItemQuaternary',
         iconFillIcon: 'dangerItemQuaternary',
@@ -408,7 +408,7 @@ const buttonAppearanceSurface = {
 const buttonAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
-        fillHover: 'warningHover',
+        fillHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextPrimary',
         labelTextColorHover: 'warningTextPrimary',
         iconAfterFillIcon: 'warningItemPrimary',
@@ -419,9 +419,9 @@ const buttonAppearanceWarning = {
     warningMutedPrimary: {
         fill: 'warningTertiary',
         fillHover: 'warningBorderHover',
-        borderColor: 'warningBorderHover',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextPrimary',
+        borderColor: 'warningBorderHover',
         iconAfterFillIcon: 'warningItemSecondary',
         iconBeforeFillIcon: 'warningItemSecondary',
         iconFillIcon: 'warningItemSecondary',
@@ -429,7 +429,7 @@ const buttonAppearanceWarning = {
     },
     warningPrimary: {
         fill: 'warningPrimary',
-        fillHover: 'warningHover',
+        fillHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextPrimary',
         labelTextColorHover: 'warningTextPrimary',
         iconAfterFillIcon: 'warningItemPrimary',
@@ -480,7 +480,7 @@ const Button = React.forwardRef(function Button(props, ref) {
                 ? 'buttom_type_label'
                 : buttonTypeClass
                     ? 'button_type_icon'
-                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', isLoading && 'button_state_loading', isSkeleton && `button_skeleton`), type: htmlType, disabled: isDisabled, "data-test-id": dataTestId && `${dataTestId}Button`, "data-tour": dataTour, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsxRuntime.jsx(Loader.Loader, { className: clsx(className, 'button__loader'), type: loaderType, appearance: `${loaderAppearance} ${loaderAppearanceSize}`, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
+                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', isLoading && 'button_state_loading', isSkeleton && `button_skeleton`), type: htmlType, disabled: isDisabled, "data-test-id": dataTestId && `${dataTestId}Button`, "data-tour": dataTour, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsxRuntime.jsx(Loader.Loader, { appearance: `${loaderAppearance} ${loaderAppearanceSize}`, className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
 });
 
 exports.Button = Button;

package/dist/{Button_es_Cn3wtv3M.js → Button_es_DnlzLBUT.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Icon_es_D5eiycFI.js';
+import { I as Icon } from './Icon_es_DkVkzTha.js';
 import { a as LinkWrapper } from './Link_es_P2b6ya7P.js';
 import { L as Loader } from './Loader_es_CmSggwbR.js';
 import { T as Text } from './Text_es_CnymlElo.js';
@@ -13,9 +13,9 @@ const buttonAppearanceAccent = {
     accentMutedPrimary: {
         fill: 'accentTertiary',
         fillHover: 'accentHoverTertiary',
-        borderColor: 'accentBorderSecondary',
         labelTextColor: 'accentTextQuaternary',
         labelTextColorHover: 'accentTextQuaternary',
+        borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemQuaternary',
         iconBeforeFillIcon: 'accentItemQuaternary',
         iconFillIcon: 'accentItemQuaternary',
@@ -24,9 +24,9 @@ const buttonAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
         fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
+        borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
         iconFillIcon: 'accentItemPrimary',
@@ -35,9 +35,9 @@ const buttonAppearanceAccent = {
     accentSecondary: {
         fill: 'accentPrimary',
         fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
+        borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
         iconFillIcon: 'accentItemPrimary',
@@ -49,9 +49,9 @@ const buttonAppearanceDanger = {
     dangerMutedPrimary: {
         fill: 'dangerTertiary',
         fillHover: 'dangerHover',
-        borderColor: 'dangerBorderSecondary',
         labelTextColor: 'dangerTextQuaternary',
         labelTextColorHover: 'dangerTextQuaternary',
+        borderColor: 'dangerBorderSecondary',
         iconAfterFillIcon: 'dangerItemQuaternary',
         iconBeforeFillIcon: 'dangerItemQuaternary',
         iconFillIcon: 'dangerItemQuaternary',
@@ -406,7 +406,7 @@ const buttonAppearanceSurface = {
 const buttonAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
-        fillHover: 'warningHover',
+        fillHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextPrimary',
         labelTextColorHover: 'warningTextPrimary',
         iconAfterFillIcon: 'warningItemPrimary',
@@ -417,9 +417,9 @@ const buttonAppearanceWarning = {
     warningMutedPrimary: {
         fill: 'warningTertiary',
         fillHover: 'warningBorderHover',
-        borderColor: 'warningBorderHover',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextPrimary',
+        borderColor: 'warningBorderHover',
         iconAfterFillIcon: 'warningItemSecondary',
         iconBeforeFillIcon: 'warningItemSecondary',
         iconFillIcon: 'warningItemSecondary',
@@ -427,7 +427,7 @@ const buttonAppearanceWarning = {
     },
     warningPrimary: {
         fill: 'warningPrimary',
-        fillHover: 'warningHover',
+        fillHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextPrimary',
         labelTextColorHover: 'warningTextPrimary',
         iconAfterFillIcon: 'warningItemPrimary',
@@ -478,7 +478,7 @@ const Button = React.forwardRef(function Button(props, ref) {
                 ? 'buttom_type_label'
                 : buttonTypeClass
                     ? 'button_type_icon'
-                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', isLoading && 'button_state_loading', isSkeleton && `button_skeleton`), type: htmlType, disabled: isDisabled, "data-test-id": dataTestId && `${dataTestId}Button`, "data-tour": dataTour, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsx(Loader, { className: clsx(className, 'button__loader'), type: loaderType, appearance: `${loaderAppearance} ${loaderAppearanceSize}`, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
+                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', isLoading && 'button_state_loading', isSkeleton && `button_skeleton`), type: htmlType, disabled: isDisabled, "data-test-id": dataTestId && `${dataTestId}Button`, "data-tour": dataTour, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsx(Loader, { appearance: `${loaderAppearance} ${loaderAppearanceSize}`, className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
 });
 
 export { Button as B, buttonAppearance as a, buttonConfig as b };

package/dist/{ChipsGroup_cjs_Dgskkc1e.js → ChipsGroup_cjs_DfAKN5CA.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_DpFxIFv5.js');
+var Icon = require('./Icon_cjs_BVLGzj7Y.js');
 var Text = require('./Text_cjs_BDTjOTVB.js');
 
 const chipsAppearanceAccent = {

package/dist/{ChipsGroup_es_BVQ7_n0k.js → ChipsGroup_es_DBKY2UyF.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_D5eiycFI.js';
+import { I as Icon, B as Badge } from './Icon_es_DkVkzTha.js';
 import { T as Text } from './Text_es_CnymlElo.js';
 
 const chipsAppearanceAccent = {

package/dist/{DatePicker_cjs_Lzrr9Amf.js → DatePicker_cjs_DfbeIL2m.js}

@@ -8,10 +8,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_CZz8OjWi.js');
-var Icon = require('./Icon_cjs_DpFxIFv5.js');
+var Button = require('./Button_cjs_C34BU1BK.js');
+var Icon = require('./Icon_cjs_BVLGzj7Y.js');
 var Input = require('./Input_cjs_DDi5JVAV.js');
-var Label = require('./Label_cjs_C-x9blCL.js');
+var Label = require('./Label_cjs_DwAmukik.js');
 var Text = require('./Text_cjs_BDTjOTVB.js');
 var _default = require('@itcase/icons/default');
 

package/dist/{DatePicker_es_D1LvY5RT.js → DatePicker_es_BIJNx427.js}

@@ -6,10 +6,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_Cn3wtv3M.js';
-import { I as Icon } from './Icon_es_D5eiycFI.js';
+import { B as Button } from './Button_es_DnlzLBUT.js';
+import { I as Icon } from './Icon_es_DkVkzTha.js';
 import { I as Input } from './Input_es_BnCXATnh.js';
-import { L as Label } from './Label_es_DCqpSw_F.js';
+import { L as Label } from './Label_es_B2kcstsG.js';
 import { T as Text } from './Text_es_CnymlElo.js';
 import { icons14 } from '@itcase/icons/default';
 

package/dist/{DropdownItem_cjs_rKLdFxSj.js → DropdownItem_cjs_vHuzXW9M.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_DpFxIFv5.js');
+var Icon = require('./Icon_cjs_BVLGzj7Y.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var Divider = require('./Divider_cjs_DrmV2ezS.js');
 var Text = require('./Text_cjs_BDTjOTVB.js');

package/dist/{DropdownItem_es_B-1qtEa7.js → DropdownItem_es_DVHWWgnU.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_D5eiycFI.js';
+import { I as Icon, B as Badge } from './Icon_es_DkVkzTha.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { D as Divider } from './Divider_es_BiYozVBS.js';
 import { T as Text } from './Text_es_CnymlElo.js';

package/dist/{Icon_cjs_DpFxIFv5.js → Icon_cjs_BVLGzj7Y.js}

@@ -722,13 +722,6 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
 });
 
 const iconAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHover',
-        borderColor: 'accentBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'accentItemPrimary',
-    },
     accentPrimary: {
         fill: 'accentPrimary',
         fillHover: 'accentHover',
@@ -745,10 +738,6 @@ const iconAppearanceAccent = {
 };
 
 const iconAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHover',
-    },
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',
@@ -768,12 +757,6 @@ const iconAppearanceDisabled = {
 };
 
 const iconAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHover',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'errorItemPrimary',
-    },
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorHover',
@@ -784,11 +767,6 @@ const iconAppearanceError = {
 };
 
 const iconAppearanceInfo = {
-    info: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
-    },
     infoPrimary: {
         fill: 'infoPrimary',
         borderColor: 'infoBorderDisabled',
@@ -803,12 +781,6 @@ const iconAppearanceInfo = {
 };
 
 const iconAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'primaryItemPrimary',
-    },
     primaryPrimary: {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
@@ -819,10 +791,6 @@ const iconAppearancePrimary = {
 };
 
 const iconAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-    },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryHoverPrimary',
@@ -1015,10 +983,6 @@ const iconAppearanceStyle = {
 };
 
 const iconAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successHover',
-    },
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successHover',
@@ -1119,7 +1083,7 @@ const Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Ico
     }, [SvgImage, width, height, imageSrc]);
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, iconConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconFillDisabledClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
+    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
     // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: iconStyles } = useStyles.useStyles(props);
     return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'icon', !isActive

package/dist/{Icon_es_D5eiycFI.js → Icon_es_DkVkzTha.js}

@@ -720,13 +720,6 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
 });
 
 const iconAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHover',
-        borderColor: 'accentBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'accentItemPrimary',
-    },
     accentPrimary: {
         fill: 'accentPrimary',
         fillHover: 'accentHover',
@@ -743,10 +736,6 @@ const iconAppearanceAccent = {
 };
 
 const iconAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHover',
-    },
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',
@@ -766,12 +755,6 @@ const iconAppearanceDisabled = {
 };
 
 const iconAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHover',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'errorItemPrimary',
-    },
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorHover',
@@ -782,11 +765,6 @@ const iconAppearanceError = {
 };
 
 const iconAppearanceInfo = {
-    info: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
-    },
     infoPrimary: {
         fill: 'infoPrimary',
         borderColor: 'infoBorderDisabled',
@@ -801,12 +779,6 @@ const iconAppearanceInfo = {
 };
 
 const iconAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'primaryItemPrimary',
-    },
     primaryPrimary: {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
@@ -817,10 +789,6 @@ const iconAppearancePrimary = {
 };
 
 const iconAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-    },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryHoverPrimary',
@@ -1013,10 +981,6 @@ const iconAppearanceStyle = {
 };
 
 const iconAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successHover',
-    },
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successHover',
@@ -1117,7 +1081,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     }, [SvgImage, width, height, imageSrc]);
     const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, iconFillDisabledClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
+    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
     // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: iconStyles } = useStyles(props);
     return (jsxs("div", { id: id, className: clsx(className, 'icon', !isActive

package/dist/{Image_cjs_CBDMUzv_.js → Image_cjs_BUM81t4Y.js}

@@ -12,7 +12,6 @@ const Image = urlWithAssetPrefix.urlWithAssetPrefix(function Image(props) {
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, borderColorImageClass, borderTypeClass, borderWidthClass, cursorClass, heightClass, horizontalAlignClass, imageHeightClass, imageWidthClass, resizeModeClass, shapeClass, verticalAlignClass, widthClass, } = propsGenerator;
     const { image: imageStyles, styles, wrapper: wrapperStyles, } = useStyles.useStyles(props);
-    console.log(styles);
     const onErrorImage = React.useCallback((event) => {
         if (onError) {
             onError(event);

package/dist/{Image_es_BHec4iVN.js → Image_es_C-IjVkKX.js}

@@ -10,7 +10,6 @@ const Image = urlWithAssetPrefix(function Image(props) {
     const propsGenerator = useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, borderColorImageClass, borderTypeClass, borderWidthClass, cursorClass, heightClass, horizontalAlignClass, imageHeightClass, imageWidthClass, resizeModeClass, shapeClass, verticalAlignClass, widthClass, } = propsGenerator;
     const { image: imageStyles, styles, wrapper: wrapperStyles, } = useStyles(props);
-    console.log(styles);
     const onErrorImage = useCallback((event) => {
         if (onError) {
             onError(event);

package/dist/{Label_cjs_C-x9blCL.js → Label_cjs_DwAmukik.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_DpFxIFv5.js');
+var Icon = require('./Icon_cjs_BVLGzj7Y.js');
 var Text = require('./Text_cjs_BDTjOTVB.js');
 
 const labelAppearanceAccent = {

package/dist/{Label_es_DCqpSw_F.js → Label_es_B2kcstsG.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_D5eiycFI.js';
+import { I as Icon, T as Tooltip } from './Icon_es_DkVkzTha.js';
 import { T as Text } from './Text_es_CnymlElo.js';
 
 const labelAppearanceAccent = {

package/dist/cjs/components/Accordion.js

@@ -7,7 +7,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_DpFxIFv5.js');
+var Icon = require('../../Icon_cjs_BVLGzj7Y.js');
 var Divider = require('../../Divider_cjs_DrmV2ezS.js');
 var Text = require('../../Text_cjs_BDTjOTVB.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_mojzcWRL.js');
+var Avatar = require('../../Avatar_cjs_AwXEUY8j.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,7 +18,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_DpFxIFv5.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
@@ -26,7 +26,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_qKXVfU8e.js');
 require('../../Text_cjs_BDTjOTVB.js');
-require('../../Image_cjs_CBDMUzv_.js');
+require('../../Image_cjs_BUM81t4Y.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_mojzcWRL.js');
+var Avatar = require('../../Avatar_cjs_AwXEUY8j.js');
 var Group = require('../../Group_cjs_DmfeUcFI.js');
 var Text = require('../../Text_cjs_BDTjOTVB.js');
 require('react');
@@ -22,12 +22,12 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_DpFxIFv5.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_qKXVfU8e.js');
-require('../../Image_cjs_CBDMUzv_.js');
+require('../../Image_cjs_BUM81t4Y.js');
 
 const avatarStackAppearanceSize = {
     size16: {

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_DpFxIFv5.js');
+var Icon = require('../../Icon_cjs_BVLGzj7Y.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

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_DpFxIFv5.js');
+var Icon = require('../../Icon_cjs_BVLGzj7Y.js');
 var Link = require('../../Link_cjs_qKXVfU8e.js');
 var Text = require('../../Text_cjs_BDTjOTVB.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Button.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Button = require('../../Button_cjs_CZz8OjWi.js');
+var Button = require('../../Button_cjs_C34BU1BK.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../../Icon_cjs_DpFxIFv5.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('@itcase/common');

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_DpFxIFv5.js');
-var Label = require('../../Label_cjs_C-x9blCL.js');
+var Icon = require('../../Icon_cjs_BVLGzj7Y.js');
+var Label = require('../../Label_cjs_DwAmukik.js');
 var Text = require('../../Text_cjs_BDTjOTVB.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_Dgskkc1e.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_DfAKN5CA.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -20,7 +20,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_DpFxIFv5.js');
+require('../../Icon_cjs_BVLGzj7Y.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');