@itcase/ui 1.8.22 → 1.8.24

package/dist/{Avatar_cjs_DSXs1Yrg.js → Avatar_cjs_D84VawE9.js}

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
+var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
 var Image = require('./Image_cjs_CCWqbNn4.js');
 var Text = require('./Text_cjs_DPhKj3wf.js');
 

package/dist/{Avatar_es_DByUaJL6.js → Avatar_es_CUnfNViT.js}

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from './Tooltip_es_BaGfb-qC.js';
+import { I as Icon } from './Tooltip_es_D1w1s33u.js';
 import { I as Image } from './Image_es_DZUVp0FS.js';
 import { T as Text } from './Text_es_BRb3qqKM.js';
 

package/dist/{Button_cjs_CukkOE-v.js → Button_cjs_CYUpbdMO.js}

@@ -4,9 +4,9 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
+var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
 var Link = require('./Link_cjs_DbRGq2Yk.js');
-var Loader = require('./Loader_cjs_3VRzFLI2.js');
+var Loader = require('./Loader_cjs___VikiqS.js');
 var Text = require('./Text_cjs_DPhKj3wf.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
@@ -21,8 +21,7 @@ var buttonAppearanceAccent = {
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
         iconFillIcon: 'accentItemPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        loaderAppearance: 'accentPrimary',
     },
     accentPrimary: {
         fill: 'accentPrimary',
@@ -32,8 +31,8 @@ var buttonAppearanceAccent = {
         borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        iconFillIcon: 'accentItemPrimary',
+        loaderAppearance: 'accentPrimary',
     },
     accentSecondary: {
         fill: 'accentPrimary',
@@ -41,8 +40,10 @@ var buttonAppearanceAccent = {
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
+        iconAfterFillIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'accentItemPrimary',
+        iconFillIcon: 'accentItemPrimary',
+        loaderAppearance: 'accentPrimary',
     },
 };
 
@@ -52,16 +53,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',
     },
 };
 
@@ -71,29 +76,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',
     },
 };
 
@@ -102,6 +134,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',
     },
 };
 
@@ -110,6 +155,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',
     },
 };
 
@@ -121,6 +179,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeXL: {
         size: 'xl',
@@ -129,6 +188,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeL: {
         size: 'l',
@@ -137,6 +197,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeM: {
         size: 'm',
@@ -145,6 +206,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
+        loaderSize: 'l',
     },
     sizeS: {
         size: 's',
@@ -153,6 +215,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 20,
         iconBeforeFillSize: 20,
         iconBeforeSize: 20,
+        loaderSize: 'l',
     },
     sizeXS: {
         size: 'xs',
@@ -161,6 +224,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 16,
         iconBeforeFillSize: 16,
         iconBeforeSize: 16,
+        loaderSize: 'l',
     },
     sizeXXS: {
         size: 'xxs',
@@ -169,6 +233,7 @@ var buttonAppearanceSize = {
         iconAfterSize: 14,
         iconBeforeFillSize: 14,
         iconBeforeSize: 14,
+        loaderSize: 'l',
     },
 };
 
@@ -176,12 +241,10 @@ var buttonAppearanceStyle = {
     full: {},
     ghost: {
         fill: 'none',
-        fillHover: 'none',
         borderColor: '0',
     },
     outlined: {
         fill: 'none',
-        fillHover: 'none',
     },
     solid: {
         borderColor: '0',
@@ -192,10 +255,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',
     },
 };
 
@@ -204,25 +279,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',
     },
 };
 
@@ -230,10 +308,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: 'warningTextPrimary',
+        labelTextColorHover: 'warningTextPrimary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
+        iconFillIcon: 'warningItemPrimary',
+        loaderAppearance: 'warningPrimary',
     },
 };
 
@@ -252,12 +342,11 @@ var Button = React.forwardRef(function Button(props, ref) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = buttonConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.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.useStyles(props), labelStyles = _d.label, buttonStyles = _d.styles;
     var buttonTypeClass = after ||
         before ||
@@ -275,7 +364,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: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsxRuntime.jsx(Loader.Loader, { className: clsx(className, 'button__loader', loaderShapeClass), type: loadertype, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "button__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "button__icon", size: iconSize, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, 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(Tooltip.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: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsxRuntime.jsx(Loader.Loader, { className: clsx(className, 'button__loader', loaderShapeClass), type: loaderType, appearance: loaderAppearance, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "button__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "button__icon", size: iconSize, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, 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(Tooltip.Icon, { className: "button__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
 });
 
 exports.Button = Button;