@itcase/ui 1.8.89 → 1.8.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/dist/{Avatar_cjs_CoDaXDKy.js → Avatar_cjs_Dh7c9RmS.js} +2 -2
  2. package/dist/{Avatar_es_DUtgRVQ7.js → Avatar_es_D4xUwAOB.js} +2 -2
  3. package/dist/{Button_cjs_Crmtn084.js → Button_cjs_CQzbBsB0.js} +3 -3
  4. package/dist/{Button_es_BTidGO25.js → Button_es_Bj8CZ_bh.js} +3 -3
  5. package/dist/{ChipsGroup_cjs_BfzeDpwM.js → ChipsGroup_cjs_7mHtHzNh.js} +5 -5
  6. package/dist/{ChipsGroup_es_tfEKBIc4.js → ChipsGroup_es_Cz_gDYsw.js} +5 -5
  7. package/dist/{DatePicker_cjs_DGlgp1Oj.js → DatePicker_cjs_CnFVTsC1.js} +4 -4
  8. package/dist/{DatePicker_es_6j1FwGTI.js → DatePicker_es_DTSHtynU.js} +4 -4
  9. package/dist/{DropdownItem_cjs_eiWqrFRW.js → DropdownItem_cjs_DrMFaKh6.js} +2 -2
  10. package/dist/{DropdownItem_es_CHGCRZt0.js → DropdownItem_es_Dp7-DGkV.js} +2 -2
  11. package/dist/{Icon_cjs_CdFkbmKN.js → Icon_cjs_CDMtlf1A.js} +1 -1
  12. package/dist/{Icon_es_BpZIoe9M.js → Icon_es_MOmiy9nF.js} +1 -1
  13. package/dist/{Label_cjs_CFzGH1Ah.js → Label_cjs_BTLhlnJW.js} +2 -2
  14. package/dist/{Label_es_D-tO6hy7.js → Label_es_DBPp2ots.js} +2 -2
  15. package/dist/{Loader_cjs_DlnM5Vzb.js → Loader_cjs_mB_UCgBG.js} +1 -1
  16. package/dist/{Loader_es_DhNCKZ8Y.js → Loader_es_Dfs_VYxV.js} +1 -1
  17. package/dist/{Text_cjs_B8nNXWBA.js → Text_cjs_DmuzuKFj.js} +15 -8
  18. package/dist/{Text_es_BvmOR4nv.js → Text_es_DIU5ySvf.js} +15 -8
  19. package/dist/cjs/components/Accordion.js +2 -2
  20. package/dist/cjs/components/Avatar.js +3 -3
  21. package/dist/cjs/components/AvatarStack.js +3 -3
  22. package/dist/cjs/components/Badge.js +2 -2
  23. package/dist/cjs/components/Breadcrumbs.js +2 -2
  24. package/dist/cjs/components/Button.js +4 -4
  25. package/dist/cjs/components/Cell.js +3 -3
  26. package/dist/cjs/components/Checkbox.js +1 -1
  27. package/dist/cjs/components/Chips.js +3 -3
  28. package/dist/cjs/components/Choice.js +3 -3
  29. package/dist/cjs/components/CookiesWarning.js +4 -4
  30. package/dist/cjs/components/DatePeriod.js +7 -7
  31. package/dist/cjs/components/DatePicker.js +6 -6
  32. package/dist/cjs/components/Drawer.js +2 -2
  33. package/dist/cjs/components/Dropdown.js +3 -3
  34. package/dist/cjs/components/HeroTitle.js +2 -2
  35. package/dist/cjs/components/Icon.js +2 -2
  36. package/dist/cjs/components/InputPassword.js +2 -2
  37. package/dist/cjs/components/Label.js +3 -3
  38. package/dist/cjs/components/Loader.js +2 -2
  39. package/dist/cjs/components/MenuItem.js +2 -2
  40. package/dist/cjs/components/Modal.js +3 -3
  41. package/dist/cjs/components/Notification.js +2 -2
  42. package/dist/cjs/components/Pagination.js +3 -3
  43. package/dist/cjs/components/Radio.js +1 -1
  44. package/dist/cjs/components/Response.js +4 -4
  45. package/dist/cjs/components/Search.js +2 -2
  46. package/dist/cjs/components/Segmented.js +2 -2
  47. package/dist/cjs/components/Select/stories/__mock__.js +64 -0
  48. package/dist/cjs/components/Select.js +333 -41
  49. package/dist/cjs/components/Swiper.js +2 -2
  50. package/dist/cjs/components/Switch.js +1 -1
  51. package/dist/cjs/components/Tab.js +3 -3
  52. package/dist/cjs/components/Text.js +1 -1
  53. package/dist/cjs/components/Tile.js +2 -2
  54. package/dist/cjs/components/Title.js +2 -2
  55. package/dist/cjs/components/Tooltip.js +2 -2
  56. package/dist/cjs/components/Warning.js +2 -2
  57. package/dist/components/Accordion.js +2 -2
  58. package/dist/components/Avatar.js +3 -3
  59. package/dist/components/AvatarStack.js +3 -3
  60. package/dist/components/Badge.js +2 -2
  61. package/dist/components/Breadcrumbs.js +2 -2
  62. package/dist/components/Button.js +4 -4
  63. package/dist/components/Cell.js +3 -3
  64. package/dist/components/Checkbox.js +1 -1
  65. package/dist/components/Chips.js +3 -3
  66. package/dist/components/Choice.js +3 -3
  67. package/dist/components/CookiesWarning.js +4 -4
  68. package/dist/components/DatePeriod.js +7 -7
  69. package/dist/components/DatePicker.js +6 -6
  70. package/dist/components/Drawer.js +2 -2
  71. package/dist/components/Dropdown.js +3 -3
  72. package/dist/components/HeroTitle.js +2 -2
  73. package/dist/components/Icon.js +2 -2
  74. package/dist/components/InputPassword.js +2 -2
  75. package/dist/components/Label.js +3 -3
  76. package/dist/components/Loader.js +2 -2
  77. package/dist/components/MenuItem.js +2 -2
  78. package/dist/components/Modal.js +3 -3
  79. package/dist/components/Notification.js +2 -2
  80. package/dist/components/Pagination.js +3 -3
  81. package/dist/components/Radio.js +1 -1
  82. package/dist/components/Response.js +4 -4
  83. package/dist/components/Search.js +2 -2
  84. package/dist/components/Segmented.js +2 -2
  85. package/dist/components/Select/stories/__mock__.js +62 -0
  86. package/dist/components/Select.js +334 -42
  87. package/dist/components/Swiper.js +2 -2
  88. package/dist/components/Switch.js +1 -1
  89. package/dist/components/Tab.js +3 -3
  90. package/dist/components/Text.js +1 -1
  91. package/dist/components/Tile.js +2 -2
  92. package/dist/components/Title.js +2 -2
  93. package/dist/components/Tooltip.js +2 -2
  94. package/dist/components/Warning.js +2 -2
  95. package/dist/css/components/Search/Search.css +1 -1
  96. package/dist/css/components/Search/css/search-input/search-input.css +1 -1
  97. package/dist/css/components/Select/Select.css +15 -111
  98. package/dist/css/components/Select/css/__menu/select__menu.css +0 -4
  99. package/dist/css/components/Select/css/__multi-value/select__multi-value.css +1 -3
  100. package/dist/css/components/Select/css/__option/select__option.css +0 -50
  101. package/dist/css/components/Select/css/__single-value/select__single-value.css +0 -1
  102. package/dist/types/components/Select/SelectLoadingIndicator.d.ts +1 -2
  103. package/dist/types/components/Select/SelectLoadingMessage.d.ts +3 -0
  104. package/dist/types/components/Select/appearance/selectDefault.d.ts +21 -3
  105. package/dist/types/components/Select/appearance/selectDisabled.d.ts +31 -0
  106. package/dist/types/components/Select/appearance/selectError.d.ts +31 -0
  107. package/dist/types/components/Select/appearance/selectRequire.d.ts +31 -0
  108. package/dist/types/components/Select/appearance/selectShape.d.ts +22 -0
  109. package/dist/types/components/Select/appearance/selectSize.d.ts +101 -0
  110. package/dist/types/components/Select/appearance/selectStyle.d.ts +16 -0
  111. package/dist/types/components/Select/appearance/selectSuccess.d.ts +33 -0
  112. package/package.json +7 -7
  113. package/dist/css/components/Select/css/__control/select__control_fill.css +0 -17
  114. package/dist/css/components/Select/css/__control/select__control_shape.css +0 -12
