@itcase/ui 1.9.30 → 1.9.32

package/dist/components/Swiper.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
-import { G as Group } from '../Group_es_C69f2Dom.js';
+import { G as Group } from '../Group_es_Dml1c8Cz.js';
 import { T as Text } from '../Text_es_DaYcLe4H.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_BstDGBF3.js';
+import { b as Title } from '../Icon_es_Banbw98_.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -24,10 +24,10 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_P2b6ya7P.js';
+import '../Link_es_Bt-Bhy3t.js';
 
 function Swiper(props) {
-    const { id, className, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
+    const { id, className, dataTestId, dataTour, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
     freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
     const swiperRef = useRef(null);
     const isMountedRef = useRef(false);
@@ -79,7 +79,7 @@ function Swiper(props) {
     const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
     // @ts-expect-error
     const { styles: style } = useStyles(props);
-    return (jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), style: style, children: [title && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (jsxs(React.Fragment, { children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), jsx(Swiper$1, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
+    return (jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), "data-testid": dataTestId, "data-tour": dataTour, style: style, children: [title && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (jsxs(React.Fragment, { children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), jsx(Swiper$1, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
                     minRatio: minZoom,
                     maxRatio: maxZoom,
                     enabled: isZoomEnabled,

package/dist/components/Switch.js

@@ -125,13 +125,13 @@ const switchConfig = {
     },
 };
 const Switch = React.forwardRef(function Switch(props, ref) {
-    const { id, className, appearance, align = 'left', title, desc, isDisabled, isActive, onChange, } = props;
+    const { id, appearance, className, dataTestId, dataTour, align = 'left', title, desc, isActive, isDisabled, onChange, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { size, fillActiveClass, fillActiveHoverClass, fillClass, widthClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, } = propsGenerator;
-    return (jsxs("div", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`), children: [jsxs("div", { className: "switch__wrapper", children: [title && (jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), jsxs("div", { className: 'switch__item', children: [jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", 
+    const { size, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, widthClass, } = propsGenerator;
+    return (jsxs("div", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`), "data-testid": dataTestId, "data-tour": dataTour, children: [jsxs("div", { className: "switch__wrapper", children: [title && (jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), jsxs("div", { className: 'switch__item', children: [jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", 
                         // @ts-expect-error
-                        ref: ref, disabled: isDisabled && 'disabled', checked: isActive && 'checked', onChange: onChange }), jsx("div", { className: clsx('switch__bg', !isActive
+                        ref: ref, checked: isActive && 'checked', disabled: isDisabled && 'disabled', onChange: onChange }), jsx("div", { className: clsx('switch__bg', !isActive
                             ? fillClass && `fill_${fillClass}`
                             : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
                             ? fillHoverClass && `fill_hover_${fillHoverClass}`

package/dist/components/Tab.js

@@ -5,9 +5,9 @@ import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js'
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_BstDGBF3.js';
-import { D as Divider } from '../Divider_es_DNJg0mQR.js';
-import { L as Link } from '../Link_es_P2b6ya7P.js';
+import { B as Badge, I as Icon } from '../Icon_es_Banbw98_.js';
+import { D as Divider } from '../Divider_es_BlOJ77zx.js';
+import { L as Link } from '../Link_es_Bt-Bhy3t.js';
 import { T as Text } from '../Text_es_DaYcLe4H.js';
 import '../hooks/useActiveClasses/useActiveClasses.helpers.js';
 import 'lodash/camelCase';

package/dist/components/Textarea.js

@@ -212,11 +212,11 @@ const textareaConfig = {
     },
 };
 function Textarea(props) {
-    const { id, appearance, className, dataTestId, name, placeholder, value, isDisabled, onBlur, onChange, onFocus, onKeyDown, } = props;
+    const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isDisabled, onBlur, onChange, onFocus, onKeyDown, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, textareaConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`), children: jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
+    return (jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`), "data-tour": dataTour, children: jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
                 `placeholder-text-color_${placeholderTextColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId || (name ? `${name}-textarea` : 'textarea'), disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
 }
 

package/dist/components/Tile.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 { b as Title, B as Badge, I as Icon } from '../Icon_es_BstDGBF3.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_Banbw98_.js';
 import { T as Text } from '../Text_es_DaYcLe4H.js';
 import 'react';
 import 'lodash/camelCase';
@@ -22,7 +22,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_P2b6ya7P.js';
+import '../Link_es_Bt-Bhy3t.js';
 
 const tileAppearanceShape = {
     circular: {
@@ -163,13 +163,13 @@ const tileConfig = {
     },
 };
 function Tile(props) {
-    const { className, type, appearance, title, desc, badgeValue, before, after, isSkeleton, onClick, children, } = props;
+    const { appearance, className, dataTestId, dataTour, type, title, desc, badgeValue, before, after, isSkeleton, onClick, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, tileConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { dataTestId, dataTour, directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: tileStyles } = useStyles(props);
-    return (jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { className: "tile__badge", appearance: `${badgeAppearance} ${badgeAppearanceSize}`, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: "tile__icon", appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
+    return (jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
 }
 
 export { Tile, tileAppearance, tileConfig };

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BstDGBF3.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_Banbw98_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -21,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_P2b6ya7P.js';
+import '../Link_es_Bt-Bhy3t.js';
 import '../Text_es_DaYcLe4H.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BstDGBF3.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_Banbw98_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -21,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_P2b6ya7P.js';
+import '../Link_es_Bt-Bhy3t.js';
 import '../Text_es_DaYcLe4H.js';

package/dist/components/Video.js

@@ -16,9 +16,9 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 
 function Video(props) {
-    const { id, className, position, mp4, ogv, poster, webm, children } = props;
+    const { id, className, dataTestId, dataTour, position, mp4, ogv, poster, webm, children, } = props;
     const { styles: videoStyles } = useStyles(props);
-    return (jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, position && `video_position_${position}`), style: videoStyles, children: [jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsx("source", { type: 'video/webm; codecs="vp8, vorbis"', src: webm }), ogv && jsx("source", { type: 'video/ogg; codecs="theora, vorbi"', src: ogv }), mp4 && (jsx("source", { type: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', src: mp4 }))] }), children] }));
+    return (jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, position && `video_position_${position}`), "data-testid": dataTestId, "data-tour": dataTour, style: videoStyles, children: [jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsx("source", { type: 'video/webm; codecs="vp8, vorbis"', src: webm }), ogv && jsx("source", { type: 'video/ogg; codecs="theora, vorbi"', src: ogv }), mp4 && (jsx("source", { type: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', src: mp4 }))] }), children] }));
 }
 
 export { Video };

package/dist/components/Warning.js

@@ -4,7 +4,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 { I as Icon } from '../Icon_es_BstDGBF3.js';
+import { I as Icon } from '../Icon_es_Banbw98_.js';
 import { T as Text } from '../Text_es_DaYcLe4H.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
@@ -23,7 +23,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_P2b6ya7P.js';
+import '../Link_es_Bt-Bhy3t.js';
 
 const warningAppearanceAccent = {
     accentMutedPrimary: {
@@ -184,14 +184,14 @@ const warningConfig = {
     },
 };
 function Warning(props) {
-    const { appearance, className, label, description, isSkeleton, children } = props;
+    const { appearance, className, dataTestId, dataTour, label, description, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, warningConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
     // @ts-ignore
     const { styles: warningStyles } = useStyles(props);
     const [isVisible, setIsVisible] = useState(true);
-    return (jsx(Fragment, { children: isVisible && (jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: 'warning__content', children: [label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description })), children] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
+    return (jsx(Fragment, { children: isVisible && (jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: 'warning__content', children: [label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description })), children] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 
 export { Warning, warningAppearance, warningConfig };

package/dist/css/styles/bundles.css

@@ -38275,8 +38275,12 @@ textarea.fill {
   }
   .print {
     height: auto;
-    overflow: auto;
+    overflow: hidden !important;
     display: block;
+    &[style*='100vh'] {
+      height: auto !important;
+      overflow: hidden !important;
+    }
   }
 }
 .resize-horizontal {

package/dist/types/components/Avatar/Avatar.interface.d.ts

@@ -39,6 +39,8 @@ type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
     children?: ReactNode;
     className?: string;
     count?: number;
+    dataTestId?: string;
+    dataTour?: string;
     firstName?: string;
     isSkeleton?: boolean;
     onClick: () => void;

package/dist/types/components/Badge/Badge.interface.d.ts

@@ -22,6 +22,8 @@ type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     dot?: boolean;
     icon?: string;
     iconSrc?: string;

package/dist/types/components/Breadcrumbs/Breadcrumbs.interface.d.ts

@@ -27,6 +27,8 @@ export interface BreadcrumbsItemProps extends StyleAttributes {
     children?: ReactNode;
     className?: string;
     cursor?: string;
+    dataTestId?: string;
+    dataTour?: string;
     fill?: FillProps;
     fillDesktop?: FillProps;
     fillMobile?: FillProps;
@@ -63,6 +65,8 @@ export interface BreadcrumbsProps extends StyleAttributes {
     }[];
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     direction?: DirectionProps;
     directionDesktop?: DirectionProps;
     directionMobile?: DirectionProps;

package/dist/types/components/Cell/Cell.interface.d.ts

@@ -59,6 +59,8 @@ type CellProps = CellAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceDefaultSizeStyleKey;
     before?: string;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     isActive?: boolean;
     isEqual?: boolean;
     isSameWidth?: boolean;

package/dist/types/components/Checkbox/Checkbox.interface.d.ts

@@ -45,6 +45,8 @@ interface CheckboxProps extends CheckboxThemeColor, StyleAttributes {
     before?: ReactNode;
     checked?: boolean;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     desc?: string;
     disabled?: boolean;
     label?: string;
@@ -54,4 +56,4 @@ interface CheckboxProps extends CheckboxThemeColor, StyleAttributes {
     onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
 }
-export type { CheckboxThemeColor, CheckboxAppearance, CheckboxConfig, CheckboxProps, };
+export type { CheckboxAppearance, CheckboxConfig, CheckboxProps, CheckboxThemeColor, };

package/dist/types/components/Checkmark/Checkmark.interface.d.ts

@@ -21,6 +21,8 @@ export interface CheckmarkProps extends CheckmarkThemeColor, CheckmarkThemeColor
     [key: number | string | symbol]: any;
     appearance?: AppearanceKeys;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     iconChecked: ElementType;
     isDisabled?: boolean;
 }

package/dist/types/components/Code/Code.interface.d.ts

@@ -32,6 +32,8 @@ type CodeProps = CodeAppearanceProps & StyleAttributes & {
     appearance?: AppearanceKeys;
     before?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     initialValue?: string;
     inputAutoFocus?: boolean;
     inputCount?: number;

package/dist/types/components/CookiesWarning/CookiesWarning.interface.d.ts

@@ -10,6 +10,8 @@ export interface CookiesWarningProps {
     buttonSize?: SizeProps;
     buttonWidth?: string;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     message?: string;
     textColor?: TextColorProps;
     textSize?: TextSizeProps;

package/dist/types/components/Dadata/Dadata.interface.d.ts

@@ -3,6 +3,8 @@ import { DaDataSuggestion } from 'react-dadata';
 import { DaDataParty } from 'react-dadata/dist/variants/party_russia/party-russia-types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface DadataProps extends StyleAttributes {
+    dataTestId?: string;
+    dataTour?: string;
     delay?: number;
     input?: any;
     inputProps?: HTMLProps<HTMLInputElement>;

package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts

@@ -19,6 +19,8 @@ type DatePeriodProps = DatePeriodThemeColor & StyleAttributes & {
     chipsAppearance?: CompositeAppearanceKey;
     chipsShape?: ShapeProps;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     datePeriodIntervalsList: DatePeriodItem[];
     datePeriodValueEnd: Date | DateIso | null;
     datePeriodValueStart: Date | DateIso | null;

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -63,6 +63,8 @@ export interface DatePickerInputProps extends DatePickerProps {
     clearLabelTextColor?: TextColorProps;
     clearLabelTextColorHover?: TextColorHoverProps;
     clearLabelTextSize?: TextSizeProps;
+    dataTestId?: string;
+    dataTour?: string;
     datePickerProps: DatePickerProps;
     endValue?: string | Date | DateIso;
     inputProps?: InputProps;

package/dist/types/components/Divider/Divider.interface.d.ts

@@ -18,6 +18,8 @@ type DividerAppearanceProps = {
 type DividerProps = DividerAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceKey;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;

package/dist/types/components/Dot/Dot.interface.d.ts

@@ -23,6 +23,8 @@ type DotAppearance = {
 type DotProps = DotAppearance & StyleAttributes & {
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     style?: CSSProperties;
 };
 export type { DotAppearance, DotProps };

package/dist/types/components/Dropdown/Dropdown.interface.d.ts

@@ -10,6 +10,8 @@ export interface DropdownProps extends StyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     elevation?: ElevationProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;
@@ -50,6 +52,8 @@ export interface DropdownItemProps extends DropdownItemThemeColor, StyleAttribut
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     desc?: string;
     descTextColorHover?: TextColorHoverProps;
     descTextGradient?: TextGradientProps;

package/dist/types/components/Flex/Flex.interface.d.ts

@@ -16,6 +16,8 @@ export interface FlexProps extends StyleAttributes {
     borderType?: BorderTypeProps;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     direction?: AlignDirectionProps;
     directionDesktop?: AlignDirectionProps;
     directionMobile?: AlignDirectionProps;
@@ -83,6 +85,8 @@ export interface FlexItemProps extends StyleAttributes {
     columnStartDesktop?: number;
     columnStartMobile?: number;
     columnStartTablet?: number;
+    dataTestId?: string;
+    dataTour?: string;
     direction?: DirectionProps;
     directionDesktop?: DirectionProps;
     directionMobile?: DirectionProps;

package/dist/types/components/Grid/Grid.interface.d.ts

@@ -58,6 +58,7 @@ export interface GridItemProps extends GridBaseThemeColor {
     [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
     dataTour?: string;
     onClick?: () => void;
 }
@@ -66,6 +67,7 @@ export interface GridRowProps extends GridBaseThemeColor {
     [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
     dataTour?: string;
     htmlFor?: string;
     tag?: ElementType;
@@ -95,6 +97,7 @@ export interface GridProps extends StyleAttributes {
     columnsDesktop?: string;
     columnsMobile?: string;
     columnsTablet?: string;
+    dataTestId?: string;
     dataTour?: string;
     fill?: FillProps;
     fillDesktop?: FillProps;

package/dist/types/components/HTMLContent/HTMLContent.interface.d.ts

@@ -13,6 +13,7 @@ export interface HTMLContentProps extends StyleAttributes {
     className?: string;
     columns?: number;
     content?: any;
+    dataTestId?: string;
     dataTour?: string;
     direction?: DirectionProps;
     elevation?: ElevationProps;

package/dist/types/components/HeroTitle/HeroTitle.interface.d.ts

@@ -37,6 +37,7 @@ export interface HeroTitleProps extends HeroTitleThemeColor, StyleAttributes {
     beforeWrapper?: any;
     children: ReactNode;
     className?: string;
+    dataTestId?: string;
     dataTour?: string;
     direction?: string;
     directionWrapper?: string;

package/dist/types/components/Image/Image.interface.d.ts

@@ -12,6 +12,8 @@ export interface ImageProps extends StyleAttributes {
     children?: ReactNode;
     className?: string;
     cursor?: string;
+    dataTestId?: string;
+    dataTour?: string;
     fill?: FillProps;
     fillHover?: FillHoverProps;
     height?: string;

package/dist/types/components/Input/Input.interface.d.ts

@@ -36,7 +36,8 @@ interface InputProps extends InputThemeColor, StyleAttributes {
     appearance?: AppearanceKeysDefault;
     autocomplete?: string;
     className?: string;
-    dataTestId?: number | string;
+    dataTestId?: string;
+    dataTour?: string;
     index?: number | string;
     name?: string;
     placeholder?: string;

package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts

@@ -29,6 +29,8 @@ type InputNumberProps = InputNumberAppearanceProps & StyleAttributes & {
     id?: number;
     appearance?: CompositeAppearanceTitleKey;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     max?: number;
     min?: number;
     onChange?: (number: number) => void;

package/dist/types/components/InputPassword/InputPassword.interface.d.ts

@@ -28,6 +28,8 @@ export interface InputPasswordProps extends InputThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     appearance?: AppearanceKeys;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     disabled?: boolean;
     iconFill?: ItemColorProps;
     iconFillHover?: ItemColorProps;

package/dist/types/components/Link/Link.interface.d.ts

@@ -39,6 +39,8 @@ export interface LinkProps extends LinkThemeColor, StyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     href?: string;
     link?: string;
     LinkComponent?: ElementType;

package/dist/types/components/List/List.interface.d.ts

@@ -28,6 +28,8 @@ export interface ListProps extends StyleAttributes {
     bulletTextColor?: TextColorProps;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     direction?: DirectionProps;
     size?: SizeProps;
     style?: CSSProperties;
@@ -39,6 +41,8 @@ export interface ListItemProps extends StyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     fill?: FillProps;
     href?: string;
     link?: string;

package/dist/types/components/Loader/Loader.interface.d.ts

@@ -13,6 +13,9 @@ type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isDisabled?: boolean;
     isSkeleton?: boolean;
     shape?: ShapeProps;
     shapeStrength?: ShapeStrengthProps;

package/dist/types/components/Logo/Logo.interface.d.ts

@@ -26,6 +26,8 @@ export interface LogoProps extends LogoThemeColor, StyleAttributes {
     alt?: string;
     appearance?: AppearanceKeys;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     href?: string;
     link?: string;
     mode?: string;

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts

@@ -7,7 +7,8 @@ export interface ModalSheetBottomProps extends a {
     className?: string;
     closeButton?: ReactNode;
     closeModal: () => void;
-    dataTestId: string;
+    dataTestId?: string;
+    dataTour?: string;
     fill?: FillProps;
     style?: CSSProperties;
     isOpenModal: boolean;

package/dist/types/components/Notification/Notification.interface.d.ts

@@ -28,6 +28,7 @@ export interface NotificationProps extends StyleAttributes {
     before?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
+    dataTestId?: string;
     dataTour?: string;
     fill?: FillProps;
     size?: SizeProps;
@@ -47,6 +48,8 @@ export interface NotificationProps extends StyleAttributes {
 export interface NotificationWrapperProps {
     className?: string;
     closeButton?: ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
     size?: SizeProps;
     type?: string;
     set?: string;

package/dist/types/components/Pagination/Pagination.interface.d.ts

@@ -49,6 +49,8 @@ interface PaginationProps extends PaginationThemeColor, StyleAttributes {
     allItemsCount?: number;
     appearance?: AppearanceKeys;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     marginPagesDisplayed?: number;
     nextLabel?: ReactNode;
     pageCountDropdownItemDividerDirection?: DirectionProps;

package/dist/types/components/Radio/Radio.interface.d.ts

@@ -46,6 +46,8 @@ export interface RadioProps extends RadioThemeColor, StyleAttributes {
     appearance?: AppearanceKeys;
     checked?: boolean;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     desc?: string;
     disabled?: boolean;
     label?: string;

package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts

@@ -7,6 +7,8 @@ export interface RangeSliderProps extends StyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     disabled?: boolean;
     fill?: FillProps;
     fillHandle?: ItemColorProps;