@itcase/ui 1.9.37 → 1.9.38

package/dist/{Icon_es_BoUAbwyu.js → Icon_es_DNVHNKFK.js}

@@ -6,8 +6,8 @@ import { urlWithAssetPrefix } from './hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { a as LinkWrapper } from './Link_es_OpkyzWe6.js';
-import { T as Text } from './Text_es_DR4Alx-v.js';
+import { a as LinkWrapper } from './Link_es_BwLH5S8y.js';
+import { T as Text } from './Text_es_B85LGfjW.js';
 
 const badgeAppearanceAccent = {
     accentPrimary: {
@@ -253,7 +253,6 @@ function Badge(props) {
     const appearanceConfig = useAppearanceConfig(appearance, badgeConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColor, textSize, dotFillClass, iconFill, iconShape, iconSize, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: badgeStyles } = useStyles(props);
     const badgeTypeClass = value
         ? icon
@@ -473,7 +472,6 @@ function Title(props) {
     const appearanceConfig = useAppearanceConfig(appearance, titleConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, onClickIconAfter, onClickIconBefore, } = propsGenerator;
-    // @ts-expect-error
     const { styles: titleStyles, wrapper: titleWrapperStyles } = useStyles(props);
     const Tag = useMemo(() => {
         if (tag) {
@@ -537,6 +535,31 @@ const tooltipAppearanceRequire = {
     },
 };
 
+const tooltipAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+
 const tooltipAppearanceSize = {
     sizeL: {
         size: 'l',
@@ -584,6 +607,7 @@ const tooltipAppearance = {
     ...tooltipAppearanceSize,
     ...tooltipAppearanceDisabled,
     ...tooltipAppearanceRequire,
+    ...tooltipAppearanceShape,
     ...tooltipAppearanceStyle,
     ...tooltipAppearanceError,
     ...tooltipAppearanceSuccess,
@@ -640,7 +664,6 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: tooltipStyles } = useStyles(props);
     return (jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
             ? isTooltipVisible
@@ -719,16 +742,6 @@ const iconAppearanceInfo = {
     },
 };
 
-const iconAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialPrimaryHover',
-        borderColor: 'specialBorderQuaternary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'specialItemPrimary',
-    },
-};
-
 const iconAppearanceShape = {
     circular: {
         shape: 'circular',
@@ -897,6 +910,16 @@ const iconAppearanceSize = {
     },
 };
 
+const iconAppearanceSpecial = {
+    specialPrimary: {
+        fill: 'specialPrimary',
+        fillHover: 'specialHoverPrimary',
+        borderColor: 'specialBorderQuaternary',
+        badgeAppearance: 'surfacePrimary',
+        iconFill: 'specialItemPrimary',
+    },
+};
+
 const iconAppearanceStyle = {
     solid: {
         borderColor: 'none',
@@ -950,12 +973,6 @@ const iconAppearanceSurface = {
 };
 
 const iconAppearanceWarning = {
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'warningItemPrimary',
-    },
     warningPrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningHoverPrimary',
@@ -991,6 +1008,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
     const ImageComponent = useMemo(() => {
         if (SvgImage) {
+            const SvgComponent = SvgImage;
             const sizes = {};
             if (width) {
                 sizes.width = width;
@@ -998,7 +1016,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
             if (height) {
                 sizes.height = height;
             }
-            return jsx(SvgImage, { ...sizes });
+            return jsx(SvgComponent, { ...sizes });
         }
         if (imageSrc) {
             if (imageSrc.endsWith('.svg')) {
@@ -1014,7 +1032,6 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
-    // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: iconStyles } = useStyles(props);
     return (jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
             ? fillClass && `fill_${fillClass}`

package/dist/{Image_cjs_Dvojc8Dw.js → Image_cjs_JfkEyfgx.js}

@@ -11,9 +11,7 @@ const Image = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Im
     const { className, dataTestId, dataTour, type, src, title, alt, caption, imageClassName, imageWrapperClassName, mode, overlay, placeholderUrl, before, after, isSkeleton, onClick, onError, children, } = props;
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, borderColorImageClass, borderTypeClass, borderWidthClass, cursorClass, heightClass, horizontalAlignClass, imageHeightClass, imageWidthClass, resizeModeClass, shapeClass, verticalAlignClass, widthClass, } = propsGenerator;
-    // prettier-ignore
-    // @ts-expect-error
-    const { image: imageStyles, styles, wrapper: wrapperStyles } = useStyles.useStyles(props);
+    const { image: imageStyles, styles, wrapper: wrapperStyles, } = useStyles.useStyles(props);
     const onErrorImage = React.useCallback((event) => {
         const img = event.currentTarget;
         if (onError) {

package/dist/{Image_es_CTXiU4L4.js → Image_es_DbD3JzLa.js}

@@ -9,9 +9,7 @@ const Image = urlWithAssetPrefix(forwardRef(function Image(props, ref) {
     const { className, dataTestId, dataTour, type, src, title, alt, caption, imageClassName, imageWrapperClassName, mode, overlay, placeholderUrl, before, after, isSkeleton, onClick, onError, children, } = props;
     const propsGenerator = useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, borderColorImageClass, borderTypeClass, borderWidthClass, cursorClass, heightClass, horizontalAlignClass, imageHeightClass, imageWidthClass, resizeModeClass, shapeClass, verticalAlignClass, widthClass, } = propsGenerator;
-    // prettier-ignore
-    // @ts-expect-error
-    const { image: imageStyles, styles, wrapper: wrapperStyles } = useStyles(props);
+    const { image: imageStyles, styles, wrapper: wrapperStyles, } = useStyles(props);
     const onErrorImage = useCallback((event) => {
         const img = event.currentTarget;
         if (onError) {

package/dist/{Input_cjs_B13aeHfj.js → Input_cjs_BQIi1N63.js}

@@ -34,8 +34,6 @@ const inputAppearanceDisabled = {
         borderColor: 'surfaceBorderDisabled',
         borderColorHover: 'surfaceBorderDisabled',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
@@ -197,7 +195,7 @@ const Input = React.forwardRef(function Input(props, ref) {
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const fallbackId = React.useId();
     return (jsxRuntime.jsx("input", { id: String(id ?? fallbackId), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, placeholderTextColorClass &&
-            `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: type, ref: ref, autoComplete: autocomplete, "data-testid": dataTestId || (name ? `${name}-input` : 'input'), "data-tour": dataTour, disabled: isDisabled, index: index, placeholder: placeholder, readOnly: isReadOnly, value: value, onClick: onClick, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+            `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: type, ref: ref, autoComplete: autocomplete, "data-index": index, "data-testid": dataTestId || (name ? `${name}-input` : 'input'), "data-tour": dataTour, disabled: isDisabled, placeholder: placeholder, readOnly: isReadOnly, value: value, onClick: onClick, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 exports.Input = Input;

package/dist/{Input_es_BUJJnw5X.js → Input_es_CYUPx5I_.js}

@@ -32,8 +32,6 @@ const inputAppearanceDisabled = {
         borderColor: 'surfaceBorderDisabled',
         borderColorHover: 'surfaceBorderDisabled',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
@@ -195,7 +193,7 @@ const Input = React.forwardRef(function Input(props, ref) {
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const fallbackId = useId();
     return (jsx("input", { id: String(id ?? fallbackId), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, placeholderTextColorClass &&
-            `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: type, ref: ref, autoComplete: autocomplete, "data-testid": dataTestId || (name ? `${name}-input` : 'input'), "data-tour": dataTour, disabled: isDisabled, index: index, placeholder: placeholder, readOnly: isReadOnly, value: value, onClick: onClick, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+            `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: type, ref: ref, autoComplete: autocomplete, "data-index": index, "data-testid": dataTestId || (name ? `${name}-input` : 'input'), "data-tour": dataTour, disabled: isDisabled, placeholder: placeholder, readOnly: isReadOnly, value: value, onClick: onClick, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 export { Input as I, inputAppearance as a, inputConfig as i };

package/dist/{Label_cjs_Kf3sYviA.js → Label_cjs_DlbcXQX4.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_DRdjXL7T.js');
-var Text = require('./Text_cjs_BJ9NgJkx.js');
+var Icon = require('./Icon_cjs_D20B2YBo.js');
+var Text = require('./Text_cjs_erTy2pUN.js');
 
 const labelAppearanceAccent = {
     accentMutedPrimary: {
@@ -327,7 +327,6 @@ function Label(props) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, labelConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { alignClass, fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipAlignment, tooltipAppearance, tooltipArrowPosition, tooltipText, tooltipTextSize, tooltipTextWeight, tooltipTitle, tooltipTitleSize, tooltipTitleWeight, widthClass, wrapClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: labelStyles } = useStyles.useStyles(props);
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'label', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `label_size_${sizeClass}`, wrapClass && `word-wrap_${wrapClass}`, widthClass && `label_width_${widthClass}`, alignClass && `align_${alignClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `label_skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "label__text", children: label })), children, tooltipContent && (jsxRuntime.jsx(Icon.Tooltip, { appearance: tooltipAppearance, className: "label__tooltip", ref: tooltipRef, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
 }

package/dist/{Label_es_DTsS8xDD.js → Label_es_CbXFs_ts.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_BoUAbwyu.js';
-import { T as Text } from './Text_es_DR4Alx-v.js';
+import { I as Icon, T as Tooltip } from './Icon_es_DNVHNKFK.js';
+import { T as Text } from './Text_es_B85LGfjW.js';
 
 const labelAppearanceAccent = {
     accentMutedPrimary: {
@@ -325,7 +325,6 @@ function Label(props) {
     const appearanceConfig = useAppearanceConfig(appearance, labelConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignClass, fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipAlignment, tooltipAppearance, tooltipArrowPosition, tooltipText, tooltipTextSize, tooltipTextWeight, tooltipTitle, tooltipTitleSize, tooltipTitleWeight, widthClass, wrapClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: labelStyles } = useStyles(props);
     return (jsxs("div", { className: clsx(className, 'label', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `label_size_${sizeClass}`, wrapClass && `word-wrap_${wrapClass}`, widthClass && `label_width_${widthClass}`, alignClass && `align_${alignClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `label_skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "label__text", children: label })), children, tooltipContent && (jsx(Tooltip, { appearance: tooltipAppearance, className: "label__tooltip", ref: tooltipRef, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
 }

package/dist/{Link_cjs_CmBw4h-N.js → Link_cjs_DXBqPjwm.js}

@@ -54,7 +54,7 @@ const linkAppearanceError = {
 const linkAppearanceExtra = {
     extraPrimary: {
         fill: 'extraPrimary',
-        fillHover: 'extraPrimaryHover',
+        fillHover: 'extraHoverPrimary',
         labelTextColor: 'extraTextPrimary',
     },
 };
@@ -148,9 +148,9 @@ const linkAppearanceSize = {
 };
 
 const linkAppearanceSpecial = {
-    primary: {
+    specialPrimary: {
         fill: 'specialPrimary',
-        fillHover: 'specialPrimaryHover',
+        fillHover: 'specialHoverPrimary',
         labelTextColor: 'specialTextPrimary',
     },
 };
@@ -243,7 +243,6 @@ function Link(props) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, linkConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorClass, textColorHoverClass, textGradientClass, textStyleClass, textWeightClass, heightClass, shapeClass, sizeClass, svgFillClass, svgFillHoverClass, underline = 'underline', widthClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles } = useStyles.useStyles(props);
     return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, directionClass && `link_direction_${directionClass}`, sizeClass && `text_size_${sizeClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, underline && `link_underline_${underline}`, 'text', (textColorClass ||
             textColorHoverClass ||

package/dist/{Link_es_OpkyzWe6.js → Link_es_BwLH5S8y.js}

@@ -52,7 +52,7 @@ const linkAppearanceError = {
 const linkAppearanceExtra = {
     extraPrimary: {
         fill: 'extraPrimary',
-        fillHover: 'extraPrimaryHover',
+        fillHover: 'extraHoverPrimary',
         labelTextColor: 'extraTextPrimary',
     },
 };
@@ -146,9 +146,9 @@ const linkAppearanceSize = {
 };
 
 const linkAppearanceSpecial = {
-    primary: {
+    specialPrimary: {
         fill: 'specialPrimary',
-        fillHover: 'specialPrimaryHover',
+        fillHover: 'specialHoverPrimary',
         labelTextColor: 'specialTextPrimary',
     },
 };
@@ -241,7 +241,6 @@ function Link(props) {
     const appearanceConfig = useAppearanceConfig(appearance, linkConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorClass, textColorHoverClass, textGradientClass, textStyleClass, textWeightClass, heightClass, shapeClass, sizeClass, svgFillClass, svgFillHoverClass, underline = 'underline', widthClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles } = useStyles(props);
     return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, directionClass && `link_direction_${directionClass}`, sizeClass && `text_size_${sizeClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, underline && `link_underline_${underline}`, 'text', (textColorClass ||
             textColorHoverClass ||

package/dist/{Loader_cjs_BHMB4c8f.js → Loader_cjs_DMIUN6_q.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_BJ9NgJkx.js');
+var Text = require('./Text_cjs_erTy2pUN.js');
 
 const loaderAppearanceAccent = {
     accentPrimary: {
@@ -133,7 +133,6 @@ function Loader(props) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: loader } = useStyles.useStyles(props);
     return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }

package/dist/{Loader_es_CcFl-K-t.js → Loader_es_DFSNJsLL.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_DR4Alx-v.js';
+import { T as Text } from './Text_es_B85LGfjW.js';
 
 const loaderAppearanceAccent = {
     accentPrimary: {
@@ -131,7 +131,6 @@ function Loader(props) {
     const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: loader } = useStyles(props);
     return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }

package/dist/{Overlay_cjs_2az7kviY.js → Overlay_cjs_BK_0yTLw.js}

@@ -32,7 +32,6 @@ function Overlay(props) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, overlayConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, blurClass, opacityClass } = propsGenerator;
-    // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: overlayStyles } = useStyles.useStyles(props);
     return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
 }

package/dist/{Overlay_es_Du0WjVgO.js → Overlay_es_Dx6UIr2X.js}

@@ -30,7 +30,6 @@ function Overlay(props) {
     const appearanceConfig = useAppearanceConfig(appearance, overlayConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, blurClass, opacityClass } = propsGenerator;
-    // @ts-expect-error - TODO: сделать useStyles на ts
     const { styles: overlayStyles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
 }

package/dist/{SelectContainer_cjs_DlpMN8W0.js → SelectContainer_cjs_Bd9llsQa.js}

@@ -7,12 +7,13 @@ var Select = require('react-select');
 var CreatableSelect = require('react-select/creatable');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Group = require('./Group_cjs_BGVwVJwS.js');
-var Text = require('./Text_cjs_BJ9NgJkx.js');
+var Group = require('./Group_cjs_xCUYKUcc.js');
+var Text = require('./Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
-var Icon = require('./Icon_cjs_DRdjXL7T.js');
-var Loader = require('./Loader_cjs_BHMB4c8f.js');
-var Divider = require('./Divider_cjs_DmIeh3Jq.js');
+var Icon = require('./Icon_cjs_D20B2YBo.js');
+var Loader = require('./Loader_cjs_DMIUN6_q.js');
+var mergeAppearanceKeys = require('./cjs/utils/mergeAppearanceKeys.js');
+var Divider = require('./Divider_cjs_C5Ou2Kqa.js');
 
 const SelectClearIndicator = (props) => {
     const { children } = props;
@@ -38,7 +39,7 @@ const selectAppearanceDefault = {
         groupFill: 'surfaceSecondary',
         groupTextColor: 'surfaceTextPrimary',
         groupTextWeight: '600',
-        inputCaretColor: 'accentItemPrimary',
+        inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
         loaderAppearance: 'accentPrimary sizeS ghost',
         loadingMessageTextColor: 'surfaceTextPrimary',
@@ -66,8 +67,8 @@ const selectAppearanceDisabled = {
     disabledPrimary: {
         elevation: 8,
         badgeAppearance: 'accentPrimary solid circular',
-        clearIconFill: 'surfaceItemDisabled',
-        dropdownIconFill: 'surfaceItemDisabled',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
         headingFill: 'surfaceSecondary',
         headingTextColor: 'surfaceTextPrimary',
         inputBorderColor: 'surfaceBorderTertiary',
@@ -415,7 +416,7 @@ const SelectMenu = (props) => {
 const SelectOverflowBadge = (props) => {
     const { badgeAppearance, badgeAppearanceSize, overflowItemsList } = props;
     const label = `+${overflowItemsList.length}`;
-    return (jsxRuntime.jsx(Icon.Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "select__multi-value-badge", value: label }));
+    return (jsxRuntime.jsx(Icon.Badge, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "select__multi-value-badge", value: label }));
 };
 
 const SelectMultiValue = (props) => {
@@ -485,7 +486,7 @@ const SelectSingleValue = (props) => {
     const { inputTextColor, inputTextSize } = props.selectProps;
     const optionBefore = data.optionBefore;
     const optionAfter = data.optionBefore;
-    return (jsxRuntime.jsxs(Select.components.SingleValue, { ...props, children: [data && optionBefore, jsxRuntime.jsx(Text.Text, { size: inputTextSize, textColor: inputTextColor, children: children }), data && optionAfter] }));
+    return (jsxRuntime.jsxs(Select.components.SingleValue, { ...props, children: [data && optionBefore, jsxRuntime.jsx(Text.Text, { size: inputTextSize, textColor: inputTextColor, textTruncate: true, children: children }), data && optionAfter] }));
 };
 
 const SelectValueContainer = (props) => {
@@ -507,7 +508,6 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
         ? CreatableSelect
         : Select;
     React.useEffect(() => {
-        // @ts-expect-error
         const onClickOutside = (event) => {
             const isTargetSelectContainer = event.target.hasClass &&
                 event.target.hasClass('select_state_hide-value-container');

package/dist/{SelectContainer_es_YFoz_R-E.js → SelectContainer_es_Bqek7tN5.js}

@@ -5,12 +5,13 @@ import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { G as Group } from './Group_es_CrDAyR_E.js';
-import { T as Text } from './Text_es_DR4Alx-v.js';
+import { G as Group } from './Group_es_BVpRj4LR.js';
+import { T as Text } from './Text_es_B85LGfjW.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
-import { I as Icon, B as Badge } from './Icon_es_BoUAbwyu.js';
-import { L as Loader } from './Loader_es_CcFl-K-t.js';
-import { D as Divider } from './Divider_es_Cod0xv2q.js';
+import { I as Icon, B as Badge } from './Icon_es_DNVHNKFK.js';
+import { L as Loader } from './Loader_es_DFSNJsLL.js';
+import { mergeAppearanceKeys } from './utils/mergeAppearanceKeys.js';
+import { D as Divider } from './Divider_es_BR7ZO8w0.js';
 
 const SelectClearIndicator = (props) => {
     const { children } = props;
@@ -36,7 +37,7 @@ const selectAppearanceDefault = {
         groupFill: 'surfaceSecondary',
         groupTextColor: 'surfaceTextPrimary',
         groupTextWeight: '600',
-        inputCaretColor: 'accentItemPrimary',
+        inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
         loaderAppearance: 'accentPrimary sizeS ghost',
         loadingMessageTextColor: 'surfaceTextPrimary',
@@ -64,8 +65,8 @@ const selectAppearanceDisabled = {
     disabledPrimary: {
         elevation: 8,
         badgeAppearance: 'accentPrimary solid circular',
-        clearIconFill: 'surfaceItemDisabled',
-        dropdownIconFill: 'surfaceItemDisabled',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
         headingFill: 'surfaceSecondary',
         headingTextColor: 'surfaceTextPrimary',
         inputBorderColor: 'surfaceBorderTertiary',
@@ -413,7 +414,7 @@ const SelectMenu = (props) => {
 const SelectOverflowBadge = (props) => {
     const { badgeAppearance, badgeAppearanceSize, overflowItemsList } = props;
     const label = `+${overflowItemsList.length}`;
-    return (jsx(Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "select__multi-value-badge", value: label }));
+    return (jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "select__multi-value-badge", value: label }));
 };
 
 const SelectMultiValue = (props) => {
@@ -483,7 +484,7 @@ const SelectSingleValue = (props) => {
     const { inputTextColor, inputTextSize } = props.selectProps;
     const optionBefore = data.optionBefore;
     const optionAfter = data.optionBefore;
-    return (jsxs(components.SingleValue, { ...props, children: [data && optionBefore, jsx(Text, { size: inputTextSize, textColor: inputTextColor, children: children }), data && optionAfter] }));
+    return (jsxs(components.SingleValue, { ...props, children: [data && optionBefore, jsx(Text, { size: inputTextSize, textColor: inputTextColor, textTruncate: true, children: children }), data && optionAfter] }));
 };
 
 const SelectValueContainer = (props) => {
@@ -505,7 +506,6 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
         ? CreatableSelect
         : Select;
     useEffect(() => {
-        // @ts-expect-error
         const onClickOutside = (event) => {
             const isTargetSelectContainer = event.target.hasClass &&
                 event.target.hasClass('select_state_hide-value-container');

package/dist/{Text_cjs_BJ9NgJkx.js → Text_cjs_erTy2pUN.js}

@@ -45,7 +45,6 @@ function Text(props) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: textStyles } = useStyles.useStyles(props);
     return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
             textColorDisabledClass &&

package/dist/{Text_es_DR4Alx-v.js → Text_es_B85LGfjW.js}

@@ -43,7 +43,6 @@ function Text(props) {
     const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: textStyles } = useStyles(props);
     return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
             textColorDisabledClass &&

package/dist/cjs/components/Accordion.js

@@ -6,10 +6,11 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
+var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_DRdjXL7T.js');
-var Divider = require('../../Divider_cjs_DmIeh3Jq.js');
-var Text = require('../../Text_cjs_BJ9NgJkx.js');
+var Icon = require('../../Icon_cjs_D20B2YBo.js');
+var Divider = require('../../Divider_cjs_C5Ou2Kqa.js');
+var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/upperFirst');
@@ -26,7 +27,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_CmBw4h-N.js');
+require('../../Link_cjs_DXBqPjwm.js');
 
 const accordionAppearanceSize = {
     sizeXXL: {
@@ -155,9 +156,8 @@ function AccordionItem(props) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, accordionItemConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, showDivider, sizeClass, zeroGap, zeroPadding, } = propsGenerator;
-    //@ts-expect-error
     const { styles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsxRuntime.jsx(Icon.Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (jsxRuntime.jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsxRuntime.jsx(Icon.Badge, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (jsxRuntime.jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
 }
 
 function Accordion(props) {
@@ -206,7 +206,6 @@ function Accordion(props) {
     }, [items, children, appearance, expandedItems, onClickAccordionItem]);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
     const { fillClass, borderColorClass, shapeClass, shapeStrengthClass, widthClass, } = propsGenerator;
-    //@ts-expect-error
     const { styles: accordionStyles } = useStyles.useStyles(props);
     return (jsxRuntime.jsx("div", { className: clsx(className, 'accordion', borderColorClass && `border-color_${borderColorClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: accordionStyles, children: accordionItemsList }));
 }

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_BH4N1LbX.js');
+var Avatar = require('../../Avatar_cjs_Ctz9kEoE.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,15 +18,15 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_DRdjXL7T.js');
+require('../../Icon_cjs_D20B2YBo.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_CmBw4h-N.js');
-require('../../Text_cjs_BJ9NgJkx.js');
-require('../../Image_cjs_Dvojc8Dw.js');
+require('../../Link_cjs_DXBqPjwm.js');
+require('../../Text_cjs_erTy2pUN.js');
+require('../../Image_cjs_JfkEyfgx.js');