@itcase/ui 1.8.52 → 1.8.54

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 (85) hide show
  1. package/dist/{Avatar_cjs_BQNgRkQo.js → Avatar_cjs_CxyEa4gB.js} +1 -1
  2. package/dist/{Avatar_es_DzMM4D-9.js → Avatar_es_DQTyqtKx.js} +1 -1
  3. package/dist/{Button_cjs_C8P5a38-.js → Button_cjs_DUciIEhV.js} +8 -5
  4. package/dist/{Button_es_CwtOu3lT.js → Button_es_CaVzZgqG.js} +8 -5
  5. package/dist/{ChipsGroup_cjs_CVCYLe2C.js → ChipsGroup_cjs_BMwgN3bm.js} +1 -1
  6. package/dist/{ChipsGroup_es_BrX6_qHH.js → ChipsGroup_es_DVnt9N0b.js} +1 -1
  7. package/dist/{DatePicker_cjs_C5A_2oSh.js → DatePicker_cjs_B2lmtIti.js} +3 -3
  8. package/dist/{DatePicker_es_CqxAvzoP.js → DatePicker_es_CfT5zDjb.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DFScS1ls.js → DropdownItem_cjs_BtL83PeZ.js} +1 -1
  10. package/dist/{DropdownItem_es_BnKPMQwa.js → DropdownItem_es_BK2bacxA.js} +1 -1
  11. package/dist/{Icon_cjs_CKWWo53f.js → Icon_cjs_O7ILYzgW.js} +31 -5
  12. package/dist/{Icon_es_B7IMj2rG.js → Icon_es_BGR9vYtq.js} +31 -5
  13. package/dist/{Label_cjs_DHLQmexE.js → Label_cjs_eQIgvtt7.js} +15 -2
  14. package/dist/{Label_es_DDjXQQpD.js → Label_es_BQDu9dwH.js} +15 -2
  15. package/dist/cjs/components/Accordion.js +1 -1
  16. package/dist/cjs/components/Avatar.js +2 -2
  17. package/dist/cjs/components/AvatarStack.js +2 -2
  18. package/dist/cjs/components/Badge.js +1 -1
  19. package/dist/cjs/components/Breadcrumbs.js +1 -1
  20. package/dist/cjs/components/Button.js +2 -2
  21. package/dist/cjs/components/Cell.js +2 -2
  22. package/dist/cjs/components/Chips.js +2 -2
  23. package/dist/cjs/components/Choice.js +1 -1
  24. package/dist/cjs/components/CookiesWarning.js +2 -2
  25. package/dist/cjs/components/DatePeriod.js +5 -5
  26. package/dist/cjs/components/DatePicker.js +4 -4
  27. package/dist/cjs/components/Drawer.js +1 -1
  28. package/dist/cjs/components/Dropdown.js +2 -2
  29. package/dist/cjs/components/HeroTitle.js +1 -1
  30. package/dist/cjs/components/Icon.js +1 -1
  31. package/dist/cjs/components/InputPassword.js +1 -1
  32. package/dist/cjs/components/Label.js +2 -2
  33. package/dist/cjs/components/MenuItem.js +1 -1
  34. package/dist/cjs/components/Modal.js +1 -1
  35. package/dist/cjs/components/Notification.js +1 -1
  36. package/dist/cjs/components/Pagination.js +2 -2
  37. package/dist/cjs/components/Response.js +2 -2
  38. package/dist/cjs/components/Search.js +1 -1
  39. package/dist/cjs/components/Segmented.js +1 -1
  40. package/dist/cjs/components/Select.js +1 -1
  41. package/dist/cjs/components/Swiper.js +1 -1
  42. package/dist/cjs/components/Tab.js +1 -1
  43. package/dist/cjs/components/Tile.js +1 -1
  44. package/dist/cjs/components/Title.js +1 -1
  45. package/dist/cjs/components/Tooltip.js +1 -1
  46. package/dist/cjs/components/Warning.js +1 -1
  47. package/dist/components/Accordion.js +1 -1
  48. package/dist/components/Avatar.js +2 -2
  49. package/dist/components/AvatarStack.js +2 -2
  50. package/dist/components/Badge.js +1 -1
  51. package/dist/components/Breadcrumbs.js +1 -1
  52. package/dist/components/Button.js +2 -2
  53. package/dist/components/Cell.js +2 -2
  54. package/dist/components/Chips.js +2 -2
  55. package/dist/components/Choice.js +1 -1
  56. package/dist/components/CookiesWarning.js +2 -2
  57. package/dist/components/DatePeriod.js +5 -5
  58. package/dist/components/DatePicker.js +4 -4
  59. package/dist/components/Drawer.js +1 -1
  60. package/dist/components/Dropdown.js +2 -2
  61. package/dist/components/HeroTitle.js +1 -1
  62. package/dist/components/Icon.js +1 -1
  63. package/dist/components/InputPassword.js +1 -1
  64. package/dist/components/Label.js +2 -2
  65. package/dist/components/MenuItem.js +1 -1
  66. package/dist/components/Modal.js +1 -1
  67. package/dist/components/Notification.js +1 -1
  68. package/dist/components/Pagination.js +2 -2
  69. package/dist/components/Response.js +2 -2
  70. package/dist/components/Search.js +1 -1
  71. package/dist/components/Segmented.js +1 -1
  72. package/dist/components/Select.js +1 -1
  73. package/dist/components/Swiper.js +1 -1
  74. package/dist/components/Tab.js +1 -1
  75. package/dist/components/Tile.js +1 -1
  76. package/dist/components/Title.js +1 -1
  77. package/dist/components/Tooltip.js +1 -1
  78. package/dist/components/Warning.js +1 -1
  79. package/dist/css/styles/fill/fill_gradient.css +12 -0
  80. package/dist/types/components/Badge/appearance/badgeShape.d.ts +25 -0
  81. package/dist/types/components/Button/appearance/buttonShape.d.ts +5 -2
  82. package/dist/types/components/Label/appearance/labelGradient.d.ts +6 -4
  83. package/dist/types/components/Label/appearance/labelShape.d.ts +3 -0
  84. package/package.json +3 -3
  85. package/dist/css/styles/fill-gradient/fill-gradient.css +0 -20
