@itcase/ui 1.8.76 → 1.8.78

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 (84) hide show
  1. package/dist/{Avatar_cjs_BHvgPTAY.js → Avatar_cjs_D_QjH6Yo.js} +1 -1
  2. package/dist/{Avatar_es_DnqQ0yn6.js → Avatar_es_B9QYC-Ao.js} +1 -1
  3. package/dist/{Button_cjs_CF3wei05.js → Button_cjs_EhupQuFO.js} +4 -1
  4. package/dist/{Button_es_3cCwdJcQ.js → Button_es_J0LV98ty.js} +4 -1
  5. package/dist/{ChipsGroup_cjs_BLUYSr4v.js → ChipsGroup_cjs_Bt-7plyc.js} +1 -1
  6. package/dist/{ChipsGroup_es_DSwPxBuZ.js → ChipsGroup_es_BeOkLX5x.js} +1 -1
  7. package/dist/{DatePicker_cjs_DPe3TnXs.js → DatePicker_cjs_Z66-HJeB.js} +3 -3
  8. package/dist/{DatePicker_es_DIFs7Wgs.js → DatePicker_es_CVQgncRj.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DrRXEbs6.js → DropdownItem_cjs_sK2QBHIa.js} +2 -4
  10. package/dist/{DropdownItem_es_fKHB3LUT.js → DropdownItem_es_CLVNB92B.js} +2 -4
  11. package/dist/{Icon_cjs_BdX_3y6P.js → Icon_cjs_Zv-F7ZYW.js} +28 -3
  12. package/dist/{Icon_es_Xh3eVHNS.js → Icon_es_U8q1esww.js} +28 -3
  13. package/dist/{Label_cjs_DSSetg_A.js → Label_cjs_5nQoqVt7.js} +1 -1
  14. package/dist/{Label_es_DnTcY7ih.js → Label_es_32kvCEhg.js} +1 -1
  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/Checkbox.js +2 -2
  23. package/dist/cjs/components/Chips.js +2 -2
  24. package/dist/cjs/components/Choice.js +1 -1
  25. package/dist/cjs/components/CookiesWarning.js +2 -2
  26. package/dist/cjs/components/DatePeriod.js +5 -5
  27. package/dist/cjs/components/DatePicker.js +4 -4
  28. package/dist/cjs/components/Drawer.js +1 -1
  29. package/dist/cjs/components/Dropdown.js +2 -2
  30. package/dist/cjs/components/HeroTitle.js +1 -1
  31. package/dist/cjs/components/Icon.js +1 -1
  32. package/dist/cjs/components/InputPassword.js +1 -1
  33. package/dist/cjs/components/Label.js +2 -2
  34. package/dist/cjs/components/MenuItem.js +1 -1
  35. package/dist/cjs/components/Modal.js +1 -1
  36. package/dist/cjs/components/Notification.js +1 -1
  37. package/dist/cjs/components/Pagination.js +2 -2
  38. package/dist/cjs/components/Response.js +2 -2
  39. package/dist/cjs/components/Search.js +1 -1
  40. package/dist/cjs/components/Segmented.js +1 -1
  41. package/dist/cjs/components/Select.js +1 -1
  42. package/dist/cjs/components/Swiper.js +1 -1
  43. package/dist/cjs/components/Tab.js +1 -1
  44. package/dist/cjs/components/Tile.js +1 -1
  45. package/dist/cjs/components/Title.js +1 -1
  46. package/dist/cjs/components/Tooltip.js +1 -1
  47. package/dist/cjs/components/Warning.js +1 -1
  48. package/dist/components/Accordion.js +1 -1
  49. package/dist/components/Avatar.js +2 -2
  50. package/dist/components/AvatarStack.js +2 -2
  51. package/dist/components/Badge.js +1 -1
  52. package/dist/components/Breadcrumbs.js +1 -1
  53. package/dist/components/Button.js +2 -2
  54. package/dist/components/Cell.js +2 -2
  55. package/dist/components/Checkbox.js +2 -2
  56. package/dist/components/Chips.js +2 -2
  57. package/dist/components/Choice.js +1 -1
  58. package/dist/components/CookiesWarning.js +2 -2
  59. package/dist/components/DatePeriod.js +5 -5
  60. package/dist/components/DatePicker.js +4 -4
  61. package/dist/components/Drawer.js +1 -1
  62. package/dist/components/Dropdown.js +2 -2
  63. package/dist/components/HeroTitle.js +1 -1
  64. package/dist/components/Icon.js +1 -1
  65. package/dist/components/InputPassword.js +1 -1
  66. package/dist/components/Label.js +2 -2
  67. package/dist/components/MenuItem.js +1 -1
  68. package/dist/components/Modal.js +1 -1
  69. package/dist/components/Notification.js +1 -1
  70. package/dist/components/Pagination.js +2 -2
  71. package/dist/components/Response.js +2 -2
  72. package/dist/components/Search.js +1 -1
  73. package/dist/components/Segmented.js +1 -1
  74. package/dist/components/Select.js +1 -1
  75. package/dist/components/Swiper.js +1 -1
  76. package/dist/components/Tab.js +1 -1
  77. package/dist/components/Tile.js +1 -1
  78. package/dist/components/Title.js +1 -1
  79. package/dist/components/Tooltip.js +1 -1
  80. package/dist/components/Warning.js +1 -1
  81. package/dist/css/components/Icon/Icon.css +0 -12
  82. package/dist/types/components/Button/appearance/buttonSurface.d.ts +3 -0
  83. package/dist/types/components/Icon/appearance/iconShape.d.ts +25 -0
  84. package/package.json +8 -8
