@itcase/ui 1.8.19 → 1.8.22

package/dist/Avatar_cjs_DSXs1Yrg.js

@@ -0,0 +1,221 @@
+'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');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
+var Image = require('./Image_cjs_CCWqbNn4.js');
+var Text = require('./Text_cjs_DPhKj3wf.js');
+
+var avatarAppearanceAccent = {
+    accent: {
+        fill: 'accentPrimary',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+    },
+    accentSecondary: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        textColor: 'accentTextSecondary',
+    },
+};
+
+var avatarAppearanceDanger = {
+    danger: {
+        fill: 'dangerPrimary',
+    },
+};
+
+var avatarAppearanceError = {
+    error: {
+        fill: 'errorPrimary',
+        fillHover: 'errorPrimaryHover',
+        textColor: 'errorTextPrimary',
+        textColorHover: 'errorTextPrimary',
+    },
+};
+
+var avatarAppearanceInfo = {
+    info: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        textColor: 'accentTextPrimary',
+    },
+    infoSecondary: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        textColor: 'accentTextSecondary',
+    },
+};
+
+var avatarAppearancePrimary = {
+    primary: {
+        fill: 'primaryPrimary',
+        textColor: 'primaryTextPrimary',
+    },
+};
+
+var avatarAppearanceSecondary = {
+    secondary: {
+        fill: 'secondaryPrimary',
+        textColor: 'secondaryTextPrimary',
+    },
+};
+
+var avatarAppearanceSize = {
+    size16: {
+        size: '16',
+        textSize: 'xxl',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size20: {
+        size: '20',
+        textSize: 'xxl',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size24: {
+        size: '24',
+        textSize: 'l',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size32: {
+        size: '32',
+        textSize: 'l',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size40: {
+        size: '40',
+        textSize: 'l',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size56: {
+        size: '56',
+        textSize: 'xxl',
+        iconAfterFillSize: '16',
+        iconAfterSize: '16',
+        iconBeforeFillSize: '16',
+        iconBeforeSize: '16',
+    },
+    size96: {
+        size: '96',
+        textSize: 'xxl',
+        iconAfterFillSize: '32',
+        iconAfterSize: '32',
+        iconBeforeFillSize: '32',
+        iconBeforeSize: '32',
+    },
+    size144: {
+        size: '144',
+        textSize: '1xxl',
+        iconAfterFillSize: '40',
+        iconAfterSize: '40',
+        iconBeforeFillSize: '40',
+        iconBeforeSize: '40',
+    },
+    size240: {
+        size: '240',
+        textSize: '2xxl',
+        iconAfterFillSize: '40',
+        iconAfterSize: '40',
+        iconBeforeFillSize: '40',
+        iconBeforeSize: '40',
+    },
+};
+
+var avatarAppearanceStyle = {
+    full: {
+        borderColor: '0',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderColor: '0',
+    },
+};
+
+var avatarAppearanceSuccess = {
+    success: {
+        fill: 'successPrimary',
+        textColor: 'successTextSecondary',
+    },
+};
+
+var avatarAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+var avatarAppearanceWarning = {
+    warning: {
+        fill: 'warningPrimary',
+        fillHover: 'warningPrimaryHover',
+        textColor: 'warningTextSecondary',
+        textColorHover: 'warningTextSecondary',
+    },
+};
+
+var avatarAppearance = 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({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceAccent), avatarAppearanceDanger), avatarAppearanceError), avatarAppearanceInfo), avatarAppearancePrimary), avatarAppearanceSecondary), avatarAppearanceSuccess), avatarAppearanceSurface), avatarAppearanceWarning);
+
+var avatarConfig = {
+    appearance: avatarAppearance,
+    setAppearance: function (appearanceConfig) {
+        avatarConfig.appearance = appearanceConfig;
+    },
+};
+function Avatar(props) {
+    var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
+    var avatarChars = React.useMemo(function () {
+        var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
+        var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
+        return "".concat(firstChar).concat(secondChar);
+    }, [firstName, secondName]);
+    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 = avatarConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+    }, {});
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
+}
+
+exports.Avatar = Avatar;
+exports.avatarAppearance = avatarAppearance;
+exports.avatarConfig = avatarConfig;

package/dist/Avatar_es_DByUaJL6.js

