@itcase/ui 1.3.26 → 1.3.28

package/dist/{Badge-CcaG-4ly.js → Badge-5gtVywXB.js}

@@ -92,12 +92,10 @@ var badgeConfig = {
 };
 function Badge(props) {
     var children = props.children, appearance = props.appearance, className = props.className, mode = props.mode, textColor = props.textColor, textSize = props.textSize, value = props.value;
-    // // @ts-expect-error
-    // const appearanceConfig = badgeConfig.appearance && badgeConfig.appearance[appearance]
-    // @ts-expect-error
-    var appearanceConfig = appearance
-        .split(' ')
-        .reduce(function (acc, appearance) { var _a; return (__assign(__assign({}, acc), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance])); }, {});
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
+        var _a;
+        return (__assign(__assign({}, resultApperance), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
     var borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass;
     // @ts-expect-error

package/dist/{Badge-CoHPvO35.js → Badge-DhOJoJgc.js}

@@ -94,12 +94,10 @@ var badgeConfig = {
 };
 function Badge(props) {
     var children = props.children, appearance = props.appearance, className = props.className, mode = props.mode, textColor = props.textColor, textSize = props.textSize, value = props.value;
-    // // @ts-expect-error
-    // const appearanceConfig = badgeConfig.appearance && badgeConfig.appearance[appearance]
-    // @ts-expect-error
-    var appearanceConfig = appearance
-        .split(' ')
-        .reduce(function (acc, appearance) { var _a; return (tslib_es6.__assign(tslib_es6.__assign({}, acc), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance])); }, {});
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultApperance), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass;
     // @ts-expect-error

package/dist/{Button-BFX_EEum.js → Button-BSnodY9v.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Icon = require('./Icon-B_bS-o4g.js');
+var Icon = require('./Icon-pUvizy3W.js');
 var Link = require('./Link-CxWmYMyL.js');
 var Loader = require('./Loader-Dn036JwE.js');
 var Text = require('./Text-Beslj4Ns.js');
@@ -95,7 +95,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                 iconBefore ||
                 iconBeforeSrc ||
                 iconSrc) &&
-            'button_type_with-icon', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', 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 && "button_shape_".concat(shapeClass), 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', loading && 'button_state_loading'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntime.jsx(Loader.Loader, { className: clsx(className, 'button__loader', shapeClass), fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
+            'button_type_with-icon', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', 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 && "button_shape_".concat(shapeClass), 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', loading && 'button_state_loading'), "data-testid": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntime.jsx(Loader.Loader, { className: clsx(className, 'button__loader', shapeClass), fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
 });
 
 exports.Button = Button;

package/dist/{Button-BSzqA8CB.js → Button-Kcw2DdY0.js}

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-BZa8B7te.js';
+import { I as Icon } from './Icon-BdHr6E6M.js';
 import { L as LinkWrapper } from './Link-DN2LhPjD.js';
 import { L as Loader } from './Loader-K_DJmah6.js';
 import { T as Text } from './Text-JayJa3hj.js';
@@ -93,7 +93,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                 iconBefore ||
                 iconBeforeSrc ||
                 iconSrc) &&
-            'button_type_with-icon', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', 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 && "button_shape_".concat(shapeClass), 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', loading && 'button_state_loading'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsx(Loader, { className: clsx(className, 'button__loader', shapeClass), fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
+            'button_type_with-icon', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', 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 && "button_shape_".concat(shapeClass), 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', loading && 'button_state_loading'), "data-testid": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsx(Loader, { className: clsx(className, 'button__loader', shapeClass), fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
 });
 
 export { Button as B, buttonAppearance as a, buttonConfig as b };

package/dist/{Group-D6CXN4hS.js → Group-BY8OkVsS.js}

@@ -23,14 +23,14 @@ var groupConfig = {
     },
 };
 var Group = React.forwardRef(function Group(props, ref) {
-    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = groupConfig.appearance && groupConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, columnsClass = classGenerator.columnsClass, contentAlignClass = classGenerator.contentAlignClass, directionClass = classGenerator.directionClass, elevationClass = classGenerator.elevationClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, flexGrowClass = classGenerator.flexGrowClass, heightClass = classGenerator.heightClass, iconFillHoverClass = classGenerator.iconFillHoverClass, justifyContentClass = classGenerator.justifyContentClass, shapeClass = classGenerator.shapeClass, stackingClass = classGenerator.stackingClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    return (jsxRuntime.jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+    return (jsxRuntime.jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
 exports.Group = Group;

package/dist/{Group-B9L2NTgM.js → Group-c3ZkPu8e.js}

@@ -21,14 +21,14 @@ var groupConfig = {
     },
 };
 var Group = React.forwardRef(function Group(props, ref) {
-    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = groupConfig.appearance && groupConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, columnsClass = classGenerator.columnsClass, contentAlignClass = classGenerator.contentAlignClass, directionClass = classGenerator.directionClass, elevationClass = classGenerator.elevationClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, flexGrowClass = classGenerator.flexGrowClass, heightClass = classGenerator.heightClass, iconFillHoverClass = classGenerator.iconFillHoverClass, justifyContentClass = classGenerator.justifyContentClass, shapeClass = classGenerator.shapeClass, stackingClass = classGenerator.stackingClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    return (jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+    return (jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
 export { Group as G, groupAppearance as a, groupConfig as g };

package/dist/{Icon-BZa8B7te.js → Icon-BdHr6E6M.js}

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
 import { L as LinkWrapper } from './Link-DN2LhPjD.js';
-import { T as Tooltip } from './Tooltip-1Jbub0K6.js';
+import { T as Tooltip } from './Tooltip-AodzD-7D.js';
 
 var iconAppearance = {
     accent: {

package/dist/{Icon-B_bS-o4g.js → Icon-pUvizy3W.js}

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Link = require('./Link-CxWmYMyL.js');
-var Tooltip = require('./Tooltip-CNua1g76.js');
+var Tooltip = require('./Tooltip-BDEyAnd-.js');
 
 var iconAppearance = {
     accent: {

package/dist/{Label-HKRKV3mn.js → Label-CBwPiUuf.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Text = require('./Text-Beslj4Ns.js');
-var Tooltip = require('./Tooltip-CNua1g76.js');
+var Tooltip = require('./Tooltip-BDEyAnd-.js');
 
 var labelAppearance = {
     dev: {

package/dist/{Label-DQyB2ThM.js → Label-DgyUhGTQ.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
 import { T as Text } from './Text-JayJa3hj.js';
-import { T as Tooltip } from './Tooltip-1Jbub0K6.js';
+import { T as Tooltip } from './Tooltip-AodzD-7D.js';
 
 var labelAppearance = {
     dev: {

package/dist/{Overlay-DcGWchjp.js → Overlay-B9nOIfLe.js}

@@ -14,14 +14,14 @@ var overlayConfig = {
     },
 };
 function Overlay(props) {
-    var isOverlay = props.isOverlay, appearance = props.appearance, className = props.className, type = props.type, onClick = props.onClick;
+    var isOverlay = props.isOverlay, appearance = props.appearance, className = props.className, type = props.type, onClick = props.onClick, dataTestId = props.dataTestId, dataTour = props.dataTour;
     // @ts-expect-error
     var appearanceConfig = overlayConfig.appearance && overlayConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
     var fillClass = classGenerator.fillClass, fillGradientClass = classGenerator.fillGradientClass, opacityClass = classGenerator.opacityClass;
     // @ts-expect-error
     var overlayStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), style: overlayStyles, onClick: onClick, children: "\u00A0" }));
+    return (jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
 }
 
 export { Overlay as O, overlayAppearance as a, overlayConfig as o };

package/dist/{Overlay-CCx7yAPc.js → Overlay-Yf9EEclM.js}

@@ -16,14 +16,14 @@ var overlayConfig = {
     },
 };
 function Overlay(props) {
-    var isOverlay = props.isOverlay, appearance = props.appearance, className = props.className, type = props.type, onClick = props.onClick;
+    var isOverlay = props.isOverlay, appearance = props.appearance, className = props.className, type = props.type, onClick = props.onClick, dataTestId = props.dataTestId, dataTour = props.dataTour;
     // @ts-expect-error
     var appearanceConfig = overlayConfig.appearance && overlayConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var fillClass = classGenerator.fillClass, fillGradientClass = classGenerator.fillGradientClass, opacityClass = classGenerator.opacityClass;
     // @ts-expect-error
     var overlayStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), style: overlayStyles, onClick: onClick, children: "\u00A0" }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
 }
 
 exports.Overlay = Overlay;

package/dist/{Title-DBaHcpvB.js → Title-BfKF5WvZ.js}

@@ -25,7 +25,7 @@ function Title(props) {
     // @ts-expect-error
     var appearanceConfig = titleConfig.appearance && titleConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textAlignClass = classGenerator.textAlignClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorGradientClass = classGenerator.textColorGradientClass, textColorHoverClass = classGenerator.textColorHoverClass, textStyleClass = classGenerator.textStyleClass, textTruncateClass = classGenerator.textTruncateClass, textWeightClass = classGenerator.textWeightClass, typeClass = classGenerator.typeClass, widthClass = classGenerator.widthClass, wrapperDirectionClass = classGenerator.wrapperDirectionClass;
+    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, dataTestId = classGenerator.dataTestId, heightClass = classGenerator.heightClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textAlignClass = classGenerator.textAlignClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorGradientClass = classGenerator.textColorGradientClass, textColorHoverClass = classGenerator.textColorHoverClass, textStyleClass = classGenerator.textStyleClass, textTruncateClass = classGenerator.textTruncateClass, textWeightClass = classGenerator.textWeightClass, typeClass = classGenerator.typeClass, widthClass = classGenerator.widthClass, wrapperDirectionClass = classGenerator.wrapperDirectionClass;
     // @ts-expect-error
     var _d = useStyles.useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
     // Element type (h1, h2, ..., h6)
@@ -44,7 +44,7 @@ function Title(props) {
         }
         return size ? size : 'span';
     }, [isMobile, isTablet, isDesktop]);
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-testid": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 
 exports.Title = Title;

package/dist/{Title-CHgrIarR.js → Title-C7Qv9WfS.js}

@@ -23,7 +23,7 @@ function Title(props) {
     // @ts-expect-error
     var appearanceConfig = titleConfig.appearance && titleConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textAlignClass = classGenerator.textAlignClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorGradientClass = classGenerator.textColorGradientClass, textColorHoverClass = classGenerator.textColorHoverClass, textStyleClass = classGenerator.textStyleClass, textTruncateClass = classGenerator.textTruncateClass, textWeightClass = classGenerator.textWeightClass, typeClass = classGenerator.typeClass, widthClass = classGenerator.widthClass, wrapperDirectionClass = classGenerator.wrapperDirectionClass;
+    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, dataTestId = classGenerator.dataTestId, heightClass = classGenerator.heightClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textAlignClass = classGenerator.textAlignClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorGradientClass = classGenerator.textColorGradientClass, textColorHoverClass = classGenerator.textColorHoverClass, textStyleClass = classGenerator.textStyleClass, textTruncateClass = classGenerator.textTruncateClass, textWeightClass = classGenerator.textWeightClass, typeClass = classGenerator.typeClass, widthClass = classGenerator.widthClass, wrapperDirectionClass = classGenerator.wrapperDirectionClass;
     // @ts-expect-error
     var _d = useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
     // Element type (h1, h2, ..., h6)
@@ -42,7 +42,7 @@ function Title(props) {
         }
         return size ? size : 'span';
     }, [isMobile, isTablet, isDesktop]);
-    return (jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
+    return (jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-testid": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 
 export { Title as T, titleAppearance as a, titleConfig as t };

package/dist/{Tooltip-1Jbub0K6.js → Tooltip-AodzD-7D.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from './hooks/useStyles.js';
 import { T as Text } from './Text-JayJa3hj.js';
-import { T as Title } from './Title-CHgrIarR.js';
+import { T as Title } from './Title-C7Qv9WfS.js';
 
 var tooltipAppearance = {
     surfacePrimary: {

package/dist/{Tooltip-CNua1g76.js → Tooltip-BDEyAnd-.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Text = require('./Text-Beslj4Ns.js');
-var Title = require('./Title-DBaHcpvB.js');
+var Title = require('./Title-BfKF5WvZ.js');
 
 var tooltipAppearance = {
     surfacePrimary: {

package/dist/cjs/components/Accordion.js

@@ -9,7 +9,7 @@ var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenera
 var useStyles = require('../hooks/useStyles.js');
 var _default = require('@itcase/icons/default');
 var Divider = require('../../Divider-Goh6mpPK.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
+var Icon = require('../../Icon-pUvizy3W.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -21,8 +21,8 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
 require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 
 var accordionAppearance = {
     dev: {},

package/dist/cjs/components/Avatar.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
+var Icon = require('../../Icon-pUvizy3W.js');
 var Image = require('../../Image-BbBG_UGI.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -20,8 +20,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 
 var avatarAppearance = {
     dev: {},

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-CoHPvO35.js');
+var Badge = require('../../Badge-DhOJoJgc.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('clsx');

package/dist/cjs/components/Breadcrumbs.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
+var Icon = require('../../Icon-pUvizy3W.js');
 var Link = require('../../Link-CxWmYMyL.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('lodash/castArray');
@@ -19,8 +19,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 
 function BreadcrumbsItem(props) {
     var children = props.children, cursor = props.cursor, className = props.className, href = props.href, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textColor = props.textColor, textColorHover = props.textColorHover, textSize = props.textSize, onClick = props.onClick;

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-BFX_EEum.js');
+var Button = require('../../Button-BSnodY9v.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -16,12 +16,12 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-B_bS-o4g.js');
+require('../../Icon-pUvizy3W.js');
 require('react-inlinesvg');
 require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
+require('../../Tooltip-BDEyAnd-.js');
 require('../../Text-Beslj4Ns.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Title-BfKF5WvZ.js');
 require('../../Loader-Dn036JwE.js');
 
 

package/dist/cjs/components/Cell.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
-var Label = require('../../Label-HKRKV3mn.js');
+var Icon = require('../../Icon-pUvizy3W.js');
+var Label = require('../../Label-CBwPiUuf.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
@@ -20,8 +20,8 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
 require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 
 var cellAppearance = {
     dev: {},

package/dist/cjs/components/Checkmark.js

@@ -4,7 +4,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -16,30 +15,25 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('react-inlinesvg');
-require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Text-Beslj4Ns.js');
-require('../../Title-DBaHcpvB.js');
 
 var checkmarkAppearance = {
     accent: {
         borderWidth: '4',
-        borderColor: 'accentBorderQuaternary',
+        borderColor: 'accentBorderPrimary',
         fill: 'accentPrimary',
-        iconFill: 'surfaceItemInverse',
+        iconFill: 'white',
     },
     disabled: {
         borderWidth: '4',
         borderColor: 'surfaceBorderTertiary',
         fill: 'surfaceItemSecondary',
-        iconFill: 'surfaceItemQuaternary',
+        iconFill: '#787878',
     },
     surface: {
         borderWidth: '4',
         borderColor: 'surfaceBorderTertiary',
         fill: 'surfacePrimary',
-        iconFill: 'surfaceItemPrimary',
+        iconFill: 'black',
     },
 };
 
@@ -50,14 +44,14 @@ var checkmarkConfig = {
     },
 };
 function Checkmark(props) {
-    var isChecked = props.isChecked, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, appearance = props.appearance, className = props.className, iconChecked = props.iconChecked, iconFill = props.iconFill, iconSize = props.iconSize, onClick = props.onClick;
+    var isChecked = props.isChecked, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, appearance = props.appearance, className = props.className, iconFill = props.iconFill, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = checkmarkConfig.appearance && checkmarkConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var borderColorClass = classGenerator.borderColorClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, sizeClass = classGenerator.sizeClass;
     // @ts-expect-error
     var checkmarkStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsxRuntime.jsx(Icon.Icon, { className: "checkmark__svg", iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: isChecked ? iconChecked : null, size: iconSize, SvgImage: isChecked ? iconChecked : null })) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsxRuntime.jsx("svg", { fill: "none", style: { width: '60%', height: '60%' }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), "clip-rule": "evenodd", d: "M11.5281 3.04275C11.8222 2.75109 11.8242 2.27622 11.5325 1.9821C11.2409 1.68799 10.766 1.686 10.4719 1.97766L3.94118 8.45396L1.52811 6.061C1.23399 5.76933 0.759121 5.77132 0.467456 6.06544C0.17579 6.35955 0.177777 6.83442 0.471894 7.12609L3.37786 10.0078C3.68973 10.3171 4.19262 10.3171 4.50449 10.0078L11.5281 3.04275Z", "fill-rule": "evenodd" }) })) }));
 }
 
 exports.Checkmark = Checkmark;

package/dist/cjs/components/Choice.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
+var Icon = require('../../Icon-pUvizy3W.js');
 var Loader = require('../../Loader-Dn036JwE.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('../../tslib.es6-CCZ3TN_7.js');
@@ -20,8 +20,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 
 var choiceAppearance = {
     accent: {

package/dist/cjs/components/CookiesWarning.js

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Button = require('../../Button-BFX_EEum.js');
-var Group = require('../../Group-D6CXN4hS.js');
+var Button = require('../../Button-BSnodY9v.js');
+var Group = require('../../Group-BY8OkVsS.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
@@ -19,11 +19,11 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-B_bS-o4g.js');
+require('../../Icon-pUvizy3W.js');
 require('react-inlinesvg');
 require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 require('../../Loader-Dn036JwE.js');
 
 function CookiesWarning(props) {

package/dist/cjs/components/DatePicker.js

@@ -8,10 +8,10 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-BFX_EEum.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
+var Button = require('../../Button-BSnodY9v.js');
+var Icon = require('../../Icon-pUvizy3W.js');
 var Input = require('../../Input-ffioh1sj.js');
-var Label = require('../../Label-HKRKV3mn.js');
+var Label = require('../../Label-CBwPiUuf.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -25,8 +25,8 @@ require('../hooks/styleAttributes.js');
 require('../../Link-CxWmYMyL.js');
 require('../../Loader-Dn036JwE.js');
 require('react-inlinesvg');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-BDEyAnd-.js');
+require('../../Title-BfKF5WvZ.js');
 
 var datePickerAppearance = {
     dev: {},

package/dist/cjs/components/Drawer.js

@@ -16,7 +16,7 @@ var drawerConfig = {
     },
 };
 function Drawer(props) {
-    var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type, onClickClose = props.onClickClose, onClose = props.onClose;
+    var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, enableOverlay = props.enableOverlay, size = props.size, type = props.type, onClickClose = props.onClickClose, onClose = props.onClose;
     var prevIsOpenModalRef = React.useRef(null);
     React.useEffect(function () {
         if (onClose && prevIsOpenModalRef.current === true && !isOpenModal) {
@@ -26,7 +26,7 @@ function Drawer(props) {
     }, [isOpenModal, onClose]);
     return (jsxRuntime.jsxs(ReactDrawer, { className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false, 
         // @ts-expect-error
-        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
+        open: isOpenModal, "data-testid": dataTestId, "data-tour": dataTour, overlayClassName: "drawer__overlay", size: size || 600, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 exports.Drawer = Drawer;