@itcase/ui 1.9.52 → 1.9.53

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 (127) hide show
  1. package/dist/{Avatar_cjs_CvbURI0f.js → Avatar_cjs_BIHJrAbQ.js} +1 -1
  2. package/dist/{Avatar_es_CV-ffIJu.js → Avatar_es_CtP68jPM.js} +1 -1
  3. package/dist/{Button_cjs_BSfL-20W.js → Button_cjs_B8cIJYbm.js} +6 -6
  4. package/dist/{Button_es_Dk6_9N-r.js → Button_es_DQGp8Ipn.js} +6 -6
  5. package/dist/{ChipsGroup_cjs_CE-nNENH.js → ChipsGroup_cjs_C27x9x9O.js} +1 -1
  6. package/dist/{ChipsGroup_es_CxqwFgoo.js → ChipsGroup_es_BTe1MYhV.js} +1 -1
  7. package/dist/{DatePicker_cjs_BJzVpk0o.js → DatePicker_cjs_CY5UAP1l.js} +3 -3
  8. package/dist/{DatePicker_es_BP0iWHMt.js → DatePicker_es_Cze2Bv6w.js} +3 -3
  9. package/dist/{DropdownItem_cjs_pJblsTmA.js → DropdownItem_cjs_k28TIoDU.js} +1 -1
  10. package/dist/{DropdownItem_es_Xq7G5-UI.js → DropdownItem_es_DjPgbwtU.js} +1 -1
  11. package/dist/{Icon_cjs_CuqEv1jm.js → Icon_cjs_DTvdhr8B.js} +33 -4
  12. package/dist/{Icon_es_BYViOa6l.js → Icon_es_kewxGRUB.js} +33 -4
  13. package/dist/{Label_cjs_DsuCRIyo.js → Label_cjs_RI5tFcPt.js} +1 -1
  14. package/dist/{Label_es_BPQhW13g.js → Label_es_CNRTIAWo.js} +1 -1
  15. package/dist/{Loader_cjs_DMIUN6_q.js → Loader_cjs_CJpdLndn.js} +19 -4
  16. package/dist/{Loader_es_DLb2P-Sk.js → Loader_es_CqlLujBJ.js} +19 -4
  17. package/dist/{SelectContainer_cjs_qWAMLIkz.js → SelectContainer_cjs_DXYUcpco.js} +2 -2
  18. package/dist/{SelectContainer_es_kRH4DsEh.js → SelectContainer_es_De_XL0im.js} +2 -2
  19. package/dist/cjs/components/Accordion.js +2 -2
  20. package/dist/cjs/components/Avatar.js +6 -5
  21. package/dist/cjs/components/AvatarStack.js +3 -3
  22. package/dist/cjs/components/Badge.js +6 -5
  23. package/dist/cjs/components/Breadcrumbs.js +2 -1
  24. package/dist/cjs/components/Button.js +8 -8
  25. package/dist/cjs/components/Cell.js +3 -3
  26. package/dist/cjs/components/Checkmark.js +4 -3
  27. package/dist/cjs/components/Chips.js +5 -4
  28. package/dist/cjs/components/Choice.js +4 -3
  29. package/dist/cjs/components/CookiesWarning.js +7 -7
  30. package/dist/cjs/components/DatePeriod.js +8 -8
  31. package/dist/cjs/components/DatePicker.js +10 -10
  32. package/dist/cjs/components/Drawer.js +3 -2
  33. package/dist/cjs/components/Dropdown.js +5 -4
  34. package/dist/cjs/components/Dropzone.js +1751 -0
  35. package/dist/cjs/components/HeroTitle.js +4 -3
  36. package/dist/cjs/components/Icon.js +6 -5
  37. package/dist/cjs/components/InputNumber.js +8 -8
  38. package/dist/cjs/components/InputPassword.js +5 -4
  39. package/dist/cjs/components/Label.js +5 -4
  40. package/dist/cjs/components/Loader.js +2 -2
  41. package/dist/cjs/components/MenuItem.js +2 -1
  42. package/dist/cjs/components/Modal.js +4 -4
  43. package/dist/cjs/components/ModalSheetBottom.js +4 -3
  44. package/dist/cjs/components/Notification.js +12 -12
  45. package/dist/cjs/components/Pagination.js +4 -3
  46. package/dist/cjs/components/Response.js +5 -5
  47. package/dist/cjs/components/Search.js +3 -2
  48. package/dist/cjs/components/Segmented.js +5 -4
  49. package/dist/cjs/components/Select.js +4 -4
  50. package/dist/cjs/components/Swiper.js +3 -2
  51. package/dist/cjs/components/Tab.js +1 -1
  52. package/dist/cjs/components/Tile.js +2 -2
  53. package/dist/cjs/components/Title.js +6 -5
  54. package/dist/cjs/components/Tooltip.js +6 -5
  55. package/dist/cjs/components/Warning.js +3 -2
  56. package/dist/cjs/hooks/useDropzoneFieldFiles.js +20769 -0
  57. package/dist/components/Accordion.js +2 -2
  58. package/dist/components/Avatar.js +6 -5
  59. package/dist/components/AvatarStack.js +3 -3
  60. package/dist/components/Badge.js +6 -5
  61. package/dist/components/Breadcrumbs.js +2 -1
  62. package/dist/components/Button.js +8 -8
  63. package/dist/components/Cell.js +3 -3
  64. package/dist/components/Checkmark.js +4 -3
  65. package/dist/components/Chips.js +5 -4
  66. package/dist/components/Choice.js +4 -3
  67. package/dist/components/CookiesWarning.js +7 -7
  68. package/dist/components/DatePeriod.js +8 -8
  69. package/dist/components/DatePicker.js +10 -10
  70. package/dist/components/Drawer.js +3 -2
  71. package/dist/components/Dropdown.js +5 -4
  72. package/dist/components/Dropzone.js +1749 -0
  73. package/dist/components/HeroTitle.js +4 -3
  74. package/dist/components/Icon.js +6 -5
  75. package/dist/components/InputNumber.js +8 -8
  76. package/dist/components/InputPassword.js +5 -4
  77. package/dist/components/Label.js +5 -4
  78. package/dist/components/Loader.js +2 -2
  79. package/dist/components/MenuItem.js +2 -1
  80. package/dist/components/Modal.js +4 -4
  81. package/dist/components/ModalSheetBottom.js +4 -3
  82. package/dist/components/Notification.js +12 -12
  83. package/dist/components/Pagination.js +4 -3
  84. package/dist/components/Response.js +5 -5
  85. package/dist/components/Search.js +3 -2
  86. package/dist/components/Segmented.js +5 -4
  87. package/dist/components/Select.js +4 -4
  88. package/dist/components/Swiper.js +3 -2
  89. package/dist/components/Tab.js +1 -1
  90. package/dist/components/Tile.js +2 -2
  91. package/dist/components/Title.js +6 -5
  92. package/dist/components/Tooltip.js +6 -5
  93. package/dist/components/Warning.js +3 -2
  94. package/dist/css/styles/bundles.css +338 -110
  95. package/dist/hooks/useDropzoneFieldFiles.js +20767 -0
  96. package/dist/stories/DropzoneOverview.mdx +11 -0
  97. package/dist/stories/DropzonePlayground.mdx +10 -0
  98. package/dist/types/components/Button/Button.d.ts +3 -2
  99. package/dist/types/components/Button/Button.interface.d.ts +4 -4
  100. package/dist/types/components/Button/stories/ButtonDefault.stories.d.ts +3 -2
  101. package/dist/types/components/Button/stories/ButtonDemo.stories.d.ts +3 -2
  102. package/dist/types/components/Button/stories/ButtonIcon.stories.d.ts +3 -2
  103. package/dist/types/components/Button/stories/ButtonLabel.stories.d.ts +3 -2
  104. package/dist/types/components/Button/stories/ButtonLoading.stories.d.ts +3 -2
  105. package/dist/types/components/Button/stories/ButtonMuted.stories.d.ts +3 -2
  106. package/dist/types/components/Button/stories/ButtonMutedIcon.stories.d.ts +3 -2
  107. package/dist/types/components/Button/stories/ButtonShape.stories.d.ts +3 -2
  108. package/dist/types/components/Button/stories/ButtonSize.stories.d.ts +3 -2
  109. package/dist/types/components/Dropzone/Dropzone.appearance.d.ts +3 -0
  110. package/dist/types/components/Dropzone/Dropzone.d.ts +4 -0
  111. package/dist/types/components/Dropzone/Dropzone.interface.d.ts +82 -0
  112. package/dist/types/components/Dropzone/appearance/dropzoneDefault.d.ts +3 -0
  113. package/dist/types/components/Dropzone/appearance/dropzoneDisabled.d.ts +3 -0
  114. package/dist/types/components/Dropzone/appearance/dropzoneError.d.ts +3 -0
  115. package/dist/types/components/Dropzone/appearance/dropzoneRequire.d.ts +3 -0
  116. package/dist/types/components/Dropzone/appearance/dropzoneShape.d.ts +3 -0
  117. package/dist/types/components/Dropzone/appearance/dropzoneSuccess.d.ts +3 -0
  118. package/dist/types/components/Dropzone/index.d.ts +1 -0
  119. package/dist/types/components/Dropzone/stories/DropzoneDefault.stories.d.ts +42 -0
  120. package/dist/types/components/Dropzone/stories/DropzoneDemo.stories.d.ts +19 -0
  121. package/dist/types/components/Icon/Icon.interface.d.ts +3 -2
  122. package/dist/types/components/Loader/Loader.interface.d.ts +1 -1
  123. package/dist/types/components/Loader/stories/LoaderAppearance.stories.d.ts +3 -0
  124. package/dist/types/components/Loader/stories/LoaderText.stories.d.ts +25 -0
  125. package/dist/types/components/Loader/stories/LoaderType.stories.d.ts +25 -0
  126. package/dist/types/hooks/useDropzoneFieldFiles.d.ts +14 -0
  127. package/package.json +7 -6
