@itcase/ui 1.2.33 → 1.2.35

package/dist/cjs/components/Tile.js

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Badge = require('../../Badge-_xQzAcyN.js');
-var Text = require('../../Text-R6XNq6Ca.js');
-var Title = require('../../Title-DWIc05TX.js');
+var Badge = require('../../Badge-BZf2D83-.js');
+var Text = require('../../Text-C-scXvy7.js');
+var Title = require('../../Title-BatSai-G.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -80,4 +80,5 @@ Tile.defaultProps = {
 };
 
 exports.Tile = Tile;
+exports.tileAppearance = tileAppearance;
 exports.tileConfig = tileConfig;

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Title = require('../../Title-DWIc05TX.js');
+var Title = require('../../Title-BatSai-G.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,4 +18,5 @@ require('../hooks/styleAttributes.js');
 
 
 exports.Title = Title.Title;
+exports.titleAppearance = Title.titleAppearance;
 exports.titleConfig = Title.titleConfig;

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-BswHy19O.js');
+var Tooltip = require('../../Tooltip-CUL79Nsx.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -14,10 +14,11 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
+require('../../Text-C-scXvy7.js');
+require('../../Title-BatSai-G.js');
 
 
 
 exports.Tooltip = Tooltip.Tooltip;
+exports.tooltipAppearance = Tooltip.tooltipAppearance;
 exports.tooltipConfig = Tooltip.tooltipConfig;

package/dist/cjs/hooks/useStyles.js

@@ -110,8 +110,7 @@ function useStyles(props) {
       if (value) {
         // TODO: handle 16px/9px propValues for Horizontal(Left/Right) and Vertical(Top/Bottom)
         const HAS_UNIT = /\D/;
-        // prettier-ignore
-        const ignorePX = styleAttributeKey.includes('zIndex') || styleAttributeKey.includes('order');
+        const ignorePX = ['zIndex', 'order', 'flexGrow'].includes(styleAttributeKey);
         if (!HAS_UNIT.test(value) && !ignorePX) {
           value = `${value}px`;
         }

package/dist/components/Accordion.js

@@ -5,9 +5,10 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { D as Divider } from '../Divider-DHIuQUsH.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { icon16 } from '@itcase/icons/default';
+import { D as Divider } from '../Divider-Bdz66wfW.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
@@ -17,8 +18,8 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 function AccordionItem(props) {
     var id = props.id, children = props.children, isExpanded = props.isExpanded, afterContent = props.afterContent, beforeContent = props.beforeContent, className = props.className, content = props.content, contentTextColor = props.contentTextColor, contentTextSize = props.contentTextSize, contentTextWeight = props.contentTextWeight, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, icon = props.icon, _a = props.iconFill, iconFill = _a === void 0 ? 'surfaceItemAccent' : _a, showDivider = props.showDivider, size = props.size, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClick = props.onClick;

package/dist/components/Avatar.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
 import { I as Image } from '../Image-8t6PvsaZ.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -17,8 +17,8 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 var avatarAppearance = {
     dev: {},
@@ -59,4 +59,4 @@ function Avatar(props) {
                     "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase())), children: [before, src ? (jsx(Image, { className: "avatar__image", shape: "geometric", src: src })) : (jsx(Text, { className: "avatar__name", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWeight: textWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textWeight), children: avatarChars })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), fillHover: iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFillHover), fillSize: iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFillSize), iconFill: iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconItemFill), iconSize: iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconSize), imageSrc: iconSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconSrc), shape: iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconShape), SvgImage: icon || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.icon) })), Dot, after] }) }));
 }
 
-export { Avatar, avatarConfig };
+export { Avatar, avatarAppearance, avatarConfig };

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge-DBjlLLfX.js';
+export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge-MPtjfQS8.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
@@ -12,4 +12,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-C4Bg2Mv6.js';
+import '../Text-DGEJa_FL.js';

package/dist/components/Breadcrumbs.js

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
 import { a as LinkWrapper } from '../Link-CeQuavin.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
@@ -16,8 +16,8 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 function BreadcrumbsItem(props) {
     var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-C8MATksY.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-f0zWwezF.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -12,11 +12,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DptCmI_y.js';
+import '../Icon-21rsw8YW.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Title-YVzIwk68.js';
-import '../Loader-DHNcD09o.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Text-DGEJa_FL.js';
+import '../Title-Bp-4wxkT.js';
+import '../Loader-CuxFXcNG.js';

package/dist/components/Card.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { I as Image } from '../Image-8t6PvsaZ.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Cell.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { L as Label } from '../Label-zOLL6ePu.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { L as Label } from '../Label-Rq2ptfUd.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,8 +17,8 @@ import '../hooks/styleAttributes.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 function Cell(props) {
     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;

package/dist/components/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -110,4 +110,4 @@ function Checkbox(props) {
                                     .toLowerCase())), children: "\u00A0" }), jsx("div", { className: "checkbox__state-checkmark", children: "\u00A0" })] }), label && (jsx(Text, { className: "checkbox__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textWeight: labelTextWeight, children: label })), desc && (jsx(Text, { className: "checkbox__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textWeight: descTextWeight, children: desc })), after && jsx("div", { className: "checkbox__after", children: after })] }));
 }
 