@@ -0,0 +1,217 @@
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+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 Image } from './Image_es_DZUVp0FS.js';
+import { T as Text } from './Text_es_BRb3qqKM.js';
+
+var avatarAppearanceAccent = {
+    accent: {
+        fill: 'accentPrimary',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+    },
+    accentSecondary: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        textColor: 'accentTextSecondary',
+    },
+};
+
+var avatarAppearanceDanger = {
+    danger: {
+        fill: 'dangerPrimary',
+    },
+};
+
+var avatarAppearanceError = {
+    error: {
+        fill: 'errorPrimary',
+        fillHover: 'errorPrimaryHover',
+        textColor: 'errorTextPrimary',
+        textColorHover: 'errorTextPrimary',
+    },
+};
+
+var avatarAppearanceInfo = {
+    info: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        textColor: 'accentTextPrimary',
+    },
+    infoSecondary: {
+        fill: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        textColor: 'accentTextSecondary',
+    },
+};
+
+var avatarAppearancePrimary = {
+    primary: {
+        fill: 'primaryPrimary',
+        textColor: 'primaryTextPrimary',
+    },
+};
+
+var avatarAppearanceSecondary = {
+    secondary: {
+        fill: 'secondaryPrimary',
+        textColor: 'secondaryTextPrimary',
+    },
+};
+
+var avatarAppearanceSize = {
+    size16: {
+        size: '16',
+        textSize: 'xxl',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size20: {
+        size: '20',
+        textSize: 'xxl',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size24: {
+        size: '24',
+        textSize: 'l',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size32: {
+        size: '32',
+        textSize: 'l',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size40: {
+        size: '40',
+        textSize: 'l',
+        iconAfterFillSize: '12',
+        iconAfterSize: '12',
+        iconBeforeFillSize: '12',
+        iconBeforeSize: '12',
+    },
+    size56: {
+        size: '56',
+        textSize: 'xxl',
+        iconAfterFillSize: '16',
+        iconAfterSize: '16',
+        iconBeforeFillSize: '16',
+        iconBeforeSize: '16',
+    },
+    size96: {
+        size: '96',
+        textSize: 'xxl',
+        iconAfterFillSize: '32',
+        iconAfterSize: '32',
+        iconBeforeFillSize: '32',
+        iconBeforeSize: '32',
+    },
+    size144: {
+        size: '144',
+        textSize: '1xxl',
+        iconAfterFillSize: '40',
+        iconAfterSize: '40',
+        iconBeforeFillSize: '40',
+        iconBeforeSize: '40',
+    },
+    size240: {
+        size: '240',
+        textSize: '2xxl',
+        iconAfterFillSize: '40',
+        iconAfterSize: '40',
+        iconBeforeFillSize: '40',
+        iconBeforeSize: '40',
+    },
+};
+
+var avatarAppearanceStyle = {
+    full: {
+        borderColor: '0',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderColor: '0',
+    },
+};
+
+var avatarAppearanceSuccess = {
+    success: {
+        fill: 'successPrimary',
+        textColor: 'successTextSecondary',
+    },
+};
+
+var avatarAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+var avatarAppearanceWarning = {
+    warning: {
+        fill: 'warningPrimary',
+        fillHover: 'warningPrimaryHover',
+        textColor: 'warningTextSecondary',
+        textColorHover: 'warningTextSecondary',
+    },
+};
+
+var avatarAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceAccent), avatarAppearanceDanger), avatarAppearanceError), avatarAppearanceInfo), avatarAppearancePrimary), avatarAppearanceSecondary), avatarAppearanceSuccess), avatarAppearanceSurface), avatarAppearanceWarning);
+
+var avatarConfig = {
+    appearance: avatarAppearance,
+    setAppearance: function (appearanceConfig) {
+        avatarConfig.appearance = appearanceConfig;
+    },
+};
+function Avatar(props) {
+    var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
+    var avatarChars = useMemo(function () {
+        var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
+        var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
+        return "".concat(firstChar).concat(secondChar);
+    }, [firstName, secondName]);
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+        var _a;
+        return (__assign(__assign({}, resultConfig), (_a = avatarConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+    }, {});
+    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    return (jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
+}
+
+export { Avatar as A, avatarConfig as a, avatarAppearance as b };

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

@@ -4,10 +4,10 @@ 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_BKOjNMkt.js');
-var Link = require('./Link_cjs_yht44xJv.js');
-var Loader = require('./Loader_cjs_DZbIy6Ko.js');
-var Text = require('./Text_cjs_iL1l_7V1.js');
+var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
+var Link = require('./Link_cjs_DbRGq2Yk.js');
+var Loader = require('./Loader_cjs_3VRzFLI2.js');
+var Text = require('./Text_cjs_DPhKj3wf.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 
@@ -20,6 +20,7 @@ var buttonAppearanceAccent = {
         borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
+        iconFillIcon: 'accentItemPrimary',
         loaderFill: 'accentPrimary',
         loaderItemFill: 'accentItemPrimary',
     },
@@ -42,7 +43,7 @@ var buttonAppearanceAccent = {
         borderColor: 'accentBorderPrimary',
         loaderFill: 'accentPrimary',
         loaderItemFill: 'accentItemPrimary',
-    }
+    },
 };
 
 var buttonAppearanceDanger = {
@@ -54,6 +55,14 @@ var buttonAppearanceDanger = {
         loaderFill: 'dangerPrimary',
         loaderItemFill: 'dangerItemPrimary',
     },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerHover',
+        labelTextColor: 'dangerTextPrimary',
+        labelTextColorHover: 'dangerTextPrimary',
+        loaderFill: 'dangerPrimary',
+        loaderItemFill: 'dangerItemPrimary',
+    },
 };
 
 var buttonAppearanceError = {
@@ -266,7 +275,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, DefaultComponent: "button", href: link || href, 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, 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;

package/dist/{Button_es_CHDT0-8K.js → Button_es_DXcCJuNX.js}

@@ -2,10 +2,10 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Tooltip_es_C7zstTA2.js';
-import { a as LinkWrapper } from './Link_es_DkW06IM-.js';
-import { L as Loader } from './Loader_es_SHdP0IkA.js';
-import { T as Text } from './Text_es_D012qJ8s.js';
+import { I as Icon } from './Tooltip_es_BaGfb-qC.js';
+import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
+import { L as Loader } from './Loader_es_DEYowVdU.js';
+import { T as Text } from './Text_es_BRb3qqKM.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 
@@ -18,6 +18,7 @@ var buttonAppearanceAccent = {
         borderColor: 'accentBorderPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
+        iconFillIcon: 'accentItemPrimary',
         loaderFill: 'accentPrimary',
         loaderItemFill: 'accentItemPrimary',
     },
@@ -40,7 +41,7 @@ var buttonAppearanceAccent = {
         borderColor: 'accentBorderPrimary',
         loaderFill: 'accentPrimary',
         loaderItemFill: 'accentItemPrimary',
-    }
+    },
 };
 
 var buttonAppearanceDanger = {
@@ -52,6 +53,14 @@ var buttonAppearanceDanger = {
         loaderFill: 'dangerPrimary',
         loaderItemFill: 'dangerItemPrimary',
     },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerHover',
+        labelTextColor: 'dangerTextPrimary',
+        labelTextColorHover: 'dangerTextPrimary',
+        loaderFill: 'dangerPrimary',
+        loaderItemFill: 'dangerItemPrimary',
+    },
 };
 
 var buttonAppearanceError = {
@@ -264,7 +273,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, DefaultComponent: "button", href: link || href, 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, 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_CTpMiyQb.js → ChipsGroup_cjs_9wrMZrzL.js}

