@itcase/ui 1.2.30 → 1.2.32

package/dist/components/Checkbox.js

@@ -1,21 +1,38 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { checkboxAppearance, checkboxState } from '../appearance/Checkbox.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../appearance/Text.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
+var checkboxAppearance = {
+    dev: {
+        descTextColor: 'surfaceTextPrimary',
+        descTextSize: 'm',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        stateBorderColor: 'surfaceBorderQuaternary',
+        stateBorderWidth: '1',
+        stateCheckmarkFill: 'accentItemPrimary',
+        stateFillChecked: 'accentPrimary',
+        stateShape: 'rounded',
+    },
+};
+var checkboxState = {
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+};
+
 var checkboxConfig = {
     appearance: checkboxAppearance,
     setAppearance: function (newComponent) {
@@ -92,8 +109,5 @@ function Checkbox(props) {
                                     .replace(/([A-Z])/g, '-$1')
                                     .toLowerCase())), children: "\u00A0" }), jsx("div", { className: "checkbox__state-checkmark", children: "\u00A0" })] }), label && (jsx(Text, { className: "checkbox__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textWeight: labelTextWeight, children: label })), desc && (jsx(Text, { className: "checkbox__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textWeight: descTextWeight, children: desc })), after && jsx("div", { className: "checkbox__after", children: after })] }));
 }
-Checkbox.defaultProps = {
-    tag: 'label',
-};
 
 export { Checkbox, checkboxConfig };

package/dist/components/Chips.js

@@ -1,20 +1,56 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { chipsAppearance } from '../appearance/Chips.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/Text.js';
+
+var chipsAppearance = {
+    accent: {
+        borderColor: 'accentBorderSecondary',
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextPrimary',
+    },
+    primary: {
+        borderColor: 'primaryBorderSecondary',
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+    },
+    secondary: {
+        borderColor: 'secondaryBorderSecondary',
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        borderColor: 'surfaceBorderSecondary',
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+};
 
 var chipsConfig = {
     appearance: chipsAppearance,
@@ -84,4 +120,4 @@ function Chips(props) {
                         : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsx("div", { className: "chips__label", children: label })), children] }) }));
 }
 
-export { Chips, chipsConfig };
+export { Chips, chipsAppearance, chipsConfig };

package/dist/components/Choice.js

