@itcase/ui 1.8.173 → 1.8.175

package/dist/{Group_cjs_BxbmyFvN.js → Group_cjs_CFzdSMKV.js}

@@ -27,7 +27,7 @@ const Group = React.forwardRef(function Group(props, ref) {
     const { id, appearance, className, dataTestId, dataTour, name, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, children, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, groupConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, iconFillHoverClass, shapeClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
+    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles } = useStyles.useStyles(props);
     return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
@@ -40,7 +40,7 @@ const Group = React.forwardRef(function Group(props, ref) {
                 ? fillHoverClass && `fill_hover_${fillHoverClass}`
                 : fillActiveHoverClass &&
                     `fill_active_hover_${fillActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `group_shape_${shapeClass}`, !isDisabled
+            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, !isDisabled
             ? !isActive
                 ? borderColorClass && `border-color_${borderColorClass}`
                 : borderColorActiveClass &&

package/dist/{Group_es_p5hBFgw4.js → Group_es_BwTj-yH-.js}

@@ -25,7 +25,7 @@ const Group = React.forwardRef(function Group(props, ref) {
     const { id, appearance, className, dataTestId, dataTour, name, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, groupConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, iconFillHoverClass, shapeClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
+    const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles } = useStyles(props);
     return (jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
@@ -38,7 +38,7 @@ const Group = React.forwardRef(function Group(props, ref) {
                 ? fillHoverClass && `fill_hover_${fillHoverClass}`
                 : fillActiveHoverClass &&
                     `fill_active_hover_${fillActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `group_shape_${shapeClass}`, !isDisabled
+            : fillDisabledClass && `fill_${fillDisabledClass}`, scroll && `group_scroll_${scroll}`, stackingClass && `group_stacking_${stackingClass}`, wrapClass && `group_wrap_${wrapClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, !isDisabled
             ? !isActive
                 ? borderColorClass && `border-color_${borderColorClass}`
                 : borderColorActiveClass &&

package/dist/cjs/components/AvatarStack.js

@@ -6,7 +6,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Avatar = require('../../Avatar_cjs_D5VX_3TP.js');
-var Group = require('../../Group_cjs_BxbmyFvN.js');
+var Group = require('../../Group_cjs_CFzdSMKV.js');
 var Text = require('../../Text_cjs_DaH5tVvz.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Group.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Group = require('../../Group_cjs_BxbmyFvN.js');
+var Group = require('../../Group_cjs_CFzdSMKV.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Notification.js

@@ -40,7 +40,7 @@ const notificationAppearanceDefault = {
         buttonAppearance: 'accentPrimary sizeXXL solid rounded',
         loaderAppearance: 'accentTertiary sizeS ghost rounded',
         closeIcon: _default.icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
+        closeIconAppearance: 'surfacePrimary ghost circular',
     },
 };
 
@@ -143,7 +143,7 @@ const notificationAppearanceSuccess = {
         buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
         loaderAppearance: 'successPrimary sizeS solid rounded',
         closeIcon: _default.icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
+        closeIconAppearance: 'successPrimary ghost circular',
     },
 };
 

package/dist/cjs/components/Response.js

@@ -9,7 +9,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Button = require('../../Button_cjs_CYWNdPTJ.js');
-var Group = require('../../Group_cjs_BxbmyFvN.js');
+var Group = require('../../Group_cjs_CFzdSMKV.js');
 var Text = require('../../Text_cjs_DaH5tVvz.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Select.js

@@ -6,7 +6,7 @@ var Icon = require('../../Icon_cjs_Xsu3KUlK.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
-var Group = require('../../Group_cjs_BxbmyFvN.js');
+var Group = require('../../Group_cjs_CFzdSMKV.js');
 var Text = require('../../Text_cjs_DaH5tVvz.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/cjs/context/Notifications.js

@@ -98,7 +98,13 @@ function NotificationsProvider(props) {
             common.axiosInstanceITCase.responseErrorHandler.loggerManager = {
                 log: (responseError) => {
                     if (responseError.message) {
+                        // prevent from showing many network errors
+                        const errorListToDedupe = ['network'];
+                        const id = errorListToDedupe.includes(responseError.key)
+                            ? responseError.key
+                            : undefined;
                         showNotification({
+                            id: id,
                             title: responseError.message,
                             status: 'error',
                             closeByTime: 4000,

package/dist/components/AvatarStack.js

@@ -4,7 +4,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { A as Avatar } from '../Avatar_es_iky_nZRY.js';
-import { G as Group } from '../Group_es_p5hBFgw4.js';
+import { G as Group } from '../Group_es_BwTj-yH-.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_p5hBFgw4.js';
+export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_BwTj-yH-.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Notification.js

@@ -38,7 +38,7 @@ const notificationAppearanceDefault = {
         buttonAppearance: 'accentPrimary sizeXXL solid rounded',
         loaderAppearance: 'accentTertiary sizeS ghost rounded',
         closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
+        closeIconAppearance: 'surfacePrimary ghost circular',
     },
 };
 
@@ -141,7 +141,7 @@ const notificationAppearanceSuccess = {
         buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
         loaderAppearance: 'successPrimary sizeS solid rounded',
         closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
+        closeIconAppearance: 'successPrimary ghost circular',
     },
 };
 

package/dist/components/Response.js

@@ -7,7 +7,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { B as Button } from '../Button_es_Bns3_lNe.js';
-import { G as Group } from '../Group_es_p5hBFgw4.js';
+import { G as Group } from '../Group_es_BwTj-yH-.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Select.js

@@ -4,7 +4,7 @@ import { I as Icon, B as Badge } from '../Icon_es_B02tKDTb.js';
 import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
-import { G as Group } from '../Group_es_p5hBFgw4.js';
+import { G as Group } from '../Group_es_BwTj-yH-.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/context/Notifications.js

@@ -96,7 +96,13 @@ function NotificationsProvider(props) {
             axiosInstanceITCase.responseErrorHandler.loggerManager = {
                 log: (responseError) => {
                     if (responseError.message) {
+                        // prevent from showing many network errors
+                        const errorListToDedupe = ['network'];
+                        const id = errorListToDedupe.includes(responseError.key)
+                            ? responseError.key
+                            : undefined;
                         showNotification({
+                            id: id,
                             title: responseError.message,
                             status: 'error',
                             closeByTime: 4000,

package/dist/css/components/Group/Group.css

@@ -1145,17 +1145,6 @@
   }
 }
 
-.group {
-  &_shape {
-    &_rounded {
-      border-radius: var(--group-shape-rounded);
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
-
 .group {
   &_stacking {
     &_first-on-top {