@@ -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_BdX_3y6P.js');
8
+ var Icon = require('./Icon_cjs_Zv-F7ZYW.js');
9
9
  var Image = require('./Image_cjs_B6YlGx8G.js');
10
10
  var Text = require('./Text_cjs_B8nNXWBA.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_Xh3eVHNS.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_U8q1esww.js';
7
7
  import { I as Image } from './Image_es_BvYo_cHH.js';
8
8
  import { T as Text } from './Text_es_BvmOR4nv.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_BdX_3y6P.js');
6
+ var Icon = require('./Icon_cjs_Zv-F7ZYW.js');
7
7
  var Link = require('./Link_cjs_BqT6eVl6.js');
8
8
  var Loader = require('./Loader_cjs_DlnM5Vzb.js');
9
9
  var Text = require('./Text_cjs_B8nNXWBA.js');
@@ -369,6 +369,7 @@ var buttonAppearanceSurface = {
369
369
  fill: 'surfacePrimary',
370
370
  fillHover: 'surfaceSecondary',
371
371
  labelTextColor: 'surfaceTextPrimary',
372
+ borderColor: 'surfaceBorderTertiary',
372
373
  iconAfterFillIcon: 'surfaceItemPrimary',
373
374
  iconBeforeFillIcon: 'surfaceItemPrimary',
374
375
  iconFillIcon: 'surfaceItemPrimary',
@@ -378,6 +379,7 @@ var buttonAppearanceSurface = {
378
379
  fill: 'surfaceSecondary',
379
380
  fillHover: 'surfaceSecondary',
380
381
  labelTextColor: 'surfaceTextPrimary',
382
+ borderColor: 'surfaceBorderTertiary',
381
383
  iconAfterFillIcon: 'surfaceItemPrimary',
382
384
  iconBeforeFillIcon: 'surfaceItemPrimary',
383
385
  iconFillIcon: 'surfaceItemPrimary',
@@ -396,6 +398,7 @@ var buttonAppearanceSurface = {
396
398
  fill: 'surfaceTertiary',
397
399
  fillHover: 'surfaceTertiaryHover',
398
400
  labelTextColor: 'surfaceTextPrimary',
401
+ borderColor: 'surfaceBorderTertiary',
399
402
  iconAfterFillIcon: 'surfaceItemPrimary',
400
403
  iconBeforeFillIcon: 'surfaceItemPrimary',
401
404
  iconFillIcon: 'surfaceItemPrimary',
@@ -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_Xh3eVHNS.js';
4
+ import { I as Icon } from './Icon_es_U8q1esww.js';
5
5
  import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
6
6
  import { L as Loader } from './Loader_es_DhNCKZ8Y.js';
7
7
  import { T as Text } from './Text_es_BvmOR4nv.js';
@@ -367,6 +367,7 @@ var buttonAppearanceSurface = {
367
367
  fill: 'surfacePrimary',
368
368
  fillHover: 'surfaceSecondary',
369
369
  labelTextColor: 'surfaceTextPrimary',
370
+ borderColor: 'surfaceBorderTertiary',
370
371
  iconAfterFillIcon: 'surfaceItemPrimary',
371
372
  iconBeforeFillIcon: 'surfaceItemPrimary',
372
373
  iconFillIcon: 'surfaceItemPrimary',
@@ -376,6 +377,7 @@ var buttonAppearanceSurface = {
376
377
  fill: 'surfaceSecondary',
377
378
  fillHover: 'surfaceSecondary',
378
379
  labelTextColor: 'surfaceTextPrimary',
380
+ borderColor: 'surfaceBorderTertiary',
379
381
  iconAfterFillIcon: 'surfaceItemPrimary',
380
382
  iconBeforeFillIcon: 'surfaceItemPrimary',
381
383
  iconFillIcon: 'surfaceItemPrimary',
@@ -394,6 +396,7 @@ var buttonAppearanceSurface = {
394
396
  fill: 'surfaceTertiary',
395
397
  fillHover: 'surfaceTertiaryHover',
396
398
  labelTextColor: 'surfaceTextPrimary',
399
+ borderColor: 'surfaceBorderTertiary',
397
400
  iconAfterFillIcon: 'surfaceItemPrimary',
398
401
  iconBeforeFillIcon: 'surfaceItemPrimary',
399
402
  iconFillIcon: 'surfaceItemPrimary',
@@ -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_BdX_3y6P.js');
8
+ var Icon = require('./Icon_cjs_Zv-F7ZYW.js');
9
9
  var Text = require('./Text_cjs_B8nNXWBA.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_Xh3eVHNS.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_U8q1esww.js';
7
7
  import { T as Text } from './Text_es_BvmOR4nv.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_CF3wei05.js');
13
- var Icon = require('./Icon_cjs_BdX_3y6P.js');
12
+ var Button = require('./Button_cjs_EhupQuFO.js');
13
+ var Icon = require('./Icon_cjs_Zv-F7ZYW.js');
14
14
  var Input = require('./Input_cjs_DSpBwtPv.js');
15
- var Label = require('./Label_cjs_DSSetg_A.js');
15
+ var Label = require('./Label_cjs_5nQoqVt7.js');
16
16
  var Text = require('./Text_cjs_B8nNXWBA.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_3cCwdJcQ.js';
11
- import { I as Icon } from './Icon_es_Xh3eVHNS.js';
10
+ import { B as Button } from './Button_es_J0LV98ty.js';
11
+ import { I as Icon } from './Icon_es_U8q1esww.js';
12
12
  import { I as Input } from './Input_es_3C_YhQFo.js';
13
- import { L as Label } from './Label_es_DnTcY7ih.js';
13
+ import { L as Label } from './Label_es_32kvCEhg.js';
14
14
  import { T as Text } from './Text_es_BvmOR4nv.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_BdX_3y6P.js');
8
+ var Icon = require('./Icon_cjs_Zv-F7ZYW.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_B8nNXWBA.js');
@@ -61,9 +61,7 @@ function Dropdown(props) {
61
61
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
62
62
  var alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass;
63
63
  var styles = useStyles.useStyles(props).styles;
64
- return (jsxRuntime.jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && "alignment_".concat(alignmentClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
65
- ? "shape-strength_".concat(shapeStrengthClass)
66
- : shapeClass === 'rounded' && 'shape-strength_default', elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxRuntime.jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)),
64
+ return (jsxRuntime.jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && "alignment_".concat(alignmentClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxRuntime.jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)),
67
65
  // Add "onAnimationEnd" only for wrapper for ignore dropdown button
68
66
  onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsxRuntime.jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton }, item.key)); }), children] })), after] }));