@@ -6,8 +6,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Tooltip = require('./Tooltip_cjs_BKOjNMkt.js');
-var Text = require('./Text_cjs_iL1l_7V1.js');
+var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
+var Text = require('./Text_cjs_DPhKj3wf.js');
 
 var chipsAppearanceAccent = {
     accent: {

package/dist/{ChipsGroup_es_CP_xm25C.js → ChipsGroup_es_CjGZ-ulT.js}

@@ -4,8 +4,8 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Tooltip_es_C7zstTA2.js';
-import { T as Text } from './Text_es_D012qJ8s.js';
+import { I as Icon, B as Badge } from './Tooltip_es_BaGfb-qC.js';
+import { T as Text } from './Text_es_BRb3qqKM.js';
 
 var chipsAppearanceAccent = {
     accent: {

package/dist/{DatePicker_cjs_DPtOL1eW.js → DatePicker_cjs_BriuTQqj.js}

@@ -8,11 +8,11 @@ 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_DjCsrrlr.js');
-var Tooltip = require('./Tooltip_cjs_BKOjNMkt.js');
+var Button = require('./Button_cjs_CukkOE-v.js');
+var Tooltip = require('./Tooltip_cjs_PkuRdzzy.js');
 var Input = require('./Input_cjs_BAVggtkk.js');
-var Label = require('./Label_cjs_mw4pHZR1.js');
-var Text = require('./Text_cjs_iL1l_7V1.js');
+var Label = require('./Label_cjs_CnwET26s.js');
+var Text = require('./Text_cjs_DPhKj3wf.js');
 var _default = require('@itcase/icons/default');
 
 var datePickerSize = {

package/dist/{DatePicker_es_DCuzMD0T.js → DatePicker_es_DzY_fVii.js}

@@ -6,11 +6,11 @@ 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_CHDT0-8K.js';
-import { I as Icon } from './Tooltip_es_C7zstTA2.js';
+import { B as Button } from './Button_es_DXcCJuNX.js';
+import { I as Icon } from './Tooltip_es_BaGfb-qC.js';
 import { I as Input } from './Input_es_CNduH28G.js';
-import { L as Label } from './Label_es_CiPEDFcR.js';
-import { T as Text } from './Text_es_D012qJ8s.js';
+import { L as Label } from './Label_es_Dc18d1gY.js';
+import { T as Text } from './Text_es_BRb3qqKM.js';
 import { icon14 } from '@itcase/icons/default';
 
 var datePickerSize = {