@itcase/ui 1.2.30 → 1.2.32

package/dist/cjs/components/Chips.js

@@ -2,24 +2,60 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 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-R6XNq6Ca.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 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('../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: index.chipsAppearance,
+    appearance: chipsAppearance,
     setAppearance: function (newComponent) {
         chipsConfig.appearance = newComponent;
     },
@@ -87,4 +123,5 @@ function Chips(props) {
 }
 
 exports.Chips = Chips;
+exports.chipsAppearance = chipsAppearance;
 exports.chipsConfig = chipsConfig;

package/dist/cjs/components/Choice.js

@@ -3,34 +3,41 @@
 var jsxRuntime = require('react/jsx-runtime');
 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');
-require('lodash/castArray');
+var Icon = require('../../Icon-C8ACV9r7.js');
+var Loader = require('../../Loader-DReoCdZ2.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('lodash/camelCase');
+require('lodash/castArray');
 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');
 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('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
-require('../appearance/Title.js');
-require('../appearance/Loader.js');
-require('../appearance/Text.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.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: index.choiceAppearance,
+    appearance: choiceAppearance,
     setAppearance: function (newComponent) {
         choiceConfig.appearance = newComponent;
     },

package/dist/cjs/components/Code.js

@@ -6,16 +6,25 @@ var React = require('react');
 var clsx = require('clsx');
 var OtpInput = require('react-otp-input');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('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 = 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 +85,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 +118,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,29 +3,24 @@
 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-BoB-f9Gr.js');
+var Icon = require('../../Icon-C8ACV9r7.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 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('../../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('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
-require('../appearance/Title.js');
-require('../appearance/Text.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.js');
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
@@ -39,21 +34,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 +45,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,36 +5,28 @@ 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 Group = require('../../Group-BiN0haVp.js');
-var Text = require('../../Text-CC0xnhmx.js');
-require('lodash/castArray');
+var Button = require('../../Button-ChSAts3j.js');
+var Group = require('../../Group-u6YDbMxn.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../appearance/Button.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-B2BwTQnP.js');
+require('../../Icon-C8ACV9r7.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('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
-require('../appearance/Title.js');
-require('../../Loader-Ck59IXGG.js');
-require('../appearance/Loader.js');
-require('../appearance/Group.js');
-require('../appearance/Text.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.js');
+require('../../Loader-DReoCdZ2.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 +59,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,11 @@ 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');
-require('../appearance/Input.js');
+var Input = require('../../Input-KgHOW5DR.js');
 require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 

package/dist/cjs/components/DatePicker.js

@@ -6,39 +6,33 @@ var React = require('react');
 var clsx = require('clsx');
 var locale = require('date-fns/locale');
 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');
-require('lodash/castArray');
+var Button = require('../../Button-ChSAts3j.js');
+var Icon = require('../../Icon-C8ACV9r7.js');
+var Input = require('../../Input-KgHOW5DR.js');
+var Label = require('../../Label-B06hLCqo.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('lodash/camelCase');
+require('lodash/castArray');
 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('../appearance/Button.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Loader-Ck59IXGG.js');
-require('../appearance/Loader.js');
+require('../../Loader-DReoCdZ2.js');
 require('react-inlinesvg');
-require('../appearance/Icon.js');
-require('../../Tooltip-PrwacZFC.js');
-require('../appearance/Tooltip.js');
-require('../../Title-Ze_OL1Co.js');
-require('../appearance/Title.js');
-require('../appearance/Input.js');
-require('../appearance/Label.js');
-require('../appearance/Text.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.js');
+
+var datePickerAppearance = {
+    dev: {},
+};
 
 var datePickerConfig = {
-    appearance: index.datePickerAppearance,
+    appearance: datePickerAppearance,
     setAppearance: function (newComponent) {
         datePickerConfig.appearance = newComponent;
     },

package/dist/cjs/components/Divider.js

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

package/dist/cjs/components/Dot.js

@@ -5,10 +5,9 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 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;

package/dist/cjs/components/Dropdown.js

@@ -1,27 +1,26 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem-toApJyeB.js');
+var DropdownItem = require('../../DropdownItem-E9HkOU63.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 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('../../Divider-BjB5MD6u.js');
+require('../../Divider-BoB-f9Gr.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Text-CC0xnhmx.js');
-require('../appearance/Text.js');
+require('../../Text-R6XNq6Ca.js');
 
 
 
 exports.Dropdown = DropdownItem.Dropdown;
 exports.DropdownItem = DropdownItem.DropdownItem;
+exports.dropdownItemConfig = DropdownItem.dropdownItemConfig;

package/dist/cjs/components/Flex.js

@@ -5,10 +5,9 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');

package/dist/cjs/components/Grid.js

@@ -5,10 +5,9 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 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 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.useDeviceTargetClass(props, {
         prefix: 'grid_columns_',
         propsKey: 'columns',
@@ -61,9 +60,6 @@ function Grid(props) {
     var gridStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.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 && jsxRuntime.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntime.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;
@@ -158,9 +154,6 @@ function GridRow(props) {
     var gridRowStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.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',
-};
 
 exports.Grid = Grid;
 exports.GridItem = GridItem;

package/dist/cjs/components/Group.js

@@ -1,15 +1,13 @@
 'use strict';
 
-var Group = require('../../Group-BiN0haVp.js');
+var Group = require('../../Group-u6YDbMxn.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../appearance/Group.js');
 require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');

package/dist/cjs/components/HTMLContent.js

@@ -5,10 +5,9 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');

package/dist/cjs/components/Icon.js

@@ -1,16 +1,15 @@
 'use strict';
 
-var Icon = require('../../Icon-B2BwTQnP.js');
+var Icon = require('../../Icon-C8ACV9r7.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
 require('react-inlinesvg');
-require('../appearance/Icon.js');
 require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
-require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
@@ -18,13 +17,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('../appearance/Tooltip.js');
-require('../../Text-CC0xnhmx.js');
-require('../appearance/Text.js');
-require('../../Title-Ze_OL1Co.js');
-require('../appearance/Title.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Text-R6XNq6Ca.js');
+require('../../Title-DWIc05TX.js');