69
67
  }
@@ -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_Xh3eVHNS.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_U8q1esww.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_BvmOR4nv.js';
@@ -59,9 +59,7 @@ function Dropdown(props) {
59
59
  var propsGenerator = useDevicePropsGenerator(props);
60
60
  var alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass;
61
61
  var styles = useStyles(props).styles;
62
- return (jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && "alignment_".concat(alignmentClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass
63
- ? "shape-strength_".concat(shapeStrengthClass)
64
- : shapeClass === 'rounded' && 'shape-strength_default', elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)),
62
+ return (jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && "alignment_".concat(alignmentClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)),
65
63
  // Add "onAnimationEnd" only for wrapper for ignore dropdown button
66
64
  onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton }, item.key)); }), children] })), after] }));
67
65
  }
@@ -818,6 +818,31 @@ var iconAppearanceSecondary = {
818
818
  },
819
819
  };
820
820
 
821
+ var iconAppearanceShape = {
822
+ circular: {
823
+ shape: 'circular',
824
+ },
825
+ rounded: {
826
+ shape: 'rounded',
827
+ },
828
+ roundedS: {
829
+ shape: 'rounded',
830
+ shapeStrength: '0_5m',
831
+ },
832
+ roundedM: {
833
+ shape: 'rounded',
834
+ shapeStrength: '1m',
835
+ },
836
+ roundedL: {
837
+ shape: 'rounded',
838
+ shapeStrength: '1_5m',
839
+ },
840
+ roundedXL: {
841
+ shape: 'rounded',
842
+ shapeStrength: '2m',
843
+ },
844
+ };
845
+
821
846
  var iconAppearanceSize = {
822
847
  size12_12: {
823
848
  fillSize: '12',
@@ -1033,7 +1058,7 @@ var iconAppearanceWarning = {
1033
1058
  },
1034
1059
  };
1035
1060
 
1036
- var iconAppearance = 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({}, iconAppearanceDisabled), iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);
1061
+ var iconAppearance = 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({}, iconAppearanceDisabled), iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceShape), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);
1037
1062
 
