@itcase/ui 1.1.16 → 1.1.18

package/dist/cjs/{Choice-Cm_1ke3H.js → Choice-nMRlWkpF.js}

@@ -4,8 +4,9 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Loader = require('./Loader-2CPNhu-4.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -19,7 +20,7 @@ var choiceConfig = {
     },
 };
 var Choice = React__default.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, 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 _a = props.isCheckbox, isCheckbox = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _d = props.active, active = _d === void 0 ? { value: undefined } : _d, 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, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, name = props.name, _e = props.options, options = _e === void 0 ? [] : _e, set = props.set, setActiveSegment = props.setActiveSegment, _f = props.size, size = _f === void 0 ? 'normal' : _f, type = props.type;
     var controlRef = React.useRef(null);
     var optionsRefs = React.useMemo(function () { return new Map(options.map(function (item) { return [item.value, React.createRef()]; })); }, [options]);
     var onChange = React.useCallback(function (event, item) {
@@ -62,8 +63,9 @@ var Choice = React__default.default.forwardRef(function Choice(props, ref) {
         prefix: 'fill_active_disabled_',
         propsKey: 'fillActiveDisabled',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]; }, [appearance, choiceConfig]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'choice', shapeClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: controlRef, className: clsx__default.default(className, 'choice', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "choice_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
             ? fillClass ||
@@ -73,7 +75,7 @@ var Choice = React__default.default.forwardRef(function Choice(props, ref) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), ref: controlRef, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options === null || options === void 0 ? void 0 : options.map(function (item, i) { return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('choice__item', !isDisabled &&
+                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), children: isLoading ? (jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: optionsRefs.get(item.value), className: clsx__default.default('choice__item', !isDisabled &&
                     (fillHoverClass ||
                         ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                             "fill_active_".concat(appearanceConfig.fillHover)
@@ -88,21 +90,16 @@ var Choice = React__default.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: [jsxRuntime.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); } }), jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx__default.default('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntime.jsxRuntimeExports.jsx(Text.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'), children: [jsxRuntime.jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", disabled: isDisabled, id: "".concat(name, "-").concat(item.value), name: name, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntime.jsxRuntimeExports.jsxs("label", { htmlFor: "".concat(name, "-").concat(item.value), className: clsx__default.default('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), children: [before, item.label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, 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) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "choice__item-icon", iconFill: item.value === active.value
+                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { SvgImage: item.value === active.value ? activeIcon : icon, className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, 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)); }) }) }));
+                                    : iconItemFill || item.iconItemFill })), after] })] }, item.value)); }) })) }));
 });
-Choice.defaultProps = {
-    active: { value: undefined },
-    options: [],
-    size: 'normal',
-};
 
 exports.Choice = Choice;
 exports.choiceConfig = choiceConfig;

package/dist/cjs/{Code-ByEr4h2R.js → Code-BJFoJBYh.js}

