@itcase/ui 1.8.45 → 1.8.51

package/README.md

@@ -1,2 +1,3 @@
 # UI components
 
+

package/dist/{Avatar_cjs_Bp8wjwGw.js → Avatar_cjs_BQNgRkQo.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('./Icon_cjs_DRZih-pc.js');
+var Icon = require('./Icon_cjs_CKWWo53f.js');
 var Image = require('./Image_cjs_2zEjohYE.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var avatarAppearanceDefault = {

package/dist/{Avatar_es_BIKf0hNV.js → Avatar_es_DzMM4D-9.js}

@@ -3,9 +3,9 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon, B as Badge } from './Icon_es_k9bHSLyL.js';
+import { I as Icon, B as Badge } from './Icon_es_B7IMj2rG.js';
 import { I as Image } from './Image_es_ChF-63wh.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var avatarAppearanceDefault = {

package/dist/{Button_cjs_Chn18eOU.js → Button_cjs_C8P5a38-.js}

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('./Icon_cjs_DRZih-pc.js');
+var Icon = require('./Icon_cjs_CKWWo53f.js');
 var Link = require('./Link_cjs_BqT6eVl6.js');
-var Loader = require('./Loader_cjs_BShrE-Nb.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Loader = require('./Loader_cjs_D_n5PrK5.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
@@ -215,6 +215,28 @@ var buttonAppearanceSecondary = {
     },
 };
 
+var buttonAppearanceShape = {
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+};
+
 var buttonAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
@@ -412,7 +434,7 @@ var buttonAppearanceWarning = {
     },
 };
 
