@itcase/ui 1.8.174 → 1.8.176

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/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/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 {

package/dist/css/styles/{bundle.css → bundles.css}

@@ -65703,16 +65703,6 @@ h2.react-datepicker__current-month {
     }
   }
 }
-.group {
-  &_shape {
-    &_rounded {
-      border-radius: var(--group-shape-rounded);
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
 .group {
   &_stacking {
     &_first-on-top {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.174",
+  "version": "1.8.176",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -72,15 +72,15 @@
   "scripts": {
     "build": "npm run build-js && npm run build-css",
     "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
-    "build-css": "rm -rf dist/css && postcss 'src/components/**/!(css)/!(*.tokens.css)*.css' 'src/styles/!(.css)/**/*.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' 'src/tokens/*.css' 'src/styles/bundle.css' --base src --dir dist/css/ --env production",
+    "build-css": "rm -rf dist/css && postcss 'src/components/**/!(css)/!(*.tokens.css)*.css' 'src/styles/!(.css)/**/*.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' 'src/tokens/*.css' 'src/styles/bundles.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w",
-    "dev-css": "postcss 'src/components/**/!(css)/!(*.tokens.css)*.css' 'src/styles/!(.css)/**/*.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' 'src/tokens/*.css' 'src/styles/bundle.css' --base src --dir dist/css/ --env production -w --verbose",
+    "dev-css": "postcss 'src/components/**/!(css)/!(*.tokens.css)*.css' 'src/styles/!(.css)/**/*.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' 'src/tokens/*.css' 'src/styles/bundles.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepare": "husky",
     "prepack": "npm run build",
     "semantic-release": "semantic-release",
     "typecheck": "tsc --noEmit",
-    "storybook": "rm -rf node_modules/.cache/ && storybook dev -p 6006 --disable-telemetry",
-    "build-storybook": "storybook build"
+    "storybook": "rm -rf node_modules/.cache/ && STORYBOOK=true storybook dev -p 6006 --disable-telemetry",
+    "build-storybook": "STORYBOOK=true storybook build"
   },
   "files": [
     "dist",
@@ -101,12 +101,12 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@itcase/common": "^1.2.32",
+    "@itcase/common": "^1.2.33",
     "@itcase/icons": "^1.2.23",
-    "@itcase/storybook-config": "^1.2.14",
-    "@itcase/tokens-am": "^1.1.24",
-    "@itcase/tokens-baikal": "^1.1.24",
-    "@itcase/tokens-palette": "^1.1.20",
+    "@itcase/storybook-config": "^1.2.21",
+    "@itcase/tokens-am": "^1.1.30",
+    "@itcase/tokens-baikal": "^1.1.30",
+    "@itcase/tokens-palette": "^1.1.29",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "framer-motion": "^12.23.24",
@@ -139,12 +139,12 @@
     "@babel/preset-react": "^7.28.5",
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
-    "@itcase/config": "^1.0.61",
+    "@itcase/config": "^1.0.62",
     "@itcase/lint": "^1.1.68",
     "@itcase/types": "^1.0.45",
-    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^28.0.9",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -166,7 +166,7 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.1.0",
-    "eslint": "9.38.0",
+    "eslint": "9.39.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.6",
     "prettier": "^3.6.2",
@@ -177,7 +177,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.9",
-    "storybook": "^9.1.15",
+    "storybook": "^10.0.4",
     "stylelint": "^16.25.0",
     "typescript": "^5.9.3"
   }