@itcase/ui 1.8.23 → 1.8.25

package/dist/{Button_es_zW2pQTwL.js → Button_es_Dp6yFZgn.js}

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { I as Icon } from './Tooltip_es_D1w1s33u.js';
 import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
-import { L as Loader } from './Loader_es_DEYowVdU.js';
+import { L as Loader } from './Loader_es_DHKB6tTw.js';
 import { T as Text } from './Text_es_BRb3qqKM.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
@@ -19,8 +19,7 @@ var buttonAppearanceAccent = {
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
         iconFillIcon: 'accentItemPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        loaderAppearance: 'accentPrimary',
     },
     accentPrimary: {
         fill: 'accentPrimary',
@@ -30,8 +29,8 @@ var buttonAppearanceAccent = {
         borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        iconFillIcon: 'accentItemPrimary',
+        loaderAppearance: 'accentPrimary',
     },
     accentSecondary: {
         fill: 'accentPrimary',
@@ -39,8 +38,10 @@ var buttonAppearanceAccent = {
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        iconAfterFillIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'accentItemPrimary',
+        iconFillIcon: 'accentItemPrimary',
+        loaderAppearance: 'accentPrimary',
     },
 };
 
@@ -50,16 +51,20 @@ var buttonAppearanceDanger = {
         fillHover: 'dangerHover',
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
-        loaderFill: 'dangerPrimary',
-        loaderItemFill: 'dangerItemPrimary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+        iconFillIcon: 'dangerItemPrimary',
+        loaderAppearance: 'dangerPrimary',
     },
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',
         labelTextColor: 'dangerTextPrimary',
         labelTextColorHover: 'dangerTextPrimary',
-        loaderFill: 'dangerPrimary',
-        loaderItemFill: 'dangerItemPrimary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+        iconFillIcon: 'dangerItemPrimary',
+        loaderAppearance: 'dangerPrimary',
     },
 };
 
@@ -69,29 +74,56 @@ var buttonAppearanceError = {
         fillHover: 'errorHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
+        iconFillIcon: 'errorItemPrimary',
+        loaderAppearance: 'errorPrimary',
+    },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorHover',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
+        iconFillIcon: 'errorItemPrimary',
+        loaderAppearance: 'errorPrimary',
     },
 };
 
 var buttonAppearanceInfo = {
     info: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextPrimary',
+        labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+        iconFillIcon: 'infoItemPrimary',
+        loaderAppearance: 'infoPrimary',
+    },
+    infoPrimary: {
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextPrimary',
+        labelTextColorHover: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+        iconFillIcon: 'infoItemPrimary',
+        loaderAppearance: 'infoPrimary',
     },
     infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        fill: 'infoPrimary',
+        fillHover: 'infoPrimaryHover',
+        labelTextColor: 'infoTextSecondary',
+        labelTextColorHover: 'infoTextSecondary',
+        borderColor: 'infoBorderPrimary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+        iconFillIcon: 'infoItemPrimary',
+        loaderAppearance: 'infoPrimary',
     },
 };
 
@@ -100,6 +132,19 @@ var buttonAppearancePrimary = {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
         labelTextColor: 'primaryTextPrimary',
+        iconAfterFillIcon: 'primaryItemPrimary',
+        iconBeforeFillIcon: 'primaryItemPrimary',
+        iconFillIcon: 'primaryItemPrimary',
+        loaderAppearance: 'primaryPrimary',
+    },
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+        iconAfterFillIcon: 'primaryItemPrimary',
+        iconBeforeFillIcon: 'primaryItemPrimary',
+        iconFillIcon: 'primaryItemPrimary',
+        loaderAppearance: 'primaryPrimary',
     },
 };
 
