@itcase/ui 1.2.20 → 1.2.22

package/dist/components/Breadcrumbs.js

@@ -5,7 +5,7 @@ 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-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { a as LinkWrapper } from '../Link-CeQuavin.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
@@ -17,7 +17,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 
 function BreadcrumbsItem(props) {

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonConfig } from '../Button--5mnRJi2.js';
+export { B as Button, b as buttonConfig } from '../Button-CxJYh-_G.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -13,11 +13,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DD_Vyrw0.js';
+import '../Icon-DfVed6hR.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';
 import '../Loader-CJ8ZCdwy.js';

package/dist/components/Cell.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
-import { L as Label } from '../Label-BA_CnRBq.js';
-import { T as Text } from '../Text-CG3xPG27.js';
 import { useStyles } from '../hooks/useStyles.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
+import { L as Label } from '../Label-B7HJUf4x.js';
+import { T as Text } from '../Text-CG3xPG27.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -12,17 +12,17 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 
 function Cell(props) {
-    var after = props.after, before = props.before, className = props.className, isActive = props.isActive, isDisabled = props.isDisabled, 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, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
+    var isActive = props.isActive, isDisabled = props.isDisabled, isEqual = props.isEqual, after = props.after, before = props.before, className = props.className, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextTruncate = props.valueTextTruncate, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -71,9 +71,13 @@ function Cell(props) {
         prefix: 'width_',
         propsKey: 'width',
     });
+    var gapClass = useDeviceTargetClass(props, {
+        prefix: 'gap_',
+        propsKey: 'gap',
+    });
     // @ts-expect-error
     var cellStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'cell', mode && "cell_mode_".concat(mode), size && "cell_size_".concat(size), set && "cell_set_".concat(set), bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'), onClick: onClick, onMouseEnter: onMouseEnter, style: cellStyles, children: [before && jsx("div", { className: "cell__before", children: before }), jsxs("div", { className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass), children: [title && (jsxs("div", { className: "cell__data", children: [jsx(Text, { className: "cell__title", size: titleTextSize, tag: titleTag, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title }), (titleIcon || titleIconSrc) && (jsx(Icon, { className: "cell__icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), showTitleLabel && (jsx(Label, { appearance: titleLabelAppearance, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape, size: titleLabelSize }))] })), value && (jsxs("div", { className: "cell__data", children: [jsx(Text, { className: "cell__value", size: valueTextSize, tag: valueTag, textAlign: valueTextAlign, textColor: valueTextColor, textWeight: valueTextWeight, textWrap: valueTextWrap, children: value }), (valueIcon || valueIconSrc) && (jsx(Icon, { className: "cell__icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), showValueLabel && (jsx(Label, { appearance: valueLabelAppearance, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape, size: valueLabelSize }))] }))] }), after && jsx("div", { className: "cell__after", children: after })] }));
