@itcase/ui 1.2.0 → 1.2.2

package/dist/{Button-CmZbTSyf.js → Button-BJWuO5uR.js}

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-CsE2-ieX.js';
+import { I as Icon } from './Icon-fTLfvlsK.js';
 import { a as LinkWrapper } from './Link-Bqu5amIb.js';
 import { L as Loader } from './Loader-CJ8ZCdwy.js';
 import { T as Text } from './Text-CG3xPG27.js';
@@ -15,11 +15,11 @@ var buttonConfig = {
     },
 };
 var Button = React.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, 
+    var children = props.children; props.width; var isDisabled = props.isDisabled, after = props.after, appearance = props.appearance, Badge = props.Badge, before = props.before, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, href = props.href, _b = props.htmlType, htmlType = _b === void 0 ? 'button' : _b, icon = props.icon, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterShape = props.iconAfterShape, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconBeforeShape = props.iconBeforeShape, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconShape = props.iconShape, iconSize = props.iconSize, iconSrc = props.iconSrc, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, 
     // @ts-expect-error
-    labelTextTruncate = props.labelTextTruncate, 
+    labelTextTruncate = props.labelTextTruncate, labelTextWeight = props.labelTextWeight, 
     // @ts-expect-error
-    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, link = props.link, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, _c = props.loaderSet, loaderSet = _c === void 0 ? 'simple' : _c, _d = props.loading, loading = _d === void 0 ? false : _d, rel = props.rel, set = props.set; props.size; var target = props.target, onClick = props.onClick, onMouseDown = props.onMouseDown;
     var widthClass = useDeviceTargetClass(props, {
         prefix: 'button_width_',
         propsKey: 'width',
@@ -57,7 +57,7 @@ var Button = React.forwardRef(function Button(props, ref) {
         propsKey: 'elevation',
     });
     // @ts-expect-error
-    var _f = useStyles(props), buttonStyles = _f.styles, labelStyles = _f.label;
+    var _f = useStyles(props), labelStyles = _f.label, buttonStyles = _f.styles;
     var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
     return (jsx(LinkWrapper, { className: clsx(className, 'button', label && 'button_type_label', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', borderWidthClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
@@ -84,7 +84,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                 iconBefore ||
                 iconBeforeSrc ||
                 iconSrc) &&
-            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "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: "button__loader", 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", 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, width: labelTextWidth, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsx(Icon, { SvgImage: iconAfter, 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 })), Badge, after] }) }));
+            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "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] }) }));
 });
 
 export { Button as B, buttonConfig as b };

package/dist/{Button-DvDXesom.js → Button-D4y0v6YL.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Icon = require('./Icon-Co5Mtpt_.js');
+var Icon = require('./Icon-Cq4hPF2D.js');
 var Link = require('./Link-DQxoFKhI.js');
 var Loader = require('./Loader-fA11tUEJ.js');
 var Text = require('./Text-_YhyTsQ1.js');
@@ -17,11 +17,11 @@ var buttonConfig = {
     },
 };
 var Button = React.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, 
+    var children = props.children; props.width; var isDisabled = props.isDisabled, after = props.after, appearance = props.appearance, Badge = props.Badge, before = props.before, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, href = props.href, _b = props.htmlType, htmlType = _b === void 0 ? 'button' : _b, icon = props.icon, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterShape = props.iconAfterShape, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconBeforeShape = props.iconBeforeShape, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconShape = props.iconShape, iconSize = props.iconSize, iconSrc = props.iconSrc, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, 
     // @ts-expect-error
-    labelTextTruncate = props.labelTextTruncate, 
+    labelTextTruncate = props.labelTextTruncate, labelTextWeight = props.labelTextWeight, 
     // @ts-expect-error
-    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, link = props.link, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, _c = props.loaderSet, loaderSet = _c === void 0 ? 'simple' : _c, _d = props.loading, loading = _d === void 0 ? false : _d, rel = props.rel, set = props.set; props.size; var target = props.target, onClick = props.onClick, onMouseDown = props.onMouseDown;
     var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'button_width_',
         propsKey: 'width',