@@ -108,6 +153,19 @@ var buttonAppearanceSecondary = {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryPrimaryHover',
         labelTextColor: 'secondaryTextPrimary',
+        iconAfterFillIcon: 'secondaryItemPrimary',
+        iconBeforeFillIcon: 'secondaryItemPrimary',
+        iconFillIcon: 'secondaryItemPrimary',
+        loaderAppearance: 'secondaryPrimary',
+    },
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+        iconAfterFillIcon: 'secondaryItemPrimary',
+        iconBeforeFillIcon: 'secondaryItemPrimary',
+        iconFillIcon: 'secondaryItemPrimary',
+        loaderAppearance: 'secondaryPrimary',
     },
 };
 
@@ -119,6 +177,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeXL: {
         size: 'xl',
@@ -127,6 +186,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeL: {
         size: 'l',
@@ -135,6 +195,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeM: {
         size: 'm',
@@ -143,6 +204,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeS: {
         size: 's',
@@ -151,6 +213,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 20,
         iconBeforeFillSize: 20,
         iconBeforeSize: 20,
+        loaderSize: 'l',
     },
     sizeXS: {
         size: 'xs',
@@ -159,6 +222,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 16,
         iconBeforeFillSize: 16,
         iconBeforeSize: 16,
+        loaderSize: 'l',
     },
     sizeXXS: {
         size: 'xxs',
@@ -167,6 +231,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 14,
         iconBeforeFillSize: 14,
         iconBeforeSize: 14,
+        loaderSize: 'l',
     },
 };
 
@@ -174,12 +239,10 @@ var buttonAppearanceStyle = {
     full: {},
     ghost: {
         fill: 'none',
-        fillHover: 'none',
         borderColor: '0',
     },
     outlined: {
         fill: 'none',
-        fillHover: 'none',
     },
     solid: {
         borderColor: '0',
@@ -190,10 +253,22 @@ var buttonAppearanceSuccess = {
     success: {
         fill: 'successPrimary',
         fillHover: 'successHover',
-        labelTextColor: 'successTextSecondary',
-        labelTextColorHover: 'successTextSecondary',
-        loaderFill: 'successPrimary',
-        loaderItemFill: 'successItemPrimary',
+        labelTextColor: 'successTextPrimary',
+        labelTextColorHover: 'successTextPrimary',
+        iconAfterFillIcon: 'successItemPrimary',
+        iconBeforeFillIcon: 'successItemPrimary',
+        iconFillIcon: 'successItemPrimary',
+        loaderAppearance: 'successPrimary',
+    },
+    successPrimary: {
+        fill: 'successPrimary',
+        fillHover: 'successHover',
+        labelTextColor: 'successTextPrimary',
+        labelTextColorHover: 'successTextPrimary',
+        iconAfterFillIcon: 'successItemPrimary',
+        iconBeforeFillIcon: 'successItemPrimary',
+        iconFillIcon: 'successItemPrimary',
+        loaderAppearance: 'successPrimary',
     },
 };
 
@@ -202,25 +277,28 @@ var buttonAppearanceSurface = {
         fill: 'surfacePrimary',
         fillHover: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
         iconFillIcon: 'surfaceItemPrimary',
+        loaderAppearance: 'surfacePrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondaryHover',
         labelTextColor: 'surfaceTextPrimary',
-        loaderFill: 'surfaceSecondary',
-        loaderItemFill: 'surfaceItemPrimary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+        iconFillIcon: 'surfaceItemPrimary',
+        loaderAppearance: 'surfacePrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceHover',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextHover',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+        iconFillIcon: 'surfaceItemPrimary',
+        loaderAppearance: 'surfacePrimary',
     },
 };
 
@@ -228,18 +306,22 @@ var buttonAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
         fillHover: 'warningHover',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-        loaderFill: 'warningPrimary',
-        loaderItemFill: 'warningItemPrimary',
+        labelTextColor: 'warningTextPrimary',
+        labelTextColorHover: 'warningTextPrimary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
+        iconFillIcon: 'warningItemPrimary',
+        loaderAppearance: 'warningPrimary',
     },
     warningPrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningHover',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-        loaderFill: 'warningPrimary',
-        loaderItemFill: 'warningItemPrimary',
+        labelTextColor: 'warningTextPrimary',
+        labelTextColorHover: 'warningTextPrimary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
+        iconFillIcon: 'warningItemPrimary',
+        loaderAppearance: 'warningPrimary',
     },
 };
 