@@ -5,9 +5,9 @@ var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
7
7
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
- var Icon = require('./Icon_cjs_CdFkbmKN.js');
8
+ var Icon = require('./Icon_cjs_CDMtlf1A.js');
9
9
  var Image = require('./Image_cjs_B6YlGx8G.js');
10
- var Text = require('./Text_cjs_B8nNXWBA.js');
10
+ var Text = require('./Text_cjs_DmuzuKFj.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
12
12
 
13
13
  var avatarAppearanceDefault = {
@@ -3,9 +3,9 @@ import { useMemo } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
5
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
- import { I as Icon, B as Badge } from './Icon_es_BpZIoe9M.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_MOmiy9nF.js';
7
7
  import { I as Image } from './Image_es_BvYo_cHH.js';
8
- import { T as Text } from './Text_es_BvmOR4nv.js';
8
+ import { T as Text } from './Text_es_DIU5ySvf.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
10
10
 
11
11
  var avatarAppearanceDefault = {
@@ -3,10 +3,10 @@
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
5
  var clsx = require('clsx');
6
- var Icon = require('./Icon_cjs_CdFkbmKN.js');
6
+ var Icon = require('./Icon_cjs_CDMtlf1A.js');
7
7
  var Link = require('./Link_cjs_BqT6eVl6.js');
8
- var Loader = require('./Loader_cjs_DlnM5Vzb.js');
9
- var Text = require('./Text_cjs_B8nNXWBA.js');
8
+ var Loader = require('./Loader_cjs_mB_UCgBG.js');
9
+ var Text = require('./Text_cjs_DmuzuKFj.js');
10
10
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
11
11
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
12
12
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import React from 'react';
3
3
  import clsx from 'clsx';
4
- import { I as Icon } from './Icon_es_BpZIoe9M.js';
4
+ import { I as Icon } from './Icon_es_MOmiy9nF.js';
5
5
  import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
6
- import { L as Loader } from './Loader_es_DhNCKZ8Y.js';
7
- import { T as Text } from './Text_es_BvmOR4nv.js';
6
+ import { L as Loader } from './Loader_es_Dfs_VYxV.js';
7
+ import { T as Text } from './Text_es_DIU5ySvf.js';
8
8
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
9
9
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
10
10
  import { useStyles } from './hooks/useStyles/useStyles.js';
@@ -5,8 +5,8 @@ var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
8
- var Icon = require('./Icon_cjs_CdFkbmKN.js');
9
- var Text = require('./Text_cjs_B8nNXWBA.js');
8
+ var Icon = require('./Icon_cjs_CDMtlf1A.js');
9
+ var Text = require('./Text_cjs_DmuzuKFj.js');
10
10
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
11
11
 
12
12
  var chipsAppearanceAccent = {
@@ -300,16 +300,16 @@ var chipsConfig = {
300
300
  },
301
301
  };
302
302
  function Chips(props) {
303
- var className = props.className, appearance = props.appearance, _a = props.label, label = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, dataTestId = props.dataTestId, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onClickIconAfter = props.onClickIconAfter, onClickIconBefore = props.onClickIconBefore, children = props.children;
303
+ var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, _a = props.label, label = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onClickIconAfter = props.onClickIconAfter, onClickIconBefore = props.onClickIconBefore, children = props.children;
304
304
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, chipsConfig, isDisabled);
305
305
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
306
306
  var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, badgeAppearance = propsGenerator.badgeAppearance, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, cursorClass = propsGenerator.cursorClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActiveIcon = propsGenerator.iconAfterFillActiveIcon, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActiveIcon = propsGenerator.iconBeforeFillActiveIcon, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
307
307
  var chipsStyles = useStyles.useStyles(props).styles;
308
- return (jsxRuntime.jsx("div", { className: clsx(className, 'chips', !isActive
308
+ return (jsxRuntime.jsx("div", { dataTestId: dataTestId && "".concat(dataTestId, "Chips"), dataTour: dataTour, className: clsx(className, 'chips', !isActive
309
309
  ? fillClass && "fill_".concat(fillClass)
310
310
  : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
311
311
  ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
312
- : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isActive && 'chips_state_active', isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer', isSkeleton && "chips_skeleton"), dataTestId: dataTestId && "".concat(dataTestId, "Chips"), dataTour: dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconFillActive: iconBeforeFillActiveIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, isActive: isActive, onClick: onClickIconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconFillActive: iconAfterFillActiveIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, isActive: isActive, onClick: onClickIconAfter })), badgeValue && (jsxRuntime.jsx(Icon.Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
312
+ : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isActive && 'chips_state_active', isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer', isSkeleton && "chips_skeleton"), style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconFillActive: iconBeforeFillActiveIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, isActive: isActive, onClick: onClickIconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconFillActive: iconAfterFillActiveIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, isActive: isActive, onClick: onClickIconAfter })), badgeValue && (jsxRuntime.jsx(Icon.Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
313
313
  }
314
314
 
315
315
  function ChipsGroup(props) {
@@ -3,8 +3,8 @@ import clsx from 'clsx';
3
3
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
4
4
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from './hooks/useStyles/useStyles.js';
6
- import { I as Icon, B as Badge } from './Icon_es_BpZIoe9M.js';
7
- import { T as Text } from './Text_es_BvmOR4nv.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_MOmiy9nF.js';
7
+ import { T as Text } from './Text_es_DIU5ySvf.js';
8
8
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
9
9
 
10
10
  var chipsAppearanceAccent = {
@@ -298,16 +298,16 @@ var chipsConfig = {
298
298
  },
299
299
  };
300
300
  function Chips(props) {
301
- var className = props.className, appearance = props.appearance, _a = props.label, label = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, dataTestId = props.dataTestId, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onClickIconAfter = props.onClickIconAfter, onClickIconBefore = props.onClickIconBefore, children = props.children;
301
+ var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, _a = props.label, label = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, iconAfter = props.iconAfter, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeSrc = props.iconBeforeSrc, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onClickIconAfter = props.onClickIconAfter, onClickIconBefore = props.onClickIconBefore, children = props.children;
302
302
  var appearanceConfig = useAppearanceConfig(appearance, chipsConfig, isDisabled);
303
303
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
304
304
  var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, badgeAppearance = propsGenerator.badgeAppearance, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, cursorClass = propsGenerator.cursorClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActiveIcon = propsGenerator.iconAfterFillActiveIcon, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActiveIcon = propsGenerator.iconBeforeFillActiveIcon, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
305
305
  var chipsStyles = useStyles(props).styles;
306
- return (jsx("div", { className: clsx(className, 'chips', !isActive
306
+ return (jsx("div", { dataTestId: dataTestId && "".concat(dataTestId, "Chips"), dataTour: dataTour, className: clsx(className, 'chips', !isActive
307
307
  ? fillClass && "fill_".concat(fillClass)
308
308
  : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
309
309
  ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
310
- : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isActive && 'chips_state_active', isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer', isSkeleton && "chips_skeleton"), dataTestId: dataTestId && "".concat(dataTestId, "Chips"), dataTour: dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconFillActive: iconBeforeFillActiveIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, isActive: isActive, onClick: onClickIconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconFillActive: iconAfterFillActiveIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, isActive: isActive, onClick: onClickIconAfter })), badgeValue && (jsx(Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
310
+ : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isActive && 'chips_state_active', isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer', isSkeleton && "chips_skeleton"), style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconFillActive: iconBeforeFillActiveIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, isActive: isActive, onClick: onClickIconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconFillActive: iconAfterFillActiveIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, isActive: isActive, onClick: onClickIconAfter })), badgeValue && (jsx(Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
311
311
  }
312
312
 
313
313
  function ChipsGroup(props) {
@@ -9,11 +9,11 @@ var DatePicker = require('react-datepicker');
9
9
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
11
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
12
- var Button = require('./Button_cjs_Crmtn084.js');
13
- var Icon = require('./Icon_cjs_CdFkbmKN.js');
12
+ var Button = require('./Button_cjs_CQzbBsB0.js');
13
+ var Icon = require('./Icon_cjs_CDMtlf1A.js');
14
14
  var Input = require('./Input_cjs_CFy0tfAO.js');
15
- var Label = require('./Label_cjs_CFzGH1Ah.js');
16
- var Text = require('./Text_cjs_B8nNXWBA.js');
15
+ var Label = require('./Label_cjs_BTLhlnJW.js');
16
+ var Text = require('./Text_cjs_DmuzuKFj.js');
17
17
  var _default = require('@itcase/icons/default');
18
18
 
19
19
  var datePickerSize = {
@@ -7,11 +7,11 @@ import DatePicker from 'react-datepicker';
7
7
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
8
8
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
9
9
  import { useStyles } from './hooks/useStyles/useStyles.js';
10
- import { B as Button } from './Button_es_BTidGO25.js';
11
- import { I as Icon } from './Icon_es_BpZIoe9M.js';
10
+ import { B as Button } from './Button_es_Bj8CZ_bh.js';
11
+ import { I as Icon } from './Icon_es_MOmiy9nF.js';
12
12
  import { I as Input } from './Input_es_l3ry6luZ.js';
13
- import { L as Label } from './Label_es_D-tO6hy7.js';
14
- import { T as Text } from './Text_es_BvmOR4nv.js';
13
+ import { L as Label } from './Label_es_DBPp2ots.js';
14
+ import { T as Text } from './Text_es_DIU5ySvf.js';
15
15
  import { icons14 } from '@itcase/icons/default';
16
16
 
17
17
  var datePickerSize = {
@@ -5,10 +5,10 @@ var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
8
- var Icon = require('./Icon_cjs_CdFkbmKN.js');
8
+ var Icon = require('./Icon_cjs_CDMtlf1A.js');
9
9
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  var Divider = require('./Divider_cjs_rxMMBfLC.js');
11
- var Text = require('./Text_cjs_B8nNXWBA.js');
11
+ var Text = require('./Text_cjs_DmuzuKFj.js');
12
12
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
13
13
 
14
14
  function Dropdown(props) {
@@ -3,10 +3,10 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from './hooks/useStyles/useStyles.js';
6
- import { I as Icon, B as Badge } from './Icon_es_BpZIoe9M.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_MOmiy9nF.js';
7
7
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
8
8
  import { D as Divider } from './Divider_es_CiRU0sTz.js';
9
- import { T as Text } from './Text_es_BvmOR4nv.js';
9
+ import { T as Text } from './Text_es_DIU5ySvf.js';
10
10
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
11
11
 
12
12
  function Dropdown(props) {
@@ -10,7 +10,7 @@ var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearance
10
10
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
11
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
12
12
  var Link = require('./Link_cjs_BqT6eVl6.js');
13
- var Text = require('./Text_cjs_B8nNXWBA.js');
13
+ var Text = require('./Text_cjs_DmuzuKFj.js');
14
14
 
15
15
  var badgeAppearanceAccent = {
16
16
  accent: {
@@ -8,7 +8,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
8
8
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
9
9
  import { useStyles } from './hooks/useStyles/useStyles.js';
10
10
  import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
11
- import { T as Text } from './Text_es_BvmOR4nv.js';
11
+ import { T as Text } from './Text_es_DIU5ySvf.js';
12
12
 
13
13
  var badgeAppearanceAccent = {
14
14
  accent: {
@@ -6,8 +6,8 @@ var clsx = require('clsx');
6
6
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
7
7
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
9
- var Icon = require('./Icon_cjs_CdFkbmKN.js');
10
- var Text = require('./Text_cjs_B8nNXWBA.js');
9
+ var Icon = require('./Icon_cjs_CDMtlf1A.js');
10
+ var Text = require('./Text_cjs_DmuzuKFj.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
12
12
 
13
13
  var labelAppearanceAccent = {
@@ -4,8 +4,8 @@ import clsx from 'clsx';
4
4
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
5
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from './hooks/useStyles/useStyles.js';
7
- import { I as Icon, T as Tooltip } from './Icon_es_BpZIoe9M.js';
8
- import { T as Text } from './Text_es_BvmOR4nv.js';
7
+ import { I as Icon, T as Tooltip } from './Icon_es_MOmiy9nF.js';
8
+ import { T as Text } from './Text_es_DIU5ySvf.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
10
10
 
11
11
  var labelAppearanceAccent = {
@@ -5,7 +5,7 @@ var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
8
- var Text = require('./Text_cjs_B8nNXWBA.js');
8
+ var Text = require('./Text_cjs_DmuzuKFj.js');
9
9
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
10
10
 
11
11
  var loaderAppearanceAccent = {
@@ -3,7 +3,7 @@ import clsx from 'clsx';
3
3
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
4
4
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from './hooks/useStyles/useStyles.js';
6
- import { T as Text } from './Text_es_BvmOR4nv.js';
6
+ import { T as Text } from './Text_es_DIU5ySvf.js';
7
7
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
8
8
 
9
9
  var loaderAppearanceAccent = {
@@ -40,20 +40,27 @@ var textConfig = {
40
40
  },
41
41
  };
42
42
  function Text(props) {
43
- var className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
43
+ var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
44
44
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig);
45
45
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
46
46
  var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverActiveClass = propsGenerator.textColorHoverActiveClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
47
47
  // @ts-expect-error
48
48
  var textStyles = useStyles.useStyles(props).styles;
49
- return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
49
+ return (jsxRuntime.jsxs(Tag, { dataTour: dataTour, className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
50
50
  textColorDisabledClass &&
51
- "text-color_".concat(textColorDisabledClass), !isActive && !isDisabled
52
- ? textColorClass && "text-color_".concat(textColorClass)
53
- : textColorActiveClass && "text-color_active_".concat(textColorActiveClass), !isActive && !isDisabled
54
- ? textColorHoverClass && "text-color_hover_".concat(textColorHoverClass)
55
- : textColorHoverActiveClass &&
56
- "text-color_hover_active_".concat(textColorActiveClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, dataTour: dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
51
+ "text-color_".concat(textColorDisabledClass), !isActive &&
52
+ !isDisabled &&
53
+ textColorClass &&
54
+ "text-color_".concat(textColorClass), isActive &&
55
+ !isDisabled &&
56
+ textColorActiveClass &&
57
+ "text-color_active_".concat(textColorActiveClass), !isActive &&
58
+ !isDisabled &&
59
+ textColorHoverClass &&
60
+ "text-color_hover_".concat(textColorHoverClass), isActive &&
61
+ !isDisabled &&
62
+ textColorHoverActiveClass &&
63
+ "text-color_hover_active_".concat(textColorHoverActiveClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
57
64
  }
58
65
 
59
66
  exports.Text = Text;
@@ -38,20 +38,27 @@ var textConfig = {
38
38
  },
39
39
  };
40
40
  function Text(props) {
41
- var className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
41
+ var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
42
42
  var appearanceConfig = useAppearanceConfig(appearance, textConfig);
43
43
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
44
44
  var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverActiveClass = propsGenerator.textColorHoverActiveClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
45
45
  // @ts-expect-error
46
46
  var textStyles = useStyles(props).styles;
47
- return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
47
+ return (jsxs(Tag, { dataTour: dataTour, className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
48
48
  textColorDisabledClass &&
49
- "text-color_".concat(textColorDisabledClass), !isActive && !isDisabled
50
- ? textColorClass && "text-color_".concat(textColorClass)
51
- : textColorActiveClass && "text-color_active_".concat(textColorActiveClass), !isActive && !isDisabled
52
- ? textColorHoverClass && "text-color_hover_".concat(textColorHoverClass)
53
- : textColorHoverActiveClass &&
54
- "text-color_hover_active_".concat(textColorActiveClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, dataTour: dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
49
+ "text-color_".concat(textColorDisabledClass), !isActive &&
50
+ !isDisabled &&
51
+ textColorClass &&
52
+ "text-color_".concat(textColorClass), isActive &&
53
+ !isDisabled &&
54
+ textColorActiveClass &&
55
+ "text-color_active_".concat(textColorActiveClass), !isActive &&
56
+ !isDisabled &&
57
+ textColorHoverClass &&
58
+ "text-color_hover_".concat(textColorHoverClass), isActive &&
59
+ !isDisabled &&
60
+ textColorHoverActiveClass &&
61
+ "text-color_hover_active_".concat(textColorHoverActiveClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
55
62
  }
56
63
 
57
64
  export { Text as T, textAppearance as a, textConfig as t };
@@ -8,9 +8,9 @@ var castArray = require('lodash/castArray');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
10
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
11
- var Icon = require('../../Icon_cjs_CdFkbmKN.js');
11
+ var Icon = require('../../Icon_cjs_CDMtlf1A.js');
12
12
  var Divider = require('../../Divider_cjs_rxMMBfLC.js');
13
- var Text = require('../../Text_cjs_B8nNXWBA.js');
13
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
14
14
  var _default = require('@itcase/icons/default');
15
15
  require('lodash/camelCase');
16
16
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_CoDaXDKy.js');
3
+ var Avatar = require('../../Avatar_cjs_Dh7c9RmS.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -17,7 +17,7 @@ require('../context/UIContext.js');
17
17
  require('../hooks/useMediaQueries/useMediaQueries.js');
18
18
  require('react-responsive');
19
19
  require('../utils/setViewportProperty.js');
20
- require('../../Icon_cjs_CdFkbmKN.js');
20
+ require('../../Icon_cjs_CDMtlf1A.js');
21
21
  require('react-inlinesvg');
22
22
  require('../hoc/urlWithAssetPrefix.js');
23
23
  require('../context/UrlAssetPrefix.js');
@@ -25,7 +25,7 @@ require('../hooks/useStyles/useStyles.js');
25
25
  require('lodash/maxBy');
26
26
  require('../hooks/useStyles/styleAttributes.js');
27
27
  require('../../Link_cjs_BqT6eVl6.js');
28
- require('../../Text_cjs_B8nNXWBA.js');
28
+ require('../../Text_cjs_DmuzuKFj.js');
29
29
  require('../../Image_cjs_B6YlGx8G.js');
30
30
 
31
31
 
@@ -5,9 +5,9 @@ var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Avatar = require('../../Avatar_cjs_CoDaXDKy.js');
8
+ var Avatar = require('../../Avatar_cjs_Dh7c9RmS.js');
9
9
  var Group = require('../../Group_cjs_GqR99U0L.js');
10
- var Text = require('../../Text_cjs_B8nNXWBA.js');
10
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
13
13
  require('lodash/camelCase');
@@ -22,7 +22,7 @@ require('react-responsive');
22
22
  require('../utils/setViewportProperty.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
- require('../../Icon_cjs_CdFkbmKN.js');
25
+ require('../../Icon_cjs_CDMtlf1A.js');
26
26
  require('react-inlinesvg');
27
27
  require('../hoc/urlWithAssetPrefix.js');
28
28
  require('../context/UrlAssetPrefix.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Icon = require('../../Icon_cjs_CdFkbmKN.js');
3
+ var Icon = require('../../Icon_cjs_CDMtlf1A.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -24,7 +24,7 @@ require('../hooks/useStyles/useStyles.js');
24
24
  require('lodash/maxBy');
25
25
  require('../hooks/useStyles/styleAttributes.js');
26
26
  require('../../Link_cjs_BqT6eVl6.js');
27
- require('../../Text_cjs_B8nNXWBA.js');
27
+ require('../../Text_cjs_DmuzuKFj.js');
28
28
 
29
29
 
30
30
 
@@ -6,9 +6,9 @@ var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
8
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
- var Icon = require('../../Icon_cjs_CdFkbmKN.js');
9
+ var Icon = require('../../Icon_cjs_CDMtlf1A.js');
10
10
  var Link = require('../../Link_cjs_BqT6eVl6.js');
11
- var Text = require('../../Text_cjs_B8nNXWBA.js');
11
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
13
13
  var _default = require('@itcase/icons/default');
14
14
  require('lodash/camelCase');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_Crmtn084.js');
3
+ var Button = require('../../Button_cjs_CQzbBsB0.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../../Icon_cjs_CdFkbmKN.js');
7
+ require('../../Icon_cjs_CDMtlf1A.js');
8
8
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
9
  require('react-inlinesvg');
10
10
  require('../hoc/urlWithAssetPrefix.js');
@@ -25,8 +25,8 @@ require('../hooks/useStyles/useStyles.js');
25
25
  require('lodash/maxBy');
26
26
  require('../hooks/useStyles/styleAttributes.js');
27
27
  require('../../Link_cjs_BqT6eVl6.js');
28
- require('../../Text_cjs_B8nNXWBA.js');
29
- require('../../Loader_cjs_DlnM5Vzb.js');
28
+ require('../../Text_cjs_DmuzuKFj.js');
29
+ require('../../Loader_cjs_mB_UCgBG.js');
30
30
 
31
31
 
32
32
 
@@ -5,9 +5,9 @@ var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Icon = require('../../Icon_cjs_CdFkbmKN.js');
9
- var Label = require('../../Label_cjs_CFzGH1Ah.js');
10
- var Text = require('../../Text_cjs_B8nNXWBA.js');
8
+ var Icon = require('../../Icon_cjs_CDMtlf1A.js');
9
+ var Label = require('../../Label_cjs_BTLhlnJW.js');
10
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
13
13
  require('lodash/camelCase');
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
- var Text = require('../../Text_cjs_B8nNXWBA.js');
7
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
8
8
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
9
  require('react');
10
10
  require('lodash/camelCase');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_BfzeDpwM.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_7mHtHzNh.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
6
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -20,12 +20,12 @@ require('../utils/setViewportProperty.js');
20
20
  require('../hooks/useStyles/useStyles.js');
21
21
  require('lodash/maxBy');
22
22
  require('../hooks/useStyles/styleAttributes.js');
23
- require('../../Icon_cjs_CdFkbmKN.js');
23
+ require('../../Icon_cjs_CDMtlf1A.js');
24
24
  require('react-inlinesvg');
25
25
  require('../hoc/urlWithAssetPrefix.js');
26
26
  require('../context/UrlAssetPrefix.js');
27
27
  require('../../Link_cjs_BqT6eVl6.js');
28
- require('../../Text_cjs_B8nNXWBA.js');
28
+ require('../../Text_cjs_DmuzuKFj.js');
29
29
 
30
30
 
31
31
 
@@ -6,9 +6,9 @@ var clsx = require('clsx');
6
6
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Icon = require('../../Icon_cjs_CdFkbmKN.js');
10
- var Loader = require('../../Loader_cjs_DlnM5Vzb.js');
11
- var Text = require('../../Text_cjs_B8nNXWBA.js');
9
+ var Icon = require('../../Icon_cjs_CDMtlf1A.js');
10
+ var Loader = require('../../Loader_cjs_mB_UCgBG.js');
11
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
13
13
  require('lodash/camelCase');
14
14
  require('lodash/castArray');
@@ -6,8 +6,8 @@ var clsx = require('clsx');
6
6
  var Cookies = require('js-cookie');
7
7
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
- var Button = require('../../Button_cjs_Crmtn084.js');
10
- var Text = require('../../Text_cjs_B8nNXWBA.js');
9
+ var Button = require('../../Button_cjs_CQzbBsB0.js');
10
+ var Text = require('../../Text_cjs_DmuzuKFj.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('lodash/camelCase');
13
13
  require('lodash/castArray');
@@ -19,7 +19,7 @@ require('../context/UIContext.js');
19
19
  require('../hooks/useMediaQueries/useMediaQueries.js');
20
20
  require('react-responsive');
21
21
  require('../utils/setViewportProperty.js');
22
- require('../../Icon_cjs_CdFkbmKN.js');
22
+ require('../../Icon_cjs_CDMtlf1A.js');
23
23
  require('react-inlinesvg');
24
24
  require('../hoc/urlWithAssetPrefix.js');
25
25
  require('../context/UrlAssetPrefix.js');
@@ -27,7 +27,7 @@ require('../hooks/useStyles/useStyles.js');
27
27
  require('lodash/maxBy');
28
28
  require('../hooks/useStyles/styleAttributes.js');
29
29
  require('../../Link_cjs_BqT6eVl6.js');
30
- require('../../Loader_cjs_DlnM5Vzb.js');
30
+ require('../../Loader_cjs_mB_UCgBG.js');
31
31
 
32
32
  var cookiesWarningAppearanceDefault = {
33
33
  defaultPrimary: {