@itcase/ui 1.8.1 → 1.8.4

package/dist/{Badge-Df7Zxjnk.js → Badge_cjs_DrG2tUjI.js}

@@ -1,52 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon-D_BDlSSb.js');
-var Text = require('./Text-DwIx33-P.js');
+var Icon = require('./Icon_cjs_DSzfNqif.js');
+var Text = require('./Text_cjs_D4xG0cKD.js');
 
-var defaultAppearance = {
+var badgeAppearanceAccent = {
     accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextPrimary',
+        dotFill: 'accentItemPrimary',
+        iconFill: 'accentItemPrimary',
     },
     accentPrimary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextPrimary',
-        iconFill: 'accentItemPrimary',
+        dotFill: 'accentItemPrimary',
+    },
+    accentQuaternary: {
+        dotFill: 'accentItemPrimary',
     },
     accentSecondary: {
-        fill: 'accentSecondary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextQuaternary',
-        iconFill: 'accentItemQuaternary',
+        dotFill: 'accentItemPrimary',
     },
     accentTertiary: {
-        fill: 'accentTertiary',
-        borderColor: 'accentBorderSecondary',
-        textColor: 'accentTextSecondary',
-        iconFill: 'accentItemSecondary',
+        dotFill: 'accentItemPrimary',
     },
-    accentQuaternary: {
-        fill: 'accentQuaternary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextPrimary',
-        iconFill: 'accentItemPrimary',
-    },
-};
-
-var badgeAppearanceAccent = {
-    accent: tslib_es6.__assign(tslib_es6.__assign({}, defaultAppearance.accent), { dotFill: 'accentItemPrimary', iconFill: 'accentItemPrimary' }),
-    accentPrimary: tslib_es6.__assign(tslib_es6.__assign({}, defaultAppearance.accentPrimary), { dotFill: 'accentItemPrimary' }),
-    accentQuaternary: tslib_es6.__assign(tslib_es6.__assign({}, defaultAppearance.accentQuaternary), { dotFill: 'accentItemPrimary' }),
-    accentSecondary: tslib_es6.__assign(tslib_es6.__assign({}, defaultAppearance.accentSecondary), { dotFill: 'accentItemPrimary' }),
-    accentTertiary: tslib_es6.__assign(tslib_es6.__assign({}, defaultAppearance.accentTertiary), { dotFill: 'accentItemPrimary' }),
 };
 
 var badgeAppearanceDanger = {

package/dist/{Badge-BY030Mwm.js → Badge_es_Bx0NsdST.js}

@@ -1,50 +1,28 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon } from './Icon-BF7i3XdQ.js';
-import { T as Text } from './Text-aaWArShm.js';
+import { I as Icon } from './Icon_es_BBmoZ7_3.js';
+import { T as Text } from './Text_es_FJGduy7Z.js';
 
-var defaultAppearance = {
+var badgeAppearanceAccent = {
     accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextPrimary',
+        dotFill: 'accentItemPrimary',
+        iconFill: 'accentItemPrimary',
     },
     accentPrimary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextPrimary',
-        iconFill: 'accentItemPrimary',
+        dotFill: 'accentItemPrimary',
+    },
+    accentQuaternary: {
+        dotFill: 'accentItemPrimary',
     },
     accentSecondary: {
-        fill: 'accentSecondary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextQuaternary',
-        iconFill: 'accentItemQuaternary',
+        dotFill: 'accentItemPrimary',
     },
     accentTertiary: {
-        fill: 'accentTertiary',
-        borderColor: 'accentBorderSecondary',
-        textColor: 'accentTextSecondary',
-        iconFill: 'accentItemSecondary',
+        dotFill: 'accentItemPrimary',
     },