@@ -59,7 +59,7 @@ var Button = React.forwardRef(function Button(props, ref) {
         propsKey: 'elevation',
     });
     // @ts-expect-error
-    var _f = useStyles.useStyles(props), buttonStyles = _f.styles, labelStyles = _f.label;
+    var _f = useStyles.useStyles(props), labelStyles = _f.label, buttonStyles = _f.styles;
     var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
     return (jsxRuntime.jsx(Link.LinkWrapper, { className: clsx(className, 'button', label && 'button_type_label', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', borderWidthClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
@@ -86,7 +86,7 @@ var Button = React.forwardRef(function Button(props, ref) {
                 iconBefore ||
                 iconBeforeSrc ||
                 iconSrc) &&
-            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "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: "button__loader", 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", 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, width: labelTextWidth, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { SvgImage: iconAfter, 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 })), Badge, after] }) }));
+            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "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] }) }));
 });
 
 exports.Button = Button;

package/dist/{Icon-Co5Mtpt_.js → Icon-Cq4hPF2D.js}

@@ -1,6 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CKiUdo7p.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -19,16 +18,32 @@ var iconConfig = {
 var Icon = React.forwardRef(function Icon(props, ref) {
     var _a = React.useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
     var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
-    var svgSizes = React.useMemo(function () {
-        var sizes = {};
-        if (width) {
-            sizes.width = width;
+    // const svgSizes = useMemo(() => {
+    //   const sizes: {
+    //     width?: string
+    //     height?: string
+    //   } = {}
+    //   if (width) {
+    //     sizes.width = width
+    //   }
+    //   if (height) {
+    //     sizes.height = height
+    //   }
+    //   return sizes
+    // }, [height, width])
+    var ImageComponent = React.useMemo(function () {
+        if (SvgImage) {
+            // return <SvgImage {...svgSizes} />
+            return jsxRuntime.jsx(SvgImage, { width: width, height: height });
         }
-        if (height) {
-            sizes.height = height;
+        if (imageSrc) {
+            if (imageSrc.endsWith('.svg')) {
+                return jsxRuntime.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+            }
+            return jsxRuntime.jsx("img", { src: imageSrc });
         }
-        return sizes;
-    }, [height, width]);
+        return null;
+    }, [SvgImage, width, height, imageSrc]);
     var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -91,18 +106,6 @@ var Icon = React.forwardRef(function Icon(props, ref) {
     });
     // @ts-expect-error
     var iconStyles = useStyles.useStyles(props).styles;
-    var ImageComponent = React.useMemo(function () {
-        if (SvgImage) {
-            return jsxRuntime.jsx(SvgImage, tslib_es6.__assign({}, svgSizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsxRuntime.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
-            }
-            return jsxRuntime.jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, svgSizes, imageSrc]);
     return (jsxRuntime.jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
 });
 Icon.defaultProps = {

package/dist/{Icon-CsE2-ieX.js → Icon-fTLfvlsK.js}

@@ -1,4 +1,3 @@
-import { _ as __assign } from './tslib.es6-S-VPg1Cw.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useState, useMemo } from 'react';
 import clsx from 'clsx';
@@ -17,16 +16,32 @@ var iconConfig = {
 var Icon = React.forwardRef(function Icon(props, ref) {
     var _a = useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
     var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
-    var svgSizes = useMemo(function () {
-        var sizes = {};
-        if (width) {
-            sizes.width = width;
+    // const svgSizes = useMemo(() => {
+    //   const sizes: {
+    //     width?: string
+    //     height?: string
+    //   } = {}
+    //   if (width) {
+    //     sizes.width = width
+    //   }
+    //   if (height) {
+    //     sizes.height = height
+    //   }
+    //   return sizes
+    // }, [height, width])
+    var ImageComponent = useMemo(function () {
+        if (SvgImage) {
+            // return <SvgImage {...svgSizes} />
+            return jsx(SvgImage, { width: width, height: height });
         }
-        if (height) {
-            sizes.height = height;
+        if (imageSrc) {
+            if (imageSrc.endsWith('.svg')) {
+                return jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+            }
+            return jsx("img", { src: imageSrc });
         }
-        return sizes;
-    }, [height, width]);
+        return null;
+    }, [SvgImage, width, height, imageSrc]);
     var cursorClass = useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -89,18 +104,6 @@ var Icon = React.forwardRef(function Icon(props, ref) {
     });
     // @ts-expect-error
     var iconStyles = useStyles(props).styles;
-    var ImageComponent = useMemo(function () {
-        if (SvgImage) {
-            return jsx(SvgImage, __assign({}, svgSizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
-            }
-            return jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, svgSizes, imageSrc]);
     return (jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxs(LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
 });
 Icon.defaultProps = {

package/dist/cjs/components/Accordion.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');

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 useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Image = require('../../Image-DrUlRMHa.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -13,13 +13,13 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Link = require('../../Link-DQxoFKhI.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-DvDXesom.js');
+var Button = require('../../Button-D4y0v6YL.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -15,10 +15,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+require('../../Icon-Cq4hPF2D.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/Cell.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Label = require('../../Label-CpSzGRtr.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 var useStyles = require('../hooks/useStyles.js');
@@ -14,9 +14,9 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 require('lodash/maxBy');

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 useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Loader = require('../../Loader-fA11tUEJ.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -13,13 +13,13 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 

package/dist/cjs/components/ContextMenu.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Divider = require('../../Divider-BjB5MD6u.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('react');
 require('lodash/castArray');
@@ -17,9 +17,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 

package/dist/cjs/components/CookiesWarning.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-DvDXesom.js');
+var Button = require('../../Button-D4y0v6YL.js');
 var Group = require('../../Group-Buo_BxGT.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -18,10 +18,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+require('../../Icon-Cq4hPF2D.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 require('../../Loader-fA11tUEJ.js');

package/dist/cjs/components/DatePicker.js

@@ -6,8 +6,8 @@ var React = require('react');
 var clsx = require('clsx');
 var DatePicker = require('react-datepicker');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-DvDXesom.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Button = require('../../Button-D4y0v6YL.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Input = require('../../Input-C7gBdx1m.js');
 var Label = require('../../Label-CpSzGRtr.js');
 var Text = require('../../Text-_YhyTsQ1.js');

package/dist/cjs/components/FormField.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var Divider = require('../../Divider-BjB5MD6u.js');
 var Text = require('../../Text-_YhyTsQ1.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Radio = require('../../Radio-BQo97TZL.js');

package/dist/cjs/components/Icon.js

@@ -1,7 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,6 +17,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/InputPassword.js

@@ -4,20 +4,20 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/LanguageSelector.js

@@ -2,8 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var Icon = require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 require('react');
 require('react-inlinesvg');
 require('../hooks/useDeviceTargetClass.js');
@@ -18,6 +17,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/Pagination.js

@@ -7,7 +7,7 @@ var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var DropdownItem = require('../../DropdownItem-m4hdxHp6.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
 require('lodash/camelCase');

package/dist/cjs/components/Response.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-DvDXesom.js');
+var Button = require('../../Button-D4y0v6YL.js');
 var Group = require('../../Group-Buo_BxGT.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 var Title = require('../../Title-zwP6c2U2.js');
@@ -19,9 +19,9 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+require('../../Icon-Cq4hPF2D.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Loader-fA11tUEJ.js');
 

package/dist/cjs/components/Search.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 var Scrollbar = require('../../Scrollbar-DVlIZzvz.js');
 require('lodash/castArray');
@@ -17,9 +17,9 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 require('react-scrollbars-custom');

package/dist/cjs/components/Select.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var Select = require('react-select');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
@@ -11,7 +11,6 @@ var Text = require('../../Text-_YhyTsQ1.js');
 var Badge = require('../../Badge-2JkquAEb.js');
 var Group = require('../../Group-Buo_BxGT.js');
 var Divider = require('../../Divider-BjB5MD6u.js');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react/jsx-runtime');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -23,6 +22,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 require('lodash/castArray');

package/dist/cjs/components/SiteMenu.js

@@ -5,20 +5,20 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('../context/UIContext.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
 require('lodash/camelCase');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 

package/dist/cjs/context/Notifications.js

@@ -13,9 +13,9 @@ const STATUSES = {
 };
 const NotificationsContext = /*#__PURE__*/React.createContext([]);
 const NotificationsAPIContext = /*#__PURE__*/React.createContext({
-  hideNotifications: () => {},
-  showNotification: () => {},
-  notificationStatuses: STATUSES
+  hideNotifications: targetId => {},
+  notificationStatuses: STATUSES,
+  showNotification: (notification, onClose) => {}
 });
 function NotificationsProvider(props) {
   const {
@@ -68,9 +68,9 @@ function NotificationsProvider(props) {
     // eslint-disable-next-line
   }, []);
   const notificationsAPI = React.useMemo(() => ({
-    showNotification: showNotification,
     hideNotifications: hideNotifications,
-    notificationStatuses: STATUSES
+    notificationStatuses: STATUSES,
+    showNotification: showNotification
   }),
   // Functions is never changes, no sense to set as dependencies
   // eslint-disable-next-line

package/dist/components/Accordion.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/camelCase';
 import '../context/UIContext.js';

package/dist/components/Avatar.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { I as Image } from '../Image-8t6PvsaZ.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
@@ -11,13 +11,13 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/components/Breadcrumbs.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { a as LinkWrapper } from '../Link-Bqu5amIb.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonConfig } from '../Button-CmZbTSyf.js';
+export { B as Button, b as buttonConfig } from '../Button-BJWuO5uR.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -13,10 +13,10 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-CsE2-ieX.js';
-import '../tslib.es6-S-VPg1Cw.js';
+import '../Icon-fTLfvlsK.js';
 import 'react-inlinesvg';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';

package/dist/components/Cell.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { L as Label } from '../Label-BA_CnRBq.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { useStyles } from '../hooks/useStyles.js';
@@ -12,9 +12,9 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 import 'lodash/maxBy';

package/dist/components/Choice.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { L as Loader } from '../Loader-CJ8ZCdwy.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
@@ -11,13 +11,13 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/components/ContextMenu.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { D as Divider } from '../Divider-U5UdY-ef.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'react';
 import 'lodash/castArray';
@@ -15,9 +15,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/components/CookiesWarning.js

@@ -3,7 +3,7 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { B as Button } from '../Button-CmZbTSyf.js';
+import { B as Button } from '../Button-BJWuO5uR.js';
 import { G as Group } from '../Group-BXfLh7AZ.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
@@ -16,10 +16,10 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-CsE2-ieX.js';
-import '../tslib.es6-S-VPg1Cw.js';
+import '../Icon-fTLfvlsK.js';
 import 'react-inlinesvg';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 import '../Loader-CJ8ZCdwy.js';

package/dist/components/DatePicker.js

@@ -4,8 +4,8 @@ import React, { useMemo, useCallback, useRef, useState, useEffect } from 'react'
 import clsx from 'clsx';
 import DatePicker from 'react-datepicker';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { B as Button } from '../Button-CmZbTSyf.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { B as Button } from '../Button-BJWuO5uR.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { I as Input } from '../Input-BQ6Plt1n.js';
 import { L as Label } from '../Label-BA_CnRBq.js';
 import { T as Text } from '../Text-CG3xPG27.js';

package/dist/components/FormField.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { D as Divider } from '../Divider-U5UdY-ef.js';
 import { T as Text } from '../Text-CG3xPG27.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { R as Radio } from '../Radio-oMf0vN7T.js';

package/dist/components/Icon.js

@@ -1,5 +1,4 @@
-export { I as Icon, i as iconConfig } from '../Icon-CsE2-ieX.js';
-import '../tslib.es6-S-VPg1Cw.js';
+export { I as Icon, i as iconConfig } from '../Icon-fTLfvlsK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -16,6 +15,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';

package/dist/components/InputPassword.js

@@ -2,20 +2,20 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';

package/dist/components/LanguageSelector.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
-import '../tslib.es6-S-VPg1Cw.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import 'react';
 import 'react-inlinesvg';
 import '../hooks/useDeviceTargetClass.js';
@@ -16,6 +15,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';

package/dist/components/Pagination.js

@@ -5,7 +5,7 @@ import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { D as Dropdown, a as DropdownItem } from '../DropdownItem-bB-KYqcL.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';

package/dist/components/Response.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-CmZbTSyf.js';
+import { B as Button } from '../Button-BJWuO5uR.js';
 import { G as Group } from '../Group-BXfLh7AZ.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { T as Title } from '../Title-BfSFPJtJ.js';
@@ -17,9 +17,9 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-CsE2-ieX.js';
-import '../tslib.es6-S-VPg1Cw.js';
+import '../Icon-fTLfvlsK.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Loader-CJ8ZCdwy.js';
 

package/dist/components/Search.js

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
 import 'lodash/castArray';
@@ -15,9 +15,9 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 import 'react-scrollbars-custom';

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 import React, { useMemo, useRef, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
@@ -9,7 +9,6 @@ import { T as Text } from '../Text-CG3xPG27.js';
 import { B as Badge } from '../Badge-CrhdvxY6.js';
 import { G as Group } from '../Group-BXfLh7AZ.js';
 import { D as Divider } from '../Divider-U5UdY-ef.js';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react/jsx-runtime';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
@@ -21,6 +20,7 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 import 'lodash/castArray';

package/dist/components/SiteMenu.js

@@ -3,20 +3,20 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from '../context/UIContext.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-CsE2-ieX.js';
+import { I as Icon } from '../Icon-fTLfvlsK.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/castArray';
 import 'lodash/camelCase';
-import '../tslib.es6-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Bqu5amIb.js';
+import '../tslib.es6-S-VPg1Cw.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/context/Notifications.js

@@ -11,9 +11,9 @@ const STATUSES = {
 };
 const NotificationsContext = /*#__PURE__*/createContext([]);
 const NotificationsAPIContext = /*#__PURE__*/createContext({
-  hideNotifications: () => {},
-  showNotification: () => {},
-  notificationStatuses: STATUSES
+  hideNotifications: targetId => {},
+  notificationStatuses: STATUSES,
+  showNotification: (notification, onClose) => {}
 });
 function NotificationsProvider(props) {
   const {
@@ -66,9 +66,9 @@ function NotificationsProvider(props) {
     // eslint-disable-next-line
   }, []);
   const notificationsAPI = useMemo(() => ({
-    showNotification: showNotification,
     hideNotifications: hideNotifications,
-    notificationStatuses: STATUSES
+    notificationStatuses: STATUSES,
+    showNotification: showNotification
   }),
   // Functions is never changes, no sense to set as dependencies
   // eslint-disable-next-line

package/dist/css/components/Chips/Chips.css

@@ -1,7 +1,7 @@
 .chips {
   display: inline-flex;
   &__label {
-    white-space: nowrap;
+    white-space: var(--chips-label-white-space, nowrap);
   }
   &__inner {
     display: flex;

package/dist/css/components/DatePicker/DatePicker.css

@@ -1085,7 +1085,7 @@ h2.react-datepicker__current-month {
       align-items: center;
       gap: 12px;
       & .input {
-        min-width: 256px;
+        min-width: var(--date-picker-input-min-width, 256px);
       }
     }
     &-time-container {

package/dist/css/components/Notification/Notification.css

@@ -122,6 +122,17 @@
         }
       }
     }
+    &_info {
+      background: var(--color-info-primary);
+      ^^&-wrapper {
+        ^^^&-title {
+          color: var(--color-info-text-primary);
+        }
+        ^^^&-text {
+          color: var(--color-info-text-primary);
+        }
+      }
+    }
   }
 }
 .notification__item {

package/dist/css/components/Notification/css/__item/notification__item_status.css

@@ -33,5 +33,16 @@
         }
       }
     }
+    &_info {
+      background: var(--color-info-primary);
+      ^^&-wrapper {
+        ^^^&-title {
+          color: var(--color-info-text-primary);
+        }
+        ^^^&-text {
+          color: var(--color-info-text-primary);
+        }
+      }
+    }
   }
 }

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.9
+ * Swiper 11.1.10
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 31, 2024
+ * Released on: August 21, 2024
  */
 
 /* FONT_START */
@@ -907,9 +907,6 @@ div.swiper-block__item {
       height: 100%;
       display: flex;
       align-items: center;
-      @media (--mobile) {
-        height: auto;
-      }
     }
     & .swiper-wrapper {
       align-items: center !important;

package/dist/types/context/Notifications.d.ts

@@ -7,13 +7,13 @@ export namespace NotificationsProvider {
 }
 export function useNotifications(): never[];
 export function useNotificationsAPI(): {
-    hideNotifications: () => void;
-    showNotification: () => void;
+    hideNotifications: (targetId: any) => void;
     notificationStatuses: {
         error: string;
         info: string;
         success: string;
         warning: string;
     };
+    showNotification: (notification: any, onClose: any) => void;
 };
 import PropTypes from 'prop-types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -14,31 +14,32 @@
   "typesVersions": {
     "*": {
       "components/*": [
-        "dist/types/components/*/index.d.ts"
+        "dist/types/components/*/*.d.ts"
       ],
       "constants": [
-        "dist/types/constants/index.d.ts"
+        "dist/types/constants/*.d.ts"
       ],
       "types": [
-        "dist/types/types/index.d.ts"
+        "dist/types/types/*.d.ts"
       ],
       "constants/*": [
-        "dist/types/constants/index.d.ts"
+        "dist/types/constants/*.d.ts"
       ],
       "context/*": [
-        "dist/types/context/index.d.ts"
+        "dist/types/context/*.d.ts"
       ],
       "hooks/*": [
-        "dist/types/hooks/index.d.ts"
+        "dist/types/hooks/*.d.ts"
       ],
       "stories/*": [
-        "dist/types/stories/index.d.ts"
+        "dist/types/stories/*.d.ts"
       ]
     }
   },
   "exports": {
-    "./types": {
-      "types": "./dist/types/types/index.d.ts"
+    "./types/components/Modal/Modal.interface": {
+      "import": "./dist/types/components/Modal/Modal.interface.d.ts",
+      "types": "./dist/types/components/Modal/Modal.interface.d.ts"
     },
     "./components/*": {
       "import": "./dist/components/*.js",
@@ -88,7 +89,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.7",
+    "@itcase/common": "^1.2.8",
     "clsx": "^2.1.1",
     "html5-boilerplate": "^9.0.1",
     "js-cookie": "^3.0.5",
@@ -110,7 +111,7 @@
     "react-scroll": "^1.9.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
-    "swiper": "^11.1.9",
+    "swiper": "^11.1.10",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
@@ -143,7 +144,7 @@
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "9.9.0",
-    "husky": "^9.1.4",
+    "husky": "^9.1.5",
     "lint-staged": "^15.2.9",
     "npm": "^10.8.2",
     "postcss": "^8.4.41",
@@ -164,17 +165,17 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^10.0.1",
+    "postcss-preset-env": "^10.0.2",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "3.3.3",
-    "rollup": "^4.20.0",
+    "rollup": "^4.21.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.1",
-    "semantic-release": "^24.0.0",
+    "semantic-release": "^24.1.0",
     "stylelint": "^16.8.2",
     "typescript": "^5.5.4"
   }