@itcase/ui 1.9.41 → 1.9.43

package/dist/components/RangeSlider.js

@@ -4,9 +4,9 @@ import Slider from 'rc-slider';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -16,7 +16,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 
 function RangeSlider(props) {
     const { className, dataTestId, dataTour, min, max, disabled, pushable, range, step, value, vertical, before, after, set, onChangeSlider, children, } = props;

package/dist/components/Response.js

@@ -6,14 +6,14 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_ul2sDicM.js';
+import { B as Button } from '../Button_es_C2vKuxE7.js';
 import { G as Group } from '../Group_es_BVpRj4LR.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '../context/UIContext.js';
@@ -22,11 +22,12 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import '../utils/mergeAppearanceKeys.js';
-import '../Icon_es_DNVHNKFK.js';
+import '../hooks/useHoldProgress.js';
+import '../Icon_es_DoAtUvPe.js';
 import 'react-inlinesvg';
-import '../Link_es_BwLH5S8y.js';
+import '../Link_es_DPZHTF38.js';
 import '../Loader_es_DFSNJsLL.js';
 
 const responseAppearanceConfirm = {
@@ -53,7 +54,7 @@ const responseAppearanceDanger = {
         primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'dangerPrimary',
-        svgPathFill: 'dangerItemPrimary',
+        svgPathFill: 'dangerPrimary',
     },
 };
 
@@ -67,7 +68,7 @@ const responseAppearanceEmpty = {
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
-        svgPathFill: 'surfaceItemQuaternary',
+        svgPathFill: 'surfaceQuaternary',
     },
 };
 

package/dist/components/SVGContent.js

