@itcase/ui 1.8.34 → 1.8.36

package/dist/{Label_es_ouC2i_iI.js → Label_es_Bn2aRjLl.js}

@@ -4,27 +4,20 @@ import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Tooltip_es_B0nm9irO.js';
+import { I as Icon, T as Tooltip } from './Tooltip_es_LV5ZNg3B.js';
 import { T as Text } from './Text_es_BfLRfj-5.js';
 
 var labelAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-    },
     accentMutedPrimary: {
-        fill: 'accentTertiary',
-        labelTextColor: 'accentTextQuaternary',
-        labelTextColorHover: 'accentTextQuaternary',
-        borderColor: 'accentBorderSecondary',
-        iconAfterFillIcon: 'accentItemQuaternary',
-        iconBeforeFillIcon: 'accentItemQuaternary',
+        fill: 'accentMutedPrimary',
+        labelTextColor: 'accentMutedTextQuaternary',
+        borderColor: 'accentMutedBorderSecondary',
+        iconAfterFillIcon: 'accentMutedItemQuaternary',
+        iconBeforeFillIcon: 'accentMutedItemQuaternary',
     },
     accentPrimary: {
         fill: 'accentPrimary',
         labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
@@ -32,33 +25,20 @@ var labelAppearanceAccent = {
     accentTertiary: {
         fill: 'accentTertiary',
         labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
     },
 };
 
 var labelAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerPrimaryHover',
-        labelTextColor: 'dangerTextPrimary',
-        labelTextColorHover: 'dangerTextSecondary',
-        borderColor: 'dangerBorderSecondary',
-        iconAfterFillIcon: 'dangerItemPrimary',
-        iconBeforeFillIcon: 'dangerItemPrimary',
-    },
     dangerMutedPrimary: {
-        fill: 'dangerTertiary',
-        labelTextColor: 'dangerTextQuaternary',
-        labelTextColorHover: 'dangerTextQuaternary',
-        borderColor: 'dangerBorderQuaternary',
-        iconAfterFillIcon: 'dangerItemQuaternary',
-        iconBeforeFillIcon: 'dangerItemQuaternary',
+        fill: 'dangerMutedPrimary',
+        labelTextColor: 'dangerMutedTextQuaternary',
+        borderColor: 'dangerMutedBorderQuaternary',
+        iconAfterFillIcon: 'dangerMutedItemQuaternary',
+        iconBeforeFillIcon: 'dangerMutedItemQuaternary',
     },
     dangerPrimary: {
         fill: 'dangerPrimary',
-        fillHover: 'dangerPrimaryHover',
         labelTextColor: 'dangerTextPrimary',
-        labelTextColorHover: 'dangerTextSecondary',
         borderColor: 'dangerBorderSecondary',
         iconAfterFillIcon: 'dangerItemPrimary',
         iconBeforeFillIcon: 'dangerItemPrimary',
@@ -66,44 +46,34 @@ var labelAppearanceDanger = {
 };
 
 var labelAppearanceDisable = {
+    disableMutedPrimary: {
+        fill: 'disableMutedPrimary',
+        labelTextColor: 'disableMutedTextPrimary',
+        borderColor: 'disableMutedBorderSecondary',
+        iconAfterFillIcon: 'disableMutedItemPrimary',
+        iconBeforeFillIcon: 'disableMutedItemPrimary',
+    },
     disablePrimary: {
         fill: 'disablePrimary',
         labelTextColor: 'disableTextPrimary',
-        labelTextColorHover: 'disableTextPrimary',
         borderColor: 'disableBorderPrimary',
         iconAfterFillIcon: 'disableItemPrimary',
         iconBeforeFillIcon: 'disableItemPrimary',
     },
-    disableMuted: {
-        fill: 'disableMuted',
-        labelTextColor: 'disableMutedTextPrimary',
-        labelTextColorHover: 'disableMutedTextPrimary',
-        borderColor: 'disableMutedBorderSecondary',
-        iconAfterFillIcon: 'disableMutedItemPrimary',
-        iconBeforeFillIcon: 'disableMutedItemPrimary',
-    },
 };
 
 var labelAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-    },
     errorMutedPrimary: {
-        fill: 'errorDisabled',
-        labelTextColor: 'errorTextQuaternary',
-        labelTextColorHover: 'errorTextQuaternary',
-        borderColor: 'errorBorderSecondary',
-        iconAfterFillIcon: 'errorItemQuaternary',
-        iconBeforeFillIcon: 'errorItemQuaternary',
+        fill: 'errorMutedPrimary',
+        labelTextColor: 'errorMutedTextQuaternary',
+        borderColor: 'errorMutedBorderSecondary',
+        iconAfterFillIcon: 'errorMutedItemQuaternary',
+        iconBeforeFillIcon: 'errorMutedItemQuaternary',
     },
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
         borderColor: 'errorBorderSecondary',
         iconAfterFillIcon: 'errorItemPrimary',
         iconBeforeFillIcon: 'errorItemPrimary',