-export { Checkbox, checkboxConfig };
+export { Checkbox, checkboxAppearance, checkboxConfig, checkboxState };

package/dist/components/Chips.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Choice.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { L as Loader } from '../Loader-DHNcD09o.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { L as Loader } from '../Loader-CuxFXcNG.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -17,8 +17,8 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 var choiceAppearance = {
     dev: {
@@ -143,4 +143,4 @@ var Choice = React.forwardRef(function Choice(props, ref) {
             }) })) }));
 });
 
-export { Choice, choiceConfig };
+export { Choice, choiceAppearance, choiceConfig };

package/dist/components/Code.js

@@ -129,4 +129,4 @@ Code.defaultProps = {
     inputTextSize: 'xxl',
 };
 
-export { Code, codeConfig };
+export { Code, codeAppearance, codeConfig };

package/dist/components/ContextMenu.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Divider } from '../Divider-DHIuQUsH.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { D as Divider } from '../Divider-Bdz66wfW.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,8 +17,8 @@ import '../hooks/styleAttributes.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/components/CookiesWarning.js

@@ -3,9 +3,9 @@ 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-C8MATksY.js';
-import { G as Group } from '../Group-BCvs5UxK.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { B as Button } from '../Button-f0zWwezF.js';
+import { G as Group } from '../Group-D95Sf0X0.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -15,13 +15,13 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DptCmI_y.js';
+import '../Icon-21rsw8YW.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
-import '../Loader-DHNcD09o.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
+import '../Loader-CuxFXcNG.js';
 
 function CookiesWarning(props) {
     var _a = props.isHideOnScroll, isHideOnScroll = _a === void 0 ? false : _a, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, buttonWidth = props.buttonWidth, className = props.className, _c = props.message, message = _c === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _c, textColor = props.textColor, textSize = props.textSize;

package/dist/components/DadataHintField.js

@@ -3,7 +3,7 @@ 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-CgjHxZmK.js';
+import { I as Input } from '../Input--x3hPBiN.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/DatePicker.js

@@ -6,11 +6,11 @@ import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-C8MATksY.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { I as Input } from '../Input-CgjHxZmK.js';
-import { L as Label } from '../Label-zOLL6ePu.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
+import { B as Button } from '../Button-f0zWwezF.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
+import { I as Input } from '../Input--x3hPBiN.js';
+import { L as Label } from '../Label-Rq2ptfUd.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -20,10 +20,10 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Loader-DHNcD09o.js';
+import '../Loader-CuxFXcNG.js';
 import 'react-inlinesvg';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';
 
 var datePickerAppearance = {
     dev: {},
@@ -144,4 +144,4 @@ function DatePickerInputIcon(props) {
 }
 DatePickerInputIcon.displayName = 'DatePickerInputIcon';
 
-export { DatePickerInput, datePickerConfig };
+export { DatePickerInput, datePickerAppearance, datePickerConfig };

package/dist/components/Divider.js

@@ -1,4 +1,4 @@
-export { D as Divider, d as dividerConfig } from '../Divider-DHIuQUsH.js';
+export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider-Bdz66wfW.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemConfig } from '../DropdownItem-B8IMNQww.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem-BjtWmVFs.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -12,7 +12,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Divider-DHIuQUsH.js';
+import '../Divider-Bdz66wfW.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Text-C4Bg2Mv6.js';
+import '../Text-DGEJa_FL.js';

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, g as groupConfig } from '../Group-BCvs5UxK.js';
+export { G as Group, a as groupAppearance, g as groupConfig } from '../Group-D95Sf0X0.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, i as iconConfig } from '../Icon-DptCmI_y.js';
+export { I as Icon, a as iconAppearance, i as iconConfig } from '../Icon-21rsw8YW.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -15,6 +15,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Text-DGEJa_FL.js';
+import '../Title-Bp-4wxkT.js';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, i as inputConfig } from '../Input-CgjHxZmK.js';
+export { I as Input, a as inputAppearance, i as inputConfig, b as inputState } from '../Input--x3hPBiN.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/InputPassword.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -15,9 +15,9 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Text-DGEJa_FL.js';
+import '../Title-Bp-4wxkT.js';
 
 var InputPasswordAppearance = {
     dev: {
@@ -175,4 +175,4 @@ InputPassword.defaultProps = {
     type: 'text',
 };
 
-export { InputPassword, inputPasswordConfig };
+export { InputPassword, InputPasswordAppearance, InputPasswordState, inputPasswordConfig };

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label-zOLL6ePu.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label-Rq2ptfUd.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -12,6 +12,6 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
+import '../Text-DGEJa_FL.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Title-Bp-4wxkT.js';

package/dist/components/LanguageSelector.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Icon } from '../Icon-21rsw8YW.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'react-inlinesvg';
@@ -15,9 +15,9 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Title-YVzIwk68.js';
+import '../Tooltip-BsMYxi_I.js';
+import '../Text-DGEJa_FL.js';
+import '../Title-Bp-4wxkT.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/components/Loader.js

@@ -1,4 +1,4 @@
-export { L as Loader, l as loaderConfig } from '../Loader-DHNcD09o.js';
+export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader-CuxFXcNG.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
@@ -12,4 +12,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-C4Bg2Mv6.js';
+import '../Text-DGEJa_FL.js';

package/dist/components/Menu.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { M as MenuItem } from '../MenuItem-C7frDyBO.js';
+import { M as MenuItem } from '../MenuItem-Buu-c29L.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -14,7 +14,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Text-C4Bg2Mv6.js';
+import '../Text-DGEJa_FL.js';
 
 function Menu(props) {
     var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;

package/dist/components/MenuItem.js

@@ -1,4 +1,4 @@
-export { M as MenuItem, m as menuItemConfig } from '../MenuItem-C7frDyBO.js';
+export { M as MenuItem, a as menuItemAppearance, m as menuItemConfig } from '../MenuItem-Buu-c29L.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -14,4 +14,4 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Text-C4Bg2Mv6.js';
+import '../Text-DGEJa_FL.js';

package/dist/components/Modal.js

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { O as Overlay } from '../Overlay-DO5dnSRE.js';
-import { L as Loader } from '../Loader-DHNcD09o.js';
+import { L as Loader } from '../Loader-CuxFXcNG.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import '../context/UIContext.js';
@@ -14,7 +14,7 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-C4Bg2Mv6.js';
+import '../Text-DGEJa_FL.js';
 
 var modalAppearance = {
     dev: {},
@@ -190,4 +190,4 @@ function ModalLoader(props) {
     return (jsx("div", { className: "modal-loading", children: jsx("div", { className: "modal-loading__inner", children: jsx(Loader, {}) }) }));
 }
 
-export { Modal, ModalLoader, modalConfig };
+export { Modal, ModalLoader, modalAppearance, modalConfig };

package/dist/components/Notification.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
-import { T as Title } from '../Title-YVzIwk68.js';
+import { T as Text } from '../Text-DGEJa_FL.js';
+import { T as Title } from '../Title-Bp-4wxkT.js';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
 import 'react';
 import 'lodash/camelCase';