@itcase/ui 1.2.30 → 1.2.31

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-TyPbVqR_.js');
+var Badge = require('../../Badge-BMKD9teI.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../appearance/Badge.js');
@@ -9,14 +9,13 @@ require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-CC0xnhmx.js');
+require('../../Text-1b-Bk7yG.js');
 require('../appearance/Text.js');
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,12 +7,11 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-B2BwTQnP.js');
+var Icon = require('../../Icon-PoesVPJn.js');
 var Link = require('../../Link-CqWzwh8V.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');
@@ -20,9 +19,9 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
 require('../appearance/Text.js');
 
@@ -48,9 +47,6 @@ function BreadcrumbsItem(props) {
     var itemStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(className, 'breadcrumbs__item', set && "breadcrumbs__item_set_".concat(set), fillClass, positionClass, shapeClass, underlineClass, onClick && (cursor || 'cursor_type_pointer')), DefaultComponent: "div", href: href, style: itemStyles, onClick: onClick, children: [jsxRuntime.jsx(Text.Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsxRuntime.jsx(Icon.Icon, { bgFill: iconAfterBgFill, className: "breadcrumbs__item-icon", fill: iconAfterFill, size: iconAfterSize, SvgImage: iconAfter }))] }));
 }
-BreadcrumbsItem.defaultProps = {
-    set: 'default',
-};
 
 function Breadcrumbs(props) {
     var breadcrumbsList = props.breadcrumbsList, children = props.children, className = props.className, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, itemUnderline = props.itemUnderline, itemTextColor = props.itemTextColor, itemTextColorHover = props.itemTextColorHover, set = props.set, otherProps = tslib_es6.__rest(props, ["breadcrumbsList", "children", "className", "iconAfterSize", "iconAfterBgFill", "iconAfterFill", "itemUnderline", "itemTextColor", "itemTextColorHover", "set"]);

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-BcOsYgoT.js');
+var Button = require('../../Button-x4mnZJoS.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -9,25 +9,24 @@ require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-B2BwTQnP.js');
+require('../../Icon-PoesVPJn.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Text-CC0xnhmx.js');
+require('../../Text-1b-Bk7yG.js');
 require('../appearance/Text.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
-require('../../Loader-Ck59IXGG.js');
+require('../../Loader-DRTOGvF1.js');
 require('../appearance/Loader.js');
 
 

package/dist/cjs/components/Caption.js

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

package/dist/cjs/components/Card.js

@@ -4,12 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Image = require('../../Image-DrUlRMHa.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
@@ -19,7 +18,7 @@ require('../hooks/styleAttributes.js');
 require('../appearance/Text.js');
 
 function Card(props) {
-    var children = props.children, className = props.className, size = props.size, src = props.src, text = props.text, textSize = props.textSize, textColor = props.textColor, textTag = props.textTag, title = props.title, titleSize = props.titleSize, titleTag = props.titleTag, titleColor = props.titleColor, image = props.image, imageShape = props.imageShape, type = props.type, onClick = props.onClick;
+    var children = props.children, className = props.className, image = props.image, _a = props.imageShape, imageShape = _a === void 0 ? 'rounded' : _a, size = props.size, src = props.src, text = props.text, _b = props.textColor, textColor = _b === void 0 ? 'surfaceTextPrimary' : _b, _c = props.textSize, textSize = _c === void 0 ? 'p' : _c, textTag = props.textTag, title = props.title, _d = props.titleColor, titleColor = _d === void 0 ? 'surfaceTextPrimary' : _d, _e = props.titleSize, titleSize = _e === void 0 ? 'h5' : _e, _f = props.titleTag, titleTag = _f === void 0 ? 'span' : _f, type = props.type, onClick = props.onClick;
     var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'card_shape_',
         propsKey: 'shape',
@@ -28,15 +27,7 @@ function Card(props) {
         prefix: 'resize-horizontal_',
         propsKey: 'width',
     });
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'card', shapeClass, size && "card_size_".concat(size), type && "card_type_".concat(type), widthClass), onClick: onClick, children: jsxRuntime.jsxs("div", { className: "card__wrapper", children: [image, src && jsxRuntime.jsx(Image.Image, { className: "card__image", shape: imageShape, src: src }), jsxRuntime.jsxs("div", { className: "card__data", children: [title && (jsxRuntime.jsx(Text.Text, { className: "card__data-title", size: titleSize, textColor: titleColor, tag: titleTag, children: title })), text && (jsxRuntime.jsx(Text.Text, { size: textSize, tag: textTag, textColor: textColor, className: "card__data-desc", children: text }))] }), children] }) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'card', shapeClass, size && "card_size_".concat(size), type && "card_type_".concat(type), widthClass), onClick: onClick, children: jsxRuntime.jsxs("div", { className: "card__wrapper", children: [image, src && jsxRuntime.jsx(Image.Image, { className: "card__image", shape: imageShape, src: src }), jsxRuntime.jsxs("div", { className: "card__data", children: [title && (jsxRuntime.jsx(Text.Text, { className: "card__data-title", size: titleSize, tag: titleTag, textColor: titleColor, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "card__data-desc", size: textSize, tag: textTag, textColor: textColor, children: text }))] }), children] }) }));
 }
