@itcase/ui 1.4.5 → 1.4.7

package/dist/{Tooltip-DpBQQoNo.js → Tooltip-DRta8lK_.js}

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Text = require('./Text-C49zj3jO.js');
-var Title = require('./Title-BWWyRwLY.js');
+var Title = require('./Title-BLGDdlnX.js');
 
 var tooltipAppearance = {
     surfacePrimary: {

package/dist/cjs/components/Accordion.js

@@ -9,7 +9,7 @@ var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevic
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var _default = require('@itcase/icons/default');
 var Divider = require('../../Divider-ImOOytuN.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('lodash/camelCase');
 require('lodash/upperFirst');
@@ -20,9 +20,9 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');
 
 var accordionAppearance = {
     dev: {},
@@ -33,8 +33,8 @@ var accordionItemAppearance = {
 
 var accordionItemConfig = {
     appearance: accordionItemAppearance,
-    setAppearance: function (newComponent) {
-        accordionItemConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        accordionItemConfig.appearance = appearanceConfig;
     },
 };
 function AccordionItem(props) {
@@ -63,8 +63,8 @@ function AccordionItem(props) {
 
 var accordionConfig = {
     appearance: accordionAppearance,
-    setAppearance: function (newComponent) {
-        accordionConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        accordionConfig.appearance = appearanceConfig;
     },
 };
 function Accordion(props) {

package/dist/cjs/components/Avatar.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
 var Image = require('../../Image-BEGwuGBM.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('lodash/camelCase');
@@ -19,9 +19,9 @@ require('react-inlinesvg');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');
 
 var avatarAppearance = {
     dev: {},

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-C6SNRExV.js');
+var Badge = require('../../Badge-DnWTbwXq.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('clsx');
@@ -16,12 +16,12 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon-GVGrUu_Z.js');
+require('../../Icon-BcBOnVKH.js');
 require('react-inlinesvg');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
 require('../../Text-C49zj3jO.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Title-BLGDdlnX.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
-var Link = require('../../Link-B38Hn4G2.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
+var Link = require('../../Link-BnqN6ysn.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -19,8 +19,8 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');
 
 function BreadcrumbsItem(props) {
     var children = props.children, cursor = props.cursor, className = props.className, href = props.href, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textColor = props.textColor, textColorHover = props.textColorHover, textSize = props.textSize, onClick = props.onClick;

package/dist/cjs/components/Button.js

@@ -1,10 +1,12 @@
 'use strict';
 
-var Button = require('../../Button-WZZpsxTk.js');
+var Button = require('../../Button-BiJZz4Bx.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
+require('../../Icon-BcBOnVKH.js');
+require('react-inlinesvg');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -16,13 +18,11 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon-GVGrUu_Z.js');
-require('react-inlinesvg');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
 require('../../Text-C49zj3jO.js');
-require('../../Title-BWWyRwLY.js');
-require('../../Loader-DpYaDhe9.js');
+require('../../Title-BLGDdlnX.js');
+require('../../Loader-DdKHrLnw.js');
 
 
 

package/dist/cjs/components/Cell.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
-var Label = require('../../Label-DF2a2Mlx.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
+var Label = require('../../Label-D-LcvthP.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
@@ -19,9 +19,9 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');
 
 var cellAppearance = {
     dev: {},

package/dist/cjs/components/Chips.js

@@ -2,12 +2,12 @@
 
 var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
 var Text = require('../../Text-C49zj3jO.js');
-require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -18,49 +18,82 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.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 = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, chipsAppearanceSize), chipsAppearanceStyle), chipsAppearanceAccent), chipsAppearanceDanger), chipsAppearanceError), chipsAppearanceInfo), chipsAppearancePrimary), chipsAppearanceSecondary), chipsAppearanceSuccess), chipsAppearanceSurface), chipsAppearanceWarning), chipsAppearanceDisabled);
+
 var chipsConfig = {
     appearance: chipsAppearance,
     setAppearance: function (appearanceConfig) {
@@ -68,18 +101,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 (tslib_es6.__assign(tslib_es6.__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 = React.useMemo(function () {
+        var appearanceProps = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
+            var _a;
+            return (tslib_es6.__assign(tslib_es6.__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.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.useStyles(props).styles;
     return (jsxRuntime.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: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: isActive ? labelTextActiveColor : labelTextColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.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: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }));
 }
 
 exports.Chips = Chips;

package/dist/cjs/components/Choice.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
-var Loader = require('../../Loader-DpYaDhe9.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
+var Loader = require('../../Loader-DdKHrLnw.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
@@ -19,9 +19,9 @@ require('react-inlinesvg');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');
 
 var choiceAppearance = {
     accent: {
@@ -49,8 +49,8 @@ var choiceAppearance = {
 
 var choiceConfig = {
     appearance: choiceAppearance,
-    setAppearance: function (newComponent) {
-        choiceConfig.appearance = newComponent;
+    setAppearance: function (appearanceConfig) {
+        choiceConfig.appearance = appearanceConfig;
     },
 };
 function Choice(props) {

package/dist/cjs/components/Code.js

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

package/dist/cjs/components/CookiesWarning.js

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button-WZZpsxTk.js');
-var Group = require('../../Group-Chtnas-J.js');
+var Button = require('../../Button-BiJZz4Bx.js');
+var Group = require('../../Group-qq4Iisll.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
@@ -16,15 +16,15 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
+require('../../Icon-BcBOnVKH.js');
+require('react-inlinesvg');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon-GVGrUu_Z.js');
-require('react-inlinesvg');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
-require('../../Loader-DpYaDhe9.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');
+require('../../Loader-DdKHrLnw.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/cjs/components/DadataHintField.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input-Dwvk-poq.js');
+var Input = require('../../Input-DiFnIFT7.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/DatePicker.js

@@ -8,10 +8,10 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button-WZZpsxTk.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
-var Input = require('../../Input-Dwvk-poq.js');
-var Label = require('../../Label-DF2a2Mlx.js');
+var Button = require('../../Button-BiJZz4Bx.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
+var Input = require('../../Input-DiFnIFT7.js');
+var Label = require('../../Label-D-LcvthP.js');
 var Text = require('../../Text-C49zj3jO.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -22,20 +22,45 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link-B38Hn4G2.js');
-require('../../Loader-DpYaDhe9.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Loader-DdKHrLnw.js');
 require('react-inlinesvg');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.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/cjs/components/Drawer.js

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

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem-BiiEhR49.js');
+var DropdownItem = require('../../DropdownItem-NllzSt5M.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -17,7 +17,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Divider-ImOOytuN.js');
-require('../../Link-B38Hn4G2.js');
+require('../../Link-BnqN6ysn.js');
 require('../../Text-C49zj3jO.js');
 
 

package/dist/cjs/components/Group.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Group = require('../../Group-Chtnas-J.js');
+var Group = require('../../Group-qq4Iisll.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/HeroTitle.js

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

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon-GVGrUu_Z.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -17,10 +17,10 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
 require('../../Text-C49zj3jO.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Title-BLGDdlnX.js');
 
 
 

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input-Dwvk-poq.js');
+var Input = require('../../Input-DiFnIFT7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputMask.js

@@ -15,8 +15,8 @@ require('../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/cjs/components/InputPassword.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon-GVGrUu_Z.js');
+var Icon = require('../../Icon-BcBOnVKH.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -17,10 +17,10 @@ require('react-inlinesvg');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Link-B38Hn4G2.js');
-require('../../Tooltip-DpBQQoNo.js');
+require('../../Link-BnqN6ysn.js');
+require('../../Tooltip-DRta8lK_.js');
 require('../../Text-C49zj3jO.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Title-BLGDdlnX.js');
 
 var InputPasswordAppearance = {
     dev: {
@@ -78,8 +78,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/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../../Label-DF2a2Mlx.js');
+var Label = require('../../Label-D-LcvthP.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -17,8 +17,8 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
 require('../../Text-C49zj3jO.js');
-require('../../Tooltip-DpBQQoNo.js');
-require('../../Title-BWWyRwLY.js');
+require('../../Tooltip-DRta8lK_.js');
+require('../../Title-BLGDdlnX.js');