1038
1063
  var iconConfig = {
1039
1064
  appearance: iconAppearance,
@@ -1066,7 +1091,7 @@ var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(
1066
1091
  }, [SvgImage, width, height, imageSrc]);
1067
1092
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, iconConfig);
1068
1093
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
1069
- var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, cursorClass = propsGenerator.cursorClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
1094
+ var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, cursorClass = propsGenerator.cursorClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
1070
1095
  var iconStyles = useStyles.useStyles(props).styles;
1071
1096
  return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
1072
1097
  ? fillClass && "fill_".concat(fillClass)
@@ -1080,7 +1105,7 @@ var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(
1080
1105
  : iconFillActiveHoverClass &&
1081
1106
  "icon_fill_active_hover_".concat(iconFillActiveHoverClass), isDisabled &&
1082
1107
  iconFillDisabledClass &&
1083
- "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
1108
+ "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
1084
1109
  "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"), dataTour: 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 ||
1085
1110
  (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] }));
1086
1111
  }));
@@ -816,6 +816,31 @@ var iconAppearanceSecondary = {
816
816
  },
817
817
  };
818
818
 
819
+ var iconAppearanceShape = {
820
+ circular: {
821
+ shape: 'circular',
822
+ },
823
+ rounded: {
824
+ shape: 'rounded',
825
+ },
826
+ roundedS: {
827
+ shape: 'rounded',
828
+ shapeStrength: '0_5m',
829
+ },
830
+ roundedM: {
831
+ shape: 'rounded',
832
+ shapeStrength: '1m',
833
+ },
834
+ roundedL: {
835
+ shape: 'rounded',
836
+ shapeStrength: '1_5m',
837
+ },
838
+ roundedXL: {
839
+ shape: 'rounded',
840
+ shapeStrength: '2m',
841
+ },
842
+ };
843
+
819
844
  var iconAppearanceSize = {
820
845
  size12_12: {
821
846
  fillSize: '12',
@@ -1031,7 +1056,7 @@ var iconAppearanceWarning = {
1031
1056
  },
1032
1057
  };
1033
1058
 
1034
- var iconAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, iconAppearanceDisabled), iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);
1059
+ var iconAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, iconAppearanceDisabled), iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceShape), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);
1035
1060
 
1036
1061
  var iconConfig = {
1037
1062
  appearance: iconAppearance,
@@ -1064,7 +1089,7 @@ var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
1064
1089
  }, [SvgImage, width, height, imageSrc]);
1065
1090
  var appearanceConfig = useAppearanceConfig(appearance, iconConfig);
1066
1091
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
1067
- var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, cursorClass = propsGenerator.cursorClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
1092
+ var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, cursorClass = propsGenerator.cursorClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
1068
1093
  var iconStyles = useStyles(props).styles;