@@ -261,7 +261,6 @@ function Code(props) {
 }
 Code.defaultProps = {
     inputCount: 6,
-    gap: 12,
     inputType: 'number',
     inputSize: 'normal',
     inputBorderWidth: 1,

package/dist/cjs/{ContextMenuItem-D6dUiYw7.js → ContextMenuItem-D2wjhhzg.js}

@@ -4,8 +4,8 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{CookiesWarning-BfkNifW2.js → CookiesWarning--Edz7Gcv.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-DfUQ11Hs.js');
-var Group = require('./Group-C9BxTKs-.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Button = require('./Button-C-K_KVjd.js');
+var Group = require('./Group-CtseVj34.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{DatePicker-e4-8mC1N.js → DatePicker-vgeb1SWe.js}

@@ -5,13 +5,13 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var ReactDOM = require('react-dom');
-var floatingUi_dom = require('./floating-ui.dom-D1St6qnn.js');
+var floatingUi_dom = require('./floating-ui.dom-ma2MDAMT.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-DfUQ11Hs.js');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Button = require('./Button-C-K_KVjd.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 var Input = require('./Input-vwyG3XF0.js');
-var Label = require('./Label-EFoxH21m.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Label = require('./Label-Bc4u2NRI.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Drawer-BGZBaR2Q.js → Drawer-AQqI18ra.js}

@@ -137,10 +137,10 @@ var EZDrawer = function EZDrawer(props) {
 };
 
 function Drawer(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type, isOpenModal = props.isOpenModal, closeModal = props.closeModal;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(EZDrawer, { className: clsx__default.default('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', lockBackgroundScroll: false, 
+    var children = props.children, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
+    return (jsxRuntime.jsxRuntimeExports.jsxs(EZDrawer, { direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false, 
         // @ts-expect-error
-        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: closeModal, enableOverlay: enableOverlay, children: [before && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
+        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, className: clsx__default.default('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), onClose: closeModal, children: [before && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 exports.Drawer = Drawer;

package/dist/cjs/{DropdownItem-BhpFr7Z0.js → DropdownItem-CCuDjUjH.js}

@@ -7,7 +7,7 @@ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Divider = require('./Divider-D92wY8Fn.js');
 var Link = require('./Link-B6Xq7PWn.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Group-C9BxTKs-.js → Group-CtseVj34.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
@@ -92,7 +91,7 @@ function Group(props) {
     });
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = React.useMemo(function () { return appearance && groupConfig.appearance && groupConfig.appearance[appearance]; }, [appearance, groupConfig]);
+    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)

package/dist/cjs/HTMLContent-4vI2pdQC.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function HTMLContent(props) {
+    var children = props.children, className = props.className, content = props.content, dataTour = props.dataTour, style = props.style, onClick = props.onClick;
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_shape_',
+        propsKey: 'shape',
+    });
+    var columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_columns_',
+        propsKey: 'columns',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var flexGrowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    // @ts-expect-error
+    var htmlContentStyles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: content }, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), className: clsx__default.default(className, 'html-content', alignClass, alignDirectionClass, borderColorClass, borderTypeClass, borderWidthClass, columnsClass, directionClass, elevationClass, fillClass, fillHoverClass, flexGrowClass, heightClass, justifyContentClass, shapeClass, textColorClass, weightClass, wrapClass, widthClass), onClick: onClick, children: children }));
+}
+
+exports.HTMLContent = HTMLContent;

package/dist/cjs/{Icon-2rv_L0yY.js → Icon-BUwWk_dS.js}

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Link = require('./Link-B6Xq7PWn.js');
-var Tooltip = require('./Tooltip-DRsL77n1.js');
+var Tooltip = require('./Tooltip-VrKQ8W1G.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{InputPassword-BXCwerW2.js → InputPassword-BqbSnWDE.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -74,9 +74,7 @@ function InputPassword(props) {
         e.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
     }, [setIsRevealed]);
-    var appearanceConfig = React.useMemo(function () {
-        return appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
-    }, [appearance, inputPasswordConfig]);
+    var appearanceConfig = appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
     var stateConfig = React.useMemo(function () { return state && inputPasswordConfig.state && inputPasswordConfig.state[state]; }, [state, inputPasswordConfig]);
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "input-password", children: [jsxRuntime.jsxRuntimeExports.jsx("input", { className: clsx__default.default(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&

package/dist/cjs/{Label-EFoxH21m.js → Label-Bc4u2NRI.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Tooltip = require('./Tooltip-DRsL77n1.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Tooltip = require('./Tooltip-VrKQ8W1G.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -71,7 +71,7 @@ function Label(props) {
     });
     // @ts-expect-error
     var labelStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && labelConfig.appearance && labelConfig.appearance[appearance]; }, [appearance, labelConfig]);
+    var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'label', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||

package/dist/cjs/{LanguageSelector-CFKki1Sr.js → LanguageSelector-BswZL8dZ.js}

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Loader-2vQxF_aO.js → Loader-2CPNhu-4.js}

@@ -1,11 +1,10 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -43,7 +42,7 @@ function Loader(props) {
     });
     // @ts-expect-error
     var loader = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && loaderConfig.appearance && loaderConfig.appearance[appearance]; }, [appearance, loaderConfig]);
+    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
     /*
      * TODO: set temporary variables by other way
      */

package/dist/cjs/Logo-BjDQjs3w.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+var Link = require('./Link-B6Xq7PWn.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var logoConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        logoConfig.appearance = newComponent;
+    },
+};
+function Logo(props) {
+    var alt = props.alt, appearance = props.appearance, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src, srcSize = props.srcSize;
+    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'logo_align-items_',
+        propsKey: 'alignItems',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    // @ts-expect-error
+    var logo = useStyles.useStyles(props).styles;
+    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { style: logo, className: clsx__default.default(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), children: link || href ? (jsxRuntime.jsxRuntimeExports.jsx(Link.LinkWrapper, { href: link || href, children: jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) }) })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) })) }));
+}
+
+exports.Logo = Logo;
+exports.logoConfig = logoConfig;