-Card.defaultProps = {
-    textSize: 'p',
-    titleColor: 'surfaceTextPrimary',
-    titleTag: 'span',
-    titleSize: 'h5',
-    imageShape: 'rounded',
-    textColor: 'surfaceTextPrimary',
-};
 
 exports.Card = Card;

package/dist/cjs/components/Cell.js

@@ -4,32 +4,31 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-B2BwTQnP.js');
-var Label = require('../../Label-fp2Bus_T.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Icon = require('../../Icon-PoesVPJn.js');
+var Label = require('../../Label-BBm19sQ-.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
 require('../appearance/Label.js');
 require('../appearance/Text.js');
 
 function Cell(props) {
-    var isActive = props.isActive, isDisabled = props.isDisabled, isEqual = props.isEqual, after = props.after, before = props.before, className = props.className, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextTruncate = props.valueTextTruncate, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
+    var isActive = props.isActive, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, isEqual = props.isEqual, after = props.after, before = props.before, className = props.className, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextTruncate = props.valueTextTruncate, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -86,9 +85,5 @@ function Cell(props) {
     var cellStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'cell', mode && "cell_mode_".concat(mode), size && "cell_size_".concat(size), set && "cell_set_".concat(set), bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, gapClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'), style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsxRuntime.jsx("div", { className: "cell__before", children: before }), jsxRuntime.jsxs("div", { className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass, isEqual && 'cell__wrapper-equal'), children: [title && (jsxRuntime.jsxs("div", { className: "cell__data", children: [jsxRuntime.jsx(Text.Text, { className: "cell__title", size: titleTextSize, tag: titleTag, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title }), (titleIcon || titleIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "cell__icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), showTitleLabel && (jsxRuntime.jsx(Label.Label, { labelTextSize: titleLabelTextSize, appearance: titleLabelAppearance, label: titleLabel, shape: titleLabelShape, size: titleLabelSize }))] })), value && (jsxRuntime.jsxs("div", { className: "cell__data", children: [jsxRuntime.jsx(Text.Text, { className: "cell__value", size: valueTextSize, tag: valueTag, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, children: value }), (valueIcon || valueIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "cell__icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), showValueLabel && (jsxRuntime.jsx(Label.Label, { labelTextSize: valueLabelTextSize, appearance: valueLabelAppearance, label: valueLabel, shape: valueLabelShape, size: valueLabelSize }))] }))] }), after && jsxRuntime.jsx("div", { className: "cell__after", children: after })] }));
 }
-Cell.defaultProps = {
-    isDisabled: false,
-    textSize: 'p',
-};
 
 exports.Cell = Cell;

package/dist/cjs/components/Checkbox.js

@@ -4,12 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var index = require('../appearance/Checkbox.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../appearance/Text.js');
@@ -94,9 +93,6 @@ function Checkbox(props) {
                                     .replace(/([A-Z])/g, '-$1')
                                     .toLowerCase())), children: "\u00A0" }), jsxRuntime.jsx("div", { className: "checkbox__state-checkmark", children: "\u00A0" })] }), label && (jsxRuntime.jsx(Text.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 && (jsxRuntime.jsx(Text.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 && jsxRuntime.jsx("div", { className: "checkbox__after", children: after })] }));
 }