1069
1094
  return (jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
1070
1095
  ? fillClass && "fill_".concat(fillClass)
@@ -1078,7 +1103,7 @@ var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
1078
1103
  : iconFillActiveHoverClass &&
1079
1104
  "icon_fill_active_hover_".concat(iconFillActiveHoverClass), isDisabled &&
1080
1105
  iconFillDisabledClass &&
1081
- "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
1106
+ "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
1082
1107
  "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"), dataTour: 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 ||
1083
1108
  (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] }));
1084
1109
  }));
@@ -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_BdX_3y6P.js');
9
+ var Icon = require('./Icon_cjs_Zv-F7ZYW.js');
10
10
  var Text = require('./Text_cjs_B8nNXWBA.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
12
12
 
@@ -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_Xh3eVHNS.js';
7
+ import { I as Icon, T as Tooltip } from './Icon_es_U8q1esww.js';
8
8
  import { T as Text } from './Text_es_BvmOR4nv.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
10
10
 
@@ -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_BdX_3y6P.js');
11
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
12
12
  var Divider = require('../../Divider_cjs_rxMMBfLC.js');
13
13
  var Text = require('../../Text_cjs_B8nNXWBA.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_BHvgPTAY.js');
3
+ var Avatar = require('../../Avatar_cjs_D_QjH6Yo.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_BdX_3y6P.js');
20
+ require('../../Icon_cjs_Zv-F7ZYW.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_BHvgPTAY.js');
8
+ var Avatar = require('../../Avatar_cjs_D_QjH6Yo.js');
9
9
  var Group = require('../../Group_cjs_GqR99U0L.js');
10
10
  var Text = require('../../Text_cjs_B8nNXWBA.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_BdX_3y6P.js');
25
+ require('../../Icon_cjs_Zv-F7ZYW.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_BdX_3y6P.js');
3
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.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_BdX_3y6P.js');
9
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
10
10
  var Link = require('../../Link_cjs_BqT6eVl6.js');
11
11
  var Text = require('../../Text_cjs_B8nNXWBA.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_CF3wei05.js');
3
+ var Button = require('../../Button_cjs_EhupQuFO.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../../Icon_cjs_BdX_3y6P.js');
7
+ require('../../Icon_cjs_Zv-F7ZYW.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_BdX_3y6P.js');
9
- var Label = require('../../Label_cjs_DSSetg_A.js');
8
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
9
+ var Label = require('../../Label_cjs_5nQoqVt7.js');
10
10
  var Text = require('../../Text_cjs_B8nNXWBA.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
@@ -165,11 +165,11 @@ var checkboxConfig = {
165
165
  },
166
166
  };
167
167
  function Checkbox(props) {
168
- var id = props.id, className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, disabled = props.disabled, checked = props.checked, indeterminate = props.indeterminate, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, value = props.value, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
168
+ var id = props.id, className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, disabled = props.disabled, isDisabled = props.isDisabled, checked = props.checked, indeterminate = props.indeterminate, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isChecked = props.isChecked, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
169
169
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, checkboxConfig);
170
170
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
171
171
  var fillCheckboxActiveClass = propsGenerator.fillCheckboxActiveClass, fillCheckboxActiveHoverClass = propsGenerator.fillCheckboxActiveHoverClass, fillCheckboxClass = propsGenerator.fillCheckboxClass, fillCheckboxHoverClass = propsGenerator.fillCheckboxHoverClass, fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderColorCheckboxActiveClass = propsGenerator.borderColorCheckboxActiveClass, borderColorCheckboxActiveHoverClass = propsGenerator.borderColorCheckboxActiveHoverClass, borderColorCheckboxClass = propsGenerator.borderColorCheckboxClass, borderColorCheckboxHoverClass = propsGenerator.borderColorCheckboxHoverClass, checkboxShapeClass = propsGenerator.checkboxShapeClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
172
- return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && "fill_".concat(fillClass), sizeClass && "checkbox_size_".concat(sizeClass), shapeClass && "checkbox_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), isSkeleton && "checkbox_skeleton"), htmlFor: Tag === 'label' && id, children: [before, jsxRuntime.jsxs("div", { className: "checkbox__item", children: [jsxRuntime.jsx("input", { id: id, className: "checkbox__input", type: "checkbox", disabled: disabled, checked: checked, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsxRuntime.jsx("div", { className: clsx('checkbox__state', !checked
172
+ return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && "fill_".concat(fillClass), sizeClass && "checkbox_size_".concat(sizeClass), shapeClass && "checkbox_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), isSkeleton && "checkbox_skeleton"), htmlFor: Tag === 'label' && id, children: [before, jsxRuntime.jsxs("div", { className: "checkbox__item", children: [jsxRuntime.jsx("input", { id: id, className: "checkbox__input", type: "checkbox", disabled: (isDisabled || disabled) && 'disabled', checked: (isActive || isChecked || checked) && 'checked', value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsxRuntime.jsx("div", { className: clsx('checkbox__state', !checked
173
173
  ? fillCheckboxClass && "fill_".concat(fillCheckboxClass)
174
174
  : fillCheckboxActiveClass &&
175
175
  "fill_active_".concat(fillCheckboxActiveClass), !checked
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_BLUYSr4v.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_Bt-7plyc.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_BdX_3y6P.js');
23
+ require('../../Icon_cjs_Zv-F7ZYW.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_BdX_3y6P.js');
9
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
10
10
  var Loader = require('../../Loader_cjs_DlnM5Vzb.js');
11
11
  var Text = require('../../Text_cjs_B8nNXWBA.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_CF3wei05.js');
9
+ var Button = require('../../Button_cjs_EhupQuFO.js');
10
10
  var Text = require('../../Text_cjs_B8nNXWBA.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_BdX_3y6P.js');
22
+ require('../../Icon_cjs_Zv-F7ZYW.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_DPe3TnXs.js');
7
+ var DatePicker = require('../../DatePicker_cjs_Z66-HJeB.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_BLUYSr4v.js');
10
+ var ChipsGroup = require('../../ChipsGroup_cjs_Bt-7plyc.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_CF3wei05.js');
26
- require('../../Icon_cjs_BdX_3y6P.js');
25
+ require('../../Button_cjs_EhupQuFO.js');
26
+ require('../../Icon_cjs_Zv-F7ZYW.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_B8nNXWBA.js');
32
32
  require('../../Loader_cjs_DlnM5Vzb.js');
33
33
  require('../../Input_cjs_DSpBwtPv.js');
34
- require('../../Label_cjs_DSSetg_A.js');
34
+ require('../../Label_cjs_5nQoqVt7.js');
35
35
  require('@itcase/icons/default');
36
36
  require('lodash/castArray');
37
37
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_DPe3TnXs.js');
3
+ var DatePicker = require('../../DatePicker_cjs_Z66-HJeB.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -22,8 +22,8 @@ require('../utils/setViewportProperty.js');
22
22
  require('../hooks/useStyles/useStyles.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
- require('../../Button_cjs_CF3wei05.js');
26
- require('../../Icon_cjs_BdX_3y6P.js');
25
+ require('../../Button_cjs_EhupQuFO.js');
26
+ require('../../Icon_cjs_Zv-F7ZYW.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_B8nNXWBA.js');
32
32
  require('../../Loader_cjs_DlnM5Vzb.js');
33
33
  require('../../Input_cjs_DSpBwtPv.js');
34
- require('../../Label_cjs_DSSetg_A.js');
34
+ require('../../Label_cjs_5nQoqVt7.js');
35
35
  require('@itcase/icons/default');
36
36
 
37
37
 
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var ReactDrawer = require('react-modern-drawer');
7
7
  var Divider = require('../../Divider_cjs_rxMMBfLC.js');
8
- var Icon = require('../../Icon_cjs_BdX_3y6P.js');
8
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
9
9
  var Text = require('../../Text_cjs_B8nNXWBA.js');
10
10
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
11
11
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DropdownItem = require('../../DropdownItem_cjs_DrRXEbs6.js');
3
+ var DropdownItem = require('../../DropdownItem_cjs_sK2QBHIa.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -19,7 +19,7 @@ require('../utils/setViewportProperty.js');
19
19
  require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Icon_cjs_BdX_3y6P.js');
22
+ require('../../Icon_cjs_Zv-F7ZYW.js');
23
23
  require('react-inlinesvg');
24
24
  require('../hoc/urlWithAssetPrefix.js');
25
25
  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_BdX_3y6P.js');
9
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
10
10
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
11
11
  require('lodash/camelCase');
12
12
  require('lodash/castArray');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Icon = require('../../Icon_cjs_BdX_3y6P.js');
3
+ var Icon = require('../../Icon_cjs_Zv-F7ZYW.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');