@itcase/ui 1.2.33 → 1.2.35

package/dist/{Badge-_xQzAcyN.js → Badge-BZf2D83-.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-R6XNq6Ca.js');
+var Text = require('./Text-C-scXvy7.js');
 
 var badgeAppearance = {
     accent: {

package/dist/{Badge-DBjlLLfX.js → Badge-MPtjfQS8.js}

@@ -2,7 +2,7 @@ import { 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 Text } from './Text-DGEJa_FL.js';
 
 var badgeAppearance = {
     accent: {

package/dist/{Button-ChSAts3j.js → Button-BmE4TGuv.js}

@@ -5,10 +5,10 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Icon = require('./Icon-C8ACV9r7.js');
+var Icon = require('./Icon-gTZ0QO8I.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Loader = require('./Loader-DReoCdZ2.js');
-var Text = require('./Text-R6XNq6Ca.js');
+var Loader = require('./Loader-1ZnukBPK.js');
+var Text = require('./Text-C-scXvy7.js');
 
 var buttonAppearance = {
     dev: {

package/dist/{Button-C8MATksY.js → Button-f0zWwezF.js}

@@ -3,10 +3,10 @@ import React from 'react';
 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 { I as Icon } from './Icon-21rsw8YW.js';
 import { a as LinkWrapper } from './Link-CeQuavin.js';
-import { L as Loader } from './Loader-DHNcD09o.js';
-import { T as Text } from './Text-C4Bg2Mv6.js';
+import { L as Loader } from './Loader-CuxFXcNG.js';
+import { T as Text } from './Text-DGEJa_FL.js';
 
 var buttonAppearance = {
     dev: {

package/dist/{Divider-DHIuQUsH.js → Divider-Bdz66wfW.js}

@@ -68,4 +68,4 @@ Divider.defaultProps = {
     size: 'xs',
 };
 
-export { Divider as D, dividerConfig as d };
+export { Divider as D, dividerAppearance as a, dividerConfig as d };

package/dist/{Divider-BoB-f9Gr.js → Divider-CYvszcff.js}

@@ -71,4 +71,5 @@ Divider.defaultProps = {
 };
 
 exports.Divider = Divider;
+exports.dividerAppearance = dividerAppearance;
 exports.dividerConfig = dividerConfig;

package/dist/{DropdownItem-B8IMNQww.js → DropdownItem-BjtWmVFs.js}

@@ -3,9 +3,9 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { D as Divider } from './Divider-DHIuQUsH.js';
+import { D as Divider } from './Divider-Bdz66wfW.js';
 import { L as Link } from './Link-CeQuavin.js';
-import { T as Text } from './Text-C4Bg2Mv6.js';
+import { T as Text } from './Text-DGEJa_FL.js';
 
 function Dropdown(props) {
     var children = props.children, isOpen = props.isOpen, after = props.after, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, before = props.before, className = props.className, _c = props.set, set = _c === void 0 ? 'normal' : _c, setIsOpen = props.setIsOpen;
@@ -179,4 +179,4 @@ DropdownItem.defaultProps = {
     size: 'l',
 };
 
-export { Dropdown as D, DropdownItem as a, dropdownItemConfig as d };
+export { Dropdown as D, DropdownItem as a, dropdownItemConfig as b, dropdownItemAppearance as d };

package/dist/{DropdownItem-E9HkOU63.js → DropdownItem-DPBYY3cR.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Divider = require('./Divider-BoB-f9Gr.js');
+var Divider = require('./Divider-CYvszcff.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Text = require('./Text-R6XNq6Ca.js');
+var Text = require('./Text-C-scXvy7.js');
 
 function Dropdown(props) {
     var children = props.children, isOpen = props.isOpen, after = props.after, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, before = props.before, className = props.className, _c = props.set, set = _c === void 0 ? 'normal' : _c, setIsOpen = props.setIsOpen;
@@ -183,4 +183,5 @@ DropdownItem.defaultProps = {
 
 exports.Dropdown = Dropdown;
 exports.DropdownItem = DropdownItem;
+exports.dropdownItemAppearance = dropdownItemAppearance;
 exports.dropdownItemConfig = dropdownItemConfig;

package/dist/{Group-u6YDbMxn.js → Group-Bf2uSl3S.js}

@@ -136,4 +136,5 @@ var Group = React.forwardRef(function Group(props, ref) {
 });
 
 exports.Group = Group;
+exports.groupAppearance = groupAppearance;
 exports.groupConfig = groupConfig;

package/dist/{Group-BCvs5UxK.js → Group-D95Sf0X0.js}

@@ -133,4 +133,4 @@ var Group = React.forwardRef(function Group(props, ref) {
                     .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass, onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
-export { Group as G, groupConfig as g };
+export { Group as G, groupAppearance as a, groupConfig as g };

package/dist/{Icon-DptCmI_y.js → Icon-21rsw8YW.js}

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { a as LinkWrapper } from './Link-CeQuavin.js';
-import { T as Tooltip } from './Tooltip--c-4Qp04.js';
+import { T as Tooltip } from './Tooltip-BsMYxi_I.js';
 
 var iconAppearance = {
     accent: {
@@ -116,4 +116,4 @@ var removeFillStroke = function (code) {
     return code.replace(/fill=".*?"/g, 'fill=""').replace(/stroke=".*?"/g, 'stroke=""');
 };
 
-export { Icon as I, iconConfig as i };
+export { Icon as I, iconAppearance as a, iconConfig as i };

package/dist/{Icon-C8ACV9r7.js → Icon-gTZ0QO8I.js}

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Tooltip = require('./Tooltip-BswHy19O.js');
+var Tooltip = require('./Tooltip-CUL79Nsx.js');
 
 var iconAppearance = {
     accent: {
@@ -119,4 +119,5 @@ var removeFillStroke = function (code) {
 };
 
 exports.Icon = Icon;
+exports.iconAppearance = iconAppearance;
 exports.iconConfig = iconConfig;

package/dist/{Input-CgjHxZmK.js → Input--x3hPBiN.js}

@@ -185,4 +185,4 @@ Input.defaultProps = {
     size: 'm',
 };
 
-export { Input as I, inputConfig as i };
+export { Input as I, inputAppearance as a, inputState as b, inputConfig as i };

package/dist/{Input-KgHOW5DR.js → Input-DG5yWwpp.js}

@@ -188,4 +188,6 @@ Input.defaultProps = {
 };
 
 exports.Input = Input;
+exports.inputAppearance = inputAppearance;
 exports.inputConfig = inputConfig;
+exports.inputState = inputState;

package/dist/{Label-B06hLCqo.js → Label-Ddjf4F18.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-R6XNq6Ca.js');
-var Tooltip = require('./Tooltip-BswHy19O.js');
+var Text = require('./Text-C-scXvy7.js');
+var Tooltip = require('./Tooltip-CUL79Nsx.js');
 
 var labelAppearance = {
     dev: {

package/dist/{Label-zOLL6ePu.js → Label-Rq2ptfUd.js}

@@ -3,8 +3,8 @@ import { useRef, useCallback } from 'react';
 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 Tooltip } from './Tooltip--c-4Qp04.js';
+import { T as Text } from './Text-DGEJa_FL.js';
+import { T as Tooltip } from './Tooltip-BsMYxi_I.js';
 
 var labelAppearance = {
     dev: {

package/dist/{Loader-DReoCdZ2.js → Loader-1ZnukBPK.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-R6XNq6Ca.js');
+var Text = require('./Text-C-scXvy7.js');
 
 var loaderAppearance = {
     accent: {
@@ -82,4 +82,5 @@ function Loader(props) {
 }
 
 exports.Loader = Loader;
+exports.loaderAppearance = loaderAppearance;
 exports.loaderConfig = loaderConfig;

package/dist/{Loader-DHNcD09o.js → Loader-CuxFXcNG.js}

@@ -2,7 +2,7 @@ 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 Text } from './Text-DGEJa_FL.js';
 
 var loaderAppearance = {
     accent: {
@@ -79,4 +79,4 @@ function Loader(props) {
                                 "fill_".concat((_c = appearanceConfig.itemFill) === null || _c === void 0 ? void 0 : _c.replace(/([A-Z])/g, '-$1')).toLowerCase())) })] })), text && (jsx(Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
 }
 
-export { Loader as L, loaderConfig as l };
+export { Loader as L, loaderAppearance as a, loaderConfig as l };

package/dist/{MenuItem-C7frDyBO.js → MenuItem-Buu-c29L.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { L as Link } from './Link-CeQuavin.js';
-import { T as Text } from './Text-C4Bg2Mv6.js';
+import { T as Text } from './Text-DGEJa_FL.js';
 
 var menuItemAppearance = {
     any: {
@@ -98,4 +98,4 @@ MenuItem.defaultProps = {
     size: 'm',
 };
 
-export { MenuItem as M, menuItemConfig as m };
+export { MenuItem as M, menuItemAppearance as a, menuItemConfig as m };

package/dist/{MenuItem-BXogEsbS.js → MenuItem-Cqt0EcgC.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Text = require('./Text-R6XNq6Ca.js');
+var Text = require('./Text-C-scXvy7.js');
 
 var menuItemAppearance = {
     any: {
@@ -101,4 +101,5 @@ MenuItem.defaultProps = {
 };
 
 exports.MenuItem = MenuItem;
+exports.menuItemAppearance = menuItemAppearance;
 exports.menuItemConfig = menuItemConfig;

package/dist/{Text-R6XNq6Ca.js → Text-C-scXvy7.js}

@@ -81,4 +81,5 @@ function Text(props) {
 }
 
 exports.Text = Text;
+exports.textAppearance = textAppearance;
 exports.textConfig = textConfig;

package/dist/{Text-C4Bg2Mv6.js → Text-DGEJa_FL.js}

@@ -78,4 +78,4 @@ function Text(props) {
                 "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
 }
 
-export { Text as T, textConfig as t };
+export { Text as T, textAppearance as a, textConfig as t };

package/dist/{Title-DWIc05TX.js → Title-BatSai-G.js}

@@ -111,4 +111,5 @@ function Title(props) {
 }
 
 exports.Title = Title;
+exports.titleAppearance = titleAppearance;
 exports.titleConfig = titleConfig;

package/dist/{Title-YVzIwk68.js → Title-Bp-4wxkT.js}

@@ -108,4 +108,4 @@ function Title(props) {
                 "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 
-export { Title as T, titleConfig as t };
+export { Title as T, titleAppearance as a, titleConfig as t };

package/dist/{Tooltip--c-4Qp04.js → Tooltip-BsMYxi_I.js}

@@ -3,8 +3,8 @@ import React, { useRef, useState, useCallback, useImperativeHandle } from 'react
 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';
 
 var tooltipAppearance = {
     surfacePrimary: {
@@ -147,4 +147,4 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
                 "tooltip_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
 });
 
-export { Tooltip as T, tooltipConfig as t };
+export { Tooltip as T, tooltipAppearance as a, tooltipConfig as t };

package/dist/{Tooltip-BswHy19O.js → Tooltip-CUL79Nsx.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-R6XNq6Ca.js');
-var Title = require('./Title-DWIc05TX.js');
+var Text = require('./Text-C-scXvy7.js');
+var Title = require('./Title-BatSai-G.js');
 
 var tooltipAppearance = {
     surfacePrimary: {
@@ -150,4 +150,5 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
 });
 
 exports.Tooltip = Tooltip;
+exports.tooltipAppearance = tooltipAppearance;
 exports.tooltipConfig = tooltipConfig;

package/dist/cjs/components/Accordion.js

@@ -7,9 +7,10 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Divider = require('../../Divider-BoB-f9Gr.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var _default = require('@itcase/icons/default');
+var Divider = require('../../Divider-CYvszcff.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
@@ -19,8 +20,8 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.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;
@@ -72,7 +73,7 @@ function AccordionItem(props) {
     });
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntime.jsx(Icon.Icon, { iconFill: iconFill, size: "16", SvgImage: icon16.ChevronDown }) }), beforeContent && beforeContent, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", fill: dividerFill || 'surfaceTertiary', direction: dividerDirection, size: dividerSize })), isExpanded && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
+    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntime.jsx(Icon.Icon, { iconFill: iconFill, size: "16", SvgImage: _default.icon16.ChevronDown }) }), beforeContent && beforeContent, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", fill: dividerFill || 'surfaceTertiary', direction: dividerDirection, size: dividerSize })), isExpanded && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
                     (content && (jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }))) })), afterContent && afterContent] }));
 }
 

package/dist/cjs/components/Avatar.js

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
 var Image = require('../../Image-DrUlRMHa.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -19,8 +19,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 
 var avatarAppearance = {
     dev: {},
@@ -62,4 +62,5 @@ function Avatar(props) {
 }
 
 exports.Avatar = Avatar;
+exports.avatarAppearance = avatarAppearance;
 exports.avatarConfig = avatarConfig;

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-_xQzAcyN.js');
+var Badge = require('../../Badge-BZf2D83-.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
@@ -14,7 +14,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-C-scXvy7.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,9 +7,9 @@ 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-C8ACV9r7.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
 var Link = require('../../Link-CqWzwh8V.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
@@ -18,8 +18,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.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/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-ChSAts3j.js');
+var Button = require('../../Button-BmE4TGuv.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -14,14 +14,14 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-C8ACV9r7.js');
+require('../../Icon-gTZ0QO8I.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
-require('../../Loader-DReoCdZ2.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Text-C-scXvy7.js');
+require('../../Title-BatSai-G.js');
+require('../../Loader-1ZnukBPK.js');
 
 
 

package/dist/cjs/components/Card.js

@@ -4,7 +4,7 @@ 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-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Cell.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 Icon = require('../../Icon-C8ACV9r7.js');
-var Label = require('../../Label-B06hLCqo.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Label = require('../../Label-Ddjf4F18.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -19,8 +19,8 @@ require('../hooks/styleAttributes.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.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/cjs/components/Checkbox.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -113,4 +113,6 @@ function Checkbox(props) {
 }
 
 exports.Checkbox = Checkbox;
+exports.checkboxAppearance = checkboxAppearance;
 exports.checkboxConfig = checkboxConfig;
+exports.checkboxState = checkboxState;

package/dist/cjs/components/Chips.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Choice.js

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Loader = require('../../Loader-DReoCdZ2.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Loader = require('../../Loader-1ZnukBPK.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -19,8 +19,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 
 var choiceAppearance = {
     dev: {
@@ -146,4 +146,5 @@ var Choice = React.forwardRef(function Choice(props, ref) {
 });
 
 exports.Choice = Choice;
+exports.choiceAppearance = choiceAppearance;
 exports.choiceConfig = choiceConfig;

package/dist/cjs/components/Code.js

@@ -132,4 +132,5 @@ Code.defaultProps = {
 };
 
 exports.Code = Code;
+exports.codeAppearance = codeAppearance;
 exports.codeConfig = codeConfig;

package/dist/cjs/components/ContextMenu.js

@@ -3,9 +3,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Divider = require('../../Divider-BoB-f9Gr.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Divider = require('../../Divider-CYvszcff.js');
+var Icon = require('../../Icon-gTZ0QO8I.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -19,8 +19,8 @@ require('../hooks/styleAttributes.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/cjs/components/CookiesWarning.js

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-ChSAts3j.js');
-var Group = require('../../Group-u6YDbMxn.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Button = require('../../Button-BmE4TGuv.js');
+var Group = require('../../Group-Bf2uSl3S.js');
+var Text = require('../../Text-C-scXvy7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -17,13 +17,13 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-C8ACV9r7.js');
+require('../../Icon-gTZ0QO8I.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
-require('../../Loader-DReoCdZ2.js');
+require('../../Tooltip-CUL79Nsx.js');
+require('../../Title-BatSai-G.js');
+require('../../Loader-1ZnukBPK.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;