-Checkbox.defaultProps = {
-    tag: 'label',
-};
 
 exports.Checkbox = Checkbox;
 exports.checkboxConfig = checkboxConfig;

package/dist/cjs/components/Chips.js

@@ -5,12 +5,11 @@ var clsx = require('clsx');
 var index = require('../appearance/Chips.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');

package/dist/cjs/components/Choice.js

@@ -5,15 +5,15 @@ var React = require('react');
 var clsx = require('clsx');
 var index = require('../appearance/Choice.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-B2BwTQnP.js');
-var Loader = require('../../Loader-Ck59IXGG.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Icon = require('../../Icon-PoesVPJn.js');
+var Loader = require('../../Loader-DRTOGvF1.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
 require('../hooks/useStyles.js');
@@ -21,10 +21,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
 require('../appearance/Loader.js');
 require('../appearance/Text.js');

package/dist/cjs/components/Code.js

@@ -5,17 +5,23 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var OtpInput = require('react-otp-input');
+var index = require('../appearance/Code.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 
+var codeConfig = {
+    appearance: index.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 = React.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 = React.useState(''), otp = _d[0], setOtp = _d[1];
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'inputFill',
@@ -76,9 +82,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 (jsxRuntime.jsx("input", tslib_es6.__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 (jsxRuntime.jsx("input", tslib_es6.__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) {
@@ -92,20 +115,18 @@ function Code(props) {
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'code', widthClass), children: [before, jsxRuntime.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',
 };
 
 exports.Code = Code;
+exports.codeConfig = codeConfig;

package/dist/cjs/components/ContextMenu.js

@@ -3,27 +3,27 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Divider = require('../../Divider-BjB5MD6u.js');
-var Icon = require('../../Icon-B2BwTQnP.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Divider = require('../../Divider-3upWnf8a.js');
+var Icon = require('../../Icon-PoesVPJn.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../appearance/Divider.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
 require('../appearance/Text.js');
 
@@ -39,21 +39,9 @@ function ContextMenu(props) {
     });
     return (jsxRuntime.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.useDeviceTargetClass(props, {
-        propsKey: 'labelTextSize',
-    });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        propsKey: 'labelTextColor',
-    });
-    useDeviceTargetClass.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.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -62,7 +50,7 @@ function ContextMenuItem(props) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxRuntime.jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-before", SvgImage: iconBefore, size: iconBeforeSize, bgFill: iconBeforeBgFill, fill: iconBeforeFill })), label && (jsxRuntime.jsx(Text.Text, { className: "context-menu__item-title", textColor: labelTextColor, size: labelTextSize, textWeight: labelTextWeight, children: label })), iconAfter && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-after", SvgImage: iconAfter, size: iconAfterSize, bgFill: iconAfterBgFill, fill: iconAfterFill }))] }), jsxRuntime.jsx(Divider.Divider, { className: "context-menu__item-divider", width: dividerWidth, direction: dividerDirection, size: dividerSize, fill: dividerFill })] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxRuntime.jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-before", fill: iconBeforeFill, bgFill: iconBeforeBgFill, size: iconBeforeSize, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "context-menu__item-title", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), iconAfter && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-after", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }), jsxRuntime.jsx(Divider.Divider, { className: "context-menu__item-divider", width: dividerWidth, fill: dividerFill, direction: dividerDirection, size: dividerSize })] }));
 }
 
 exports.ContextMenu = ContextMenu;

package/dist/cjs/components/CookiesWarning.js

@@ -5,13 +5,12 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-BcOsYgoT.js');
+var Button = require('../../Button-x4mnZJoS.js');
 var Group = require('../../Group-BiN0haVp.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../appearance/Button.js');
