@itcase/ui 1.1.13 → 1.1.15

package/dist/{Accordion-vh2p5Mzs.js → Accordion-DyOfdiGd.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-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 var ChevronDown16 = function ChevronDown16(props) {

package/dist/{Avatar-DhZxzLEY.js → Avatar-DLNS2LBo.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 

package/dist/{Badge-D-4zpdfU.js → Badge-BBbMdbjo.js}

@@ -12,7 +12,7 @@ var badgeConfig = {
     },
 };
 function Badge(props) {
-    var _a;
+    var _a, _b;
     var appearance = props.appearance, children = props.children, className = props.className, mode = props.mode; props.shape; props.size; var textColor = props.textColor, textSize = props.textSize, value = props.value;
     var borderColorClass = useDeviceTargetClass(props, {
         prefix: 'border-color_',
@@ -34,6 +34,10 @@ function Badge(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
     var positionClass = useDeviceTargetClass(props, {
         prefix: 'position_',
         propsKey: 'position',
@@ -51,7 +55,9 @@ function Badge(props) {
     var appearanceConfig = useMemo(function () { return appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]; }, [appearance, badgeConfig]);
     return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                ((_a = "fill_".concat(appearanceConfig.fill)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase())), positionClass, sizeClass, shapeClass), style: badgeStyles, children: children ||
+                ((_a = "fill_".concat(appearanceConfig.fill)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase())), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                ((_b = "fill_hover_".concat(appearanceConfig.fillHover)) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1').toLowerCase())), positionClass, sizeClass, shapeClass), style: badgeStyles, children: children ||
             (value && (jsxRuntimeExports.jsx(Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
 }
 Badge.defaultProps = {

package/dist/{Breadcrumbs-CciIq1Na.js → Breadcrumbs-Dz-WcAoT.js}

@@ -5,8 +5,8 @@ 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-Duj1nynQ.js';
-import { a as LinkWrapper } from './Link-CbCqej5B.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function BreadcrumbsItem(props) {

package/dist/{Button-BXClqM-t.js → Button-ULZVVxWC.js}

@@ -3,8 +3,8 @@ import React__default, { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
-import { a as LinkWrapper } from './Link-CbCqej5B.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
 import { L as Loader } from './Loader-YZrWGaNy.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 

package/dist/{Cell-BfV_aVxs.js → Cell-DftU408q.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
-import { L as Label } from './Label-D9cQMuy3.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
+import { L as Label } from './Label-VHbRKztj.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function Cell(props) {

package/dist/{Choice-BJd9Jx4D.js → Choice-BT6xwc_a.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 var choiceConfig = {
@@ -12,13 +12,13 @@ var choiceConfig = {
     },
 };
 var Choice = React__default.forwardRef(function Choice(props, ref) {
-    var active = props.active, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, isDisabled = props.isDisabled, isMultiple = props.isMultiple, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextWeight = props.labelTextWeight, labelTextSize = props.labelTextSize, name = props.name, options = props.options, set = props.set, _a = props.size, size = _a === void 0 ? 'normal' : _a, type = props.type, setActiveSegment = props.setActiveSegment;
+    var active = props.active, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, isDisabled = props.isDisabled, isCheckbox = props.isCheckbox, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextWeight = props.labelTextWeight, labelTextSize = props.labelTextSize, name = props.name, options = props.options, set = props.set, _a = props.size, size = _a === void 0 ? 'normal' : _a, type = props.type, setActiveSegment = props.setActiveSegment;
     var controlRef = useRef(null);
     var optionsRefs = useMemo(function () { return new Map(options.map(function (item) { return [item.value, createRef()]; })); }, [options]);
     var onChange = useCallback(function (event, item) {
-        var isChecked = isMultiple ? event.target.checked : true;
+        var isChecked = isCheckbox ? event.target.checked : true;
         setActiveSegment && setActiveSegment(item, isChecked);
-    }, [isMultiple, setActiveSegment]);
+    }, [isCheckbox, setActiveSegment]);
     var borderColorClass = useDeviceTargetClass(props, {
         prefix: 'border-color_',
         propsKey: 'borderColor',
@@ -81,13 +81,15 @@ var Choice = React__default.forwardRef(function Choice(props, ref) {
                         : fillActiveDisabledClass
                     : !isDisabled
                         ? fillClass
-                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", id: "".concat(name, "-").concat(item.value), name: name, disabled: isDisabled, type: isMultiple ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntimeExports.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: item.value === active.value
+                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", id: "".concat(name, "-").concat(item.value), name: name, disabled: isDisabled, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntimeExports.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: item.value === active.value
                                     ? !isDisabled
                                         ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
                                         : labelTextActiveColorDisabled
                                     : !isDisabled
                                         ? labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor)
-                                        : labelTextColorDisabled, textWeight: labelTextWeight, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { className: "choice__item-icon", iconFill: item.value === active.value ? (activeIconItemFill || item.activeIconItemFill) : (iconItemFill || item.iconItemFill), iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, SvgImage: item.value === active.value ? activeIcon : icon })), after] })] }, item.value)); }) }) }));
+                                        : labelTextColorDisabled, textWeight: labelTextWeight, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { className: "choice__item-icon", iconFill: item.value === active.value
+                                    ? activeIconItemFill || item.activeIconItemFill
+                                    : iconItemFill || item.iconItemFill, iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, SvgImage: item.value === active.value ? activeIcon : icon })), after] })] }, item.value)); }) }) }));
 });
 Choice.defaultProps = {
     active: { value: undefined },

package/dist/{ContextMenuItem-CpZ3pjky.js → ContextMenuItem--304_MdY.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function ContextMenu(props) {

package/dist/{CookiesWarning-jN2hWm12.js → CookiesWarning-CDlz4Rfl.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-BXClqM-t.js';
+import { B as Button } from './Button-ULZVVxWC.js';
 import { G as Group } from './Group-C2kJKhWJ.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
@@ -23,13 +23,13 @@ function CookiesWarning(props) {
         return function () {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         };
-    }, []); // eslint-disable-line
+    }, []);
     useEffect(function () {
         // isHideOnScroll &&
         if (!isOpen) {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         }
-    }, [isOpen]); // eslint-disable-line
+    }, [isOpen]);
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -41,7 +41,7 @@ function CookiesWarning(props) {
     var gap = useDeviceTargetClass(props, {
         propsKey: 'gap',
     });
-    return isOpen ? (jsxRuntimeExports.jsx("div", { ref: cookiesWarningRef, className: clsx('cookies-warning', className, fillClass, fillGradientClass), children: jsxRuntimeExports.jsxs(Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntimeExports.jsx(Text, { size: textSize, textColor: textColor, children: message }), jsxRuntimeExports.jsx(Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
+    return isOpen ? (jsxRuntimeExports.jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxRuntimeExports.jsxs(Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntimeExports.jsx(Text, { size: textSize, textColor: textColor, children: message }), jsxRuntimeExports.jsx(Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
 }
 CookiesWarning.defaultProps = {
     message: 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».',