@@ -5,7 +5,7 @@ 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_CKWWo53f.js');
8
+ var Icon = require('./Icon_cjs_O7ILYzgW.js');
9
9
  var Image = require('./Image_cjs_2zEjohYE.js');
10
10
  var Text = require('./Text_cjs_C-Ux7Tz5.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
@@ -3,7 +3,7 @@ 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_B7IMj2rG.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_BGR9vYtq.js';
7
7
  import { I as Image } from './Image_es_ChF-63wh.js';
8
8
  import { T as Text } from './Text_es_BdFAdf7M.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
@@ -3,7 +3,7 @@
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_CKWWo53f.js');
6
+ var Icon = require('./Icon_cjs_O7ILYzgW.js');
7
7
  var Link = require('./Link_cjs_BqT6eVl6.js');
8
8
  var Loader = require('./Loader_cjs_D_n5PrK5.js');
9
9
  var Text = require('./Text_cjs_C-Ux7Tz5.js');
@@ -216,20 +216,23 @@ var buttonAppearanceSecondary = {
216
216
  };
217
217
 
218
218
  var buttonAppearanceShape = {
219
+ circular: {
220
+ shape: 'circular',
221
+ },
219
222
  rounded: {
220
223
  shape: 'rounded',
221
224
  },
222
- roundedS: {
225
+ roundedL: {
223
226
  shape: 'rounded',
224
- shapeStrength: '0_5m',
227
+ shapeStrength: '1_5m',
225
228
  },
226
229
  roundedM: {
227
230
  shape: 'rounded',
228
231
  shapeStrength: '1m',
229
232
  },
230
- roundedL: {
233
+ roundedS: {
231
234
  shape: 'rounded',
232
- shapeStrength: '1_5m',
235
+ shapeStrength: '0_5m',
233
236
  },
234
237
  roundedXL: {
235
238
  shape: 'rounded',
@@ -1,7 +1,7 @@
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_B7IMj2rG.js';
4
+ import { I as Icon } from './Icon_es_BGR9vYtq.js';
5
5
  import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
6
6
  import { L as Loader } from './Loader_es_DXVVV9LE.js';
7
7
  import { T as Text } from './Text_es_BdFAdf7M.js';
@@ -214,20 +214,23 @@ var buttonAppearanceSecondary = {
214
214
  };
215
215
 
216
216
  var buttonAppearanceShape = {
217
+ circular: {
218
+ shape: 'circular',
219
+ },
217
220
  rounded: {
218
221
  shape: 'rounded',
219
222
  },
220
- roundedS: {
223
+ roundedL: {
221
224
  shape: 'rounded',
222
- shapeStrength: '0_5m',
225
+ shapeStrength: '1_5m',
223
226
  },
224
227
  roundedM: {
225
228
  shape: 'rounded',
226
229
  shapeStrength: '1m',
227
230
  },
228
- roundedL: {
231
+ roundedS: {
229
232
  shape: 'rounded',
230
- shapeStrength: '1_5m',
233
+ shapeStrength: '0_5m',
231
234
  },
232
235
  roundedXL: {
233
236
  shape: 'rounded',
@@ -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 Icon = require('./Icon_cjs_CKWWo53f.js');
8
+ var Icon = require('./Icon_cjs_O7ILYzgW.js');
9
9
  var Text = require('./Text_cjs_C-Ux7Tz5.js');
10
10
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
11
11
 
@@ -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 { I as Icon, B as Badge } from './Icon_es_B7IMj2rG.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_BGR9vYtq.js';
7
7
  import { T as Text } from './Text_es_BdFAdf7M.js';
8
8
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
9
9
 
@@ -9,10 +9,10 @@ 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_C8P5a38-.js');
13
- var Icon = require('./Icon_cjs_CKWWo53f.js');
12
+ var Button = require('./Button_cjs_DUciIEhV.js');
13
+ var Icon = require('./Icon_cjs_O7ILYzgW.js');
14
14
  var Input = require('./Input_cjs_BGLd0EQu.js');
15
- var Label = require('./Label_cjs_DHLQmexE.js');
15
+ var Label = require('./Label_cjs_eQIgvtt7.js');
16
16
  var Text = require('./Text_cjs_C-Ux7Tz5.js');
17
17
  var _default = require('@itcase/icons/default');
18
18
 
@@ -7,10 +7,10 @@ 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_CwtOu3lT.js';
11
- import { I as Icon } from './Icon_es_B7IMj2rG.js';
10
+ import { B as Button } from './Button_es_CaVzZgqG.js';
11
+ import { I as Icon } from './Icon_es_BGR9vYtq.js';
12
12
  import { I as Input } from './Input_es_D2mNCqiH.js';
13
- import { L as Label } from './Label_es_DDjXQQpD.js';
13
+ import { L as Label } from './Label_es_BQDu9dwH.js';
14
14
  import { T as Text } from './Text_es_BdFAdf7M.js';
15
15
  import { icons14 } from '@itcase/icons/default';
16
16
 
@@ -5,7 +5,7 @@ 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_CKWWo53f.js');
8
+ var Icon = require('./Icon_cjs_O7ILYzgW.js');
9
9
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  var Divider = require('./Divider_cjs_rxMMBfLC.js');
11
11
  var Text = require('./Text_cjs_C-Ux7Tz5.js');
@@ -3,7 +3,7 @@ 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_B7IMj2rG.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_BGR9vYtq.js';
7
7
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
8
8
  import { D as Divider } from './Divider_es_CiRU0sTz.js';
9
9
  import { T as Text } from './Text_es_BdFAdf7M.js';
@@ -149,6 +149,31 @@ var badgeAppearanceSecondary = {
149
149
  },
150
150
  };
151
151
 
152
+ var badgeAppearanceShape = {
153
+ circular: {
154
+ shape: 'circular',
155
+ },
156
+ rounded: {
157
+ shape: 'rounded',
158
+ },
159
+ roundedL: {
160
+ shape: 'rounded',
161
+ shapeStrength: '1_5m',
162
+ },
163
+ roundedM: {
164
+ shape: 'rounded',
165
+ shapeStrength: '1m',
166
+ },
167
+ roundedS: {
168
+ shape: 'rounded',
169
+ shapeStrength: '0_5m',
170
+ },
171
+ roundedXL: {
172
+ shape: 'rounded',
173
+ shapeStrength: '2m',
174
+ },
175
+ };
176
+
152
177
  var badgeAppearanceSize = {
153
178
  sizeXXL: {
154
179
  size: 'xxl',
@@ -254,7 +279,7 @@ var badgeAppearanceWarning = {
254
279
  },
255
280
  };
256
281
 
257
- var badgeAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceDisabled), badgeAppearanceSurface), badgeAppearanceWarning);
282
+ var badgeAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, badgeAppearanceSize), badgeAppearanceShape), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceDisabled), badgeAppearanceSurface), badgeAppearanceWarning);
258
283
 
259
284
  var badgeConfig = {
260
285
  appearance: badgeAppearance,
@@ -266,7 +291,7 @@ function Badge(props) {
266
291
  var className = props.className, appearance = props.appearance, dot = props.dot, icon = props.icon, iconSrc = props.iconSrc, value = props.value, isSkeleton = props.isSkeleton, children = props.children;
267
292
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, badgeConfig);
268
293
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
269
- var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
294
+ var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
270
295
  // @ts-expect-error
271
296
  var badgeStyles = useStyles.useStyles(props).styles;
272
297
  var badgeTypeClass = value
@@ -280,7 +305,7 @@ function Badge(props) {
280
305
  : dot
281
306
  ? 'badge_type_dot'
282
307
  : 'badge_type_fill';
283
- return (jsxRuntime.jsxs("div", { className: clsx(className, 'badge', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass), badgeTypeClass, isSkeleton && 'badge_skeleton'), style: badgeStyles, children: [dot && (jsxRuntime.jsx("div", { className: clsx('badge__dot', dotFillClass && "svg_fill_".concat(dotFillClass)), children: jsxRuntime.jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsxRuntime.jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
308
+ return (jsxRuntime.jsxs("div", { className: clsx(className, 'badge', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), badgeTypeClass, isSkeleton && 'badge_skeleton'), style: badgeStyles, children: [dot && (jsxRuntime.jsx("div", { className: clsx('badge__dot', dotFillClass && "svg_fill_".concat(dotFillClass)), children: jsxRuntime.jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsxRuntime.jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
284
309
  (value && (jsxRuntime.jsx(Text.Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
285
310
  }
286
311
 
@@ -1033,7 +1058,7 @@ var iconConfig = {
1033
1058
  var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
1034
1059
  // TODO: Tooltip doesn't work that anymore
1035
1060
  // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
1036
- var id = props.id, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
1061
+ var id = props.id, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
1037
1062
  var ImageComponent = React.useMemo(function () {
1038
1063
  if (SvgImage) {
1039
1064
  var sizes = {};
@@ -1070,7 +1095,8 @@ var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(
1070
1095
  "icon_fill_active_hover_".concat(iconFillActiveHoverClass), isDisabled &&
1071
1096
  iconFillDisabledClass &&
1072
1097
  "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
1073
- "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), badgeValue && 'icon_with-badge', centeringClass && "centering_".concat(centeringClass), onClick && cursorClass && "cursor_".concat(cursorClass), isSkeleton && "icon_skeleton"), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, badgeValue && (jsxRuntime.jsx(Badge, { className: clsx(badgeClass, 'icon__badge'), appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsxRuntime.jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
1098
+ "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), badgeValue && 'icon_with-badge', centeringClass && "centering_".concat(centeringClass), onClick && cursorClass && "cursor_".concat(cursorClass), isSkeleton && "icon_skeleton"), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, badgeValue ||
1099
+ (notification && (jsxRuntime.jsx(Badge, { className: clsx(badgeClass, 'icon__badge'), appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))), showTooltip && (jsxRuntime.jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
1074
1100
  }));
1075
1101
  var removeFillStroke = function (code) {
1076
1102
  return code
@@ -147,6 +147,31 @@ var badgeAppearanceSecondary = {
147
147
  },
148
148
  };
149
149
 
150
+ var badgeAppearanceShape = {
151
+ circular: {
152
+ shape: 'circular',
153
+ },
154
+ rounded: {
155
+ shape: 'rounded',
156
+ },
157
+ roundedL: {
158
+ shape: 'rounded',
159
+ shapeStrength: '1_5m',
160
+ },
161
+ roundedM: {
162
+ shape: 'rounded',
163
+ shapeStrength: '1m',
164
+ },
165
+ roundedS: {
166
+ shape: 'rounded',
167
+ shapeStrength: '0_5m',
168
+ },
169
+ roundedXL: {
170
+ shape: 'rounded',
171
+ shapeStrength: '2m',
172
+ },
173
+ };
174
+
150
175
  var badgeAppearanceSize = {
151
176
  sizeXXL: {
152
177
  size: 'xxl',
@@ -252,7 +277,7 @@ var badgeAppearanceWarning = {
252
277
  },
253
278
  };
254
279
 
255
- var badgeAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceDisabled), badgeAppearanceSurface), badgeAppearanceWarning);
280
+ var badgeAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeAppearanceSize), badgeAppearanceShape), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceDisabled), badgeAppearanceSurface), badgeAppearanceWarning);
256
281
 
257
282
  var badgeConfig = {
258
283
  appearance: badgeAppearance,
@@ -264,7 +289,7 @@ function Badge(props) {
264
289
  var className = props.className, appearance = props.appearance, dot = props.dot, icon = props.icon, iconSrc = props.iconSrc, value = props.value, isSkeleton = props.isSkeleton, children = props.children;
265
290
  var appearanceConfig = useAppearanceConfig(appearance, badgeConfig);
266
291
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
267
- var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
292
+ var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
268
293
  // @ts-expect-error
269
294
  var badgeStyles = useStyles(props).styles;
270
295
  var badgeTypeClass = value
@@ -278,7 +303,7 @@ function Badge(props) {
278
303
  : dot
279
304
  ? 'badge_type_dot'
280
305
  : 'badge_type_fill';
281
- return (jsxs("div", { className: clsx(className, 'badge', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass), badgeTypeClass, isSkeleton && 'badge_skeleton'), style: badgeStyles, children: [dot && (jsx("div", { className: clsx('badge__dot', dotFillClass && "svg_fill_".concat(dotFillClass)), children: jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
306
+ return (jsxs("div", { className: clsx(className, 'badge', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), badgeTypeClass, isSkeleton && 'badge_skeleton'), style: badgeStyles, children: [dot && (jsx("div", { className: clsx('badge__dot', dotFillClass && "svg_fill_".concat(dotFillClass)), children: jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
282
307
  (value && (jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
283
308
  }
284
309
 
@@ -1031,7 +1056,7 @@ var iconConfig = {
1031
1056
  var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
1032
1057
  // TODO: Tooltip doesn't work that anymore
1033
1058
  // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
1034
- var id = props.id, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
1059
+ var id = props.id, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
1035
1060
  var ImageComponent = useMemo(function () {
1036
1061
  if (SvgImage) {
1037
1062
  var sizes = {};
@@ -1068,7 +1093,8 @@ var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
1068
1093
  "icon_fill_active_hover_".concat(iconFillActiveHoverClass), isDisabled &&
1069
1094
  iconFillDisabledClass &&
1070
1095
  "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
1071
- "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), badgeValue && 'icon_with-badge', centeringClass && "centering_".concat(centeringClass), onClick && cursorClass && "cursor_".concat(cursorClass), isSkeleton && "icon_skeleton"), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, badgeValue && (jsx(Badge, { className: clsx(badgeClass, 'icon__badge'), appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
1096
+ "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), badgeValue && 'icon_with-badge', centeringClass && "centering_".concat(centeringClass), onClick && cursorClass && "cursor_".concat(cursorClass), isSkeleton && "icon_skeleton"), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, badgeValue ||
1097
+ (notification && (jsx(Badge, { className: clsx(badgeClass, 'icon__badge'), appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))), showTooltip && (jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
1072
1098
  }));
1073
1099
  var removeFillStroke = function (code) {
1074
1100
  return code
@@ -6,7 +6,7 @@ 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_CKWWo53f.js');
9
+ var Icon = require('./Icon_cjs_O7ILYzgW.js');
10
10
  var Text = require('./Text_cjs_C-Ux7Tz5.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
12
12
 
@@ -82,6 +82,16 @@ var labelAppearanceError = {
82
82
  },
83
83
  };
84
84
 
85
+ var labelAppearanceGradient = {
86
+ gradientPrimary: {
87
+ fill: 'gradientPrimaryDiagonal',
88
+ labelTextColor: 'surfaceTextInverse',
89
+ borderColor: 'surfaceBorderPrimary',
90
+ iconAfterFillIcon: 'surfaceItemInverse',
91
+ iconBeforeFillIcon: 'surfaceItemInverse',
92
+ },
93
+ };
94
+
85
95
  var labelAppearanceInfo = {
86
96
  infoMutedPrimary: {
87
97
  fill: 'infoMuted',
@@ -141,6 +151,9 @@ var labelAppearanceSecondary = {
141
151
  };
142
152
 
143
153
  var labelAppearanceShape = {
154
+ circular: {
155
+ shape: 'circular',
156
+ },
144
157
  rounded: {
145
158
  shape: 'rounded',
146
159
  },
@@ -298,7 +311,7 @@ var labelAppearanceWarning = {
298
311
  },
299
312
  };
300
313
 
301
- var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
314
+ var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceGradient), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
302
315
 
303
316
  var labelConfig = {
304
317
  appearance: labelAppearance,
@@ -4,7 +4,7 @@ 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_B7IMj2rG.js';
7
+ import { I as Icon, T as Tooltip } from './Icon_es_BGR9vYtq.js';
8
8
  import { T as Text } from './Text_es_BdFAdf7M.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
10
10
 
@@ -80,6 +80,16 @@ var labelAppearanceError = {
80
80
  },
81
81
  };
82
82
 
83
+ var labelAppearanceGradient = {
84
+ gradientPrimary: {
85
+ fill: 'gradientPrimaryDiagonal',
86
+ labelTextColor: 'surfaceTextInverse',
87
+ borderColor: 'surfaceBorderPrimary',
88
+ iconAfterFillIcon: 'surfaceItemInverse',
89
+ iconBeforeFillIcon: 'surfaceItemInverse',
90
+ },
91
+ };
92
+
83
93
  var labelAppearanceInfo = {
84
94
  infoMutedPrimary: {
85
95
  fill: 'infoMuted',
@@ -139,6 +149,9 @@ var labelAppearanceSecondary = {
139
149
  };
140
150
 
141
151
  var labelAppearanceShape = {
152
+ circular: {
153
+ shape: 'circular',
154
+ },
142
155
  rounded: {
143
156
  shape: 'rounded',
144
157
  },
@@ -296,7 +309,7 @@ var labelAppearanceWarning = {
296
309
  },
297
310
  };
298
311
 
299
- var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
312
+ var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisable), labelAppearanceShape), labelAppearanceSize), labelAppearanceStyle), labelAppearanceGradient), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
300
313
 
301
314
  var labelConfig = {
302
315
  appearance: labelAppearance,
@@ -8,7 +8,7 @@ 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_CKWWo53f.js');
11
+ var Icon = require('../../Icon_cjs_O7ILYzgW.js');
12
12
  var Divider = require('../../Divider_cjs_rxMMBfLC.js');
13
13
  var Text = require('../../Text_cjs_C-Ux7Tz5.js');
14
14
  var _default = require('@itcase/icons/default');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_BQNgRkQo.js');
3
+ var Avatar = require('../../Avatar_cjs_CxyEa4gB.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_CKWWo53f.js');
20
+ require('../../Icon_cjs_O7ILYzgW.js');
21
21
  require('react-inlinesvg');
22
22
  require('../hoc/urlWithAssetPrefix.js');
23
23
  require('../context/UrlAssetPrefix.js');
@@ -5,7 +5,7 @@ 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_BQNgRkQo.js');
8
+ var Avatar = require('../../Avatar_cjs_CxyEa4gB.js');
9
9
  var Group = require('../../Group_cjs_CDLfU5D2.js');
10
10
  var Text = require('../../Text_cjs_C-Ux7Tz5.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -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_CKWWo53f.js');
25
+ require('../../Icon_cjs_O7ILYzgW.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_CKWWo53f.js');
3
+ var Icon = require('../../Icon_cjs_O7ILYzgW.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -6,7 +6,7 @@ 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_CKWWo53f.js');
9
+ var Icon = require('../../Icon_cjs_O7ILYzgW.js');
10
10
  var Link = require('../../Link_cjs_BqT6eVl6.js');
11
11
  var Text = require('../../Text_cjs_C-Ux7Tz5.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_C8P5a38-.js');
3
+ var Button = require('../../Button_cjs_DUciIEhV.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../../Icon_cjs_CKWWo53f.js');
7
+ require('../../Icon_cjs_O7ILYzgW.js');
8
8
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
9
  require('react-inlinesvg');
10
10
  require('../hoc/urlWithAssetPrefix.js');
@@ -5,8 +5,8 @@ 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_CKWWo53f.js');
9
- var Label = require('../../Label_cjs_DHLQmexE.js');
8
+ var Icon = require('../../Icon_cjs_O7ILYzgW.js');
9
+ var Label = require('../../Label_cjs_eQIgvtt7.js');
10
10
  var Text = require('../../Text_cjs_C-Ux7Tz5.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_CVCYLe2C.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_BMwgN3bm.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
6
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -20,7 +20,7 @@ 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_CKWWo53f.js');
23
+ require('../../Icon_cjs_O7ILYzgW.js');
24
24
  require('react-inlinesvg');
25
25
  require('../hoc/urlWithAssetPrefix.js');
26
26
  require('../context/UrlAssetPrefix.js');
@@ -6,7 +6,7 @@ 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_CKWWo53f.js');
9
+ var Icon = require('../../Icon_cjs_O7ILYzgW.js');
10
10
  var Loader = require('../../Loader_cjs_D_n5PrK5.js');
11
11
  var Text = require('../../Text_cjs_C-Ux7Tz5.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -6,7 +6,7 @@ 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_C8P5a38-.js');
9
+ var Button = require('../../Button_cjs_DUciIEhV.js');
10
10
  var Text = require('../../Text_cjs_C-Ux7Tz5.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('lodash/camelCase');
@@ -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_CKWWo53f.js');
22
+ require('../../Icon_cjs_O7ILYzgW.js');
23
23
  require('react-inlinesvg');
24
24
  require('../hoc/urlWithAssetPrefix.js');
25
25
  require('../context/UrlAssetPrefix.js');
@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var common = require('@itcase/common');
7
- var DatePicker = require('../../DatePicker_cjs_C5A_2oSh.js');
7
+ var DatePicker = require('../../DatePicker_cjs_B2lmtIti.js');
8
8
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
- var ChipsGroup = require('../../ChipsGroup_cjs_CVCYLe2C.js');
10
+ var ChipsGroup = require('../../ChipsGroup_cjs_BMwgN3bm.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('date-fns/locale');
13
13
  require('react-datepicker');
@@ -22,8 +22,8 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
22
22
  require('react-responsive');
23
23
  require('../utils/setViewportProperty.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
- require('../../Button_cjs_C8P5a38-.js');
26
- require('../../Icon_cjs_CKWWo53f.js');
25
+ require('../../Button_cjs_DUciIEhV.js');
26
+ require('../../Icon_cjs_O7ILYzgW.js');
27
27
  require('react-inlinesvg');
28
28
  require('../hoc/urlWithAssetPrefix.js');
29
29
  require('../context/UrlAssetPrefix.js');
@@ -31,7 +31,7 @@ require('../../Link_cjs_BqT6eVl6.js');
31
31
  require('../../Text_cjs_C-Ux7Tz5.js');
32
32
  require('../../Loader_cjs_D_n5PrK5.js');
33
33
  require('../../Input_cjs_BGLd0EQu.js');
34
- require('../../Label_cjs_DHLQmexE.js');
34
+ require('../../Label_cjs_eQIgvtt7.js');
35
35
  require('@itcase/icons/default');
36
36
  require('lodash/castArray');
37
37