@@ -19,22 +18,22 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-B2BwTQnP.js');
+require('../../Icon-PoesVPJn.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
-require('../../Loader-Ck59IXGG.js');
+require('../../Loader-DRTOGvF1.js');
 require('../appearance/Loader.js');
 require('../appearance/Group.js');
 require('../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 = React.useRef(null);
     var isOpen = React.useMemo(function () { return Cookies.get('cookies-warning') !== 'close'; }, []);
     var closeCookiesWarning = React.useCallback(function () {
@@ -67,12 +66,7 @@ function CookiesWarning(props) {
     var gap = useDeviceTargetClass.useDeviceTargetClass(props, {
         propsKey: 'gap',
     });
-    return isOpen ? (jsxRuntime.jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxRuntime.jsxs(Group.Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntime.jsx(Text.Text, { size: textSize, textColor: textColor, children: message }), jsxRuntime.jsx(Button.Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
+    return isOpen ? (jsxRuntime.jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxRuntime.jsxs(Group.Group, { className: "cookies-warning__inner", direction: "vertical", gap: gap ? gap : undefined, children: [jsxRuntime.jsx(Text.Text, { size: textSize, textColor: textColor, children: message }), jsxRuntime.jsx(Button.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,
-};
 
 exports.CookiesWarning = CookiesWarning;

package/dist/cjs/components/DadataHintField.js

@@ -5,13 +5,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input-BaicBuyd.js');
+var Input = require('../../Input-DXbt_RWB.js');
 require('../appearance/Input.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 

package/dist/cjs/components/DatePicker.js

@@ -9,15 +9,14 @@ var DatePicker = require('react-datepicker');
 var index = require('../appearance/DatePicker.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-BcOsYgoT.js');
-var Icon = require('../../Icon-B2BwTQnP.js');
-var Input = require('../../Input-BaicBuyd.js');
-var Label = require('../../Label-fp2Bus_T.js');
-var Text = require('../../Text-CC0xnhmx.js');
+var Button = require('../../Button-x4mnZJoS.js');
+var Icon = require('../../Icon-PoesVPJn.js');
+var Input = require('../../Input-DXbt_RWB.js');
+var Label = require('../../Label-BBm19sQ-.js');
+var Text = require('../../Text-1b-Bk7yG.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');
@@ -25,13 +24,13 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../appearance/Button.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Loader-Ck59IXGG.js');
+require('../../Loader-DRTOGvF1.js');
 require('../appearance/Loader.js');
 require('react-inlinesvg');
 require('../appearance/Icon.js');
-require('../../Tooltip-PrwacZFC.js');
+require('../../Tooltip-CNJN2lf5.js');
 require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
+require('../../Title-o5ofk8ge.js');
 require('../appearance/Title.js');
 require('../appearance/Input.js');
 require('../appearance/Label.js');

package/dist/cjs/components/Divider.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var Divider = require('../../Divider-BjB5MD6u.js');
+var Divider = require('../../Divider-3upWnf8a.js');
 require('react/jsx-runtime');
 require('clsx');
+require('../appearance/Divider.js');
 require('../hooks/useDeviceTargetClass.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
@@ -19,3 +19,4 @@ require('../hooks/styleAttributes.js');
 
 
 exports.Divider = Divider.Divider;
+exports.dividerConfig = Divider.dividerConfig;

package/dist/cjs/components/Dot.js

@@ -8,7 +8,6 @@ require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');
@@ -16,7 +15,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 
 function Dot(props) {
-    var className = props.className, children = props.children;
+    var children = props.children, className = props.className;
     var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'border-color_',
         propsKey: 'borderColor',
@@ -41,6 +40,5 @@ function Dot(props) {
     var styles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsx("div", { className: clsx(className, 'dot', borderColorClass, borderTypeClass, fillClass, shapeClass, sizeClass), style: styles, children: children }));
 }
-Dot.defaultProps = {};
 
 exports.Dot = Dot;