-    accentQuaternary: {
-        fill: 'accentQuaternary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextPrimary',
-        iconFill: 'accentItemPrimary',
-    },
-};
-
-var badgeAppearanceAccent = {
-    accent: __assign(__assign({}, defaultAppearance.accent), { dotFill: 'accentItemPrimary', iconFill: 'accentItemPrimary' }),
-    accentPrimary: __assign(__assign({}, defaultAppearance.accentPrimary), { dotFill: 'accentItemPrimary' }),
-    accentQuaternary: __assign(__assign({}, defaultAppearance.accentQuaternary), { dotFill: 'accentItemPrimary' }),
-    accentSecondary: __assign(__assign({}, defaultAppearance.accentSecondary), { dotFill: 'accentItemPrimary' }),
-    accentTertiary: __assign(__assign({}, defaultAppearance.accentTertiary), { dotFill: 'accentItemPrimary' }),
 };
 
 var badgeAppearanceDanger = {

package/dist/{Button-CWPTzaG2.js → Button_cjs_B7OmqizJ.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('./Icon-D_BDlSSb.js');
-var Link = require('./Link-CZ8o5lGW.js');
-var Loader = require('./Loader-CjT6-r3I.js');
-var Text = require('./Text-DwIx33-P.js');
+var Icon = require('./Icon_cjs_DSzfNqif.js');
+var Link = require('./Link_cjs_yht44xJv.js');
+var Loader = require('./Loader_cjs_D753D3li.js');
+var Text = require('./Text_cjs_D4xG0cKD.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 
 var buttonAppearanceAccent = {
     accent: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHover',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
@@ -25,7 +25,7 @@ var buttonAppearanceAccent = {
     },
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHover',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
@@ -36,7 +36,7 @@ var buttonAppearanceAccent = {
     },
     accentSecondary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHover',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
@@ -64,7 +64,7 @@ var buttonAppearanceAccent = {
 var buttonAppearanceDanger = {
     danger: {
         fill: 'dangerPrimary',
-        fillHover: 'dangerPrimaryHover',
+        fillHover: 'dangerHover',
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
         loaderFill: 'dangerPrimary',
@@ -75,7 +75,7 @@ var buttonAppearanceDanger = {
 var buttonAppearanceError = {
     error: {
         fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
+        fillHover: 'errorHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
         loaderFill: 'errorPrimary',
@@ -122,60 +122,60 @@ var buttonAppearanceSecondary = {
 
 var buttonAppearanceSize = {
     sizeXXL: {
-        labelTextSize: 'xxl',
         size: 'xxl',
+        labelTextSize: 'xl',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
     },
     sizeXL: {
+        size: 'xl',
         labelTextSize: 'l',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'xl',
     },
     sizeL: {
+        size: 'l',
         labelTextSize: 'l',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'l',
     },
     sizeM: {
+        size: 'm',
         labelTextSize: 'm',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'm',
     },
     sizeS: {
+        size: 's',
         labelTextSize: 's',
         iconAfterFillSize: 20,
         iconAfterSize: 20,
         iconBeforeFillSize: 20,
         iconBeforeSize: 20,
-        size: 's',
     },
     sizeXS: {
+        size: 'xs',
         labelTextSize: 'xs',
         iconAfterFillSize: 16,
         iconAfterSize: 16,
         iconBeforeFillSize: 16,
         iconBeforeSize: 16,
-        size: 'xs',
     },
     sizeXXS: {
+        size: 'xxs',
         labelTextSize: 'xs',
         iconAfterFillSize: 14,
         iconAfterSize: 14,
         iconBeforeFillSize: 14,
         iconBeforeSize: 14,
-        size: 'xxs',
     },
 };
 
@@ -198,7 +198,7 @@ var buttonAppearanceStyle = {
 var buttonAppearanceSuccess = {
     success: {
         fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
+        fillHover: 'successHover',
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
         loaderFill: 'successPrimary',
@@ -209,7 +209,13 @@ var buttonAppearanceSuccess = {
 var buttonAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
+        fillHover: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceQuaternaryHover',
         labelTextColor: 'surfaceTextPrimary',
     },
     surfaceSecondary: {
@@ -224,17 +230,12 @@ var buttonAppearanceSurface = {
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
 };
 
 var buttonAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
+        fillHover: 'warningHover',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
         loaderFill: 'warningPrimary',

package/dist/{Button-DHOZJDHv.js → Button_es_CBbHMy1v.js}

@@ -1,18 +1,18 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-BF7i3XdQ.js';
-import { a as LinkWrapper } from './Link-Cn7hiWmM.js';
-import { L as Loader } from './Loader-Dquhwxz4.js';
-import { T as Text } from './Text-aaWArShm.js';
+import { I as Icon } from './Icon_es_BBmoZ7_3.js';
+import { a as LinkWrapper } from './Link_es_DkW06IM-.js';
+import { L as Loader } from './Loader_es_BE4nyzXi.js';
+import { T as Text } from './Text_es_FJGduy7Z.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 
 var buttonAppearanceAccent = {
     accent: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHover',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
@@ -23,7 +23,7 @@ var buttonAppearanceAccent = {
     },
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHover',
         labelTextColor: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
         borderColor: 'accentBorderPrimary',
@@ -34,7 +34,7 @@ var buttonAppearanceAccent = {
     },
     accentSecondary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHover',
         labelTextColor: 'accentTextSecondary',
         labelTextColorHover: 'accentTextSecondary',
         borderColor: 'accentBorderPrimary',
@@ -62,7 +62,7 @@ var buttonAppearanceAccent = {
 var buttonAppearanceDanger = {
     danger: {
         fill: 'dangerPrimary',
-        fillHover: 'dangerPrimaryHover',
+        fillHover: 'dangerHover',
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
         loaderFill: 'dangerPrimary',
@@ -73,7 +73,7 @@ var buttonAppearanceDanger = {
 var buttonAppearanceError = {
     error: {
         fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
+        fillHover: 'errorHover',
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
         loaderFill: 'errorPrimary',
@@ -120,60 +120,60 @@ var buttonAppearanceSecondary = {
 
 var buttonAppearanceSize = {
     sizeXXL: {
-        labelTextSize: 'xxl',
         size: 'xxl',
+        labelTextSize: 'xl',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
     },
     sizeXL: {
+        size: 'xl',
         labelTextSize: 'l',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'xl',
     },
     sizeL: {
+        size: 'l',
         labelTextSize: 'l',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'l',
     },
     sizeM: {
+        size: 'm',
         labelTextSize: 'm',
         iconAfterFillSize: 24,
         iconAfterSize: 24,
         iconBeforeFillSize: 24,
         iconBeforeSize: 24,
-        size: 'm',
     },
     sizeS: {
+        size: 's',
         labelTextSize: 's',
         iconAfterFillSize: 20,
         iconAfterSize: 20,
         iconBeforeFillSize: 20,
         iconBeforeSize: 20,
-        size: 's',
     },
     sizeXS: {
+        size: 'xs',
         labelTextSize: 'xs',
         iconAfterFillSize: 16,
         iconAfterSize: 16,
         iconBeforeFillSize: 16,
         iconBeforeSize: 16,
-        size: 'xs',
     },
     sizeXXS: {
+        size: 'xxs',
         labelTextSize: 'xs',
         iconAfterFillSize: 14,
         iconAfterSize: 14,
         iconBeforeFillSize: 14,
         iconBeforeSize: 14,
-        size: 'xxs',
     },
 };
 
@@ -196,7 +196,7 @@ var buttonAppearanceStyle = {
 var buttonAppearanceSuccess = {
     success: {
         fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
+        fillHover: 'successHover',
         labelTextColor: 'successTextSecondary',
         labelTextColorHover: 'successTextSecondary',
         loaderFill: 'successPrimary',
@@ -207,7 +207,13 @@ var buttonAppearanceSuccess = {
 var buttonAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
+        fillHover: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceQuaternaryHover',
         labelTextColor: 'surfaceTextPrimary',
     },
     surfaceSecondary: {
@@ -222,17 +228,12 @@ var buttonAppearanceSurface = {
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
     },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
 };
 
 var buttonAppearanceWarning = {
     warning: {
         fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
+        fillHover: 'warningHover',
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
         loaderFill: 'warningPrimary',

package/dist/{Divider-BQIfjvPR.js → Divider_cjs_DakITdTv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/{Divider-CUFKsm-9.js → Divider_es_CWsDM2Rm.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/{DropdownItem-_bKQxzEZ.js → DropdownItem_cjs_TdJHpFgg.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
-var Divider = require('./Divider-BQIfjvPR.js');
-var Text = require('./Text-DwIx33-P.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
+var Divider = require('./Divider_cjs_DakITdTv.js');
+var Text = require('./Text_cjs_D4xG0cKD.js');
 
 function Dropdown(props) {
     var className = props.className, _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, after = props.after, isOpen = props.isOpen, setIsOpen = props.setIsOpen, children = props.children;

package/dist/{DropdownItem-Cl1pYnVf.js → DropdownItem_es_CdYP5BQN.js}

@@ -3,9 +3,9 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
-import { D as Divider } from './Divider-CUFKsm-9.js';
-import { T as Text } from './Text-aaWArShm.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+import { D as Divider } from './Divider_es_CWsDM2Rm.js';
+import { T as Text } from './Text_es_FJGduy7Z.js';
 
 function Dropdown(props) {
     var className = props.className, _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, after = props.after, isOpen = props.isOpen, setIsOpen = props.setIsOpen, children = props.children;

package/dist/{Group-utjnjUDZ.js → Group_cjs_DFmNT5Mq.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -24,17 +24,21 @@ var groupConfig = {
     },
 };
 var Group = React.forwardRef(function Group(props, ref) {
-    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, scroll = props.scroll, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick, children = props.children;
+    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, scroll = props.scroll, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, isActive = props.isActive, onClick = props.onClick, children = props.children;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = groupConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, columnsClass = propsGenerator.columnsClass, contentAlignClass = propsGenerator.contentAlignClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, shapeClass = propsGenerator.shapeClass, stackingClass = propsGenerator.stackingClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
+    var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, columnsClass = propsGenerator.columnsClass, contentAlignClass = propsGenerator.contentAlignClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, shapeClass = propsGenerator.shapeClass, stackingClass = propsGenerator.stackingClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass &&
-            "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), scroll && "group_scroll_".concat(scroll), stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), name: name, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: Object.assign({}, groupStyles, style), onClick: onClick, children: scroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+            "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), !isActive
+            ? fillClass && "fill_".concat(fillClass)
+            : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
+            ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), scroll && "group_scroll_".concat(scroll), stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), name: name, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: Object.assign({}, groupStyles, style), onClick: onClick, children: scroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
 exports.Group = Group;

package/dist/{Group-C8NUU6k5.js → Group_es_CRGwi5XI.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
@@ -22,17 +22,21 @@ var groupConfig = {
     },
 };
 var Group = React.forwardRef(function Group(props, ref) {
-    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, scroll = props.scroll, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick, children = props.children;
+    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, scroll = props.scroll, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, isActive = props.isActive, onClick = props.onClick, children = props.children;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (__assign(__assign({}, resultConfig), (_a = groupConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, columnsClass = propsGenerator.columnsClass, contentAlignClass = propsGenerator.contentAlignClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, shapeClass = propsGenerator.shapeClass, stackingClass = propsGenerator.stackingClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
+    var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, columnsClass = propsGenerator.columnsClass, contentAlignClass = propsGenerator.contentAlignClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, shapeClass = propsGenerator.shapeClass, stackingClass = propsGenerator.stackingClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     return (jsx(Tag, { id: id, className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass &&
-            "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), scroll && "group_scroll_".concat(scroll), stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), name: name, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: Object.assign({}, groupStyles, style), onClick: onClick, children: scroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+            "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), !isActive
+            ? fillClass && "fill_".concat(fillClass)
+            : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
+            ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), scroll && "group_scroll_".concat(scroll), stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), name: name, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: Object.assign({}, groupStyles, style), onClick: onClick, children: scroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
 export { Group as G, groupAppearance as a, groupConfig as g };

package/dist/{Icon-D_BDlSSb.js → Icon_cjs_DSzfNqif.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Link = require('./Link-CZ8o5lGW.js');
-var Tooltip = require('./Tooltip-hznDyLwa.js');
+var Link = require('./Link_cjs_yht44xJv.js');
+var Tooltip = require('./Tooltip_cjs_CTwksdFk.js');
 
 var iconAppearance = {
     accent: {

package/dist/{Icon-BF7i3XdQ.js → Icon_es_BBmoZ7_3.js}

@@ -1,12 +1,12 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { a as LinkWrapper } from './Link-Cn7hiWmM.js';
-import { T as Tooltip } from './Tooltip-DP32J5V6.js';
+import { a as LinkWrapper } from './Link_es_DkW06IM-.js';
+import { T as Tooltip } from './Tooltip_es_H976MIb7.js';
 
 var iconAppearance = {
     accent: {

package/dist/{Input-BRhHPsGM.js → Input_cjs_DkQh0Utd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
+var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');

package/dist/{Input-BH6rNRqZ.js → Input_es_Bs0gEq3L.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';