-var buttonAppearance = 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({}, buttonAppearanceSize), buttonAppearanceStyle), buttonAppearanceAccent), buttonAppearanceDanger), buttonAppearanceError), buttonAppearanceInfo), buttonAppearancePrimary), buttonAppearanceSecondary), buttonAppearanceSuccess), buttonAppearanceSurface), buttonAppearanceWarning);
+var buttonAppearance = 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({}, buttonAppearanceSize), buttonAppearanceShape), buttonAppearanceStyle), buttonAppearanceAccent), buttonAppearanceDanger), buttonAppearanceError), buttonAppearanceInfo), buttonAppearancePrimary), buttonAppearanceSecondary), buttonAppearanceSuccess), buttonAppearanceSurface), buttonAppearanceWarning);
 
 var buttonConfig = {
     appearance: buttonAppearance,
@@ -424,11 +446,7 @@ var Button = React.forwardRef(function Button(props, ref) {
     var className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, Badge = props.Badge, dataTestId = props.dataTestId, dataTour = props.dataTour, href = props.href, _a = props.htmlType, htmlType = _a === void 0 ? 'button' : _a, link = props.link, rel = props.rel, target = props.target, before = props.before, after = props.after, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, buttonConfig);
     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, 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.
+    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, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     var _d = useStyles.useStyles(props), labelStyles = _d.label, buttonStyles = _d.styles;
     var buttonTypeClass = after ||
         before ||
@@ -444,9 +462,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                 ? 'buttom_type_label'
                 : buttonTypeClass
                     ? '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, appearance: loaderAppearance, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.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(Icon.Icon, { className: "button__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
+                    : '', 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), 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(Icon.Icon, { className: "button__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.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(Icon.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_XnWb2XF3.js → Button_es_CwtOu3lT.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Icon_es_k9bHSLyL.js';
+import { I as Icon } from './Icon_es_B7IMj2rG.js';
 import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
-import { L as Loader } from './Loader_es_BDb87cdb.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { L as Loader } from './Loader_es_DXVVV9LE.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
@@ -213,6 +213,28 @@ var buttonAppearanceSecondary = {
     },
 };
 
+var buttonAppearanceShape = {
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+};
+
 var buttonAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
@@ -410,7 +432,7 @@ var buttonAppearanceWarning = {
     },
 };
 
-var buttonAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, buttonAppearanceSize), buttonAppearanceStyle), buttonAppearanceAccent), buttonAppearanceDanger), buttonAppearanceError), buttonAppearanceInfo), buttonAppearancePrimary), buttonAppearanceSecondary), buttonAppearanceSuccess), buttonAppearanceSurface), buttonAppearanceWarning);
+var buttonAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, buttonAppearanceSize), buttonAppearanceShape), buttonAppearanceStyle), buttonAppearanceAccent), buttonAppearanceDanger), buttonAppearanceError), buttonAppearanceInfo), buttonAppearancePrimary), buttonAppearanceSecondary), buttonAppearanceSuccess), buttonAppearanceSurface), buttonAppearanceWarning);
 
 var buttonConfig = {
     appearance: buttonAppearance,
@@ -422,11 +444,7 @@ var Button = React.forwardRef(function Button(props, ref) {
     var className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, Badge = props.Badge, dataTestId = props.dataTestId, dataTour = props.dataTour, href = props.href, _a = props.htmlType, htmlType = _a === void 0 ? 'button' : _a, link = props.link, rel = props.rel, target = props.target, before = props.before, after = props.after, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
     var appearanceConfig = useAppearanceConfig(appearance, buttonConfig);
     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, 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.
+    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, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     var _d = useStyles(props), labelStyles = _d.label, buttonStyles = _d.styles;
     var buttonTypeClass = after ||
         before ||
@@ -442,9 +460,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                 ? 'buttom_type_label'
                 : buttonTypeClass
                     ? '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, 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] }) }));
+                    : '', 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), 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_Deoz_rju.js → ChipsGroup_cjs_CVCYLe2C.js}

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_DRZih-pc.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Icon = require('./Icon_cjs_CKWWo53f.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var chipsAppearanceAccent = {

package/dist/{ChipsGroup_es_C1Qi_5A1.js → ChipsGroup_es_BrX6_qHH.js}

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Icon_es_k9bHSLyL.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { I as Icon, B as Badge } from './Icon_es_B7IMj2rG.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var chipsAppearanceAccent = {

package/dist/{DatePicker_cjs_B24qHiks.js → DatePicker_cjs_CKmX_JOf.js}

@@ -9,11 +9,11 @@ var DatePicker = require('react-datepicker');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_Chn18eOU.js');
-var Icon = require('./Icon_cjs_DRZih-pc.js');
+var Button = require('./Button_cjs_C8P5a38-.js');
+var Icon = require('./Icon_cjs_CKWWo53f.js');
 var Input = require('./Input_cjs_BGLd0EQu.js');
-var Label = require('./Label_cjs_D70CHJDE.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Label = require('./Label_cjs_DNAubjXm.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var _default = require('@itcase/icons/default');
 
 var datePickerSize = {

package/dist/{DatePicker_es_BuC8mEcK.js → DatePicker_es_BRH4AHbV.js}

@@ -7,11 +7,11 @@ import DatePicker from 'react-datepicker';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_XnWb2XF3.js';
-import { I as Icon } from './Icon_es_k9bHSLyL.js';
+import { B as Button } from './Button_es_CwtOu3lT.js';
+import { I as Icon } from './Icon_es_B7IMj2rG.js';
 import { I as Input } from './Input_es_D2mNCqiH.js';
-import { L as Label } from './Label_es_HXrap3A4.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { L as Label } from './Label_es_DnV8akSC.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { icons14 } from '@itcase/icons/default';
 
 var datePickerSize = {

package/dist/{DropdownItem_cjs_DuqySfbd.js → DropdownItem_cjs_DFScS1ls.js}

@@ -5,10 +5,10 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_DRZih-pc.js');
+var Icon = require('./Icon_cjs_CKWWo53f.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var Divider = require('./Divider_cjs_rxMMBfLC.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 function Dropdown(props) {

package/dist/{DropdownItem_es_BBxfR35q.js → DropdownItem_es_BnKPMQwa.js}

@@ -3,10 +3,10 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Icon_es_k9bHSLyL.js';
+import { I as Icon, B as Badge } from './Icon_es_B7IMj2rG.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { D as Divider } from './Divider_es_CiRU0sTz.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 function Dropdown(props) {

package/dist/{Icon_cjs_DRZih-pc.js → Icon_cjs_CKWWo53f.js}

@@ -10,7 +10,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 Link = require('./Link_cjs_BqT6eVl6.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 
 var badgeAppearanceAccent = {
     accent: {

package/dist/{Icon_es_k9bHSLyL.js → Icon_es_B7IMj2rG.js}

@@ -8,7 +8,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 
 var badgeAppearanceAccent = {
     accent: {

package/dist/{Label_cjs_D70CHJDE.js → Label_cjs_DNAubjXm.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_DRZih-pc.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Icon = require('./Icon_cjs_CKWWo53f.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var labelAppearanceAccent = {

package/dist/{Label_es_HXrap3A4.js → Label_es_DnV8akSC.js}

@@ -4,8 +4,8 @@ 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_k9bHSLyL.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { I as Icon, T as Tooltip } from './Icon_es_B7IMj2rG.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var labelAppearanceAccent = {

package/dist/{Loader_cjs_BShrE-Nb.js → Loader_cjs_D_n5PrK5.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_BlNeIm_v.js');
+var Text = require('./Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var loaderAppearanceAccent = {

package/dist/{Loader_es_BDb87cdb.js → Loader_es_DXVVV9LE.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_Ffjr5J1k.js';
+import { T as Text } from './Text_es_BdFAdf7M.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var loaderAppearanceAccent = {

package/dist/{Text_cjs_BlNeIm_v.js → Text_cjs_C-Ux7Tz5.js}

@@ -40,15 +40,17 @@ var textConfig = {
     },
 };
 function Text(props) {
-    var className = props.className, appearance = props.appearance, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
+    var className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverActiveClass = propsGenerator.textColorHoverActiveClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverActiveClass = propsGenerator.textColorHoverActiveClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var textStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), !isActive
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
+            textColorDisabledClass &&
+            "text-color_".concat(textColorDisabledClass), !isActive && !isDisabled
             ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorActiveClass && "text-color_active_".concat(textColorActiveClass), !isActive
+            : textColorActiveClass && "text-color_active_".concat(textColorActiveClass), !isActive && !isDisabled
             ? textColorHoverClass && "text-color_hover_".concat(textColorHoverClass)
             : textColorHoverActiveClass &&
                 "text-color_hover_active_".concat(textColorActiveClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));

package/dist/{Text_es_Ffjr5J1k.js → Text_es_BdFAdf7M.js}

@@ -38,15 +38,17 @@ var textConfig = {
     },
 };
 function Text(props) {
-    var className = props.className, appearance = props.appearance, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
+    var className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
     var appearanceConfig = useAppearanceConfig(appearance, textConfig);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverActiveClass = propsGenerator.textColorHoverActiveClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverActiveClass = propsGenerator.textColorHoverActiveClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var textStyles = useStyles(props).styles;
-    return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), !isActive
+    return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
+            textColorDisabledClass &&
+            "text-color_".concat(textColorDisabledClass), !isActive && !isDisabled
             ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorActiveClass && "text-color_active_".concat(textColorActiveClass), !isActive
+            : textColorActiveClass && "text-color_active_".concat(textColorActiveClass), !isActive && !isDisabled
             ? textColorHoverClass && "text-color_hover_".concat(textColorHoverClass)
             : textColorHoverActiveClass &&
                 "text-color_hover_active_".concat(textColorActiveClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));

package/dist/cjs/components/Accordion.js

@@ -8,9 +8,9 @@ var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_DRZih-pc.js');
+var Icon = require('../../Icon_cjs_CKWWo53f.js');
 var Divider = require('../../Divider_cjs_rxMMBfLC.js');
-var Text = require('../../Text_cjs_BlNeIm_v.js');
+var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/upperFirst');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_Bp8wjwGw.js');
+var Avatar = require('../../Avatar_cjs_BQNgRkQo.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -17,7 +17,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../../Icon_cjs_DRZih-pc.js');
+require('../../Icon_cjs_CKWWo53f.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
@@ -25,7 +25,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_BlNeIm_v.js');
+require('../../Text_cjs_C-Ux7Tz5.js');
 require('../../Image_cjs_2zEjohYE.js');
 
 

package/dist/cjs/components/AvatarStack.js

@@ -5,9 +5,9 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_Bp8wjwGw.js');
+var Avatar = require('../../Avatar_cjs_BQNgRkQo.js');
 var Group = require('../../Group_cjs_CDLfU5D2.js');
-var Text = require('../../Text_cjs_BlNeIm_v.js');
+var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -22,7 +22,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_DRZih-pc.js');
+require('../../Icon_cjs_CKWWo53f.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_DRZih-pc.js');
+var Icon = require('../../Icon_cjs_CKWWo53f.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -24,7 +24,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_BlNeIm_v.js');
+require('../../Text_cjs_C-Ux7Tz5.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_DRZih-pc.js');
+var Icon = require('../../Icon_cjs_CKWWo53f.js');
 var Link = require('../../Link_cjs_BqT6eVl6.js');
-var Text = require('../../Text_cjs_BlNeIm_v.js');
+var Text = require('../../Text_cjs_C-Ux7Tz5.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');

package/dist/cjs/components/Button.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Button = require('../../Button_cjs_Chn18eOU.js');
+var Button = require('../../Button_cjs_C8P5a38-.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../../Icon_cjs_DRZih-pc.js');
+require('../../Icon_cjs_CKWWo53f.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -25,8 +25,8 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_BlNeIm_v.js');
-require('../../Loader_cjs_BShrE-Nb.js');
+require('../../Text_cjs_C-Ux7Tz5.js');
+require('../../Loader_cjs_D_n5PrK5.js');