@@ -1,31 +1,38 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
-import { choiceAppearance } from '../appearance/Choice.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
-import { L as Loader } from '../Loader-CU_5Ydmy.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import 'lodash/castArray';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { L as Loader } from '../Loader-DHNcD09o.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
-import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
-import '../appearance/Title.js';
-import '../appearance/Loader.js';
-import '../appearance/Text.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+
+var choiceAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfacePrimary',
+        fillActive: 'surfaceTertiary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextActiveColor: 'surfaceTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+        size: 'normal',
+    },
+};
 
 var choiceConfig = {
     appearance: choiceAppearance,

package/dist/components/Code.js

@@ -1,19 +1,28 @@
-import { a as __assign } from '../tslib.es6-w7hdJ3oZ.js';
+import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import clsx from 'clsx';
 import OtpInput from 'react-otp-input';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
+var codeAppearance = {
+    dev: {},
+};
+
+var codeConfig = {
+    appearance: codeAppearance,
+    setAppearance: function (newComponent) {
+        codeConfig.appearance = newComponent;
+    },
+};
 function Code(props) {
-    var className = props.className, inputPlaceholder = props.inputPlaceholder, inputAutoFocus = props.inputAutoFocus, inputCount = props.inputCount, inputType = props.inputType, before = props.before, after = props.after, separatorComponent = props.separatorComponent, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
-    var _a = useState(''), otp = _a[0], setOtp = _a[1];
+    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, inputAutoFocus = props.inputAutoFocus, _a = props.inputCount, inputCount = _a === void 0 ? 6 : _a, _b = props.inputPlaceholder, inputPlaceholder = _b === void 0 ? 0 : _b, _c = props.inputType, inputType = _c === void 0 ? 'number' : _c, separatorComponent = props.separatorComponent, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
+    var _d = useState(''), otp = _d[0], setOtp = _d[1];
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'inputFill',
@@ -74,9 +83,26 @@ function Code(props) {
         prefix: 'width_',
         propsKey: 'width',
     });
+    var appearanceConfig = appearance && choiceConfig.appearance && choiceConfig.appearance[appearance];
     // NOTE: too many dependencies for "useCallback" and possible too many checks
     var renderInput = function (otpInputProps) {
-        return (jsx("input", __assign({}, otpInputProps, { className: clsx('code__input', caretClass, fillClass, fillHoverClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderColorFocusClass, sizeClass, fillClass), autoComplete: "one-time-code", onBlur: function (event) {
+        return (jsx("input", __assign({}, otpInputProps, { className: clsx('code__input', caretClass, fillClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                    "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                    "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), placeholderClass, shapeClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                    "code__input_shape_".concat(appearanceConfig.shape)
+                        .replace(/([A-Z])/g, '-$1')
+                        .toLowerCase()), textSizeClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
+                    "text_size_".concat(appearanceConfig.textSize).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
+                    "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, borderWidthClass, borderColorClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                    "border-color_".concat(appearanceConfig.borderColor)
+                        .replace(/([A-Z])/g, '-$1')
+                        .toLowerCase()), borderColorHoverClass, borderColorFocusClass, sizeClass), autoComplete: "one-time-code", onBlur: function (event) {
                 onBlur && onBlur(event);
                 otpInputProps.onBlur(event);
             }, onFocus: function (event) {
@@ -90,20 +116,17 @@ function Code(props) {
     return (jsxs("div", { className: clsx(className, 'code', widthClass), children: [before, jsx(OtpInput, { containerStyle: clsx(className, 'code__wrapper', gapClass), inputType: inputType, numInputs: inputCount, placeholder: inputPlaceholder, renderInput: renderInput, renderSeparator: separatorComponent || null, shouldAutoFocus: inputAutoFocus, value: otp, onChange: setOtp }), after] }));
 }
 Code.defaultProps = {
-    inputCount: 6,
-    inputType: 'number',
-    inputSize: 'normal',
-    inputBorderWidth: 1,
-    inputPlaceholder: 0,
     inputBorderColor: 'surfaceBorderTertiary',
     inputBorderColorHover: 'surfaceBorderQuaternary',
     inputBorderFocusColor: 'surfaceBorderAccent',
+    inputBorderWidth: 1,
+    inputCaretColor: 'surfaceItemAccent',
     inputFill: 'surfacePrimary',
     inputFillHover: 'surfaceSecondary',
     inputShape: 'rounded',
+    inputSize: 'normal',
     inputTextColor: 'surfaceTextPrimary',
     inputTextSize: 'xxl',
-    inputCaretColor: 'surfaceItemAccent',
 };
 
-export { Code };
+export { Code, codeConfig };

package/dist/components/ContextMenu.js

@@ -1,29 +1,24 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Divider } from '../Divider-U5UdY-ef.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { D as Divider } from '../Divider-DHIuQUsH.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
-import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
-import '../appearance/Title.js';
-import '../appearance/Text.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
@@ -37,21 +32,9 @@ function ContextMenu(props) {
     });
     return (jsx("div", { className: clsx(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
 }
-ContextMenu.defaultProps = {
-    tag: 'div',
-};
 
 function ContextMenuItem(props) {
-    var id = props.id, className = props.className, label = props.label, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, dividerSize = props.dividerSize, dividerFill = props.dividerFill, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight;
-    useDeviceTargetClass(props, {
-        propsKey: 'labelTextSize',
-    });
-    useDeviceTargetClass(props, {
-        propsKey: 'labelTextColor',
-    });
-    useDeviceTargetClass(props, {
-        propsKey: 'labelTextWeight',
-    });
+    var id = props.id, className = props.className, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dividerWidth = props.dividerWidth, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, onClick = props.onClick;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -60,7 +43,7 @@ function ContextMenuItem(props) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
-    return (jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsx(Icon, { className: "context-menu__item-icon-before", SvgImage: iconBefore, size: iconBeforeSize, bgFill: iconBeforeBgFill, fill: iconBeforeFill })), label && (jsx(Text, { className: "context-menu__item-title", textColor: labelTextColor, size: labelTextSize, textWeight: labelTextWeight, children: label })), iconAfter && (jsx(Icon, { className: "context-menu__item-icon-after", SvgImage: iconAfter, size: iconAfterSize, bgFill: iconAfterBgFill, fill: iconAfterFill }))] }), jsx(Divider, { className: "context-menu__item-divider", width: dividerWidth, direction: dividerDirection, size: dividerSize, fill: dividerFill })] }));
+    return (jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsx(Icon, { className: "context-menu__item-icon-before", fill: iconBeforeFill, bgFill: iconBeforeBgFill, size: iconBeforeSize, SvgImage: iconBefore })), label && (jsx(Text, { className: "context-menu__item-title", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), iconAfter && (jsx(Icon, { className: "context-menu__item-icon-after", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }), jsx(Divider, { className: "context-menu__item-divider", width: dividerWidth, fill: dividerFill, direction: dividerDirection, size: dividerSize })] }));
 }
 
 export { ContextMenu, ContextMenuItem };

package/dist/components/CookiesWarning.js

@@ -3,36 +3,28 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { B as Button } from '../Button-avhviao1.js';
-import { G as Group } from '../Group-Dc70Z4_7.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import 'lodash/castArray';
+import { B as Button } from '../Button-C8MATksY.js';
+import { G as Group } from '../Group-BCvs5UxK.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../appearance/Button.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-ClsRaxDk.js';
+import '../Icon-DptCmI_y.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
-import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
-import '../appearance/Title.js';
-import '../Loader-CU_5Ydmy.js';
-import '../appearance/Loader.js';
-import '../appearance/Group.js';
-import '../appearance/Text.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+import '../Loader-DHNcD09o.js';
 
 function CookiesWarning(props) {
-    var _a = props.message, message = _a === 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».' : _a, className = props.className, 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, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;
+    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;
     var cookiesWarningRef = useRef(null);
     var isOpen = useMemo(function () { return Cookies.get('cookies-warning') !== 'close'; }, []);
     var closeCookiesWarning = useCallback(function () {
@@ -65,12 +57,7 @@ function CookiesWarning(props) {
     var gap = useDeviceTargetClass(props, {
         propsKey: 'gap',
     });
-    return isOpen ? (jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxs(Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsx(Text, { size: textSize, textColor: textColor, children: message }), jsx(Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
+    return isOpen ? (jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxs(Group, { className: "cookies-warning__inner", direction: "vertical", gap: gap ? gap : undefined, children: [jsx(Text, { size: textSize, textColor: textColor, children: message }), jsx(Button, { width: buttonWidth, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
 }
-CookiesWarning.defaultProps = {
-    message: 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».',
-    buttonText: 'I agree',
-    isHideOnScroll: false,
-};
 
 export { CookiesWarning };

package/dist/components/DadataHintField.js

@@ -1,15 +1,13 @@
-import { a as __assign, _ as __rest } from '../tslib.es6-w7hdJ3oZ.js';
+import { _ as __assign, a as __rest } from '../tslib.es6-5FtW-kfi.js';
 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-DbzsXvEf.js';
-import '../appearance/Input.js';
+import { I as Input } from '../Input-CgjHxZmK.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 

package/dist/components/DatePicker.js

@@ -1,39 +1,33 @@
-import { a as __assign } from '../tslib.es6-w7hdJ3oZ.js';
+import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';
 import clsx from 'clsx';
 import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
-import { datePickerAppearance } from '../appearance/DatePicker.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-avhviao1.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
-import { I as Input } from '../Input-DbzsXvEf.js';
-import { L as Label } from '../Label-BfotYOmD.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import 'lodash/castArray';
+import { B as Button } from '../Button-C8MATksY.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Input } from '../Input-CgjHxZmK.js';
+import { L as Label } from '../Label-zOLL6ePu.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/Button.js';
-import '../Link-CzC1kU5C.js';
-import '../Loader-CU_5Ydmy.js';
-import '../appearance/Loader.js';
+import '../Link-CeQuavin.js';
+import '../Loader-DHNcD09o.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
-import '../Tooltip-ccRCMYQM.js';
-import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
-import '../appearance/Title.js';
-import '../appearance/Input.js';
-import '../appearance/Label.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+
+var datePickerAppearance = {
+    dev: {},
+};
 
 var datePickerConfig = {
     appearance: datePickerAppearance,

package/dist/components/Divider.js

@@ -1,12 +1,11 @@
-export { D as Divider } from '../Divider-U5UdY-ef.js';
+export { D as Divider, d as dividerConfig } from '../Divider-DHIuQUsH.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';

package/dist/components/Dot.js

@@ -3,10 +3,9 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
@@ -14,7 +13,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 function Dot(props) {
-    var className = props.className, children = props.children;
+    var children = props.children, className = props.className;
     var borderColorClass = useDeviceTargetClass(props, {
         prefix: 'border-color_',
         propsKey: 'borderColor',
@@ -39,6 +38,5 @@ function Dot(props) {
     var styles = useStyles(props).styles;
     return (jsx("div", { className: clsx(className, 'dot', borderColorClass, borderTypeClass, fillClass, shapeClass, sizeClass), style: styles, children: children }));
 }
-Dot.defaultProps = {};
 
 export { Dot };

package/dist/components/Dropdown.js

@@ -1,20 +1,18 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-CFkRx8LX.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemConfig } from '../DropdownItem-B8IMNQww.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Divider-U5UdY-ef.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Text-kxGZButz.js';
-import '../appearance/Text.js';
+import '../Divider-DHIuQUsH.js';
+import '../Link-CeQuavin.js';
+import '../tslib.es6-5FtW-kfi.js';
+import '../Text-C4Bg2Mv6.js';

package/dist/components/Flex.js

@@ -3,10 +3,9 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/Grid.js

@@ -3,10 +3,9 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
@@ -14,7 +13,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 function Grid(props) {
-    var id = props.id, after = props.after, before = props.before, children = props.children, className = props.className, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, onClick = props.onClick, type = props.type, useGridSystem = props.useGridSystem, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, dataTour = props.dataTour, verticalResizing = props.verticalResizing;
+    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type, useGridSystem = props.useGridSystem, verticalResizing = props.verticalResizing, onClick = props.onClick;
     var columnsClass = useDeviceTargetClass(props, {
         prefix: 'grid_columns_',
         propsKey: 'columns',
@@ -59,9 +58,6 @@ function Grid(props) {
     var gridStyles = useStyles(props).styles;
     return (jsxs(Tag, { className: clsx(className, 'grid', useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, borderColorClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), "data-tour": dataTour, id: id, style: gridStyles, onClick: onClick, children: [before && jsx("div", { className: "grid__before", children: before }), children, after && jsx("div", { className: "grid__after", children: after })] }));
 }
-Grid.defaultProps = {
-    tag: 'div',
-};
 
 function GridItem(props) {
     var id = props.id, children = props.children, className = props.className, dataTour = props.dataTour, onClick = props.onClick;
@@ -156,8 +152,5 @@ function GridRow(props) {
     var gridRowStyles = useStyles(props).styles;
     return (jsx(Tag, { className: clsx(className, 'grid__row', fillClass, fillHoverClass, borderColorClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: gridRowStyles, onClick: onClick, children: children }));
 }
-GridRow.defaultProps = {
-    tag: 'div',
-};
 
 export { Grid, GridItem, GridRow };

package/dist/components/Group.js

@@ -1,13 +1,11 @@
-export { G as Group, g as groupConfig } from '../Group-Dc70Z4_7.js';
+export { G as Group, g as groupConfig } from '../Group-BCvs5UxK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../appearance/Group.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';

package/dist/components/HTMLContent.js

@@ -3,10 +3,9 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';