@@ -258,12 +340,11 @@ var Button = React.forwardRef(function Button(props, ref) {
         return (__assign(__assign({}, resultConfig), (_a = buttonConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextTruncate = propsGenerator.labelTextTruncate, labelTextWeight = propsGenerator.labelTextWeight, labelTextWidth = propsGenerator.labelTextWidth, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, icon = propsGenerator.icon, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, loaderFill = propsGenerator.loaderFill, loaderItemFill = propsGenerator.loaderItemFill, loaderShapeClass = propsGenerator.loaderShapeClass, _c = propsGenerator.loadertype, loadertype = _c === void 0 ? 'simple' : _c, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextTruncate = propsGenerator.labelTextTruncate, labelTextWeight = propsGenerator.labelTextWeight, labelTextWidth = propsGenerator.labelTextWidth, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, icon = propsGenerator.icon, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, loaderAppearance = propsGenerator.loaderAppearance, loaderFill = propsGenerator.loaderFill, loaderItemFill = propsGenerator.loaderItemFill, loaderShapeClass = propsGenerator.loaderShapeClass, loaderSize = propsGenerator.loaderSize, _c = propsGenerator.loaderType, loaderType = _c === void 0 ? 'simple' : _c, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     var shapeStrengthClass = propsGenerator.getClassName('shapeStrength', {
         replace: [/\./, '-'],
     });
     // const a = propsGenerator.
-    // @ts-expect-error
     var _d = useStyles(props), labelStyles = _d.label, buttonStyles = _d.styles;
     var buttonTypeClass = after ||
         before ||
@@ -281,7 +362,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                     ? 'button_type_icon'
                     : '', borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
             ? "shape-strength_".concat(shapeStrengthClass)
-            : shapeClass === 'rounded' && 'shape-strength_default', sizeClass && "button_size_".concat(sizeClass), widthClass && "button_width_".concat(widthClass), elevationClass && "elevation_".concat(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-testid": dataTestId && "".concat(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', loaderShapeClass), type: loadertype, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", size: iconSize, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, 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", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
+            : shapeClass === 'rounded' && 'shape-strength_default', sizeClass && "button_size_".concat(sizeClass), widthClass && "button_width_".concat(widthClass), elevationClass && "elevation_".concat(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-testid": dataTestId && "".concat(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', loaderShapeClass), type: loaderType, appearance: loaderAppearance, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", size: iconSize, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, 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", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
 });
 
 export { Button as B, buttonAppearance as a, buttonConfig as b };

package/dist/{ChipsGroup_cjs_CTh6644i.js → ChipsGroup_cjs_Ct-NrPmJ.js}

@@ -52,6 +52,7 @@ var chipsAppearanceSecondary = {
     },
 };
 
+/* eslint-disable perfectionist/sort-objects */
 var chipsAppearanceSize = {
     sizeM: {
         size: 'm',
@@ -146,7 +147,7 @@ function Chips(props) {
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
             : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Chips"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: isActive && labelTextActiveColor, textColorHover: !isDisabled && !isActive
                         ? labelTextHoverColor
-                        : labelTextActiveHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsxRuntime.jsx(Tooltip.Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, shape: badgeShape, textSize: badgeTextSize, value: badgeValue }))] }) }));
+                        : labelTextActiveHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsxRuntime.jsx(Tooltip.Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
 }
 
 function ChipsGroup(props) {

package/dist/{ChipsGroup_es_BFxBhYNB.js → ChipsGroup_es_BNuhlSG6.js}

@@ -50,6 +50,7 @@ var chipsAppearanceSecondary = {
     },
 };
 