@@ -2,18 +2,20 @@
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var clsx = require('clsx');
5
+ var Text = require('./Text_cjs_erTy2pUN.js');
5
6
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
6
7
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
8
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
8
- var Text = require('./Text_cjs_erTy2pUN.js');
9
9
 
10
10
  const loaderAppearanceAccent = {
11
11
  accentPrimary: {
12
12
  fill: 'accentPrimary',
13
+ borderColor: 'surfaceBorderSecondary',
13
14
  itemFill: 'accentItemPrimary',
14
15
  },
15
16
  accentTertiary: {
16
17
  fill: 'accentTertiary',
18
+ borderColor: 'surfaceBorderSecondary',
17
19
  itemFill: 'accentItemSecondary',
18
20
  },
19
21
  };
@@ -21,6 +23,7 @@ const loaderAppearanceAccent = {
21
23
  const loaderAppearanceDanger = {
22
24
  dangerPrimary: {
23
25
  fill: 'dangerPrimary',
26
+ borderColor: 'surfaceBorderSecondary',
24
27
  itemFill: 'dangerItemPrimary',
25
28
  },
26
29
  };
@@ -28,6 +31,7 @@ const loaderAppearanceDanger = {
28
31
  const loaderAppearanceError = {
29
32
  errorPrimary: {
30
33
  fill: 'errorPrimary',
34
+ borderColor: 'surfaceBorderSecondary',
31
35
  itemFill: 'errorItemPrimary',
32
36
  },
33
37
  };
@@ -35,6 +39,7 @@ const loaderAppearanceError = {
35
39
  const loaderAppearanceExtra = {
36
40
  extraPrimary: {
37
41
  fill: 'extraPrimary',
42
+ borderColor: 'surfaceBorderSecondary',
38
43
  itemFill: 'extraItemPrimary',
39
44
  },
40
45
  };
@@ -42,6 +47,7 @@ const loaderAppearanceExtra = {
42
47
  const loaderAppearanceInfo = {
43
48
  infoPrimary: {
44
49
  fill: 'infoPrimary',
50
+ borderColor: 'surfaceBorderSecondary',
45
51
  itemFill: 'infoItemPrimary',
46
52
  },
47
53
  };
@@ -49,18 +55,22 @@ const loaderAppearanceInfo = {
49
55
  const loaderAppearanceSize = {
50
56
  sizeL: {
51
57
  size: 'l',
58
+ textSize: 'm',
52
59
  },
53
60
  sizeM: {
54
61
  size: 'm',
62
+ textSize: 's',
55
63
  },
56
64
  sizeS: {
57
65
  size: 's',
66
+ textSize: 'xs',
58
67
  },
59
68
  };
60
69
 
61
70
  const loaderAppearanceSpecial = {
62
71
  specialPrimary: {
63
72
  fill: 'specialPrimary',
73
+ borderColor: 'surfaceBorderSecondary',
64
74
  itemFill: 'specialItemPrimary',
65
75
  },
66
76
  };
@@ -82,6 +92,7 @@ const loaderAppearanceStyle = {
82
92
  const loaderAppearanceSuccess = {
83
93
  successPrimary: {
84
94
  fill: 'successPrimary',
95
+ borderColor: 'surfaceBorderSecondary',
85
96
  itemFill: 'successItemPrimary',
86
97
  },
87
98
  };
@@ -89,14 +100,17 @@ const loaderAppearanceSuccess = {
89
100
  const loaderAppearanceSurface = {
90
101
  surfacePrimary: {
91
102
  fill: 'surfacePrimary',
103
+ borderColor: 'surfaceBorderPrimary',
92
104
  itemFill: 'surfaceItemPrimary',
93
105
  },
94
106
  surfaceSecondary: {
95
107
  fill: 'surfaceSecondary',
108
+ borderColor: 'surfaceBorderPrimary',
96
109
  itemFill: 'surfaceItemPrimary',
97
110
  },
98
111
  surfaceTertiary: {
99
112
  fill: 'surfaceTertiary',
113
+ borderColor: 'surfaceBorderPrimary',
100
114
  itemFill: 'surfaceItemPrimary',
101
115
  },
102
116
  };
@@ -104,6 +118,7 @@ const loaderAppearanceSurface = {
104
118
  const loaderAppearanceWarning = {
105
119
  warningPrimary: {
106
120
  fill: 'warningPrimary',
121
+ borderColor: 'surfaceBorderSecondary',
107
122
  itemFill: 'warningItemPrimary',
108
123
  },
109
124
  };
@@ -129,12 +144,12 @@ const loaderConfig = {
129
144
  },
130
145
  };
131
146
  function Loader(props) {
132
- const { appearance, className, dataTestId, dataTour, type = 'simple', text, isDisabled, isSkeleton, children, } = props;
147
+ const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
133
148
  const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig, isDisabled);
134
149
  const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
135
- const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
150
+ const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
136
151
  const { styles: loader } = useStyles.useStyles(props);
137
- return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
152
+ return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
138
153
  }
139
154
 
140
155
  exports.Loader = Loader;
@@ -1,17 +1,19 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
+ import { T as Text } from './Text_es_DVNvU0m0.js';
3
4
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
4
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
6
  import { useStyles } from './hooks/useStyles/useStyles.js';
6
- import { T as Text } from './Text_es_DVNvU0m0.js';
7
7
 
8
8
  const loaderAppearanceAccent = {
9
9
  accentPrimary: {
10
10
  fill: 'accentPrimary',
11
+ borderColor: 'surfaceBorderSecondary',
11
12
  itemFill: 'accentItemPrimary',
12
13
  },
13
14
  accentTertiary: {
14
15
  fill: 'accentTertiary',
16
+ borderColor: 'surfaceBorderSecondary',
15
17
  itemFill: 'accentItemSecondary',
16
18
  },
17
19
  };
@@ -19,6 +21,7 @@ const loaderAppearanceAccent = {
19
21
  const loaderAppearanceDanger = {
20
22
  dangerPrimary: {
21
23
  fill: 'dangerPrimary',
24
+ borderColor: 'surfaceBorderSecondary',
22
25
  itemFill: 'dangerItemPrimary',
23
26
  },
24
27
  };
@@ -26,6 +29,7 @@ const loaderAppearanceDanger = {
26
29
  const loaderAppearanceError = {
27
30
  errorPrimary: {
28
31
  fill: 'errorPrimary',
32
+ borderColor: 'surfaceBorderSecondary',
29
33
  itemFill: 'errorItemPrimary',
30
34
  },
31
35
  };
@@ -33,6 +37,7 @@ const loaderAppearanceError = {
33
37
  const loaderAppearanceExtra = {
34
38
  extraPrimary: {
35
39
  fill: 'extraPrimary',
40
+ borderColor: 'surfaceBorderSecondary',
36
41
  itemFill: 'extraItemPrimary',
37
42
  },
38
43
  };
@@ -40,6 +45,7 @@ const loaderAppearanceExtra = {
40
45
  const loaderAppearanceInfo = {
41
46
  infoPrimary: {
42
47
  fill: 'infoPrimary',
48
+ borderColor: 'surfaceBorderSecondary',
43
49
  itemFill: 'infoItemPrimary',
44
50
  },
45
51
  };
@@ -47,18 +53,22 @@ const loaderAppearanceInfo = {
47
53
  const loaderAppearanceSize = {
48
54
  sizeL: {
49
55
  size: 'l',
56
+ textSize: 'm',
50
57
  },
51
58
  sizeM: {
52
59
  size: 'm',
60
+ textSize: 's',
53
61
  },
54
62
  sizeS: {
55
63
  size: 's',
64
+ textSize: 'xs',
56
65
  },
57
66
  };
58
67
 
59
68
  const loaderAppearanceSpecial = {
60
69
  specialPrimary: {
61
70
  fill: 'specialPrimary',
71
+ borderColor: 'surfaceBorderSecondary',
62
72
  itemFill: 'specialItemPrimary',
63
73
  },
64
74
  };
@@ -80,6 +90,7 @@ const loaderAppearanceStyle = {
80
90
  const loaderAppearanceSuccess = {
81
91
  successPrimary: {
82
92
  fill: 'successPrimary',
93
+ borderColor: 'surfaceBorderSecondary',
83
94
  itemFill: 'successItemPrimary',
84
95
  },
85
96
  };
@@ -87,14 +98,17 @@ const loaderAppearanceSuccess = {
87
98
  const loaderAppearanceSurface = {
88
99
  surfacePrimary: {
89
100
  fill: 'surfacePrimary',
101
+ borderColor: 'surfaceBorderPrimary',
90
102
  itemFill: 'surfaceItemPrimary',
91
103
  },
92
104
  surfaceSecondary: {
93
105
  fill: 'surfaceSecondary',
106
+ borderColor: 'surfaceBorderPrimary',
94
107
  itemFill: 'surfaceItemPrimary',
95
108
  },
96
109
  surfaceTertiary: {
97
110
  fill: 'surfaceTertiary',
111
+ borderColor: 'surfaceBorderPrimary',
98
112
  itemFill: 'surfaceItemPrimary',
99
113
  },
100
114
  };
@@ -102,6 +116,7 @@ const loaderAppearanceSurface = {
102
116
  const loaderAppearanceWarning = {
103
117
  warningPrimary: {
104
118
  fill: 'warningPrimary',
119
+ borderColor: 'surfaceBorderSecondary',
105
120
  itemFill: 'warningItemPrimary',
106
121
  },
107
122
  };
@@ -127,12 +142,12 @@ const loaderConfig = {
127
142
  },
128
143
  };
129
144
  function Loader(props) {
130
- const { appearance, className, dataTestId, dataTour, type = 'simple', text, isDisabled, isSkeleton, children, } = props;
145
+ const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
131
146
  const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
132
147
  const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
133
- const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
148
+ const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
134
149
  const { styles: loader } = useStyles(props);
135
- return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
150
+ return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
136
151
  }
137
152
 
138
153
  export { Loader as L, loaderConfig as a, loaderAppearance as l };
@@ -10,8 +10,8 @@ var Text = require('./Text_cjs_erTy2pUN.js');
10
10
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
11
11
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
12
12
  var _default = require('@itcase/icons/default');
13
- var Icon = require('./Icon_cjs_CuqEv1jm.js');
14
- var Loader = require('./Loader_cjs_DMIUN6_q.js');
13
+ var Icon = require('./Icon_cjs_DTvdhr8B.js');
14
+ var Loader = require('./Loader_cjs_CJpdLndn.js');
15
15
  var mergeAppearanceKeys = require('./cjs/utils/mergeAppearanceKeys.js');
16
16
  var Divider = require('./Divider_cjs_C5Ou2Kqa.js');
17
17
 
@@ -8,8 +8,8 @@ import { T as Text } from './Text_es_DVNvU0m0.js';
8
8
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
9
9
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
10
10
  import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
11
- import { I as Icon, B as Badge } from './Icon_es_BYViOa6l.js';
12
- import { L as Loader } from './Loader_es_DLb2P-Sk.js';
11
+ import { I as Icon, B as Badge } from './Icon_es_kewxGRUB.js';
12
+ import { L as Loader } from './Loader_es_CqlLujBJ.js';
13
13
  import { mergeAppearanceKeys } from './utils/mergeAppearanceKeys.js';
14
14
  import { D as Divider } from './Divider_es_D2snK_vn.js';
15
15
 
@@ -8,7 +8,7 @@ var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevic
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
9
  var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
10
10
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
11
- var Icon = require('../../Icon_cjs_CuqEv1jm.js');
11
+ var Icon = require('../../Icon_cjs_DTvdhr8B.js');
12
12
  var Divider = require('../../Divider_cjs_C5Ou2Kqa.js');
13
13
  var Text = require('../../Text_cjs_erTy2pUN.js');
14
14
  var _default = require('@itcase/icons/default');
@@ -25,9 +25,9 @@ require('../hooks.js');
25
25
  require('../hooks/useStyles/styleAttributes.js');
26
26
  require('lodash/maxBy');
27
27
  require('react-inlinesvg');
28
+ require('../../Link_cjs_Dn7UhCYe.js');
28
29
  require('../hoc/urlWithAssetPrefix.js');
29
30
  require('../context/UrlAssetPrefix.js');
30
- require('../../Link_cjs_Dn7UhCYe.js');
31
31
 
32
32
  const accordionAppearanceSize = {
33
33
  sizeXXL: {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_CvbURI0f.js');
3
+ var Avatar = require('../../Avatar_cjs_BIHJrAbQ.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -18,14 +18,15 @@ require('react-responsive');
18
18
  require('../utils/setViewportProperty.js');
19
19
  require('../hooks.js');
20
20
  require('../hooks/useStyles/styleAttributes.js');
21
- require('../../Icon_cjs_CuqEv1jm.js');
21
+ require('../../Icon_cjs_DTvdhr8B.js');
22
22
  require('react-inlinesvg');
23
- require('../hoc/urlWithAssetPrefix.js');
24
- require('../context/UrlAssetPrefix.js');
23
+ require('../../Link_cjs_Dn7UhCYe.js');
25
24
  require('../hooks/useStyles/useStyles.js');
26
25
  require('lodash/maxBy');
27
- require('../../Link_cjs_Dn7UhCYe.js');
28
26
  require('../../Text_cjs_erTy2pUN.js');
27
+ require('../hoc/urlWithAssetPrefix.js');
28
+ require('../context/UrlAssetPrefix.js');
29
+ require('../utils/mergeAppearanceKeys.js');
29
30
  require('../../Image_cjs_Hvjp2QDB.js');
30
31
 
31
32
 
@@ -6,7 +6,7 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
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 Avatar = require('../../Avatar_cjs_CvbURI0f.js');
9
+ var Avatar = require('../../Avatar_cjs_BIHJrAbQ.js');
10
10
  var Group = require('../../Group_cjs_xCUYKUcc.js');
11
11
  var Text = require('../../Text_cjs_erTy2pUN.js');
12
12
  require('react');
@@ -23,11 +23,11 @@ require('../utils/setViewportProperty.js');
23
23
  require('../hooks.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('lodash/maxBy');
26
- require('../../Icon_cjs_CuqEv1jm.js');
26
+ require('../../Icon_cjs_DTvdhr8B.js');
27
27
  require('react-inlinesvg');
28
+ require('../../Link_cjs_Dn7UhCYe.js');
28
29
  require('../hoc/urlWithAssetPrefix.js');
29
30
  require('../context/UrlAssetPrefix.js');
30
- require('../../Link_cjs_Dn7UhCYe.js');
31
31
  require('../../Image_cjs_Hvjp2QDB.js');
32
32
 
33
33
  const avatarStackAppearanceSize = {
@@ -1,13 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Icon = require('../../Icon_cjs_CuqEv1jm.js');
3
+ var Icon = require('../../Icon_cjs_DTvdhr8B.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
7
  require('react-inlinesvg');
8
- require('../hoc/urlWithAssetPrefix.js');
9
- require('@itcase/common');
10
- require('../context/UrlAssetPrefix.js');
8
+ require('../../Link_cjs_Dn7UhCYe.js');
11
9
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
12
10
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
13
11
  require('lodash/camelCase');
@@ -15,6 +13,7 @@ require('lodash/castArray');
15
13
  require('lodash/upperFirst');
16
14
  require('../context/Notifications.js');
17
15
  require('uuid');
16
+ require('@itcase/common');
18
17
  require('../context/UIContext.js');
19
18
  require('../hooks/useMediaQueries/useMediaQueries.js');
20
19
  require('react-responsive');
@@ -23,8 +22,10 @@ require('../hooks.js');
23
22
  require('../hooks/useStyles/styleAttributes.js');
24
23
  require('../hooks/useStyles/useStyles.js');
25
24
  require('lodash/maxBy');
26
- require('../../Link_cjs_Dn7UhCYe.js');
27
25
  require('../../Text_cjs_erTy2pUN.js');
26
+ require('../hoc/urlWithAssetPrefix.js');
27
+ require('../context/UrlAssetPrefix.js');
28
+ require('../utils/mergeAppearanceKeys.js');
28
29
 
29
30
 
30
31
 
@@ -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_CuqEv1jm.js');
9
+ var Icon = require('../../Icon_cjs_DTvdhr8B.js');
10
10
  var Link = require('../../Link_cjs_Dn7UhCYe.js');
11
11
  var Text = require('../../Text_cjs_erTy2pUN.js');
12
12
  var _default = require('@itcase/icons/default');
@@ -26,6 +26,7 @@ require('lodash/maxBy');
26
26
  require('react-inlinesvg');
27
27
  require('../hoc/urlWithAssetPrefix.js');
28
28
  require('../context/UrlAssetPrefix.js');
29
+ require('../utils/mergeAppearanceKeys.js');
29
30
 
30
31
  const breadcrumbsAppearanceAccent = {
31
32
  accentPrimary: {
@@ -1,10 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_BSfL-20W.js');
3
+ var Button = require('../../Button_cjs_B8cIJYbm.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../utils/mergeAppearanceKeys.js');
7
+ require('../../Icon_cjs_DTvdhr8B.js');
8
+ require('react-inlinesvg');
9
+ require('../../Link_cjs_Dn7UhCYe.js');
8
10
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
11
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
12
  require('lodash/camelCase');
@@ -19,16 +21,14 @@ require('react-responsive');
19
21
  require('../utils/setViewportProperty.js');
20
22
  require('../hooks.js');
21
23
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../hooks/useHoldProgress.js');
23
24
  require('../hooks/useStyles/useStyles.js');
24
25
  require('lodash/maxBy');
25
- require('../../Icon_cjs_CuqEv1jm.js');
26
- require('react-inlinesvg');
26
+ require('../../Text_cjs_erTy2pUN.js');
27
27
  require('../hoc/urlWithAssetPrefix.js');
28
28
  require('../context/UrlAssetPrefix.js');
29
- require('../../Link_cjs_Dn7UhCYe.js');
30
- require('../../Text_cjs_erTy2pUN.js');
31
- require('../../Loader_cjs_DMIUN6_q.js');
29
+ require('../utils/mergeAppearanceKeys.js');
30
+ require('../../Loader_cjs_CJpdLndn.js');
31
+ require('../hooks/useHoldProgress.js');
32
32
 
33
33
 
34
34
 
@@ -6,8 +6,8 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
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_CuqEv1jm.js');
10
- var Label = require('../../Label_cjs_DsuCRIyo.js');
9
+ var Icon = require('../../Icon_cjs_DTvdhr8B.js');
10
+ var Label = require('../../Label_cjs_RI5tFcPt.js');
11
11
  var Text = require('../../Text_cjs_erTy2pUN.js');
12
12
  require('react');
13
13
  require('lodash/camelCase');
@@ -24,9 +24,9 @@ require('../hooks.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('lodash/maxBy');
26
26
  require('react-inlinesvg');
27
+ require('../../Link_cjs_Dn7UhCYe.js');
27
28
  require('../hoc/urlWithAssetPrefix.js');
28
29
  require('../context/UrlAssetPrefix.js');
29
- require('../../Link_cjs_Dn7UhCYe.js');
30
30
 
31
31
  const cellAppearanceSize = {
32
32
  sizeXL: {
@@ -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 Icon = require('../../Icon_cjs_CuqEv1jm.js');
8
+ var Icon = require('../../Icon_cjs_DTvdhr8B.js');
9
9
  var _default = require('@itcase/icons/default');
10
10
  require('react');
11
11
  require('lodash/camelCase');
@@ -22,10 +22,11 @@ require('../hooks.js');
22
22
  require('../hooks/useStyles/styleAttributes.js');
23
23
  require('lodash/maxBy');
24
24
  require('react-inlinesvg');
25
- require('../hoc/urlWithAssetPrefix.js');
26
- require('../context/UrlAssetPrefix.js');
27
25
  require('../../Link_cjs_Dn7UhCYe.js');
28
26
  require('../../Text_cjs_erTy2pUN.js');
27
+ require('../hoc/urlWithAssetPrefix.js');
28
+ require('../context/UrlAssetPrefix.js');
29
+ require('../utils/mergeAppearanceKeys.js');
29
30
 
30
31
  const checkmarkAppearanceAccent = {
31
32
  accentPrimary: {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_CE-nNENH.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_C27x9x9O.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
6
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -20,12 +20,13 @@ require('../hooks/useStyles/styleAttributes.js');
20
20
  require('../hooks/useStyles/useStyles.js');
21
21
  require('lodash/maxBy');
22
22
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
23
- require('../../Icon_cjs_CuqEv1jm.js');
23
+ require('../../Icon_cjs_DTvdhr8B.js');
24
24
  require('react-inlinesvg');
25
- require('../hoc/urlWithAssetPrefix.js');
26
- require('../context/UrlAssetPrefix.js');
27
25
  require('../../Link_cjs_Dn7UhCYe.js');
28
26
  require('../../Text_cjs_erTy2pUN.js');
27
+ require('../hoc/urlWithAssetPrefix.js');
28
+ require('../context/UrlAssetPrefix.js');
29
+ require('../utils/mergeAppearanceKeys.js');
29
30
 
30
31
 
31
32
 
@@ -6,8 +6,8 @@ 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_CuqEv1jm.js');
10
- var Loader = require('../../Loader_cjs_DMIUN6_q.js');
9
+ var Icon = require('../../Icon_cjs_DTvdhr8B.js');
10
+ var Loader = require('../../Loader_cjs_CJpdLndn.js');
11
11
  var Text = require('../../Text_cjs_erTy2pUN.js');
12
12
  require('lodash/camelCase');
13
13
  require('lodash/castArray');
@@ -23,9 +23,10 @@ require('../hooks.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
24
  require('lodash/maxBy');
25
25
  require('react-inlinesvg');
26
+ require('../../Link_cjs_Dn7UhCYe.js');
26
27
  require('../hoc/urlWithAssetPrefix.js');
27
28
  require('../context/UrlAssetPrefix.js');
28
- require('../../Link_cjs_Dn7UhCYe.js');
29
+ require('../utils/mergeAppearanceKeys.js');
29
30
 
30
31
  const choiceAppearanceDefault = {
31
32
  defaultMutedPrimary: {
@@ -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_BSfL-20W.js');
9
+ var Button = require('../../Button_cjs_B8cIJYbm.js');
10
10
  var Text = require('../../Text_cjs_erTy2pUN.js');
11
11
  require('lodash/camelCase');
12
12
  require('lodash/castArray');
@@ -20,16 +20,16 @@ require('react-responsive');
20
20
  require('../utils/setViewportProperty.js');
21
21
  require('../hooks.js');
22
22
  require('../hooks/useStyles/styleAttributes.js');
23
- require('../utils/mergeAppearanceKeys.js');
24
- require('../hooks/useHoldProgress.js');
23
+ require('../../Icon_cjs_DTvdhr8B.js');
24
+ require('react-inlinesvg');
25
+ require('../../Link_cjs_Dn7UhCYe.js');
25
26
  require('../hooks/useStyles/useStyles.js');
26
27
  require('lodash/maxBy');
27
- require('../../Icon_cjs_CuqEv1jm.js');
28
- require('react-inlinesvg');
29
28
  require('../hoc/urlWithAssetPrefix.js');
30
29
  require('../context/UrlAssetPrefix.js');
31
- require('../../Link_cjs_Dn7UhCYe.js');
32
- require('../../Loader_cjs_DMIUN6_q.js');
30
+ require('../utils/mergeAppearanceKeys.js');
31
+ require('../../Loader_cjs_CJpdLndn.js');
32
+ require('../hooks/useHoldProgress.js');
33
33
 
34
34
  const cookiesWarningAppearanceDefault = {
35
35
  defaultPrimary: {
@@ -5,11 +5,11 @@ var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var luxon = require('luxon');
7
7
  var common = require('@itcase/common');
8
- var ChipsGroup = require('../../ChipsGroup_cjs_CE-nNENH.js');
9
- var DatePicker = require('../../DatePicker_cjs_BJzVpk0o.js');
8
+ var ChipsGroup = require('../../ChipsGroup_cjs_C27x9x9O.js');
9
+ var DatePicker = require('../../DatePicker_cjs_CY5UAP1l.js');
10
10
  require('react-select');
11
- require('../../Icon_cjs_CuqEv1jm.js');
12
- var SelectContainer = require('../../SelectContainer_cjs_qWAMLIkz.js');
11
+ require('../../Icon_cjs_DTvdhr8B.js');
12
+ var SelectContainer = require('../../SelectContainer_cjs_DXYUcpco.js');
13
13
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
14
14
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
15
15
  require('lodash/camelCase');
@@ -29,12 +29,12 @@ require('../utils/setViewportProperty.js');
29
29
  require('../../Text_cjs_erTy2pUN.js');
30
30
  require('date-fns/locale');
31
31
  require('react-datepicker');
32
- require('../../Button_cjs_BSfL-20W.js');
33
- require('../hooks/useHoldProgress.js');
32
+ require('../../Button_cjs_B8cIJYbm.js');
34
33
  require('../../Link_cjs_Dn7UhCYe.js');
35
- require('../../Loader_cjs_DMIUN6_q.js');
34
+ require('../../Loader_cjs_CJpdLndn.js');
35
+ require('../hooks/useHoldProgress.js');
36
36
  require('../../Input_cjs_BQIi1N63.js');
37
- require('../../Label_cjs_DsuCRIyo.js');
37
+ require('../../Label_cjs_RI5tFcPt.js');
38
38
  require('@itcase/icons/default');
39
39
  require('react-inlinesvg');
40
40
  require('../hoc/urlWithAssetPrefix.js');
@@ -1,13 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_BJzVpk0o.js');
3
+ var DatePicker = require('../../DatePicker_cjs_CY5UAP1l.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
7
  require('date-fns/locale');
8
8
  require('react-datepicker');
9
- require('../../Button_cjs_BSfL-20W.js');
10
- require('../utils/mergeAppearanceKeys.js');
9
+ require('../../Button_cjs_B8cIJYbm.js');
10
+ require('../../Icon_cjs_DTvdhr8B.js');
11
+ require('react-inlinesvg');
12
+ require('../../Link_cjs_Dn7UhCYe.js');
11
13
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
12
14
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
13
15
  require('lodash/camelCase');
@@ -22,18 +24,16 @@ require('react-responsive');
22
24
  require('../utils/setViewportProperty.js');
23
25
  require('../hooks.js');
24
26
  require('../hooks/useStyles/styleAttributes.js');
25
- require('../hooks/useHoldProgress.js');
26
27
  require('../hooks/useStyles/useStyles.js');
27
28
  require('lodash/maxBy');
28
- require('../../Icon_cjs_CuqEv1jm.js');
29
- require('react-inlinesvg');
29
+ require('../../Text_cjs_erTy2pUN.js');
30
30
  require('../hoc/urlWithAssetPrefix.js');
31
31
  require('../context/UrlAssetPrefix.js');
32
- require('../../Link_cjs_Dn7UhCYe.js');
33
- require('../../Text_cjs_erTy2pUN.js');
34
- require('../../Loader_cjs_DMIUN6_q.js');
32
+ require('../utils/mergeAppearanceKeys.js');
33
+ require('../../Loader_cjs_CJpdLndn.js');
34
+ require('../hooks/useHoldProgress.js');
35
35
  require('../../Input_cjs_BQIi1N63.js');
36
- require('../../Label_cjs_DsuCRIyo.js');
36
+ require('../../Label_cjs_RI5tFcPt.js');
37
37
  require('@itcase/icons/default');
38
38
 
39
39