@itcase/ui 1.8.123 → 1.8.124

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

@@ -4,11 +4,10 @@ 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_BrwLifge.js';
-import { T as Text } from './Text_es_CwV9rjFD.js';
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+import { I as Icon, T as Tooltip } from './Icon_es_D5eiycFI.js';
+import { T as Text } from './Text_es_CnymlElo.js';
 
-var labelAppearanceAccent = {
+const labelAppearanceAccent = {
     accentMutedPrimary: {
         fill: 'accentTertiary',
         borderColor: 'accentBorderSecondary',
@@ -29,7 +28,7 @@ var labelAppearanceAccent = {
     },
 };
 
-var labelAppearanceDanger = {
+const labelAppearanceDanger = {
     dangerMutedPrimary: {
         fill: 'dangerTertiary',
         labelTextColor: 'dangerTextQuaternary',
@@ -46,7 +45,7 @@ var labelAppearanceDanger = {
     },
 };
 
-var labelAppearanceDisabled = {
+const labelAppearanceDisabled = {
     disabledMutedPrimary: {
         fill: 'disabledMuted',
         labelTextColor: 'disabledMutedTextPrimary',
@@ -63,7 +62,7 @@ var labelAppearanceDisabled = {
     },
 };
 
-var labelAppearanceError = {
+const labelAppearanceError = {
     errorMutedPrimary: {
         fill: 'errorDisabled',
         labelTextColor: 'errorTextQuaternary',
@@ -80,7 +79,7 @@ var labelAppearanceError = {
     },
 };
 
-var labelAppearanceGradient = {
+const labelAppearanceGradient = {
     gradientPrimary: {
         fill: 'gradientPrimaryDiagonal',
         labelTextColor: 'white',
@@ -90,7 +89,7 @@ var labelAppearanceGradient = {
     },
 };
 
-var labelAppearanceInfo = {
+const labelAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoMuted',
         labelTextColor: 'infoMutedTextPrimary',
@@ -114,7 +113,7 @@ var labelAppearanceInfo = {
     },
 };
 
-var labelAppearancePrimary = {
+const labelAppearancePrimary = {
     primaryMutedPrimary: {
         fill: 'primaryDisabled',
         labelTextColor: 'primaryTextSecondary',
@@ -131,7 +130,7 @@ var labelAppearancePrimary = {
     },
 };
 
-var labelAppearanceSecondary = {
+const labelAppearanceSecondary = {
     secondaryMutedPrimary: {
         fill: 'secondaryDisabled',
         labelTextColor: 'secondaryTextQuaternary',
@@ -148,7 +147,7 @@ var labelAppearanceSecondary = {
     },
 };
 
-var labelAppearanceShape = {
+const labelAppearanceShape = {
     circular: {
         shape: 'circular',
     },
@@ -173,7 +172,7 @@ var labelAppearanceShape = {
     },
 };
 
-var labelAppearanceSize = {
+const labelAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
         labelTextSize: 'xxl',
@@ -232,7 +231,7 @@ var labelAppearanceSize = {
     },
 };
 
-var labelAppearanceStyle = {
+const labelAppearanceStyle = {
     solid: {
         borderColor: 'none',
     },
@@ -246,7 +245,7 @@ var labelAppearanceStyle = {
     },
 };
 
-var labelAppearanceSuccess = {
+const labelAppearanceSuccess = {
     successMutedPrimary: {
         fill: 'successTertiary',
         labelTextColor: 'successTextQuaternary',
@@ -263,7 +262,7 @@ var labelAppearanceSuccess = {
     },
 };
 
-var labelAppearanceSurface = {
+const labelAppearanceSurface = {
     surfaceMutedPrimary: {
         fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextQuaternary',
@@ -292,7 +291,7 @@ var labelAppearanceSurface = {
     },
 };
 
-var labelAppearanceWarning = {
+const labelAppearanceWarning = {
     warningMutedPrimary: {
         fill: 'warningTertiary',
         labelTextColor: 'warningTextSecondary',
@@ -309,31 +308,44 @@ var labelAppearanceWarning = {
     },
 };
 
-var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisabled), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceGradient), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
+const labelAppearance = {
+    ...labelAppearanceDisabled,
+    ...labelAppearanceShape,
+    ...labelAppearanceSize,
+    ...labelAppearanceStyle,
+    ...labelAppearanceGradient,
+    ...labelAppearanceAccent,
+    ...labelAppearanceDanger,
+    ...labelAppearanceError,
+    ...labelAppearanceInfo,
+    ...labelAppearancePrimary,
+    ...labelAppearanceSecondary,
+    ...labelAppearanceSuccess,
+    ...labelAppearanceSurface,
+    ...labelAppearanceWarning,
+};
 
-var labelConfig = {
+const labelConfig = {
     appearance: labelAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         labelConfig.appearance = appearanceConfig;
     },
 };
 function Label(props) {
-    var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, cursor = props.cursor, tooltipContent = props.tooltipContent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var tooltipRef = useRef(null);
-    var onMouseEnterLabel = useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.openTooltip();
+    const { dataTestId, dataTour, className, appearance, label, isDisabled, cursor, tooltipContent, before, after, isSkeleton, onClick, children, } = props;
+    const tooltipRef = useRef(null);
+    const onMouseEnterLabel = useCallback(() => {
+        tooltipRef.current?.openTooltip();
     }, []);
-    var onMouseLeaveLabel = useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
+    const onMouseLeaveLabel = useCallback(() => {
+        tooltipRef.current?.closeTooltip();
     }, []);
-    var appearanceConfig = useAppearanceConfig(appearance, labelConfig, isDisabled);
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, 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, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTextWeight = propsGenerator.tooltipTextWeight, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, tooltipTitleWeight = propsGenerator.tooltipTitleWeight, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
+    const appearanceConfig = useAppearanceConfig(appearance, labelConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { alignClass, fillClass, fillHoverClass, borderColorClass, borderTypeClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipAlignment, tooltipAppearance, tooltipArrowPosition, tooltipText, tooltipTextSize, tooltipTextWeight, tooltipTitle, tooltipTitleSize, tooltipTitleWeight, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
-    var labelStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignClass && "align_".concat(alignClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "label__text", children: label })), children, tooltipContent && (jsx(Tooltip, { className: "label__tooltip", ref: tooltipRef, appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
+    const { styles: labelStyles } = useStyles(props);
+    return (jsxs("div", { className: clsx(className, 'label', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `label_size_${sizeClass}`, wrapClass && `word-wrap_${wrapClass}`, widthClass && `label_width_${widthClass}`, alignClass && `align_${alignClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `label_skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "label__text", children: label })), children, tooltipContent && (jsx(Tooltip, { className: "label__tooltip", ref: tooltipRef, appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
 }
 
 export { Label as L, labelAppearance as a, labelConfig as l };

package/dist/{Link_cjs_C5UsZUiF.js → Link_cjs_qKXVfU8e.js}

@@ -1,6 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -8,7 +7,7 @@ var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearance
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 
-var linkAppearanceAccent = {
+const linkAppearanceAccent = {
     accent: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
@@ -28,14 +27,14 @@ var linkAppearanceAccent = {
     },
 };
 
-var linkAppearanceDanger = {
+const linkAppearanceDanger = {
     danger: {
         fill: 'dangerPrimary',
         fillHover: 'dangerPrimaryHover',
     },
 };
 
-var linkAppearanceDisabled = {
+const linkAppearanceDisabled = {
     disabledPrimary: {
         fill: 'surfaceFillDisabled',
         borderColor: 'errorBorderQuaternary',
@@ -55,7 +54,7 @@ var linkAppearanceDisabled = {
     },
 };
 
-var linkAppearanceError = {
+const linkAppearanceError = {
     error: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
@@ -66,7 +65,7 @@ var linkAppearanceError = {
     },
 };
 
-var linkAppearanceInfo = {
+const linkAppearanceInfo = {
     info: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
@@ -87,7 +86,7 @@ var linkAppearanceInfo = {
     },
 };
 
-var linkAppearancePrimary = {
+const linkAppearancePrimary = {
     primary: {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
@@ -95,7 +94,7 @@ var linkAppearancePrimary = {
     },
 };
 
-var linkAppearanceRequire = {
+const linkAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         borderColor: 'warningBorderQuaternary',
@@ -115,7 +114,7 @@ var linkAppearanceRequire = {
     },
 };
 
-var linkAppearanceSecondary = {
+const linkAppearanceSecondary = {
     secondary: {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryPrimaryHover',
@@ -123,7 +122,7 @@ var linkAppearanceSecondary = {
     },
 };
 
-var linkAppearanceSize = {
+const linkAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
         labelTextSize: 'xxl',
@@ -182,7 +181,7 @@ var linkAppearanceSize = {
     },
 };
 
-var linkAppearanceStyle = {
+const linkAppearanceStyle = {
     full: {
         borderColor: '0',
     },
@@ -198,7 +197,7 @@ var linkAppearanceStyle = {
     },
 };
 
-var linkAppearanceSuccess = {
+const linkAppearanceSuccess = {
     success: {
         fill: 'successPrimary',
         fillHover: 'successPrimaryHover',
@@ -209,7 +208,7 @@ var linkAppearanceSuccess = {
     },
 };
 
-var linkAppearanceSurface = {
+const linkAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
@@ -234,7 +233,7 @@ var linkAppearanceSurface = {
     },
 };
 
-var linkAppearanceWarning = {
+const linkAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
         fillHover: 'warningPrimaryHover',
@@ -245,50 +244,64 @@ var linkAppearanceWarning = {
     },
 };
 
-var linkAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, linkAppearanceSize), linkAppearanceDisabled), linkAppearanceRequire), linkAppearanceStyle), linkAppearanceAccent), linkAppearanceDanger), linkAppearanceError), linkAppearanceInfo), linkAppearancePrimary), linkAppearanceSecondary), linkAppearanceSuccess), linkAppearanceSurface), linkAppearanceWarning);
+const linkAppearance = {
+    ...linkAppearanceSize,
+    ...linkAppearanceDisabled,
+    ...linkAppearanceRequire,
+    ...linkAppearanceStyle,
+    ...linkAppearanceAccent,
+    ...linkAppearanceDanger,
+    ...linkAppearanceError,
+    ...linkAppearanceInfo,
+    ...linkAppearancePrimary,
+    ...linkAppearanceSecondary,
+    ...linkAppearanceSuccess,
+    ...linkAppearanceSurface,
+    ...linkAppearanceWarning,
+};
 
-var linkConfig = {
+const linkConfig = {
     appearance: linkAppearance,
     LinkComponent: 'a',
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         linkConfig.appearance = appearanceConfig;
     },
-    setLinkComponent: function (newComponent) {
+    setLinkComponent: (newComponent) => {
         linkConfig.LinkComponent = newComponent;
     },
 };
 function Link(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, isDisabled = props.isDisabled, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, linkConfig, isDisabled);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, _a = propsGenerator.underline, underline = _a === void 0 ? 'underline' : _a, widthClass = propsGenerator.widthClass;
+    const { className, appearance, text, href, link, isDisabled, LinkComponent, rel, style, target, before, after, onClick, onMouseDown, children, } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, linkConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { directionClass, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorClass, textColorHoverClass, textGradientClass, textStyleClass, textWeightClass, heightClass, shapeClass, sizeClass, svgFillClass, svgFillHoverClass, underline = 'underline', widthClass, } = propsGenerator;
     // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), directionClass && "link_direction_".concat(directionClass), sizeClass && "text_size_".concat(sizeClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), underline && "link_underline_".concat(underline), 'text', (textColorClass ||
+    const { styles } = useStyles.useStyles(props);
+    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, directionClass && `link_direction_${directionClass}`, sizeClass && `text_size_${sizeClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, underline && `link_underline_${underline}`, 'text', (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||
             textWeightClass) &&
-            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), shapeClass && "link_shape_".concat(shapeClass)), href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+            'text', textColorClass && `text-color_${textColorClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, textGradientClass && `text-gradient_${textGradientClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `link_shape_${shapeClass}`), href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
 }
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {
-    var href = props.href, LinkComponent = props.LinkComponent, rel = props.rel, target = props.target, children = props.children, otherProps = tslib_es6.__rest(props, ["href", "LinkComponent", "rel", "target", "children"]);
+    const { href, LinkComponent, rel, target, children, ...otherProps } = props;
     if (href) {
         // If href passed, make link-wrapper
-        var Component = LinkComponent || linkConfig.LinkComponent;
+        const Component = LinkComponent || linkConfig.LinkComponent;
         if (Component) {
-            return (jsxRuntime.jsx(Component, tslib_es6.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+            return (jsxRuntime.jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
         }
     }
     else if (LinkComponent) {
         // If has default "Component" - render it
-        return jsxRuntime.jsx(LinkComponent, tslib_es6.__assign({}, otherProps, { children: children }));
+        return jsxRuntime.jsx(LinkComponent, { ...otherProps, children: children });
     }
     // Return children and pass current props to
     return React.Children.toArray(children)
         .filter(Boolean)
-        .map(function (child) {
+        .map((child) => {
         return React.isValidElement(child)
             ? React.cloneElement(child, otherProps)
             : child;

package/dist/{Link_es_XiqbdwLp.js → Link_es_P2b6ya7P.js}

@@ -1,4 +1,3 @@
-import { _ as __assign, b as __rest } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
@@ -6,7 +5,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 
-var linkAppearanceAccent = {
+const linkAppearanceAccent = {
     accent: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
@@ -26,14 +25,14 @@ var linkAppearanceAccent = {
     },
 };
 
-var linkAppearanceDanger = {
+const linkAppearanceDanger = {
     danger: {
         fill: 'dangerPrimary',
         fillHover: 'dangerPrimaryHover',
     },
 };
 
-var linkAppearanceDisabled = {
+const linkAppearanceDisabled = {
     disabledPrimary: {
         fill: 'surfaceFillDisabled',
         borderColor: 'errorBorderQuaternary',
@@ -53,7 +52,7 @@ var linkAppearanceDisabled = {
     },
 };
 
-var linkAppearanceError = {
+const linkAppearanceError = {
     error: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
@@ -64,7 +63,7 @@ var linkAppearanceError = {
     },
 };
 
-var linkAppearanceInfo = {
+const linkAppearanceInfo = {
     info: {
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
@@ -85,7 +84,7 @@ var linkAppearanceInfo = {
     },
 };
 
-var linkAppearancePrimary = {
+const linkAppearancePrimary = {
     primary: {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
@@ -93,7 +92,7 @@ var linkAppearancePrimary = {
     },
 };
 
-var linkAppearanceRequire = {
+const linkAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
         borderColor: 'warningBorderQuaternary',
@@ -113,7 +112,7 @@ var linkAppearanceRequire = {
     },
 };
 
-var linkAppearanceSecondary = {
+const linkAppearanceSecondary = {
     secondary: {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryPrimaryHover',
@@ -121,7 +120,7 @@ var linkAppearanceSecondary = {
     },
 };
 
-var linkAppearanceSize = {
+const linkAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
         labelTextSize: 'xxl',
@@ -180,7 +179,7 @@ var linkAppearanceSize = {
     },
 };
 
-var linkAppearanceStyle = {
+const linkAppearanceStyle = {
     full: {
         borderColor: '0',
     },
@@ -196,7 +195,7 @@ var linkAppearanceStyle = {
     },
 };
 
-var linkAppearanceSuccess = {
+const linkAppearanceSuccess = {
     success: {
         fill: 'successPrimary',
         fillHover: 'successPrimaryHover',
@@ -207,7 +206,7 @@ var linkAppearanceSuccess = {
     },
 };
 
-var linkAppearanceSurface = {
+const linkAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
@@ -232,7 +231,7 @@ var linkAppearanceSurface = {
     },
 };
 
-var linkAppearanceWarning = {
+const linkAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
         fillHover: 'warningPrimaryHover',
@@ -243,50 +242,64 @@ var linkAppearanceWarning = {
     },
 };
 
-var linkAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, linkAppearanceSize), linkAppearanceDisabled), linkAppearanceRequire), linkAppearanceStyle), linkAppearanceAccent), linkAppearanceDanger), linkAppearanceError), linkAppearanceInfo), linkAppearancePrimary), linkAppearanceSecondary), linkAppearanceSuccess), linkAppearanceSurface), linkAppearanceWarning);
+const linkAppearance = {
+    ...linkAppearanceSize,
+    ...linkAppearanceDisabled,
+    ...linkAppearanceRequire,
+    ...linkAppearanceStyle,
+    ...linkAppearanceAccent,
+    ...linkAppearanceDanger,
+    ...linkAppearanceError,
+    ...linkAppearanceInfo,
+    ...linkAppearancePrimary,
+    ...linkAppearanceSecondary,
+    ...linkAppearanceSuccess,
+    ...linkAppearanceSurface,
+    ...linkAppearanceWarning,
+};
 
-var linkConfig = {
+const linkConfig = {
     appearance: linkAppearance,
     LinkComponent: 'a',
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         linkConfig.appearance = appearanceConfig;
     },
-    setLinkComponent: function (newComponent) {
+    setLinkComponent: (newComponent) => {
         linkConfig.LinkComponent = newComponent;
     },
 };
 function Link(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, isDisabled = props.isDisabled, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = useAppearanceConfig(appearance, linkConfig, isDisabled);
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, _a = propsGenerator.underline, underline = _a === void 0 ? 'underline' : _a, widthClass = propsGenerator.widthClass;
+    const { className, appearance, text, href, link, isDisabled, LinkComponent, rel, style, target, before, after, onClick, onMouseDown, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, linkConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { directionClass, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorClass, textColorHoverClass, textGradientClass, textStyleClass, textWeightClass, heightClass, shapeClass, sizeClass, svgFillClass, svgFillHoverClass, underline = 'underline', widthClass, } = propsGenerator;
     // @ts-expect-error
-    var styles = useStyles(props).styles;
-    return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), directionClass && "link_direction_".concat(directionClass), sizeClass && "text_size_".concat(sizeClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), underline && "link_underline_".concat(underline), 'text', (textColorClass ||
+    const { styles } = useStyles(props);
+    return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, directionClass && `link_direction_${directionClass}`, sizeClass && `text_size_${sizeClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, underline && `link_underline_${underline}`, 'text', (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||
             textWeightClass) &&
-            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), shapeClass && "link_shape_".concat(shapeClass)), href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+            'text', textColorClass && `text-color_${textColorClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, textGradientClass && `text-gradient_${textGradientClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `link_shape_${shapeClass}`), href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
 }
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {
-    var href = props.href, LinkComponent = props.LinkComponent, rel = props.rel, target = props.target, children = props.children, otherProps = __rest(props, ["href", "LinkComponent", "rel", "target", "children"]);
+    const { href, LinkComponent, rel, target, children, ...otherProps } = props;
     if (href) {
         // If href passed, make link-wrapper
-        var Component = LinkComponent || linkConfig.LinkComponent;
+        const Component = LinkComponent || linkConfig.LinkComponent;
         if (Component) {
-            return (jsx(Component, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+            return (jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
         }
     }
     else if (LinkComponent) {
         // If has default "Component" - render it
-        return jsx(LinkComponent, __assign({}, otherProps, { children: children }));
+        return jsx(LinkComponent, { ...otherProps, children: children });
     }
     // Return children and pass current props to
     return React.Children.toArray(children)
         .filter(Boolean)
-        .map(function (child) {
+        .map((child) => {
         return React.isValidElement(child)
             ? React.cloneElement(child, otherProps)
             : child;