+/* eslint-disable perfectionist/sort-objects */
 var chipsAppearanceSize = {
     sizeM: {
         size: 'm',
@@ -144,7 +145,7 @@ function Chips(props) {
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
             : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Chips"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: isActive && labelTextActiveColor, textColorHover: !isDisabled && !isActive
                         ? labelTextHoverColor
-                        : labelTextActiveHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsx(Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, shape: badgeShape, textSize: badgeTextSize, value: badgeValue }))] }) }));
+                        : labelTextActiveHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsx(Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
 }
 
 function ChipsGroup(props) {

package/dist/{DatePicker_cjs_uDJmwWkk.js → DatePicker_cjs_DamcZFbX.js}

@@ -8,10 +8,10 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_MfWRETXI.js');
+var Button = require('./Button_cjs_CYUpbdMO.js');
 var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
 var Input = require('./Input_cjs_BAVggtkk.js');
-var Label = require('./Label_cjs_jN0dxo1q.js');
+var Label = require('./Label_cjs_ByGAWJcj.js');
 var Text = require('./Text_cjs_DPhKj3wf.js');
 var _default = require('@itcase/icons/default');
 

package/dist/{DatePicker_es_5r0isX1_.js → DatePicker_es_Bm_onmmb.js}

@@ -6,10 +6,10 @@ import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_zW2pQTwL.js';
+import { B as Button } from './Button_es_Dp6yFZgn.js';
 import { I as Icon } from './Tooltip_es_D1w1s33u.js';
 import { I as Input } from './Input_es_CNduH28G.js';
-import { L as Label } from './Label_es_CFQzN-2m.js';
+import { L as Label } from './Label_es_BtwZ3a2V.js';
 import { T as Text } from './Text_es_BRb3qqKM.js';
 import { icon14 } from '@itcase/icons/default';
 

package/dist/{Divider_cjs_DzFVtGkF.js → Divider_cjs_DhqcldLH.js}

@@ -138,7 +138,7 @@ var dividerConfig = {
     },
 };
 function Divider(props) {
-    var className = props.className, appearance = props.appearance;
+    var className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, isActive = props.isActive;
     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 = dividerConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -147,7 +147,11 @@ function Divider(props) {
     var directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, _a = propsGenerator.sizeClass, sizeClass = _a === void 0 ? 'xs' : _a, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var hrStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
+    return (jsxRuntime.jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), !isActive
+            ? fillClass && "fill_".concat(fillClass)
+            : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
+            ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), isDisabled && fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
 }
 
 exports.Divider = Divider;

package/dist/{Divider_es_BdU9qjKa.js → Divider_es_BEYLRagS.js}

@@ -136,7 +136,7 @@ var dividerConfig = {
     },
 };
 function Divider(props) {
-    var className = props.className, appearance = props.appearance;
+    var className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, isActive = props.isActive;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (__assign(__assign({}, resultConfig), (_a = dividerConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -145,7 +145,11 @@ function Divider(props) {
     var directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, _a = propsGenerator.sizeClass, sizeClass = _a === void 0 ? 'xs' : _a, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var hrStyles = useStyles(props).styles;
-    return (jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
+    return (jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), !isActive
+            ? fillClass && "fill_".concat(fillClass)
+            : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
+            ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), isDisabled && fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
 }
 
 export { Divider as D, dividerAppearance as a, dividerConfig as d };

package/dist/{DropdownItem_cjs_C6Jx7-kx.js → DropdownItem_cjs_B_7anyaJ.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-var Divider = require('./Divider_cjs_DzFVtGkF.js');
+var Divider = require('./Divider_cjs_DhqcldLH.js');
 var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
 var Text = require('./Text_cjs_DPhKj3wf.js');
 

package/dist/{DropdownItem_es_UdkGGVtg.js → DropdownItem_es_B4EZYdJA.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { D as Divider } from './Divider_es_BdU9qjKa.js';
+import { D as Divider } from './Divider_es_BEYLRagS.js';
 import { I as Icon } from './Tooltip_es_D1w1s33u.js';
 import { T as Text } from './Text_es_BRb3qqKM.js';