@@ -112,27 +82,22 @@ var labelAppearanceError = {
 
 var labelAppearanceInfo = {
     infoMutedPrimary: {
-        fill: 'infoMuted',
+        fill: 'infoMutedPrimary',
         labelTextColor: 'infoMutedTextPrimary',
-        labelTextColorHover: 'infoMutedTextPrimary',
         borderColor: 'infoMutedBorderSecondary',
         iconAfterFillIcon: 'infoMutedItemPrimary',
         iconBeforeFillIcon: 'infoMutedItemPrimary',
     },
     infoPrimary: {
         fill: 'infoPrimary',
-        fillHover: 'infoPrimaryHover',
         labelTextColor: 'infoTextPrimary',
-        labelTextColorHover: 'infoTextPrimary',
         borderColor: 'infoBorderPrimary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
     },
     infoSecondary: {
         fill: 'infoPrimary',
-        fillHover: 'infoPrimaryHover',
         labelTextColor: 'infoTextPrimary',
-        labelTextColorHover: 'infoTextSecondary',
         borderColor: 'infoBorderSecondary',
         iconAfterFillIcon: 'infoItemPrimary',
         iconBeforeFillIcon: 'infoItemPrimary',
@@ -140,26 +105,16 @@ var labelAppearanceInfo = {
 };
 
 var labelAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        labelTextColor: 'primaryTextPrimary',
-        labelTextColorHover: 'primaryTextPrimary',
-        borderColor: 'primaryBorderSecondary',
-        iconAfterFillIcon: 'dangerItemPrimary',
-        iconBeforeFillIcon: 'dangerItemPrimary',
-    },
     primaryMutedPrimary: {
-        fill: 'primaryDisabled',
-        labelTextColor: 'primaryTextSecondary',
-        labelTextColorHover: 'primaryTextSecondary',
-        borderColor: 'primaryBorderTertiary',
-        iconAfterFillIcon: 'primaryItemSecondary',
-        iconBeforeFillIcon: 'primaryItemSecondary',
+        fill: 'primaryMutedPrimary',
+        labelTextColor: 'primaryMutedTextSecondary',
+        borderColor: 'primaryMutedBorderTertiary',
+        iconAfterFillIcon: 'primaryMutedItemSecondary',
+        iconBeforeFillIcon: 'primaryMutedItemSecondary',
     },
     primaryPrimary: {
         fill: 'primaryPrimary',
         labelTextColor: 'primaryTextPrimary',
-        labelTextColorHover: 'primaryTextPrimary',
         borderColor: 'primaryBorderSecondary',
         iconAfterFillIcon: 'dangerItemPrimary',
         iconBeforeFillIcon: 'dangerItemPrimary',
@@ -167,26 +122,16 @@ var labelAppearancePrimary = {
 };
 
 var labelAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        labelTextColor: 'secondaryTextPrimary',
-        labelTextColorHover: 'secondaryTextPrimary',
-        borderColor: 'secondaryBorderPrimary',
-        iconAfterFillIcon: 'secondaryItemPrimary',
-        iconBeforeFillIcon: 'secondaryItemPrimary',
-    },
     secondaryMutedPrimary: {
-        fill: 'secondaryDisabled',
-        labelTextColor: 'secondaryTextQuaternary',
-        labelTextColorHover: 'secondaryTextQuaternary',
-        borderColor: 'secondaryBorderDisabled',
-        iconAfterFillIcon: 'secondaryItemQuaternary',
-        iconBeforeFillIcon: 'secondaryItemQuaternary',
+        fill: 'secondaryMutedPrimary',
+        labelTextColor: 'secondaryMutedTextQuaternary',
+        borderColor: 'secondaryMutedBorderDisabled',
+        iconAfterFillIcon: 'secondaryMutedItemQuaternary',
+        iconBeforeFillIcon: 'secondaryMutedItemQuaternary',
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
         labelTextColor: 'secondaryTextPrimary',
-        labelTextColorHover: 'secondaryTextPrimary',
         borderColor: 'secondaryBorderPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',
@@ -203,6 +148,7 @@ var labelAppearanceSize = {
         iconBeforeSize: 24,
     },
     sizeXL: {
+        size: 'xl',
         labelTextSize: 'l',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
@@ -210,6 +156,7 @@ var labelAppearanceSize = {
         iconBeforeSize: 24,
     },
     sizeL: {
+        size: 'l',
         labelTextSize: 'l',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
@@ -217,6 +164,7 @@ var labelAppearanceSize = {
         iconBeforeSize: 24,
     },
     sizeM: {
+        size: 'm',
         labelTextSize: 'm',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
@@ -224,6 +172,7 @@ var labelAppearanceSize = {
         iconBeforeSize: 24,
     },
     sizeS: {
+        size: 's',
         labelTextSize: 's',
         iconAfterFillSize: 20,
         iconAfterSize: 20,
@@ -231,6 +180,7 @@ var labelAppearanceSize = {
         iconBeforeSize: 20,
     },
     sizeXS: {
+        size: 'xs',
         labelTextSize: 'xs',
         iconAfterFillSize: 16,
         iconAfterSize: 16,
@@ -238,6 +188,7 @@ var labelAppearanceSize = {
         iconBeforeSize: 16,
     },
     sizeXXS: {
+        size: 'xxs',
         labelTextSize: 'xs',
         iconAfterFillSize: 14,
         iconAfterSize: 14,
@@ -247,39 +198,31 @@ var labelAppearanceSize = {
 };
 
 var labelAppearanceStyle = {
-    full: {},
-    ghost: {
-        fill: 'none',
+    solid: {
         borderColor: 'none',
     },
     outlined: {
         fill: 'none',
     },
-    solid: {
+    full: {},
+    ghost: {
+        fill: 'none',
         borderColor: 'none',
     },
 };
 
 var labelAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
-        labelTextColor: 'successTextSecondary',
-        labelTextColorHover: 'successTextSecondary',
-    },
     successMutedPrimary: {
-        fill: 'successTertiary',
-        labelTextColor: 'successTextQuaternary',
-        labelTextColorHover: 'successTextQuaternary',
-        borderColor: 'successBorderQuaternary',
-        iconAfterFillIcon: 'successItemQuaternary',
-        iconBeforeFillIcon: 'successItemQuaternary',
+        fill: 'successMutedPrimary',
+        labelTextColor: 'successMutedTextPrimary',
+        borderColor: 'successMutedBorderSecondary',
+        iconAfterFillIcon: 'successMutedItemPrimary',
+        iconBeforeFillIcon: 'successMutedItemPrimary',
     },
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successPrimaryHover',
         labelTextColor: 'successTextPrimary',
-        labelTextColorHover: 'successTextSecondary',
         borderColor: 'successBorderSecondary',
         iconAfterFillIcon: 'successItemPrimary',
         iconBeforeFillIcon: 'successItemPrimary',
@@ -288,18 +231,15 @@ var labelAppearanceSuccess = {
 
 var labelAppearanceSurface = {
     surfaceMutedPrimary: {
-        fill: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextQuaternary',
-        labelTextColorHover: 'surfaceTextQuaternary',
-        borderColor: 'surfaceBorderQuaternary',
-        iconAfterFillIcon: 'surfaceItemQuaternary',
-        iconBeforeFillIcon: 'surfaceItemQuaternary',
+        fill: 'surfaceMutedPrimary',
+        labelTextColor: 'surfaceMutedTextQuaternary',
+        borderColor: 'surfaceMutedBorderQuaternary',
+        iconAfterFillIcon: 'surfaceMutedItemQuaternary',
+        iconBeforeFillIcon: 'surfaceMutedItemQuaternary',
     },
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
         labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
@@ -307,40 +247,28 @@ var labelAppearanceSurface = {
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
         labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
     },
     surfaceQuaternary: {
         fill: 'surfaceQuaternary',
         labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
     },
 };
 
 var labelAppearanceWarning = {
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-    },
     warningMutedPrimary: {
-        fill: 'warningTertiary',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-        borderColor: 'warningBorderSecondary',
-        iconAfterFillIcon: 'warningItemSecondary',
-        iconBeforeFillIcon: 'warningItemSecondary',
+        fill: 'warningMutedPrimary',
+        labelTextColor: 'warningMutedTextSecondary',
+        borderColor: 'warningMutedBorderSecondary',
+        iconAfterFillIcon: 'warningMutedItemSecondary',
+        iconBeforeFillIcon: 'warningMutedItemSecondary',
     },
     warningPrimary: {
         fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
         labelTextColor: 'warningTextPrimary',
-        labelTextColorHover: 'warningTextSecondary',
         borderColor: 'warningBorderSecondary',
         iconAfterFillIcon: 'warningItemPrimary',
         iconBeforeFillIcon: 'warningItemPrimary',

package/dist/{Loader_cjs_CCrbD8Em.js → Loader_cjs_Ca4i0sER.js}

@@ -105,10 +105,12 @@ function Loader(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = loaderConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, heightClass = propsGenerator.heightClass, itemFillClass = propsGenerator.itemFillClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, heightClass = propsGenerator.heightClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, itemFillClass = propsGenerator.itemFillClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var loader = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), sizeClass && "loader_size_".concat(sizeClass), isSkeleton && "loader_skeleton", type && "loader_type_".concat(type), shapeClass && "loader_shape_".concat(shapeClass)), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), sizeClass && "loader_size_".concat(sizeClass), isSkeleton && "loader_skeleton", type && "loader_type_".concat(type), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
+            ? "shape-strength_".concat(shapeStrengthClass)
+            : shapeClass === 'rounded' && 'shape-strength_default'), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 
 exports.Loader = Loader;

package/dist/{Loader_es_B2auu_rc.js → Loader_es_GYOr0UTX.js}

@@ -103,10 +103,12 @@ function Loader(props) {
         return (__assign(__assign({}, resultConfig), (_a = loaderConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, heightClass = propsGenerator.heightClass, itemFillClass = propsGenerator.itemFillClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, heightClass = propsGenerator.heightClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, itemFillClass = propsGenerator.itemFillClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var loader = useStyles(props).styles;
-    return (jsxs("div", { className: clsx('loader', className, widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), sizeClass && "loader_size_".concat(sizeClass), isSkeleton && "loader_skeleton", type && "loader_type_".concat(type), shapeClass && "loader_shape_".concat(shapeClass)), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (jsxs("div", { className: clsx('loader', className, widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), sizeClass && "loader_size_".concat(sizeClass), isSkeleton && "loader_skeleton", type && "loader_type_".concat(type), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
+            ? "shape-strength_".concat(shapeStrengthClass)
+            : shapeClass === 'rounded' && 'shape-strength_default'), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 
 export { Loader as L, loaderAppearance as a, loaderConfig as l };

package/dist/{Tooltip_cjs_DinScDnC.js → Tooltip_cjs_oS1iOamX.js}

@@ -1067,10 +1067,12 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = tooltipConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var alignClass = propsGenerator.alignClass, centeringClass = propsGenerator.centeringClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var tooltipStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), centeringClass && "centering_".concat(centeringClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
+            ? "shape-strength_".concat(shapeStrengthClass)
+            : shapeClass === 'rounded' && 'shape-strength_default', alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
 });
 
 exports.Badge = Badge;

package/dist/{Tooltip_es_B0nm9irO.js → Tooltip_es_LV5ZNg3B.js}

@@ -1065,10 +1065,12 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
         return (__assign(__assign({}, resultConfig), (_a = tooltipConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var alignClass = propsGenerator.alignClass, centeringClass = propsGenerator.centeringClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var tooltipStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+    return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), centeringClass && "centering_".concat(centeringClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
+            ? "shape-strength_".concat(shapeStrengthClass)
+            : shapeClass === 'rounded' && 'shape-strength_default', alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
 });
 
 export { Badge as B, Icon as I, Tooltip as T, tooltipAppearance as a, Title as b, titleConfig as c, titleAppearance as d, iconAppearance as e, badgeAppearance as f, badgeConfig as g, iconConfig as i, tooltipConfig as t };

package/dist/cjs/components/Accordion.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
+var Tooltip = require('../../Tooltip_cjs_oS1iOamX.js');
 var Divider = require('../../Divider_cjs_BmCJj3TN.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_kADy_b4o.js');
+var Avatar = require('../../Avatar_cjs_DBoMi2WA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -16,7 +16,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../../Tooltip_cjs_DinScDnC.js');
+require('../../Tooltip_cjs_oS1iOamX.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');

package/dist/cjs/components/AvatarStack.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_kADy_b4o.js');
+var Avatar = require('../../Avatar_cjs_DBoMi2WA.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
@@ -21,7 +21,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_DinScDnC.js');
+require('../../Tooltip_cjs_oS1iOamX.js');
 require('react-inlinesvg');
 require('../../Link_cjs_DbRGq2Yk.js');
 require('../../Image_cjs_CCWqbNn4.js');

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
+var Tooltip = require('../../Tooltip_cjs_oS1iOamX.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Breadcrumbs/stories/__mock__.js

@@ -1,6 +1,7 @@
 'use strict';
 
-var _default = require('@itcase/icons/default');
+var tslib_es6 = require('../../../../tslib.es6_cjs_CCZ3TN_7.js');
+var am = require('@itcase/icons/am');
 
 var breadcrumbsListMock = {
     breadcrumbsList: [
@@ -9,37 +10,43 @@ var breadcrumbsListMock = {
             key: 1,
             text: 'Text 123',
             href: '/',
-            icon: _default.icons16.Placeholder.Default,
+            icon: am.icon24.ChevronRightSmall,
         },
         {
             id: '2',
             key: 2,
             text: 'Text 123',
             href: '/',
-            icon: _default.icons16.Placeholder.Default,
+            icon: am.icon24.ChevronRightSmall,
         },
         {
             id: '3',
             key: 3,
             text: 'Text 123',
             href: '/',
-            icon: _default.icons16.Placeholder.Default,
+            icon: am.icon24.ChevronRightSmall,
         },
         {
             id: '4',
             key: 4,
             text: 'Text 123',
             href: '/',
-            icon: _default.icons16.Placeholder.Default,
+            icon: am.icon24.ChevronRightSmall,
         },
         {
             id: '5',
             key: 5,
             text: 'Text 123',
             href: '/',
-            icon: _default.icons16.Placeholder.Default,
+            icon: am.icon24.ChevronRightSmall,
         },
     ],
 };
+var breadcrumbsListMockSize = {
+    xl: breadcrumbsListMock.breadcrumbsList.map(function (item) { return (tslib_es6.__assign(tslib_es6.__assign({}, item), { icon: am.icon24.ChevronRightSmall })); }),
+    l: breadcrumbsListMock.breadcrumbsList.map(function (item) { return (tslib_es6.__assign(tslib_es6.__assign({}, item), { icon: am.icon24.ChevronRightSmall })); }),
+    m: breadcrumbsListMock.breadcrumbsList.map(function (item) { return (tslib_es6.__assign({}, item)); }),
+};
 
 exports.breadcrumbsListMock = breadcrumbsListMock;
+exports.breadcrumbsListMockSize = breadcrumbsListMockSize;