package/dist/cjs/{Menu-rXCCn52A.js → Menu-Bn0hqLr-.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var MenuItem = require('./MenuItem-C__OMtEI.js');
+var MenuItem = require('./MenuItem-C-0vQBaj.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{MenuItem-C__OMtEI.js → MenuItem-C-0vQBaj.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Link = require('./Link-B6Xq7PWn.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -75,7 +75,7 @@ function MenuItem(props) {
     });
     // @ts-expect-error
     var menuItem = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance]; }, [appearance, menuItemConfig]);
+    var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
             (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { className: clsx__default.default('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [before, children || (jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }

package/dist/cjs/{ModalLoader-Cddzca-W.js → ModalLoader-DJWtjEvf.js}

@@ -7,7 +7,7 @@ var ReactDOM = require('react-dom');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Overlay = require('./Overlay-18bnPZPd.js');
-var Loader = require('./Loader-2vQxF_aO.js');
+var Loader = require('./Loader-2CPNhu-4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -71,8 +71,6 @@ var Modal = React__default.default.forwardRef(function Modal(props, ref) {
     // Show modal with children content
     var openModal = React.useCallback(function () {
         setIsOpen(true);
-        console.warn('========   openModal   ========');
-        console.log('onOpenModal ', onOpenModal);
         // Callback
         if (typeof onOpenModal === 'function') {
             onOpenModal();

package/dist/cjs/{NotificationList-CKd0PxLU.js → NotificationList-D7rD4PAW.js}

@@ -3,10 +3,9 @@
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var Notifications = require('./context/Notifications.js');
-var React = require('react');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-DZn77tSl.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -24,11 +23,9 @@ function NotificationItem(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
-    var appearanceConfig = React.useMemo(function () {
-        return appearance &&
-            notificationItemConfig.appearance &&
-            notificationItemConfig.appearance[appearance];
-    }, [appearance, notificationItemConfig]);
+    var appearanceConfig = appearance &&
+        notificationItemConfig.appearance &&
+        notificationItemConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||

package/dist/cjs/{Pagination-D6thfJMP.js → Pagination-XAVYtca1.js}

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var DropdownItem = require('./DropdownItem-BhpFr7Z0.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var DropdownItem = require('./DropdownItem-CCuDjUjH.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Radio-Cvbuwkx3.js → Radio-BH3uHZDb.js}

@@ -1,10 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -62,7 +61,7 @@ function Radio(props) {
         prefix: 'border-color_',
         propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && radioConfig.appearance && radioConfig.appearance[appearance]; }, [appearance, radioConfig]);
+    var appearanceConfig = appearance && radioConfig.appearance && radioConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('radio__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "radio_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)

package/dist/cjs/{Response-CwdUpO-8.js → Response-BmR09awR.js}

@@ -6,10 +6,10 @@ 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-DfUQ11Hs.js');
-var Group = require('./Group-C9BxTKs-.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-DZn77tSl.js');
+var Button = require('./Button-C-K_KVjd.js');
+var Group = require('./Group-CtseVj34.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -64,7 +64,7 @@ function Response(props) {
     });
     // @ts-expect-error
     var responseStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && responseConfig.appearance && responseConfig.appearance[appearance]; }, [appearance, responseConfig]);
+    var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'response', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||

package/dist/cjs/{SearchResult-BnIZD8lL.js → SearchResult-gHEwq0ay.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -86,7 +86,7 @@ var SearchInput = React__default.default.forwardRef(function SearchInput(props,
     });
     // @ts-expect-error
     var searchInputStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && searchInputConfig.appearance && searchInputConfig.appearance[appearance]; }, [appearance, searchInputConfig]);
+    var appearanceConfig = appearance && searchInputConfig.appearance && searchInputConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx__default.default(className, 'search-input', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "search_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||

package/dist/cjs/{Segmented-BHblcvck.js → Segmented-BtzSR0xB.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -70,7 +70,8 @@ var Segmented = React__default.default.forwardRef(function (props, ref) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && segmentedConfig.appearance && segmentedConfig.appearance[appearance]; }, [appearance, segmentedConfig]);
+    // prettier-ignore
+    var appearanceConfig = (appearance && segmentedConfig.appearance && segmentedConfig.appearance[appearance]);
     return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'segmented', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "segmented_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||

package/dist/cjs/{SiteMenuButton-B2wBLVOJ.js → SiteMenuButton-B6QISdea.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('./context/UIContext.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }