@itcase/ui 1.1.19 → 1.1.20

package/dist/{ListItem-DMS6_Rtr.js → ListItem-CmWuDHgt.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useStyles } from './hooks/useStyles.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { L as Link } from './Link-Co6uspFK.js';
+import { L as Link } from './Link-CnzdHbwf.js';
 
 function List(props) {
     var children = props.children, className = props.className, style = props.style, type = props.type;

package/dist/Logo-Dc9ImVCn.js

@@ -0,0 +1,37 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { a as LinkWrapper } from './Link-CnzdHbwf.js';
+
+var logoConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        logoConfig.appearance = newComponent;
+    },
+};
+function Logo(props) {
+    var alt = props.alt, appearance = props.appearance, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src, title = props.title;
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'logo_align-items_',
+        propsKey: 'alignItems',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    // @ts-expect-error
+    var logo = useStyles(props).styles;
+    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
+    return (jsxRuntimeExports.jsx("div", { style: logo, className: clsx(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass), children: link || href ? (jsxRuntimeExports.jsx(LinkWrapper, { href: link || href, className: "logo__link", children: jsxRuntimeExports.jsx("img", { alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), className: "logo__image", src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) }) })) : (jsxRuntimeExports.jsx("img", { alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), className: "logo__image", src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) })) }));
+}
+
+export { Logo as L, logoConfig as l };

package/dist/{Menu-9u6BoWRL.js → Menu-D-C4q1An.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 { useStyles } from './hooks/useStyles.js';
-import { M as MenuItem } from './MenuItem-CXxL099U.js';
+import { M as MenuItem } from './MenuItem-Cs0KLPXi.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/{MenuItem-CXxL099U.js → MenuItem-Cs0KLPXi.js}

@@ -3,7 +3,7 @@ import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-Co6uspFK.js';
+import { L as Link } from './Link-CnzdHbwf.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 var menuItemConfig = {

package/dist/{NotificationList-B48jz206.js → NotificationList-CaAYxwHB.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
-import { T as Title } from './Title-BAdU2oW_.js';
+import { T as Title } from './Title-zpOK2AxL.js';
 
 var notificationItemConfig = {
     appearance: {},

package/dist/{Pagination-Ch75clod.js → Pagination-z2n_5l-u.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 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-DB5nPIdl.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { D as Dropdown, a as DropdownItem } from './DropdownItem-DftDKP1Y.js';
+import { I as Icon } from './Icon-DobrgUul.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Pagination(props) {

package/dist/{Response-CgE3B1JS.js → Response-BXQPmdQr.js}

@@ -4,10 +4,10 @@ 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-DxZUKQ8I.js';
-import { G as Group } from './Group-DuHn_z2p.js';
+import { B as Button } from './Button-Dslt7OS2.js';
+import { G as Group } from './Group-BWwH31L7.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
-import { T as Title } from './Title-BAdU2oW_.js';
+import { T as Title } from './Title-zpOK2AxL.js';
 
 var responseConfig = {
     appearance: undefined,

package/dist/{SearchResult-vA2t-ZGx.js → SearchResult-BsXiKcpx.js}

@@ -3,7 +3,7 @@ import React__default, { 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-C0gtkmdU.js';
+import { I as Icon } from './Icon-DobrgUul.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 import { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
 

package/dist/{SiteMenuButton-CFPtqh_i.js → SiteMenuButton-DNMOi-I3.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-C0gtkmdU.js';
+import { I as Icon } from './Icon-DobrgUul.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 function SiteMenu(props) {

package/dist/{Swiper-CP2ph4S3.js → Swiper-CXjE6qZR.js}

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffec
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Title } from './Title-BAdU2oW_.js';
+import { T as Title } from './Title-zpOK2AxL.js';
 
 /**
  * SSR Window 4.0.2
@@ -2860,7 +2860,7 @@ function onTouchMove(event) {
     resistanceRatio = 0;
   }
   if (diff > 0) {
-    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.slidesSizesGrid[swiper.activeIndex + 1] : swiper.minTranslate())) {
+    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.slidesSizesGrid[swiper.activeIndex + 1] - (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.activeIndex + 1] + swiper.params.spaceBetween : 0) - swiper.params.spaceBetween : swiper.minTranslate())) {
       swiper.loopFix({
         direction: 'prev',
         setTranslate: true,
@@ -2874,7 +2874,7 @@ function onTouchMove(event) {
       }
     }
   } else if (diff < 0) {
-    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] : swiper.maxTranslate())) {
+    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween + (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween : 0) : swiper.maxTranslate())) {
       swiper.loopFix({
         direction: 'next',
         setTranslate: true,
@@ -4679,7 +4679,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.8
+ * Swiper React 11.1.9
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4687,7 +4687,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: July 26, 2024
+ * Released on: July 31, 2024
  */
 
 

package/dist/{SwitchField-Cj0B7JdE.js → SwitchField-Djrsk1Th.js}

@@ -6,7 +6,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { SelectInput } from './components/Select.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
-import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Icon } from './Icon-DobrgUul.js';
 import { useStyles } from './hooks/useStyles.js';
 import { S as Switch } from './Switch-0BHqovLA.js';
 

package/dist/{TabGroup-C4CbZgr7.js → TabGroup-c-myALzO.js}

@@ -5,7 +5,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { B as Badge } from './Badge-DtYgQu3L.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-Co6uspFK.js';
+import { L as Link } from './Link-CnzdHbwf.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
 
 var tabConfig = {

package/dist/{Tile-B2HwgBDH.js → Tile-m0Q0UUPl.js}

@@ -4,7 +4,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { B as Badge } from './Badge-DtYgQu3L.js';
 import { T as Text } from './Text-Dn0X1zxN.js';
-import { T as Title } from './Title-BAdU2oW_.js';
+import { T as Title } from './Title-zpOK2AxL.js';
 
 function Tile(props) {
     var children = props.children, after = props.after, badge = props.badge, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, direction = props.direction, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;

package/dist/{Title-BAdU2oW_.js → Title-zpOK2AxL.js}

@@ -89,7 +89,7 @@ function Title(props) {
         }
         return size ? size : 'span';
     }, [isMobile, isTablet, isDesktop]);
-    return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, textColorClass ||
+    return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, 'text', textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
                 "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, onClick: onClick, style: titleStyles, children: [before, jsxRuntimeExports.jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }

package/dist/{Tooltip-D46EmkZq.js → Tooltip-BYw26YRd.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 Title } from './Title-BAdU2oW_.js';
+import { T as Title } from './Title-zpOK2AxL.js';
 
 var tooltipConfig = {
     appearance: undefined,

package/dist/cjs/{Accordion-OI5oLjJY.js → Accordion-CGdZmC7z.js}

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Avatar-BBAt1cKM.js → Avatar-CXkFUZni.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 var Image = require('./Image-CCx6QWZj.js');
 var Text = require('./Text-D2YDVhGJ.js');
 

package/dist/cjs/{Breadcrumbs-DLTpOh1T.js → Breadcrumbs-GGwX18rz.js}

@@ -7,8 +7,8 @@ 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-BUwWk_dS.js');
-var Link = require('./Link-B6Xq7PWn.js');
+var Icon = require('./Icon-1nE_a40k.js');
+var Link = require('./Link-D30saU5d.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Button-C-K_KVjd.js → Button-DplZg-6U.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-BUwWk_dS.js');
-var Link = require('./Link-B6Xq7PWn.js');
+var Icon = require('./Icon-1nE_a40k.js');
+var Link = require('./Link-D30saU5d.js');
 var Loader = require('./Loader-2CPNhu-4.js');
 var Text = require('./Text-D2YDVhGJ.js');
 

package/dist/cjs/{Cell-DpzvSs16.js → Cell-fldKcEHr.js}

@@ -3,8 +3,8 @@
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-BUwWk_dS.js');
-var Label = require('./Label-Bc4u2NRI.js');
+var Icon = require('./Icon-1nE_a40k.js');
+var Label = require('./Label-Cgxxx2Ar.js');
 var Text = require('./Text-D2YDVhGJ.js');
 var useStyles = require('./hooks/useStyles.js');
 

package/dist/cjs/{Choice-nMRlWkpF.js → Choice-DwYPQwyf.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 var Loader = require('./Loader-2CPNhu-4.js');
 var Text = require('./Text-D2YDVhGJ.js');
 

package/dist/cjs/{ContextMenuItem-D2wjhhzg.js → ContextMenuItem-D-wYq1Of.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{CookiesWarning--Edz7Gcv.js → CookiesWarning-Cny73RI8.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-C-K_KVjd.js');
-var Group = require('./Group-CtseVj34.js');
+var Button = require('./Button-DplZg-6U.js');
+var Group = require('./Group-B3axMtEa.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{DatePicker-vgeb1SWe.js → DatePicker-BvGVwQWT.js}

@@ -7,10 +7,10 @@ var clsx = require('clsx');
 var ReactDOM = require('react-dom');
 var floatingUi_dom = require('./floating-ui.dom-ma2MDAMT.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-C-K_KVjd.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Button = require('./Button-DplZg-6U.js');
+var Icon = require('./Icon-1nE_a40k.js');
 var Input = require('./Input-vwyG3XF0.js');
-var Label = require('./Label-Bc4u2NRI.js');
+var Label = require('./Label-Cgxxx2Ar.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{DropdownItem-CCuDjUjH.js → DropdownItem-BazQTndn.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Link = require('./Link-B6Xq7PWn.js');
+var Link = require('./Link-D30saU5d.js');
 var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{GridRow-OxLsh_2P.js → GridRow-CAqZZGge.js}

@@ -51,25 +51,8 @@ function Grid(props) {
         prefix: 'border-color_',
         propsKey: 'borderColor',
     });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fillWrapper',
-    });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fillWrapperInner',
-    });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_shape_',
-        propsKey: 'shapeWrapper',
-    });
-    useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_shape_',
-        propsKey: 'shapeWrapperInner',
-    });
-    // prettier-ignore
     // @ts-expect-error
-    var _b = useStyles.useStyles(props), gridStyles = _b.styles; _b.gridWrapper; _b.gridWrapperInner;
+    var gridStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'grid', useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, borderColorClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), "data-tour": dataTour, id: id, style: gridStyles, onClick: onClick, children: [before && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "grid__after", children: after })] }));
 }
 Grid.defaultProps = {
@@ -106,6 +89,14 @@ function GridItem(props) {
         prefix: 'grid__item_row-start_',
         propsKey: 'rowStart',
     });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
     var rowEndClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'grid__item_row-end_',
         propsKey: 'rowEnd',
@@ -140,7 +131,7 @@ function GridItem(props) {
     });
     // @ts-expect-error
     var gridItemStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(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 (jsxRuntime.jsxRuntimeExports.jsx("div", { "data-tour": dataTour, id: id, style: gridItemStyles, className: clsx__default.default(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/cjs/{Group-CtseVj34.js → Group-B3axMtEa.js}

@@ -16,7 +16,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, 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.useDeviceTargetClass(props, {
         prefix: 'group_content-align_',
         propsKey: 'contentAlign',
@@ -89,14 +89,26 @@ function Group(props) {
         prefix: 'elevation_',
         propsKey: 'elevation',
     });
+    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_text-color_',
+        propsKey: 'textColor',
+    });
+    var textColorActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_text-color_active_',
+        propsKey: 'textColorActive',
+    });
+    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_text-color_hover_',
+        propsKey: 'textColorHover',
+    });
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), className: clsx__default.default(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) &&
@@ -108,7 +120,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 ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 }
 Group.defaultProps = {
     tag: 'div',

package/dist/cjs/{Icon-BUwWk_dS.js → Icon-1nE_a40k.js}

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-B6Xq7PWn.js');
-var Tooltip = require('./Tooltip-VrKQ8W1G.js');
+var Link = require('./Link-D30saU5d.js');
+var Tooltip = require('./Tooltip-CYJGThOv.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{InputPassword-BqbSnWDE.js → InputPassword-u30j02Bh.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Label-Bc4u2NRI.js → Label-Cgxxx2Ar.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Text = require('./Text-D2YDVhGJ.js');
-var Tooltip = require('./Tooltip-VrKQ8W1G.js');
+var Tooltip = require('./Tooltip-CYJGThOv.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{LanguageSelector-BswZL8dZ.js → LanguageSelector-lyV39rdI.js}

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
-var Icon = require('./Icon-BUwWk_dS.js');
+var Icon = require('./Icon-1nE_a40k.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }