@itcase/ui 1.2.30 → 1.2.31

package/dist/components/Code.js

@@ -1,19 +1,25 @@
-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 { codeAppearance } from '../appearance/Code.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
+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 +80,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 +113,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,27 +1,27 @@
 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-DE2Q5J36.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../appearance/Divider.js';
 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 '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 import '../appearance/Text.js';
 
@@ -37,21 +37,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 +48,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,13 +3,12 @@ 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 { B as Button } from '../Button-DS2l65oq.js';
 import { G as Group } from '../Group-Dc70Z4_7.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../appearance/Button.js';
@@ -17,22 +16,22 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-ClsRaxDk.js';
+import '../Icon-B7BJo5kW.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 '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
-import '../Loader-CU_5Ydmy.js';
+import '../Loader-CqEocvjh.js';
 import '../appearance/Loader.js';
 import '../appearance/Group.js';
 import '../appearance/Text.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 +64,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,14 @@
-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 { I as Input } from '../Input-HGM-rzzr.js';
 import '../appearance/Input.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-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';
@@ -7,29 +7,28 @@ 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 { B as Button } from '../Button-DS2l65oq.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { I as Input } from '../Input-HGM-rzzr.js';
+import { L as Label } from '../Label-Chm6tl6E.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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 '../Link-CeQuavin.js';
+import '../Loader-CqEocvjh.js';
 import '../appearance/Loader.js';
 import 'react-inlinesvg';
 import '../appearance/Icon.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 import '../appearance/Input.js';
 import '../appearance/Label.js';

package/dist/components/Divider.js

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

package/dist/components/Dot.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-CFkRx8LX.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemConfig } from '../DropdownItem-DzDP45iO.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -6,15 +6,16 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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/DropdownItem.js';
+import '../Divider-DE2Q5J36.js';
+import '../appearance/Divider.js';
+import '../Link-CeQuavin.js';
+import '../tslib.es6-5FtW-kfi.js';
+import '../Text-DlSG_p4u.js';
 import '../appearance/Text.js';

package/dist/components/Flex.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/Grid.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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

@@ -7,7 +7,6 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';

package/dist/components/HTMLContent.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/Icon.js

@@ -1,4 +1,5 @@
-export { I as Icon, i as iconConfig } from '../Icon-ClsRaxDk.js';
+export { I as Icon, i as iconConfig } from '../Icon-B7BJo5kW.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -8,18 +9,16 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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 '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Text-kxGZButz.js';
+import '../Text-DlSG_p4u.js';
 import '../appearance/Text.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';

package/dist/components/Image.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, i as inputConfig } from '../Input-DbzsXvEf.js';
+export { I as Input, i as inputConfig } from '../Input-HGM-rzzr.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -7,6 +7,5 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/InputMask.js

@@ -5,22 +5,21 @@ import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
 var inputMaskConfig = {
-    state: undefined,
-    setState: function (newComponent) {
-        inputMaskConfig.state = newComponent;
-    },
     appearance: undefined,
     setAppearance: function (newComponent) {
         inputMaskConfig.appearance = newComponent;
     },
+    setState: function (newComponent) {
+        inputMaskConfig.state = newComponent;
+    },
+    state: undefined,
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, id = props.id, index = props.index, isDisabled = props.isDisabled, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, _a = props.type, type = _a === void 0 ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -127,13 +126,12 @@ var Input = React.forwardRef(function Input(props, ref) {
                     "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())
             : textColorDisabledClass ||
                 ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), type: type, id: String(id), index: index, 
+                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), 
         // @ts-expect-error
-        ref: ref, disabled: isDisabled, placeholder: placeholder, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+        ref: ref, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), index: index, placeholder: placeholder, type: type, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 Input.defaultProps = {
     size: 'm',
-    type: 'text',
 };
 
 export { Input, inputMaskConfig };

package/dist/components/InputPassword.js

@@ -3,26 +3,25 @@ import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { InputPasswordAppearance, InputPasswordState } from '../appearance/InputPassword.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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 '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Text-kxGZButz.js';
+import '../Text-DlSG_p4u.js';
 import '../appearance/Text.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 
 var inputPasswordConfig = {

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, l as labelConfig } from '../Label-BfotYOmD.js';
+export { L as Label, l as labelConfig } from '../Label-Chm6tl6E.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -7,16 +7,15 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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 '../Text-kxGZButz.js';
+import '../Text-DlSG_p4u.js';
 import '../appearance/Text.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';

package/dist/components/LanguageSelector.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'react-inlinesvg';
 import '../appearance/Icon.js';
@@ -8,20 +9,18 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 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 '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Text-kxGZButz.js';
+import '../Text-DlSG_p4u.js';
 import '../appearance/Text.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 
 function LanguageSelectorItem(props) {

package/dist/components/Link.js

@@ -1,5 +1,5 @@
-export { L as Link, a as LinkWrapper, l as linkConfig } from '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
+export { L as Link, a as LinkWrapper, l as linkConfig } from '../Link-CeQuavin.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -7,7 +7,6 @@ import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';