@@ -7,9 +7,9 @@ import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDev
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '../context/UIContext.js';
@@ -18,7 +18,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 
 const SVGContent = urlWithAssetPrefix(forwardRef(function SVGContent(props, ref) {
     const { className, dataTestId, dataTour, src, SvgImage } = props;

package/dist/components/ScrollOnDrag.js

@@ -5,9 +5,9 @@ import ScrollContainer, { useScrollContainer } from 'react-indiana-drag-scroll';
 import SimpleBar from 'simplebar-react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -17,7 +17,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 
 function ScrollOnDrag(props) {
     const { className, dataTestId, dataTour, scrollContainerProps, isScrollbar, children, } = props;

package/dist/components/ScrollToView.js

@@ -4,9 +4,9 @@ import { ScrollLink } from 'react-scroll';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -16,7 +16,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 
 const ScrollToView = ScrollLink(function ScrollToView(props) {
     const { id, className, dataTestId, dataTour, styles, tag: Tag = 'div', onClick, children, } = props;

package/dist/components/Search.js

@@ -5,12 +5,12 @@ 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_DNVHNKFK.js';
+import { I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import { S as Scrollbar } from '../Scrollbar_es_CKTh3pew.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -20,11 +20,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BwLH5S8y.js';
+import '../Link_es_DPZHTF38.js';
 import 'react-scrollbars-custom';
 
 const searchAppearanceDefault = {

package/dist/components/Segmented.js

@@ -3,11 +3,11 @@ import { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -21,8 +21,8 @@ import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
-import '../Link_es_BwLH5S8y.js';
+import 'lodash/maxBy.js';
+import '../Link_es_DPZHTF38.js';
 
 const segmentedAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_Bqek7tN5.js';
+export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_Cr3Zset9.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -6,9 +6,9 @@ import 'react-select';
 import 'react-select/creatable';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -20,14 +20,14 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Group_es_BVpRj4LR.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import '../Text_es_B85LGfjW.js';
 import '@itcase/icons/default';
-import '../Icon_es_DNVHNKFK.js';
+import '../Icon_es_DoAtUvPe.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BwLH5S8y.js';
+import '../Link_es_DPZHTF38.js';
 import '../Loader_es_DFSNJsLL.js';
 import '../utils/mergeAppearanceKeys.js';
 import '../Divider_es_BR7ZO8w0.js';

package/dist/components/Swiper.js

@@ -6,11 +6,11 @@ import { G as Group } from '../Group_es_BVpRj4LR.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_DNVHNKFK.js';
+import { b as Title } from '../Icon_es_DoAtUvPe.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -20,11 +20,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BwLH5S8y.js';
+import '../Link_es_DPZHTF38.js';
 
 function Swiper(props) {
     const { id, className, dataTestId, dataTour, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, 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;

package/dist/components/Switch.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -17,7 +17,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 
 const switchAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Tab.js

@@ -6,14 +6,14 @@ 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_DNVHNKFK.js';
+import { B as Badge, I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { D as Divider } from '../Divider_es_BR7ZO8w0.js';
-import { L as Link } from '../Link_es_BwLH5S8y.js';
+import { L as Link } from '../Link_es_DPZHTF38.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import '../hooks/useActiveClasses/useActiveClasses.helpers.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -23,7 +23,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Text.js

@@ -4,9 +4,9 @@ import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import 'react';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -17,4 +17,4 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';

package/dist/components/Textarea.js

@@ -3,9 +3,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';

package/dist/components/Tile.js

@@ -3,12 +3,12 @@ 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_DNVHNKFK.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -18,11 +18,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BwLH5S8y.js';
+import '../Link_es_DPZHTF38.js';
 
 const tileAppearanceShape = {
     circular: {
@@ -56,7 +56,7 @@ const tileAppearanceSize = {
         descTextSize: 'l',
         badgeAppearanceSize: 'sizeM',
         iconFillSize: '32',
-        iconSize: '32',
+        iconSize: '24',
     },
     sizeL: {
         size: 'l',
@@ -163,12 +163,12 @@ const tileConfig = {
     },
 };
 function Tile(props) {
-    const { appearance, className, dataTestId, dataTour, type, title, desc, badgeValue, before, after, isSkeleton, onClick, children, } = props;
+    const { appearance, className, dataTestId, dataTour, type, title, desc, badgeValue, iconClick, before, after, isSkeleton, onClick, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, tileConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     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;
     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, { 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] }) }));
+    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, onClick: iconClick }))] })] }), 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_DNVHNKFK.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_DoAtUvPe.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -8,9 +8,9 @@ import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '../context/UIContext.js';
@@ -20,6 +20,6 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
-import '../Link_es_BwLH5S8y.js';
+import 'lodash/maxBy.js';
+import '../Link_es_DPZHTF38.js';
 import '../Text_es_B85LGfjW.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_DNVHNKFK.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_DoAtUvPe.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -8,9 +8,9 @@ import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '../context/UIContext.js';
@@ -20,6 +20,6 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
-import '../Link_es_BwLH5S8y.js';
+import 'lodash/maxBy.js';
+import '../Link_es_DPZHTF38.js';
 import '../Text_es_B85LGfjW.js';

package/dist/components/Video.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/maxBy.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';

package/dist/components/Warning.js

@@ -4,12 +4,12 @@ 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_DNVHNKFK.js';
+import { I as Icon } from '../Icon_es_DoAtUvPe.js';
 import { T as Text } from '../Text_es_B85LGfjW.js';
 import { icons16 } from '@itcase/icons/default';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
@@ -19,11 +19,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/maxBy';
+import 'lodash/maxBy.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_BwLH5S8y.js';
+import '../Link_es_DPZHTF38.js';
 
 const warningAppearanceAccent = {
     accentMutedPrimary: {

package/dist/context/UIContext.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, memo, useMemo, useEffect, useContext } from 'react';
-import camelCase from 'lodash/camelCase';
+import camelCase from 'lodash/camelCase.js';
 import { useMediaQueries } from '../hooks/useMediaQueries/useMediaQueries.js';
 import { setViewportProperty } from '../utils/setViewportProperty.js';
 import 'react-responsive';

package/dist/css/mixins/mixin_typography.css

@@ -217,7 +217,7 @@
 
 @define-mixin email-text-xs $weight: normal {
   @mixin font-fixed $weight, var(--typography-email-text-xs),
-    var(--typography-email-text-xs-line-height), var(--font-email);
+    var(--typographyemail-text-xs-line-height), var(--font-email);
 }
 
 @define-mixin email-text-xxs $weight: normal {

package/dist/css/styles/bundles.css

@@ -47362,10 +47362,38 @@ div.avatar-stack {
     top: 0;
     z-index: 1;
   }
+  &_state {
+    &_holding {
+      & .button__indication {
+        &-item {
+          transform: translate(0%, 0) !important;
+        }
+      }
+    }
+  }
   &__wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
+    position: relative;
+    ^&__indication {
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      right: 0;
+      overflow: hidden;
+      &-item {
+        transition: 0.5s ease-out;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        opacity: 50%;
+        background: #000;
+        opacity: 10%;
+        transform: translate(-100%, 0);
+      }
+    }
     ^&__label {
       text-decoration: none;
       text-align: center;
@@ -80357,15 +80385,14 @@ div.label {
         width: auto;
         height: auto;
         position: absolute;
+        display: flex;
         left: 50%;
         top: 50%;
-        display: flex;
         transform: translate(-50%, -50%);
       }
       ^^&__item {
         border-radius: 100%;
         display: inline-block;
-        border-radius: 50%;
         animation: loaderSimple 1.4s infinite ease-in-out both;
         &:first-child {
           animation-delay: -0.32s;

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import castArray from 'lodash/castArray';
-import upperFirst from 'lodash/upperFirst';
+import camelCase from 'lodash/camelCase.js';
+import castArray from 'lodash/castArray.js';
+import upperFirst from 'lodash/upperFirst.js';
 import '../../context/Notifications.js';
 import { useUserDeviceContext } from '../../context/UIContext.js';
 import { getStyleAttributeKey } from '../../hooks.js';

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,8 +1,8 @@
 export { useDevicePropsGenerator } from './useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
+import 'lodash/camelCase.js';
+import 'lodash/castArray.js';
+import 'lodash/upperFirst.js';
 import '../context/Notifications.js';
 import 'react/jsx-runtime';
 import 'uuid';

package/dist/hooks/useDeviceTargetClass.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import castArray from 'lodash/castArray';
+import camelCase from 'lodash/camelCase.js';
+import castArray from 'lodash/castArray.js';
 import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries/useMediaQueries.js';