@itcase/ui 1.4.6 → 1.4.8

package/dist/components/Chips.js

@@ -1,11 +1,11 @@
 import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon-htF_V35Y.js';
+import { I as Icon } from '../Icon-OJ_3E3eM.js';
 import { T as Text } from '../Text-C6NSmetx.js';
-import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -16,49 +16,82 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Link-BhJ5BdyS.js';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
+import '../Link-DaKqf1pb.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';
 
-var chipsAppearance = {
+var chipsAppearanceAccent = {
     accent: {
-        borderColor: 'accentBorderSecondary',
         fill: 'accentPrimary',
         fillHover: 'accentPrimaryHover',
         labelTextColor: 'accentTextPrimary',
+        borderColor: 'accentBorderSecondary',
     },
+};
+
+var chipsAppearanceDanger = {};
+
+var chipsAppearanceDisabled = {
+    disabled: {
+        fill: 'disabledPrimary',
+        fillActive: 'disabledPrimary',
+        labelTextColor: 'disabledTextPrimary',
+        borderColor: 'disabledBorderPrimary',
+    },
+};
+
+var chipsAppearanceError = {};
+
+var chipsAppearanceInfo = {};
+
+var chipsAppearancePrimary = {
     primary: {
-        borderColor: 'primaryBorderSecondary',
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
         labelTextColor: 'primaryTextPrimary',
     },
+};
+
+var chipsAppearanceSecondary = {
     secondary: {
-        borderColor: 'secondaryBorderSecondary',
         fill: 'secondaryPrimary',
         fillHover: 'secondaryPrimaryHover',
         labelTextColor: 'secondaryTextPrimary',
+        borderColor: 'secondaryBorderSecondary',
     },
+};
+
+var chipsAppearanceSize = {};
+
+var chipsAppearanceStyle = {};
+
+var chipsAppearanceSuccess = {};
+
+var chipsAppearanceSurface = {
     surfacePrimary: {
-        borderColor: 'surfaceBorderTertiary',
         fill: 'surfacePrimary',
         fillHover: 'surfacePrimaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
     },
     surfaceSecondary: {
-        borderColor: 'surfaceBorderSecondary',
         fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderSecondary',
     },
     surfaceTertiary: {
-        borderColor: 'surfaceBorderTertiary',
         fill: 'surfaceTertiary',
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
     },
 };
 
+var chipsAppearanceWarning = {};
+
+var chipsAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, chipsAppearanceSize), chipsAppearanceStyle), chipsAppearanceAccent), chipsAppearanceDanger), chipsAppearanceError), chipsAppearanceInfo), chipsAppearancePrimary), chipsAppearanceSecondary), chipsAppearanceSuccess), chipsAppearanceSurface), chipsAppearanceWarning), chipsAppearanceDisabled);
+
 var chipsConfig = {
     appearance: chipsAppearance,
     setAppearance: function (appearanceConfig) {
@@ -66,18 +99,26 @@ var chipsConfig = {
     },
 };
 function Chips(props) {
-    var className = props.className, appearance = props.appearance, _a = props.label, label = _a === void 0 ? '' : _a, dataTestId = props.dataTestId, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, isActive = props.isActive, onClick = props.onClick, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
-        var _a;
-        return (__assign(__assign({}, resultApperance), (_a = chipsConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
-    }, {});
+    var className = props.className, appearance = props.appearance, _a = props.label, label = _a === void 0 ? '' : _a, dataTestId = props.dataTestId, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, isActive = props.isActive, isDisabled = props.isDisabled, onClick = props.onClick, children = props.children;
+    var appearanceConfig = useMemo(function () {
+        var appearanceProps = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
+            var _a;
+            return (__assign(__assign({}, resultApperance), (_a = chipsConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+        }, {});
+        if (isDisabled && chipsConfig.appearance.disabled) {
+            Object.assign(appearanceProps, chipsConfig.appearance.disabled);
+        }
+        return appearanceProps;
+    }, [appearance, isDisabled]);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, cursorClass = propsGenerator.cursorClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, isDisabled = propsGenerator.isDisabled;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, cursorClass = propsGenerator.cursorClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    console.log(isDisabled);
+    console.log(fillClass);
     // @ts-expect-error
     var chipsStyles = useStyles(props).styles;
     return (jsx("div", { className: clsx(className, 'chips', isActive && 'chips_state_active', isActive
             ? fillActiveClass && "fill_active_".concat(fillActiveClass)
-            : fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: isActive ? labelTextActiveColor : labelTextColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }));
+            : fillClass && "fill_".concat(fillClass), fillHoverClass && !isDisabled && "fill_hover_".concat(fillHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }));
 }
 
 export { Chips, chipsAppearance, chipsConfig };

package/dist/components/Choice.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon-htF_V35Y.js';
-import { L as Loader } from '../Loader-D4_r7LML.js';
+import { I as Icon } from '../Icon-OJ_3E3eM.js';
+import { L as Loader } from '../Loader-VK3q7PBN.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
@@ -17,9 +17,9 @@ import 'react-inlinesvg';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-BhJ5BdyS.js';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
+import '../Link-DaKqf1pb.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';
 
 var choiceAppearance = {
     accent: {
@@ -47,8 +47,8 @@ var choiceAppearance = {
 
 var choiceConfig = {
     appearance: choiceAppearance,
-    setAppearance: function (newComponent) {
-        choiceConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        choiceConfig.appearance = appearanceConfig;
     },
 };
 function Choice(props) {

package/dist/components/Code.js

@@ -18,8 +18,8 @@ var codeAppearance = {
 
 var codeConfig = {
     appearance: codeAppearance,
-    setAppearance: function (newComponent) {
-        codeConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        codeConfig.appearance = appearanceConfig;
     },
 };
 function Code(props) {

package/dist/components/CookiesWarning.js

@@ -3,8 +3,8 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button-Bsrw4D7p.js';
-import { G as Group } from '../Group-Dz8xytje.js';
+import { B as Button } from '../Button-xYLCmT3D.js';
+import { G as Group } from '../Group-BICb8bYQ.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
@@ -14,15 +14,15 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
+import '../Icon-OJ_3E3eM.js';
+import 'react-inlinesvg';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon-htF_V35Y.js';
-import 'react-inlinesvg';
-import '../Link-BhJ5BdyS.js';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
-import '../Loader-D4_r7LML.js';
+import '../Link-DaKqf1pb.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';
+import '../Loader-VK3q7PBN.js';
 
 function CookiesWarning(props) {
     var _a = props.isHideOnScroll, isHideOnScroll = _a === void 0 ? false : _a, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, buttonWidth = props.buttonWidth, className = props.className, _c = props.message, message = _c === void 0 ? '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».' : _c, textColor = props.textColor, textSize = props.textSize;

package/dist/components/DadataHintField.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input-COFdaiTe.js';
+import { I as Input } from '../Input-DHJIVk1z.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/DatePicker.js

@@ -6,10 +6,10 @@ import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button-Bsrw4D7p.js';
-import { I as Icon } from '../Icon-htF_V35Y.js';
-import { I as Input } from '../Input-COFdaiTe.js';
-import { L as Label } from '../Label-I9WNpCXa.js';
+import { B as Button } from '../Button-xYLCmT3D.js';
+import { I as Icon } from '../Icon-OJ_3E3eM.js';
+import { I as Input } from '../Input-DHJIVk1z.js';
+import { L as Label } from '../Label-y2hx5Q81.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -20,20 +20,45 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-BhJ5BdyS.js';
-import '../Loader-D4_r7LML.js';
+import '../Link-DaKqf1pb.js';
+import '../Loader-VK3q7PBN.js';
 import 'react-inlinesvg';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';
 
 var datePickerAppearance = {
-    dev: {},
+    default: {
+        datePicker: {
+            daySize: 'xs',
+            dayTextColor: 'surfaceTextPrimary',
+            dayTextShape: 'rounded',
+            dayTextSize: 'm',
+            iconItemFill: 'surfaceItemPrimary',
+            monthTextColor: 'surfaceTextPrimary',
+            monthTextSize: 'xl',
+            monthTextWeight: '400',
+            yearTextColor: 'surfaceTextPrimary',
+            yearTextSize: 'xl',
+            yearTextWeight: '400',
+        },
+        input: {
+            width: '200',
+            size: 's',
+            borderColor: 'accentBorderPrimary',
+            textColor: 'surfaceTextPrimary',
+            textSize: 'm',
+            caret: 'surfaceItemPrimary',
+            placeholderTextColor: 'surfaceTextSecondary',
+            shape: 'rounded',
+        },
+        shape: 'rounded',
+    },
 };
 
 var datePickerConfig = {
     appearance: datePickerAppearance,
-    setAppearance: function (newComponent) {
-        datePickerConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        datePickerConfig.appearance = appearanceConfig;
     },
 };
 function DatePickerInput(props) {

package/dist/components/Drawer.js

@@ -9,8 +9,8 @@ var drawerAppearance = {
 
 var drawerConfig = {
     appearance: drawerAppearance,
-    setAppearance: function (newComponent) {
-        drawerConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        drawerConfig.appearance = appearanceConfig;
     },
 };
 function Drawer(props) {

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem-g5jWbyJy.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem-mr__S8vt.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -15,5 +15,5 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Divider-BQcBkzt1.js';
-import '../Link-BhJ5BdyS.js';
+import '../Link-DaKqf1pb.js';
 import '../Text-C6NSmetx.js';

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, a as groupAppearance, g as groupConfig } from '../Group-Dz8xytje.js';
+export { G as Group, a as groupAppearance, g as groupConfig } from '../Group-BICb8bYQ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/HeroTitle.js

@@ -22,8 +22,8 @@ var heroTitleAppearance = {
 
 var heroTitleConfig = {
     appearance: heroTitleAppearance,
-    setAppearance: function (newComponent) {
-        heroTitleConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        heroTitleConfig.appearance = appearanceConfig;
     },
 };
 function HeroTitle(props) {

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon-htF_V35Y.js';
+export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon-OJ_3E3eM.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -15,7 +15,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-BhJ5BdyS.js';
-import '../Tooltip-BYgzNVYI.js';
+import '../Link-DaKqf1pb.js';
+import '../Tooltip-5lQyt5-Y.js';
 import '../Text-C6NSmetx.js';
-import '../Title-Dck3eHNM.js';
+import '../Title-Byi9vhDt.js';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig, b as inputState } from '../Input-COFdaiTe.js';
+export { I as Input, a as inputAppearance, i as inputConfig, b as inputState } from '../Input-DHJIVk1z.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/InputMask.js

@@ -13,8 +13,8 @@ import '../utils/setViewportProperty.js';
 
 var inputMaskConfig = {
     appearance: undefined,
-    setAppearance: function (newComponent) {
-        inputMaskConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        inputMaskConfig.appearance = appearanceConfig;
     },
     setState: function (newComponent) {
         inputMaskConfig.state = newComponent;

package/dist/components/InputPassword.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon-htF_V35Y.js';
+import { I as Icon } from '../Icon-OJ_3E3eM.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -15,10 +15,10 @@ import 'react-inlinesvg';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Link-BhJ5BdyS.js';
-import '../Tooltip-BYgzNVYI.js';
+import '../Link-DaKqf1pb.js';
+import '../Tooltip-5lQyt5-Y.js';
 import '../Text-C6NSmetx.js';
-import '../Title-Dck3eHNM.js';
+import '../Title-Byi9vhDt.js';
 
 var InputPasswordAppearance = {
     dev: {
@@ -76,8 +76,8 @@ var InputPasswordState = {
 
 var inputPasswordConfig = {
     appearance: InputPasswordAppearance,
-    setAppearance: function (newComponent) {
-        inputPasswordConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        inputPasswordConfig.appearance = appearanceConfig;
     },
     state: InputPasswordState,
     // eslint-disable-next-line perfectionist/sort-objects

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label-I9WNpCXa.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label-y2hx5Q81.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -15,5 +15,5 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text-C6NSmetx.js';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';

package/dist/components/Link.js

@@ -1,4 +1,4 @@
-export { a as Link, L as LinkWrapper, l as linkConfig } from '../Link-BhJ5BdyS.js';
+export { a as Link, L as LinkWrapper, l as linkConfig } from '../Link-DaKqf1pb.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/List.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { a as Link } from '../Link-BhJ5BdyS.js';
+import { a as Link } from '../Link-DaKqf1pb.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Loader.js

@@ -1,4 +1,4 @@
-export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader-D4_r7LML.js';
+export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader-VK3q7PBN.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'clsx';

package/dist/components/Logo.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { L as LinkWrapper } from '../Link-BhJ5BdyS.js';
+import { L as LinkWrapper } from '../Link-DaKqf1pb.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/MenuItem.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { a as Link } from '../Link-BhJ5BdyS.js';
+import { a as Link } from '../Link-DaKqf1pb.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
@@ -27,8 +27,8 @@ var menuItemAppearance = {
 
 var menuItemConfig = {
     appearance: menuItemAppearance,
-    setAppearance: function (newComponent) {
-        menuItemConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        menuItemConfig.appearance = appearanceConfig;
     },
 };
 function MenuItem(props) {

package/dist/components/Modal.js

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import ReactDOM from 'react-dom';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { O as Overlay } from '../Overlay-BKh07Vb2.js';
-import { T as Title } from '../Title-Dck3eHNM.js';
-import { L as Loader } from '../Loader-D4_r7LML.js';
+import { O as Overlay } from '../Overlay-CZixnXZ6.js';
+import { T as Title } from '../Title-Byi9vhDt.js';
+import { L as Loader } from '../Loader-VK3q7PBN.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Notification.js

@@ -53,8 +53,8 @@ var notificationItemAppearance = {
 
 var notificationItemConfig = {
     appearance: notificationItemAppearance,
-    setAppearance: function (newComponent) {
-        notificationItemConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        notificationItemConfig.appearance = appearanceConfig;
     },
 };
 function NotificationItem(props) {

package/dist/components/Overlay.js

@@ -1,4 +1,4 @@
-export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../Overlay-BKh07Vb2.js';
+export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../Overlay-CZixnXZ6.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/components/Pagination.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-g5jWbyJy.js';
-import { I as Icon } from '../Icon-htF_V35Y.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-mr__S8vt.js';
+import { I as Icon } from '../Icon-OJ_3E3eM.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
@@ -19,10 +19,10 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Divider-BQcBkzt1.js';
-import '../Link-BhJ5BdyS.js';
+import '../Link-DaKqf1pb.js';
 import 'react-inlinesvg';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';
 
 var paginationAppearance = {
     default: {
@@ -61,8 +61,8 @@ var paginationAppearance = {
 
 var paginationConfig = {
     appearance: paginationAppearance,
-    setAppearance: function (newComponent) {
-        paginationConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        paginationConfig.appearance = appearanceConfig;
     },
 };
 function Pagination(props) {

package/dist/components/Panel.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { G as Group } from '../Group-Dz8xytje.js';
+import { G as Group } from '../Group-BICb8bYQ.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'lodash/camelCase';
@@ -18,8 +18,8 @@ import '../hooks/useStyles/styleAttributes.js';
 
 var panelConfig = {
     appearance: undefined,
-    setAppearance: function (newComponent) {
-        panelConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        panelConfig.appearance = appearanceConfig;
     },
 };
 var Panel = React.forwardRef(function Panel(props, ref) {

package/dist/components/Radio.js

@@ -36,8 +36,8 @@ var radioState = {
 
 var radioConfig = {
     appearance: radioAppearance,
-    setAppearance: function (newComponent) {
-        radioConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        radioConfig.appearance = appearanceConfig;
     },
     state: radioState,
     // eslint-disable-next-line perfectionist/sort-objects

package/dist/components/Response.js

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button-Bsrw4D7p.js';
-import { G as Group } from '../Group-Dz8xytje.js';
+import { B as Button } from '../Button-xYLCmT3D.js';
+import { G as Group } from '../Group-BICb8bYQ.js';
 import { T as Text } from '../Text-C6NSmetx.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,11 +17,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon-htF_V35Y.js';
-import '../Link-BhJ5BdyS.js';
-import '../Tooltip-BYgzNVYI.js';
-import '../Title-Dck3eHNM.js';
-import '../Loader-D4_r7LML.js';
+import '../Icon-OJ_3E3eM.js';
+import '../Link-DaKqf1pb.js';
+import '../Tooltip-5lQyt5-Y.js';
+import '../Title-Byi9vhDt.js';
+import '../Loader-VK3q7PBN.js';
 
 var img$6 = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='90' cy='90' r='90' fill='%23D9D9D9'/%3e%3cpath d='M93.2275 101.842H84.0659C83.8263 99.1898 83.976 96.839 84.515 94.7895C85.1138 92.74 86.2216 90.8111 87.8383 89.0027C89.515 87.1341 91.7904 85.2051 94.6647 83.2159C96.5808 81.8898 97.9581 80.5637 98.7964 79.2375C99.6946 77.9114 100.144 76.4345 100.144 74.807C100.144 72.2753 99.2156 70.1957 97.3593 68.5682C95.503 66.9406 93.0778 66.1269 90.0838 66.1269C87.3892 66.1269 84.7246 66.9105 82.0898 68.4777C79.4551 69.9847 77.0299 72.3959 74.8144 75.7112L67 67.9352C70.0539 64.0774 73.5868 61.1237 77.5988 59.0742C81.6707 57.0247 85.9521 56 90.4431 56C94.5749 56 98.2575 56.8439 101.491 58.5317C104.725 60.1592 107.269 62.3896 109.126 65.2227C111.042 67.9955 112 71.1601 112 74.7166C112 78.0922 111.042 81.1062 109.126 83.7584C107.269 86.4107 104.455 88.8821 100.683 91.1727C97.7485 92.8605 95.7725 94.4881 94.7545 96.0553C93.7365 97.6226 93.2275 99.5515 93.2275 101.842ZM96.1916 115.767C96.1916 117.756 95.4731 119.474 94.0359 120.92C92.5988 122.307 90.8323 123 88.7365 123C86.6407 123 84.8743 122.307 83.4371 120.92C82 119.474 81.2814 117.756 81.2814 115.767C81.2814 113.717 82 111.999 83.4371 110.613C84.8743 109.166 86.6407 108.443 88.7365 108.443C90.8323 108.443 92.5988 109.166 94.0359 110.613C95.4731 111.999 96.1916 113.717 96.1916 115.767Z' fill='%23747474'/%3e%3c/svg%3e";