@itcase/ui 1.1.19 → 1.1.21

package/dist/{Accordion-uWRXripc.js → Accordion-DFgzxKlH.js}

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 var ChevronDown16 = function ChevronDown16(props) {

package/dist/{Avatar-APOOlMd3.js → Avatar-B_7tOMik.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 

package/dist/{Breadcrumbs-rRMuYnWJ.js → Breadcrumbs-EQmNm0OH.js}

@@ -5,8 +5,8 @@ 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-C0gtkmdU.js';
-import { a as LinkWrapper } from './Link-Co6uspFK.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
+import { a as LinkWrapper } from './Link-BREALvPd.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function BreadcrumbsItem(props) {

package/dist/{Button-DxZUKQ8I.js → Button-BlPfX0sG.js}

@@ -3,8 +3,8 @@ import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
-import { a as LinkWrapper } from './Link-Co6uspFK.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
+import { a as LinkWrapper } from './Link-BREALvPd.js';
 import { L as Loader } from './Loader-DhgIcSY1.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 

package/dist/{Cell-BJThS4YS.js → Cell-BTH03V30.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
-import { L as Label } from './Label-0lMH0-AK.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
+import { L as Label } from './Label-Ch6YjDF4.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 import { useStyles } from './hooks/useStyles.js';
 

package/dist/{Choice-DVU4k0tu.js → Choice-DsyZ57RY.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 import { L as Loader } from './Loader-DhgIcSY1.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 

package/dist/{ContextMenuItem-xssbnviQ.js → ContextMenuItem-BrLq1iQl.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function ContextMenu(props) {

package/dist/{CookiesWarning-Dcon4SS4.js → CookiesWarning--bl8qppa.js}

@@ -3,8 +3,8 @@ 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-DxZUKQ8I.js';
-import { G as Group } from './Group-DuHn_z2p.js';
+import { B as Button } from './Button-BlPfX0sG.js';
+import { G as Group } from './Group-BDmYkT7d.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function CookiesWarning(props) {

package/dist/{DatePicker-D9UgOcue.js → DatePicker-DwvyPEnL.js}

@@ -7,10 +7,10 @@ import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { findDOMNode } from 'react-dom';
 import { o as offset$1, f as flip$1, c as computePosition, b as arrow$2, g as getComputedStyle, i as isElement, a as autoUpdate } from './floating-ui.dom-BV5qw-HP.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-DxZUKQ8I.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { B as Button } from './Button-BlPfX0sG.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 import { I as Input } from './Input-CYDtAlO-.js';
-import { L as Label } from './Label-0lMH0-AK.js';
+import { L as Label } from './Label-Ch6YjDF4.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function buildFormatLongFn(args) {

package/dist/{DropdownItem-DB5nPIdl.js → DropdownItem-D_DLgDdG.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-Co6uspFK.js';
+import { L as Link } from './Link-BREALvPd.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Dropdown(props) {

package/dist/{GridRow-CvYQDJ2W.js → GridRow-DRjyNWBh.js}

@@ -45,25 +45,8 @@ function Grid(props) {
         prefix: 'border-color_',
         propsKey: 'borderColor',
     });
-    useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fillWrapper',
-    });
-    useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fillWrapperInner',
-    });
-    useDeviceTargetClass(props, {
-        prefix: 'grid_shape_',
-        propsKey: 'shapeWrapper',
-    });
-    useDeviceTargetClass(props, {
-        prefix: 'grid_shape_',
-        propsKey: 'shapeWrapperInner',
-    });
-    // prettier-ignore
     // @ts-expect-error
-    var _b = useStyles(props), gridStyles = _b.styles; _b.gridWrapper; _b.gridWrapperInner;
+    var gridStyles = useStyles(props).styles;
     return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'grid', useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, borderColorClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), "data-tour": dataTour, id: id, style: gridStyles, onClick: onClick, children: [before && jsxRuntimeExports.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntimeExports.jsx("div", { className: "grid__after", children: after })] }));
 }
 Grid.defaultProps = {
@@ -100,6 +83,14 @@ function GridItem(props) {
         prefix: 'grid__item_row-start_',
         propsKey: 'rowStart',
     });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
     var rowEndClass = useDeviceTargetClass(props, {
         prefix: 'grid__item_row-end_',
         propsKey: 'rowEnd',
@@ -134,7 +125,7 @@ function GridItem(props) {
     });
     // @ts-expect-error
     var gridItemStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'grid__item', orderClass, fillClass, fillHoverClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, rowGapClass, columnGapClass), "data-tour": dataTour, id: String(id), style: gridItemStyles, onClick: onClick, children: children }));
+    return (jsxRuntimeExports.jsx("div", { "data-tour": dataTour, id: id, style: gridItemStyles, className: clsx(className, 'grid__item', orderClass, fillClass, fillHoverClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, widthClass, heightClass, rowGapClass, columnGapClass), onClick: onClick, children: children }));
 }
 
 function GridRow(props) {

package/dist/{Group-DuHn_z2p.js → Group-BDmYkT7d.js}

@@ -10,7 +10,7 @@ var groupConfig = {
     },
 };
 function Group(props) {
-    var appearance = props.appearance, id = props.id, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, htmlFor = props.htmlFor, set = props.set, style = props.style, dataTour = props.dataTour, onClick = props.onClick;
+    var id = props.id, name = props.name, children = props.children, isTextHover = props.isTextHover, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     var contentAlignClass = useDeviceTargetClass(props, {
         prefix: 'group_content-align_',
         propsKey: 'contentAlign',
@@ -83,14 +83,27 @@ function Group(props) {
         prefix: 'elevation_',
         propsKey: 'elevation',
     });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'group_text-color_',
+        propsKey: 'textColor',
+    });
+    var textColorActiveClass = useDeviceTargetClass(props, {
+        prefix: 'group_text-color_active_',
+        propsKey: 'textColorActive',
+    });
+    var textColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'group_text-color_hover_',
+        propsKey: 'textColorHover',
+    });
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
+    return (jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), alignClass, fillClass ||
+                    .toLowerCase()), alignClass, isTextHover && 'group_text_hover', textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
@@ -102,7 +115,7 @@ function Group(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 }
 Group.defaultProps = {
     tag: 'div',

package/dist/{Icon-C0gtkmdU.js → Icon-CPCBYWfF.js}

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-Co6uspFK.js';
-import { T as Tooltip } from './Tooltip-D46EmkZq.js';
+import { a as LinkWrapper } from './Link-BREALvPd.js';
+import { T as Tooltip } from './Tooltip-BYw26YRd.js';
 
 var iconConfig = {
     appearance: {},

package/dist/{InputPassword-D6OLQrVC.js → InputPassword-CjExdAwu.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 
 var inputPasswordConfig = {
     state: undefined,

package/dist/{Label-0lMH0-AK.js → Label-Ch6YjDF4.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
-import { T as Tooltip } from './Tooltip-D46EmkZq.js';
+import { T as Tooltip } from './Tooltip-BYw26YRd.js';
 
 var labelConfig = {
     appearance: undefined,

package/dist/{LanguageSelector-uOmIj9mJ.js → LanguageSelector-CeioS128.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-CPCBYWfF.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;