@itcase/ui 1.9.23 → 1.9.24

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

@@ -27,10 +27,10 @@ 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, shapeStrengthClass, 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, hoverFilterClass, 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 &&
+    return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, hoverFilterClass && `hover-filter_${hoverFilterClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
             `group_text-color_active_${textColorActiveClass}`, textColorHoverClass && `group_text-color_hover_${textColorHoverClass}`, iconFillHoverClass && `group_icon_fill_hover_${iconFillHoverClass}`, !isDisabled
             ? !isActive
                 ? fillClass && `fill_${fillClass}`

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

@@ -25,10 +25,10 @@ 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, shapeStrengthClass, 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, hoverFilterClass, 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 &&
+    return (jsx(Tag, { id: id, className: clsx(className, 'group', easing && `easing_${easing}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, hoverFilterClass && `hover-filter_${hoverFilterClass}`, columnsClass && `group_columns_${columnsClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, textColorClass && `group_text-color_${textColorClass}`, textColorActiveClass &&
             `group_text-color_active_${textColorActiveClass}`, textColorHoverClass && `group_text-color_hover_${textColorHoverClass}`, iconFillHoverClass && `group_icon_fill_hover_${iconFillHoverClass}`, !isDisabled
             ? !isActive
                 ? fillClass && `fill_${fillClass}`

package/dist/{SelectContainer_cjs_tjM35jHG.js → SelectContainer_cjs_CsHj-fP_.js}

@@ -7,7 +7,7 @@ var Select = require('react-select');
 var CreatableSelect = require('react-select/creatable');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Group = require('./Group_cjs_CFzdSMKV.js');
+var Group = require('./Group_cjs_393FExUN.js');
 var Text = require('./Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
 var Icon = require('./Icon_cjs_BgGtdviU.js');

package/dist/{SelectContainer_es_BKIz5i19.js → SelectContainer_es_Bc4Laoir.js}

@@ -5,7 +5,7 @@ import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { G as Group } from './Group_es_BwTj-yH-.js';
+import { G as Group } from './Group_es_BtE98Vb5.js';
 import { T as Text } from './Text_es_CU9KR5AE.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
 import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';

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_DRZE113U.js');
-var Group = require('../../Group_cjs_CFzdSMKV.js');
+var Group = require('../../Group_cjs_393FExUN.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/DatePeriod.js

@@ -11,13 +11,13 @@ var ChipsGroup = require('../../ChipsGroup_cjs_D0bGehZY.js');
 var DatePicker = require('../../DatePicker_cjs_Cm50AX0J.js');
 require('react-select');
 require('../../Icon_cjs_BgGtdviU.js');
-var SelectContainer = require('../../SelectContainer_cjs_tjM35jHG.js');
+var SelectContainer = require('../../SelectContainer_cjs_CsHj-fP_.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('../context/UIContext.js');
-require('../../Group_cjs_CFzdSMKV.js');
+require('../../Group_cjs_393FExUN.js');
 require('lodash/castArray');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');

package/dist/cjs/components/Group.js

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

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_BRShPZw4.js');
-var Group = require('../../Group_cjs_CFzdSMKV.js');
+var Group = require('../../Group_cjs_393FExUN.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Select.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SelectContainer = require('../../SelectContainer_cjs_tjM35jHG.js');
+var SelectContainer = require('../../SelectContainer_cjs_CsHj-fP_.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -20,7 +20,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Group_cjs_CFzdSMKV.js');
+require('../../Group_cjs_393FExUN.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Text_cjs_DG2eMKBi.js');

package/dist/cjs/components/Swiper.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var react = require('swiper/react');
-var Group = require('../../Group_cjs_CFzdSMKV.js');
+var Group = require('../../Group_cjs_393FExUN.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.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_Cmq4xAG6.js';
-import { G as Group } from '../Group_es_BwTj-yH-.js';
+import { G as Group } from '../Group_es_BtE98Vb5.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -9,13 +9,13 @@ import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_DWvsJ5bu.js';
 import { D as DatePickerInput } from '../DatePicker_es_B-WPA9y9.js';
 import 'react-select';
 import '../Icon_es_CtZHchZc.js';
-import { a as SelectContainer } from '../SelectContainer_es_BKIz5i19.js';
+import { a as SelectContainer } from '../SelectContainer_es_Bc4Laoir.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import '../context/UIContext.js';
-import '../Group_es_BwTj-yH-.js';
+import '../Group_es_BtE98Vb5.js';
 import 'lodash/castArray';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';

package/dist/components/Group.js

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

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_CvRcO3xM.js';
-import { G as Group } from '../Group_es_BwTj-yH-.js';
+import { G as Group } from '../Group_es_BtE98Vb5.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_BKIz5i19.js';
+export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_Bc4Laoir.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,7 +18,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Group_es_BwTj-yH-.js';
+import '../Group_es_BtE98Vb5.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../Text_es_CU9KR5AE.js';

package/dist/components/Swiper.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
-import { G as Group } from '../Group_es_BwTj-yH-.js';
+import { G as Group } from '../Group_es_BtE98Vb5.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';

package/dist/css/styles/bundles.css

@@ -35599,6 +35599,25 @@ textarea.fill {
         }
       }
 }
+.hover-filter {
+  &_brightness {
+    &09 {
+      &:hover {
+        filter: brightness(0.9);
+      }
+    }
+    &1 {
+      &:hover {
+        filter: brightness(1);
+      }
+    }
+    &11 {
+      &:hover {
+        filter: brightness(1.1);
+      }
+    }
+  }
+}
 .hover-item-color {
       &_accent {
         &-item {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.23",
+  "version": "1.9.24",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",