+    return (jsxs("div", { className: clsx(className, 'cell', mode && "cell_mode_".concat(mode), size && "cell_size_".concat(size), set && "cell_set_".concat(set), bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, gapClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'), style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsx("div", { className: "cell__before", children: before }), jsxs("div", { className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass, isEqual && 'cell__wrapper-equal'), children: [title && (jsxs("div", { className: "cell__data", children: [jsx(Text, { className: "cell__title", size: titleTextSize, tag: titleTag, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title }), (titleIcon || titleIconSrc) && (jsx(Icon, { className: "cell__icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), showTitleLabel && (jsx(Label, { labelTextSize: titleLabelTextSize, appearance: titleLabelAppearance, label: titleLabel, shape: titleLabelShape, size: titleLabelSize }))] })), value && (jsxs("div", { className: "cell__data", children: [jsx(Text, { className: "cell__value", size: valueTextSize, tag: valueTag, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, children: value }), (valueIcon || valueIconSrc) && (jsx(Icon, { className: "cell__icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), showValueLabel && (jsx(Label, { labelTextSize: valueLabelTextSize, appearance: valueLabelAppearance, label: valueLabel, shape: valueLabelShape, size: valueLabelSize }))] }))] }), after && jsx("div", { className: "cell__after", children: after })] }));
 }
 Cell.defaultProps = {
     isDisabled: false,

package/dist/components/Choice.js

@@ -2,7 +2,7 @@ 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-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { L as Loader } from '../Loader-CJ8ZCdwy.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
@@ -18,7 +18,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 
 var choiceConfig = {
@@ -79,6 +79,14 @@ var Choice = React.forwardRef(function Choice(props, ref) {
         prefix: 'gap_',
         propsKey: 'gap',
     });
+    var rowGapClass = useDeviceTargetClass(props, {
+        prefix: 'row-gap_',
+        propsKey: 'rowGap',
+    });
+    var columnGapClass = useDeviceTargetClass(props, {
+        prefix: 'column-gap_',
+        propsKey: 'columnGap',
+    });
     // prettier-ignore
     var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
     return (jsx("div", { className: clsx(className, 'choice', shapeClass ||
@@ -87,7 +95,7 @@ var Choice = React.forwardRef(function Choice(props, ref) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), ref: controlRef, children: isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsx("div", { className: clsx(className, 'choice__wrapper', gapClass, wrapClass), children: options.map(function (item) {
+                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), ref: controlRef, children: isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsx("div", { className: clsx(className, 'choice__wrapper', gapClass, rowGapClass, columnGapClass, wrapClass), children: options.map(function (item) {
                 // prettier-ignore
                 var isActive = typeof active === 'object'
                     ? String(item.value) === String(active.value)

package/dist/components/ContextMenu.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { D as Divider } from '../Divider-U5UdY-ef.js';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'react';
 import 'lodash/castArray';
@@ -18,7 +18,7 @@ import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 
 function ContextMenu(props) {

package/dist/components/CookiesWarning.js

@@ -3,7 +3,7 @@ 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--5mnRJi2.js';
+import { B as Button } from '../Button-CxJYh-_G.js';
 import { G as Group } from '../Group-CVUfaHaS.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
@@ -16,11 +16,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DD_Vyrw0.js';
+import '../Icon-DfVed6hR.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 import '../Loader-CJ8ZCdwy.js';
 

package/dist/components/DatePicker.js

@@ -5,10 +5,10 @@ import clsx from 'clsx';
 import DatePicker from 'react-datepicker';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button--5mnRJi2.js';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
+import { B as Button } from '../Button-CxJYh-_G.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { I as Input } from '../Input-UkM-ag48.js';
-import { L as Label } from '../Label-BA_CnRBq.js';
+import { L as Label } from '../Label-B7HJUf4x.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -22,7 +22,7 @@ import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../Loader-CJ8ZCdwy.js';
 import 'react-inlinesvg';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 
 function buildFormatLongFn(args) {

package/dist/components/Grid.js

@@ -148,9 +148,13 @@ function GridRow(props) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
     // @ts-expect-error
     var gridRowStyles = useStyles(props).styles;
-    return (jsx(Tag, { className: clsx(className, 'grid__row', fillClass, fillHoverClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: gridRowStyles, onClick: onClick, children: children }));
+    return (jsx(Tag, { className: clsx(className, 'grid__row', fillClass, fillHoverClass, borderColorClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: gridRowStyles, onClick: onClick, children: children }));
 }
 GridRow.defaultProps = {
     tag: 'div',

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, i as iconConfig } from '../Icon-DD_Vyrw0.js';
+export { I as Icon, i as iconConfig } from '../Icon-DfVed6hR.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -16,6 +16,6 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';

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-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -16,7 +16,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, l as labelConfig } from '../Label-BA_CnRBq.js';
+export { L as Label, l as labelConfig } from '../Label-B7HJUf4x.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -14,5 +14,5 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Text-CG3xPG27.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.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-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import 'react';
 import 'react-inlinesvg';
 import '../hooks/useDeviceTargetClass.js';
@@ -16,7 +16,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Text-CG3xPG27.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/components/Pagination.js

@@ -5,7 +5,7 @@ import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { D as Dropdown, a as DropdownItem } from '../DropdownItem-D0dOP4NL.js';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -21,7 +21,7 @@ import '../Divider-U5UdY-ef.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 
 function Pagination(props) {

package/dist/components/Response.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button--5mnRJi2.js';
+import { B as Button } from '../Button-CxJYh-_G.js';
 import { G as Group } from '../Group-CVUfaHaS.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { T as Title } from '../Title-BfSFPJtJ.js';
@@ -17,10 +17,10 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DD_Vyrw0.js';
+import '../Icon-DfVed6hR.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Loader-CJ8ZCdwy.js';
 
 var responseConfig = {

package/dist/components/Search.js

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
 import 'lodash/castArray';
@@ -18,7 +18,7 @@ import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 import 'react-scrollbars-custom';
 

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import React, { useMemo, useRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
@@ -21,7 +21,7 @@ import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 import 'lodash/castArray';
 

package/dist/components/SiteMenu.js

@@ -3,7 +3,7 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from '../context/UIContext.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DD_Vyrw0.js';
+import { I as Icon } from '../Icon-DfVed6hR.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
@@ -17,7 +17,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Tooltip-DJufHBiQ.js';
+import '../Tooltip-CK7SVawj.js';
 import '../Title-BfSFPJtJ.js';
 
 function SiteMenu(props) {

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, t as tooltipConfig } from '../Tooltip-DJufHBiQ.js';
+export { T as Tooltip, t as tooltipConfig } from '../Tooltip-CK7SVawj.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/css/components/Accordion/Accordion.css

@@ -53,6 +53,9 @@
   gap: 14px;
   &__title {
     flex: 1;
+    &.text {
+      padding: var(--accordion-item-padding, 0);
+    }
   }
   &__icon {
     align-self: flex-start;

package/dist/css/components/Cell/Cell.css

@@ -2,13 +2,18 @@
   &__wrapper {
     min-width: auto;
     ^&__data {
+      width: 100%;
       display: flex;
       flex-flow: row nowrap;
+      justify-content: space-between;
       align-items: center;
       gap: 8px;
     }
     ^&__icon {
     }
+    &-equal ^&__data {
+      width: 50%;
+    }
   }
 }
 .cell {
@@ -48,6 +53,24 @@
     }
   }
 }
+.cell {
+  &_set {
+    &_horizontal {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+}
+.cell {
+  &_set {
+    &_vertical {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
 .cell {
   &&_state {
     &_active {

package/dist/css/components/Drawer/Drawer.css

@@ -29,9 +29,9 @@
   display: flex;
   flex-flow: column nowrap;
   &__overlay {
-    background: rgba(116, 116, 116, 0.5) !important;
+    background: var(--drawer-overlay-background, rgba(116, 116, 116, 0.5)) !important;
     opacity: 100% !important;
-    backdrop-filter: blur(10px) !important;
+    backdrop-filter: var(--drawer-overlay-filter, blur(10px)) !important;
   }
   &__wrapper {
     flex: 1;

package/dist/css/components/Icon/Icon.css

@@ -117,15 +117,16 @@
   }
 }
 .icon {
-    &__tooltip {
-      &.tooltip {
+  &__tooltip {
+    &.tooltip {
       min-width: 200px;
       padding: 8px;
       border-radius: 8px;
       visibility: visible;
+      z-index: 12;
       opacity: 100%;
     }
-    }
+  }
 }
 :root {
   --icon-transition: all 0.2s ease 0s;

package/dist/css/components/Tooltip/Tooltip.css

@@ -105,6 +105,27 @@
   }
 }
 
+.tooltip {
+  &_align-position {
+    &_left {
+      border: solid 2px red;
+      position: absolute;
+      transform: translate(0, -50%);
+    }
+    &_center {
+      position: absolute;
+      left: 50%;
+      top: 100%;
+      transform: translate(-50%, 0%);
+    }
+    &_right {
+      border: solid 2px red;
+      position: absolute;
+      transform: translate(0, -50%);
+    }
+  }
+}
+
 .tooltip {
   &&_state_close {
     visibility: hidden;

package/dist/types/components/Cell/Cell.interface.d.ts

@@ -1,18 +1,15 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
+import { iconFillSizePropsType, tDirectionProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export interface ICellProps extends iStyleAttributes {
-    direction?: tDirectionProps;
     after?: ReactNode;
     before?: ReactNode;
     className?: string;
-    isActive?: boolean;
-    isDisabled?: boolean;
+    direction?: tDirectionProps;
     mode?: string;
     reverse?: boolean;
-    set?: string;
     showTitleLabel?: boolean;
     showValueLabel?: boolean;
     size?: tSizeProps;
@@ -52,11 +49,16 @@ export interface ICellProps extends iStyleAttributes {
     valueTextAlign?: tTextAlignProps;
     valueTextColor?: tTextColorProps;
     valueTextSize?: tTextSizeProps;
+    valueTextTruncate?: boolean;
     valueTextWeight?: tTextWeightProps;
     valueTextWrap?: tTextWrapProps;
     zeroGap?: boolean;
     zeroPadding?: boolean;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isEqual?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
+    set?: string;
 }
 export {};

package/dist/types/components/Icon/Icon.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { alignmentPropsType, borderColorHoverPropsType, borderTypePropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, titleSizePropsType, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IIconThemeColor {
     alignment?: alignmentPropsType;
@@ -35,7 +35,7 @@ export interface IIconThemeColor {
     shape?: tShapeProps;
     size?: iconSizePropsType;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type iconAppearanceType = {
     [key in appearanceKeysType]?: IIconThemeColor;
 };
@@ -44,50 +44,51 @@ export interface IIconConfig {
     setAppearance: (newComponent: iconAppearanceType) => void;
 }
 export interface IIconProps extends IIconThemeColor, iStyleAttributes {
-    Badge?: ReactNode;
-    SvgImage?: any;
+    id?: number | string;
     after?: ReactNode;
+    Badge?: ReactNode;
     before?: ReactNode;
     className?: string;
     dataTour?: string;
-    height?: string;
-    href?: string;
-    id?: number | string;
-    imageSrc?: string;
-    link?: string;
-    linkRel?: string;
-    linkTarget?: string;
-    showTooltip?: boolean;
-    style?: CSSProperties;
-    tooltipAppearance?: appearanceKeysType;
-    tooltipText?: string;
-    tooltipTextSize?: tTextSizeProps;
-    tooltipTitle?: string;
-    tooltipTitleSize?: titleSizePropsType;
-    width?: string;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    LinkComponent?: ReactNode;
     fillDesktop?: tFillProps;
     fillMobile?: tFillProps;
     fillSizeDesktop?: string;
     fillSizeMobile?: string;
     fillSizeTablet?: string;
     fillTablet?: tFillProps;
+    height?: string;
+    href?: string;
     htmlType?: string;
     icon?: string;
     iconAfterSrc?: string;
     iconBeforeSrc?: string;
     iconSrc?: string;
+    imageSrc?: string;
+    link?: string;
+    LinkComponent?: ReactNode;
+    linkRel?: string;
+    linkTarget?: string;
     loading?: boolean;
     rel?: string;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;
     shapeTablet?: tShapeProps;
+    showTooltip?: boolean;
     sizeDesktop?: iconSizePropsType;
     sizeMobile?: iconSizePropsType;
     sizeTablet?: iconSizePropsType;
+    style?: CSSProperties;
+    SvgImage?: any;
     target?: string;
+    tooltipAppearance?: appearanceKeysType;
+    tooltipContent?: ReactNode;
+    tooltipText?: string;
+    tooltipTextSize?: tTextSizeProps;
+    tooltipTitle?: string;
+    tooltipTitleSize?: titleSizePropsType;
     type?: string;
+    width?: string;
     isDisabled?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
 }
 export {};