@itcase/ui 1.8.22 → 1.8.24

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 (150) hide show
  1. package/dist/{Avatar_cjs_DSXs1Yrg.js → Avatar_cjs_D84VawE9.js} +1 -1
  2. package/dist/{Avatar_es_DByUaJL6.js → Avatar_es_CUnfNViT.js} +1 -1
  3. package/dist/{Button_cjs_CukkOE-v.js → Button_cjs_CYUpbdMO.js} +138 -49
  4. package/dist/{Button_es_DXcCJuNX.js → Button_es_Dp6yFZgn.js} +138 -49
  5. package/dist/{ChipsGroup_cjs_9wrMZrzL.js → ChipsGroup_cjs_CTh6644i.js} +1 -1
  6. package/dist/{ChipsGroup_es_CjGZ-ulT.js → ChipsGroup_es_BFxBhYNB.js} +1 -1
  7. package/dist/{DatePicker_cjs_BriuTQqj.js → DatePicker_cjs_DamcZFbX.js} +3 -3
  8. package/dist/{DatePicker_es_DzY_fVii.js → DatePicker_es_Bm_onmmb.js} +3 -3
  9. package/dist/{Divider_cjs_DzFVtGkF.js → Divider_cjs_DhqcldLH.js} +6 -2
  10. package/dist/{Divider_es_BdU9qjKa.js → Divider_es_BEYLRagS.js} +6 -2
  11. package/dist/{DropdownItem_cjs_DY61IdLK.js → DropdownItem_cjs_B_7anyaJ.js} +2 -2
  12. package/dist/{DropdownItem_es_D8mY9vFZ.js → DropdownItem_es_B4EZYdJA.js} +2 -2
  13. package/dist/{Label_cjs_CnwET26s.js → Label_cjs_ByGAWJcj.js} +169 -29
  14. package/dist/{Label_es_Dc18d1gY.js → Label_es_BtwZ3a2V.js} +169 -29
  15. package/dist/{Loader_cjs_3VRzFLI2.js → Loader_cjs___VikiqS.js} +36 -1
  16. package/dist/{Loader_es_DEYowVdU.js → Loader_es_DHKB6tTw.js} +36 -1
  17. package/dist/{Tooltip_cjs_PkuRdzzy.js → Tooltip_cjs_CaocDcQ5.js} +82 -24
  18. package/dist/{Tooltip_es_BaGfb-qC.js → Tooltip_es_D1w1s33u.js} +82 -24
  19. package/dist/cjs/components/Accordion.js +2 -2
  20. package/dist/cjs/components/Avatar.js +2 -2
  21. package/dist/cjs/components/AvatarStack.js +2 -2
  22. package/dist/cjs/components/Badge.js +1 -1
  23. package/dist/cjs/components/Breadcrumbs/stories/__mock__.js +45 -0
  24. package/dist/cjs/components/Breadcrumbs.js +47 -58
  25. package/dist/cjs/components/Button.js +3 -3
  26. package/dist/cjs/components/Cell.js +2 -2
  27. package/dist/cjs/components/Chips.js +2 -2
  28. package/dist/cjs/components/Choice.js +2 -2
  29. package/dist/cjs/components/CookiesWarning.js +3 -3
  30. package/dist/cjs/components/DatePeriod.js +6 -6
  31. package/dist/cjs/components/DatePicker.js +5 -5
  32. package/dist/cjs/components/Divider.js +1 -1
  33. package/dist/cjs/components/Dropdown.js +3 -3
  34. package/dist/cjs/components/Icon.js +1 -1
  35. package/dist/cjs/components/InputPassword.js +1 -1
  36. package/dist/cjs/components/Label.js +2 -2
  37. package/dist/cjs/components/Loader.js +1 -1
  38. package/dist/cjs/components/MenuItem.js +1 -1
  39. package/dist/cjs/components/Modal.js +2 -2
  40. package/dist/cjs/components/ModalSheetBottom.js +19 -5
  41. package/dist/cjs/components/Pagination.js +3 -3
  42. package/dist/cjs/components/Response.js +28 -37
  43. package/dist/cjs/components/Search.js +1 -1
  44. package/dist/cjs/components/Select.js +2 -2
  45. package/dist/cjs/components/Swiper.js +1 -1
  46. package/dist/cjs/components/Tab/stories/__mock__.js +14 -0
  47. package/dist/cjs/components/Tab.js +134 -40
  48. package/dist/cjs/components/Tile.js +1 -1
  49. package/dist/cjs/components/Title.js +1 -1
  50. package/dist/cjs/components/Tooltip.js +1 -1
  51. package/dist/components/Accordion.js +2 -2
  52. package/dist/components/Avatar.js +2 -2
  53. package/dist/components/AvatarStack.js +2 -2
  54. package/dist/components/Badge.js +1 -1
  55. package/dist/components/Breadcrumbs/stories/__mock__.js +43 -0
  56. package/dist/components/Breadcrumbs.js +47 -58
  57. package/dist/components/Button.js +3 -3
  58. package/dist/components/Cell.js +2 -2
  59. package/dist/components/Chips.js +2 -2
  60. package/dist/components/Choice.js +2 -2
  61. package/dist/components/CookiesWarning.js +3 -3
  62. package/dist/components/DatePeriod.js +6 -6
  63. package/dist/components/DatePicker.js +5 -5
  64. package/dist/components/Divider.js +1 -1
  65. package/dist/components/Dropdown.js +3 -3
  66. package/dist/components/Icon.js +1 -1
  67. package/dist/components/InputPassword.js +1 -1
  68. package/dist/components/Label.js +2 -2
  69. package/dist/components/Loader.js +1 -1
  70. package/dist/components/MenuItem.js +1 -1
  71. package/dist/components/Modal.js +2 -2
  72. package/dist/components/ModalSheetBottom.js +19 -5
  73. package/dist/components/Pagination.js +3 -3
  74. package/dist/components/Response.js +28 -37
  75. package/dist/components/Search.js +1 -1
  76. package/dist/components/Select.js +2 -2
  77. package/dist/components/Swiper.js +1 -1
  78. package/dist/components/Tab/stories/__mock__.js +12 -0
  79. package/dist/components/Tab.js +134 -40
  80. package/dist/components/Tile.js +1 -1
  81. package/dist/components/Title.js +1 -1
  82. package/dist/components/Tooltip.js +1 -1
  83. package/dist/css/components/Badge/Badge.css +3 -3
  84. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +22 -0
  85. package/dist/css/components/Button/Button.css +4 -4
  86. package/dist/css/components/Label/Label.css +10 -9
  87. package/dist/css/components/Loader/Loader.css +21 -2
  88. package/dist/css/styles/border-color/border-color.css +19 -0
  89. package/dist/css/styles/border-color/border-color_active.css +38 -0
  90. package/dist/css/styles/border-color/border-color_focus.css +25 -1
  91. package/dist/css/styles/border-color/border-color_hover.css +32 -0
  92. package/dist/stories/Plsyground.mdx +1 -3
  93. package/dist/types/components/Badge/appearance/badgeAccent.d.ts +13 -1
  94. package/dist/types/components/Badge/appearance/badgeDanger.d.ts +7 -1
  95. package/dist/types/components/Badge/appearance/badgeDisabled.d.ts +6 -1
  96. package/dist/types/components/Badge/appearance/badgeError.d.ts +7 -2
  97. package/dist/types/components/Badge/appearance/badgeInfo.d.ts +1 -3
  98. package/dist/types/components/Badge/appearance/badgePrimary.d.ts +7 -1
  99. package/dist/types/components/Badge/appearance/badgeSecondary.d.ts +7 -1
  100. package/dist/types/components/Badge/appearance/badgeStyle.d.ts +5 -7
  101. package/dist/types/components/Badge/appearance/badgeSuccess.d.ts +7 -1
  102. package/dist/types/components/Badge/appearance/badgeWarning.d.ts +7 -1
  103. package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +2 -3
  104. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts +28 -35
  105. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts +4 -3
  106. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +10 -0
  107. package/dist/types/components/Button/appearance/buttonAccent.d.ts +7 -6
  108. package/dist/types/components/Button/appearance/buttonDanger.d.ts +8 -4
  109. package/dist/types/components/Button/appearance/buttonError.d.ts +14 -2
  110. package/dist/types/components/Button/appearance/buttonInfo.d.ts +19 -4
  111. package/dist/types/components/Button/appearance/buttonPrimary.d.ts +13 -0
  112. package/dist/types/components/Button/appearance/buttonSecondary.d.ts +13 -0
  113. package/dist/types/components/Button/appearance/buttonSize.d.ts +7 -0
  114. package/dist/types/components/Button/appearance/buttonStyle.d.ts +0 -2
  115. package/dist/types/components/Button/appearance/buttonSuccess.d.ts +14 -2
  116. package/dist/types/components/Button/appearance/buttonSurface.d.ts +11 -8
  117. package/dist/types/components/Button/appearance/buttonWarning.d.ts +14 -2
  118. package/dist/types/components/Label/appearance/labelAccent.d.ts +10 -1
  119. package/dist/types/components/Label/appearance/labelDanger.d.ts +20 -0
  120. package/dist/types/components/Label/appearance/labelDisable.d.ts +19 -0
  121. package/dist/types/components/Label/appearance/labelError.d.ts +13 -2
  122. package/dist/types/components/Label/appearance/labelInfo.d.ts +14 -2
  123. package/dist/types/components/Label/appearance/labelPrimary.d.ts +19 -0
  124. package/dist/types/components/Label/appearance/labelSecondary.d.ts +19 -0
  125. package/dist/types/components/Label/appearance/labelStyle.d.ts +0 -2
  126. package/dist/types/components/Label/appearance/labelSuccess.d.ts +11 -0
  127. package/dist/types/components/Label/appearance/labelSurface.d.ts +14 -3
  128. package/dist/types/components/Label/appearance/labelWarning.d.ts +11 -0
  129. package/dist/types/components/Loader/appearance/loaderDanger.d.ts +7 -0
  130. package/dist/types/components/Loader/appearance/loaderError.d.ts +7 -0
  131. package/dist/types/components/Loader/appearance/loaderInfo.d.ts +7 -0
  132. package/dist/types/components/Loader/appearance/loaderSuccess.d.ts +7 -0
  133. package/dist/types/components/Loader/appearance/loaderWarning.d.ts +7 -0
  134. package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +2 -1
  135. package/dist/types/components/Response/appearance/responceConfirm.d.ts +2 -3
  136. package/dist/types/components/Response/appearance/responceFail.d.ts +2 -3
  137. package/dist/types/components/Response/appearance/responceNothingFound.d.ts +2 -3
  138. package/dist/types/components/Response/appearance/responceRefresh.d.ts +2 -3
  139. package/dist/types/components/Response/appearance/responseError.d.ts +2 -3
  140. package/dist/types/components/Response/appearance/responseSuccess.d.ts +2 -3
  141. package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +2 -3
  142. package/dist/types/components/Response/appearance/responseWarning.d.ts +2 -3
  143. package/dist/types/components/Tab/appearance/tabError.d.ts +13 -0
  144. package/dist/types/components/Tab/appearance/tabSize.d.ts +41 -0
  145. package/dist/types/components/Tab/appearance/tabStyle.d.ts +2 -2
  146. package/dist/types/components/Tab/appearance/tabSuccess.d.ts +13 -0
  147. package/dist/types/components/Tab/appearance/tabSurface.d.ts +29 -24
  148. package/dist/types/components/Tab/appearance/tabWarning.d.ts +13 -0
  149. package/dist/types/components/Tab/stories/__mock__/index.d.ts +22 -0
  150. package/package.json +10 -12
@@ -12,6 +12,27 @@ var loaderAppearanceAccent = {
12
12
  },
13
13
  };
14
14
 
15
+ var loaderAppearanceDanger = {
16
+ dangerPrimary: {
17
+ fill: 'dangerPrimary',
18
+ itemFill: 'dangerItemPrimary',
19
+ },
20
+ };
21
+
22
+ var loaderAppearanceError = {
23
+ errorPrimary: {
24
+ fill: 'errorPrimary',
25
+ itemFill: 'errorItemPrimary',
26
+ },
27
+ };
28
+
29
+ var loaderAppearanceInfo = {
30
+ infoPrimary: {
31
+ fill: 'infoPrimary',
32
+ itemFill: 'infoItemPrimary',
33
+ },
34
+ };
35
+
15
36
  var loaderAppearancePrimary = {
16
37
  primaryPrimary: {
17
38
  fill: 'primaryPrimary',
@@ -38,6 +59,13 @@ var loaderAppearanceSize = {
38
59
  },
39
60
  };
40
61
 
62
+ var loaderAppearanceSuccess = {
63
+ successPrimary: {
64
+ fill: 'successPrimary',
65
+ itemFill: 'successItemPrimary',
66
+ },
67
+ };
68
+
41
69
  var loaderAppearanceSurface = {
42
70
  surfacePrimary: {
43
71
  fill: 'surfacePrimary',
@@ -53,7 +81,14 @@ var loaderAppearanceSurface = {
53
81
  },
54
82
  };
55
83
 
56
- var loaderAppearance = __assign(__assign(__assign(__assign(__assign({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface);
84
+ var loaderAppearanceWarning = {
85
+ warningPrimary: {
86
+ fill: 'warningPrimary',
87
+ itemFill: 'warningItemPrimary',
88
+ },
89
+ };
90
+
91
+ var loaderAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface), loaderAppearanceWarning), loaderAppearanceSuccess), loaderAppearanceInfo), loaderAppearanceDanger), loaderAppearanceError);
57
92
 
58
93
  var loaderConfig = {
59
94
  appearance: loaderAppearance,
@@ -13,38 +13,71 @@ var Link = require('./Link_cjs_DbRGq2Yk.js');
13
13
  var badgeAppearanceAccent = {
14
14
  accent: {
15
15
  fill: 'accentPrimary',
16
- borderColor: 'accentBorderTertiary',
16
+ borderColor: 'accentBorderQuaternary',
17
17
  textColor: 'accentTextPrimary',
18
18
  dotFill: 'accentItemPrimary',
19
19
  iconFill: 'accentItemPrimary',
20
20
  },
21
21
  accentPrimary: {
22
- dotFill: 'accentItemPrimary',
23
22
  fill: 'accentPrimary',
24
- borderColor: 'accentBorderTertiary',
23
+ borderColor: 'accentBorderQuaternary',
25
24
  textColor: 'accentTextPrimary',
25
+ dotFill: 'accentItemPrimary',
26
26
  iconFill: 'accentItemPrimary',
27
27
  },
28
28
  accentQuaternary: {
29
+ fill: 'accentQuaternary',
30
+ borderColor: 'accentBorderQuaternary',
31
+ textColor: 'accentTextPrimary',
29
32
  dotFill: 'accentItemPrimary',
33
+ iconFill: 'accentItemPrimary',
30
34
  },
31
35
  accentSecondary: {
32
- dotFill: 'accentItemPrimary',
36
+ fill: 'accentSecondary',
37
+ borderColor: 'accentBorderQuaternary',
38
+ textColor: 'accentTextQuaternary',
39
+ dotFill: 'accentItemQuaternary',
40
+ iconFill: 'accentItemQuaternary',
33
41
  },
34
42
  accentTertiary: {
35
- dotFill: 'accentItemPrimary',
43
+ fill: 'accentTeriary',
44
+ borderColor: 'accentBorderSecondary',
45
+ textColor: 'accentTextSecondary',
46
+ dotFill: 'accentItemSecondary',
47
+ iconFill: 'accentItemSecondary',
36
48
  },
37
49
  };
38
50
 
39
51
  var badgeAppearanceDanger = {
40
52
  danger: {
41
53
  fill: 'dangerPrimary',
42
- fillHover: 'dangerPrimary',
43
54
  borderColor: 'dangerBorderPrimary',
44
55
  textColor: 'dangerTextSecondary',
45
56
  dotFill: 'dangerItemPrimary',
46
57
  iconFill: 'dangerItemPrimary',
47
58
  },
59
+ dangerPrimary: {
60
+ fill: 'dangerPrimary',
61
+ borderColor: 'dangerBorderPrimary',
62
+ textColor: 'dangerTextPrimary',
63
+ dotFill: 'dangerItemPrimary',
64
+ iconFill: 'dangerItemPrimary',
65
+ },
66
+ };
67
+
68
+ var badgeAppearanceDisabled = {
69
+ disabled: {
70
+ fill: 'surfaceDisabled',
71
+ borderColor: 'surfaceBorderDisabled',
72
+ textColor: 'surfaceTextDisabled',
73
+ iconFill: 'surfaceItemDisabled',
74
+ },
75
+ disabledPrimary: {
76
+ fill: 'surfaceDisabled',
77
+ borderColor: 'surfaceBorderDisabled',
78
+ textColor: 'surfaceTextDisabled',
79
+ iconFill: 'surfaceItemDisabled',
80
+ },
48
81
  };
49
82
 
50
83
  var badgeAppearanceError = {
@@ -54,15 +87,19 @@ var badgeAppearanceError = {
54
87
  labelTextColor: 'errorTextPrimary',
55
88
  labelTextColorHover: 'errorTextPrimary',
56
89
  iconFill: 'errorItemPrimary',
57
- loaderFill: 'errorPrimary',
58
- loaderItemFill: 'errorItemPrimary',
90
+ },
91
+ errorPrimary: {
92
+ fill: 'errorPrimary',
93
+ fillHover: 'errorPrimaryHover',
94
+ labelTextColor: 'errorTextPrimary',
95
+ labelTextColorHover: 'errorTextPrimary',
96
+ iconFill: 'errorItemPrimary',
59
97
  },
60
98
  };
61
99
 
62
100
  var badgeAppearanceInfo = {
63
- info: {
101
+ infoPrimary: {
64
102
  fill: 'infoPrimary',
65
- fillHover: 'infoPrimaryHover',
66
103
  borderColor: 'infoBorderSecondary',
67
104
  textColor: 'infoTextPrimary',
68
105
  dotFill: 'infoItemPrimary',
@@ -70,7 +107,6 @@ var badgeAppearanceInfo = {
70
107
  },
71
108
  infoSecondary: {
72
109
  fill: 'infoSecondary',
73
- fillHover: 'infoSecondaryHover',
74
110
  borderColor: 'infoBorderSecondary',
75
111
  textColor: 'infoTextSecondary',
76
112
  dotFill: 'infoItemSecondary',
@@ -80,7 +116,13 @@ var badgeAppearanceInfo = {
80
116
  var badgeAppearancePrimary = {
81
117
  primary: {
82
118
  fill: 'primaryPrimary',
83
- fillHover: 'primaryPrimaryHover',
119
+ borderColor: 'primaryBorderSecondary',
120
+ textColor: 'primaryTextPrimary',
121
+ dotFill: 'primaryItemPrimary',
122
+ iconFill: 'primaryItemPrimary',
123
+ },
124
+ primaryPrimary: {
125
+ fill: 'primaryPrimary',
84
126
  borderColor: 'primaryBorderSecondary',
85
127
  textColor: 'primaryTextPrimary',
86
128
  dotFill: 'primaryItemPrimary',
@@ -91,7 +133,13 @@ var badgeAppearancePrimary = {
91
133
  var badgeAppearanceSecondary = {
92
134
  secondary: {
93
135
  fill: 'secondaryPrimary',
94
- fillHover: 'secondaryPrimaryHover',
136
+ borderColor: 'secondaryBorderSecondary',
137
+ textColor: 'secondaryTextPrimary',
138
+ dotFill: 'secondaryItemPrimary',
139
+ iconFill: 'secondaryItemPrimary',
140
+ },
141
+ secondaryPrimary: {
142
+ fill: 'secondaryPrimary',
95
143
  borderColor: 'secondaryBorderSecondary',
96
144
  textColor: 'secondaryTextPrimary',
97
145
  dotFill: 'secondaryItemPrimary',
@@ -132,25 +180,29 @@ var badgeAppearanceSize = {
132
180
  };
133
181
 
134
182
  var badgeAppearanceStyle = {
135
- full: {
136
- borderColor: null,
137
- },
183
+ full: {},
138
184
  ghost: {
139
- fill: null,
140
- borderColor: null,
185
+ fill: 'none',
186
+ borderColor: 'none',
141
187
  },
142
188
  outlined: {
143
- fill: null,
189
+ fill: 'none',
144
190
  },
145
191
  solid: {
146
- borderColor: null,
192
+ borderColor: 'none',
147
193
  },
148
194
  };
149
195
 
150
196
  var badgeAppearanceSuccess = {
151
197
  success: {
152
198
  fill: 'successPrimary',
153
- fillHover: 'successPrimaryHover',
199
+ borderColor: 'successBorderPrimary',
200
+ textColor: 'successTextPrimary',
201
+ dotFill: 'successItemPrimary',
202
+ iconFill: 'successItemPrimary',
203
+ },
204
+ successPrimary: {
205
+ fill: 'successPrimary',
154
206
  borderColor: 'successBorderPrimary',
155
207
  textColor: 'successTextPrimary',
156
208
  dotFill: 'successItemPrimary',
@@ -186,15 +238,21 @@ var badgeAppearanceSurface = {
186
238
  var badgeAppearanceWarning = {
187
239
  warning: {
188
240
  fill: 'warningPrimary',
189
- fillHover: 'warningPrimary',
190
241
  borderColor: 'warningBorderPrimary',
191
242
  textColor: 'warningTextSecondary',
192
243
  dotFill: 'warningItemPrimary',
193
244
  iconFill: 'warningItemPrimary',
194
245
  },
246
+ warningPrimary: {
247
+ fill: 'warningPrimary',
248
+ borderColor: 'warningBorderPrimary',
249
+ textColor: 'warningTextPrimary',
250
+ dotFill: 'warningItemPrimary',
251
+ iconFill: 'warningItemPrimary',
252
+ },
195
253
  };
196
254
 
197
- 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({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceSurface), badgeAppearanceWarning);
255
+ 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);
198
256
 
199
257
  var badgeConfig = {
200
258
  appearance: badgeAppearance,
@@ -209,7 +267,7 @@ function Badge(props) {
209
267
  return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
210
268
  }, {});
211
269
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
212
- 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, _a = propsGenerator.shapeClass, shapeClass = _a === void 0 ? 'rounded' : _a, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b;
270
+ 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;
213
271
  // @ts-expect-error
214
272
  var badgeStyles = useStyles.useStyles(props).styles;
215
273
  var badgeTypeClass = value
@@ -11,38 +11,71 @@ import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
11
11
  var badgeAppearanceAccent = {
12
12
  accent: {
13
13
  fill: 'accentPrimary',
14
- borderColor: 'accentBorderTertiary',
14
+ borderColor: 'accentBorderQuaternary',
15
15
  textColor: 'accentTextPrimary',
16
16
  dotFill: 'accentItemPrimary',
17
17
  iconFill: 'accentItemPrimary',
18
18
  },
19
19
  accentPrimary: {
20
- dotFill: 'accentItemPrimary',
21
20
  fill: 'accentPrimary',
22
- borderColor: 'accentBorderTertiary',
21
+ borderColor: 'accentBorderQuaternary',
23
22
  textColor: 'accentTextPrimary',
23
+ dotFill: 'accentItemPrimary',
24
24
  iconFill: 'accentItemPrimary',
25
25
  },
26
26
  accentQuaternary: {
27
+ fill: 'accentQuaternary',
28
+ borderColor: 'accentBorderQuaternary',
29
+ textColor: 'accentTextPrimary',
27
30
  dotFill: 'accentItemPrimary',
31
+ iconFill: 'accentItemPrimary',
28
32
  },
29
33
  accentSecondary: {
30
- dotFill: 'accentItemPrimary',
34
+ fill: 'accentSecondary',
35
+ borderColor: 'accentBorderQuaternary',
36
+ textColor: 'accentTextQuaternary',
37
+ dotFill: 'accentItemQuaternary',
38
+ iconFill: 'accentItemQuaternary',
31
39
  },
32
40
  accentTertiary: {
33
- dotFill: 'accentItemPrimary',
41
+ fill: 'accentTeriary',
42
+ borderColor: 'accentBorderSecondary',
43
+ textColor: 'accentTextSecondary',
44
+ dotFill: 'accentItemSecondary',
45
+ iconFill: 'accentItemSecondary',
34
46
  },
35
47
  };
36
48
 
37
49
  var badgeAppearanceDanger = {
38
50
  danger: {
39
51
  fill: 'dangerPrimary',
40
- fillHover: 'dangerPrimary',
41
52
  borderColor: 'dangerBorderPrimary',
42
53
  textColor: 'dangerTextSecondary',
43
54
  dotFill: 'dangerItemPrimary',
44
55
  iconFill: 'dangerItemPrimary',
45
56
  },
57
+ dangerPrimary: {
58
+ fill: 'dangerPrimary',
59
+ borderColor: 'dangerBorderPrimary',
60
+ textColor: 'dangerTextPrimary',
61
+ dotFill: 'dangerItemPrimary',
62
+ iconFill: 'dangerItemPrimary',
63
+ },
64
+ };
65
+
66
+ var badgeAppearanceDisabled = {
67
+ disabled: {
68
+ fill: 'surfaceDisabled',
69
+ borderColor: 'surfaceBorderDisabled',
70
+ textColor: 'surfaceTextDisabled',
71
+ iconFill: 'surfaceItemDisabled',
72
+ },
73
+ disabledPrimary: {
74
+ fill: 'surfaceDisabled',
75
+ borderColor: 'surfaceBorderDisabled',
76
+ textColor: 'surfaceTextDisabled',
77
+ iconFill: 'surfaceItemDisabled',
78
+ },
46
79
  };
47
80
 
48
81
  var badgeAppearanceError = {
@@ -52,15 +85,19 @@ var badgeAppearanceError = {
52
85
  labelTextColor: 'errorTextPrimary',
53
86
  labelTextColorHover: 'errorTextPrimary',
54
87
  iconFill: 'errorItemPrimary',
55
- loaderFill: 'errorPrimary',
56
- loaderItemFill: 'errorItemPrimary',
88
+ },
89
+ errorPrimary: {
90
+ fill: 'errorPrimary',
91
+ fillHover: 'errorPrimaryHover',
92
+ labelTextColor: 'errorTextPrimary',
93
+ labelTextColorHover: 'errorTextPrimary',
94
+ iconFill: 'errorItemPrimary',
57
95
  },
58
96
  };
59
97
 
60
98
  var badgeAppearanceInfo = {
61
- info: {
99
+ infoPrimary: {
62
100
  fill: 'infoPrimary',
63
- fillHover: 'infoPrimaryHover',
64
101
  borderColor: 'infoBorderSecondary',
65
102
  textColor: 'infoTextPrimary',
66
103
  dotFill: 'infoItemPrimary',
@@ -68,7 +105,6 @@ var badgeAppearanceInfo = {
68
105
  },
69
106
  infoSecondary: {
70
107
  fill: 'infoSecondary',
71
- fillHover: 'infoSecondaryHover',
72
108
  borderColor: 'infoBorderSecondary',
73
109
  textColor: 'infoTextSecondary',
74
110
  dotFill: 'infoItemSecondary',
@@ -78,7 +114,13 @@ var badgeAppearanceInfo = {
78
114
  var badgeAppearancePrimary = {
79
115
  primary: {
80
116
  fill: 'primaryPrimary',
81
- fillHover: 'primaryPrimaryHover',
117
+ borderColor: 'primaryBorderSecondary',
118
+ textColor: 'primaryTextPrimary',
119
+ dotFill: 'primaryItemPrimary',
120
+ iconFill: 'primaryItemPrimary',
121
+ },
122
+ primaryPrimary: {
123
+ fill: 'primaryPrimary',
82
124
  borderColor: 'primaryBorderSecondary',
83
125
  textColor: 'primaryTextPrimary',
84
126
  dotFill: 'primaryItemPrimary',
@@ -89,7 +131,13 @@ var badgeAppearancePrimary = {
89
131
  var badgeAppearanceSecondary = {
90
132
  secondary: {
91
133
  fill: 'secondaryPrimary',
92
- fillHover: 'secondaryPrimaryHover',
134
+ borderColor: 'secondaryBorderSecondary',
135
+ textColor: 'secondaryTextPrimary',
136
+ dotFill: 'secondaryItemPrimary',
137
+ iconFill: 'secondaryItemPrimary',
138
+ },
139
+ secondaryPrimary: {
140
+ fill: 'secondaryPrimary',
93
141
  borderColor: 'secondaryBorderSecondary',
94
142
  textColor: 'secondaryTextPrimary',
95
143
  dotFill: 'secondaryItemPrimary',
@@ -130,25 +178,29 @@ var badgeAppearanceSize = {
130
178
  };
131
179
 
132
180
  var badgeAppearanceStyle = {
133
- full: {
134
- borderColor: null,
135
- },
181
+ full: {},
136
182
  ghost: {
137
- fill: null,
138
- borderColor: null,
183
+ fill: 'none',
184
+ borderColor: 'none',
139
185
  },
140
186
  outlined: {
141
- fill: null,
187
+ fill: 'none',
142
188
  },
143
189
  solid: {
144
- borderColor: null,
190
+ borderColor: 'none',
145
191
  },
146
192
  };
147
193
 
148
194
  var badgeAppearanceSuccess = {
149
195
  success: {
150
196
  fill: 'successPrimary',
151
- fillHover: 'successPrimaryHover',
197
+ borderColor: 'successBorderPrimary',
198
+ textColor: 'successTextPrimary',
199
+ dotFill: 'successItemPrimary',
200
+ iconFill: 'successItemPrimary',
201
+ },
202
+ successPrimary: {
203
+ fill: 'successPrimary',
152
204
  borderColor: 'successBorderPrimary',
153
205
  textColor: 'successTextPrimary',
154
206
  dotFill: 'successItemPrimary',
@@ -184,15 +236,21 @@ var badgeAppearanceSurface = {
184
236
  var badgeAppearanceWarning = {
185
237
  warning: {
186
238
  fill: 'warningPrimary',
187
- fillHover: 'warningPrimary',
188
239
  borderColor: 'warningBorderPrimary',
189
240
  textColor: 'warningTextSecondary',
190
241
  dotFill: 'warningItemPrimary',
191
242
  iconFill: 'warningItemPrimary',
192
243
  },
244
+ warningPrimary: {
245
+ fill: 'warningPrimary',
246
+ borderColor: 'warningBorderPrimary',
247
+ textColor: 'warningTextPrimary',
248
+ dotFill: 'warningItemPrimary',
249
+ iconFill: 'warningItemPrimary',
250
+ },
193
251
  };
194
252
 
195
- var badgeAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceSurface), badgeAppearanceWarning);
253
+ 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);
196
254
 
197
255
  var badgeConfig = {
198
256
  appearance: badgeAppearance,
@@ -207,7 +265,7 @@ function Badge(props) {
207
265
  return (__assign(__assign({}, resultConfig), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
208
266
  }, {});
209
267
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
210
- 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, _a = propsGenerator.shapeClass, shapeClass = _a === void 0 ? 'rounded' : _a, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b;
268
+ 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;
211
269
  // @ts-expect-error
212
270
  var badgeStyles = useStyles(props).styles;
213
271
  var badgeTypeClass = value
@@ -8,8 +8,8 @@ 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 _default = require('@itcase/icons/default');
11
- var Divider = require('../../Divider_cjs_DzFVtGkF.js');
12
- var Tooltip = require('../../Tooltip_cjs_PkuRdzzy.js');
11
+ var Divider = require('../../Divider_cjs_DhqcldLH.js');
12
+ var Tooltip = require('../../Tooltip_cjs_CaocDcQ5.js');
13
13
  var Text = require('../../Text_cjs_DPhKj3wf.js');
14
14
  require('lodash/camelCase');
15
15
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_DSXs1Yrg.js');
3
+ var Avatar = require('../../Avatar_cjs_D84VawE9.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -16,7 +16,7 @@ require('../context/UIContext.js');
16
16
  require('../hooks/useMediaQueries/useMediaQueries.js');
17
17
  require('react-responsive');
18
18
  require('../utils/setViewportProperty.js');
19
- require('../../Tooltip_cjs_PkuRdzzy.js');
19
+ require('../../Tooltip_cjs_CaocDcQ5.js');
20
20
  require('../hooks/useStyles/useStyles.js');
21
21
  require('lodash/maxBy');
22
22
  require('../hooks/useStyles/styleAttributes.js');
@@ -3,7 +3,7 @@
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var clsx = require('clsx');
5
5
  var useStyles = require('../hooks/useStyles/useStyles.js');
6
- var Avatar = require('../../Avatar_cjs_DSXs1Yrg.js');
6
+ var Avatar = require('../../Avatar_cjs_D84VawE9.js');
7
7
  var Group = require('../../Group_cjs_Cwt0gWk4.js');
8
8
  var Text = require('../../Text_cjs_DPhKj3wf.js');
9
9
  require('react');
@@ -21,7 +21,7 @@ require('../utils/setViewportProperty.js');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
23
23
  require('lodash/castArray');
24
- require('../../Tooltip_cjs_PkuRdzzy.js');
24
+ require('../../Tooltip_cjs_CaocDcQ5.js');
25
25
  require('react-inlinesvg');
26
26
  require('../../Link_cjs_DbRGq2Yk.js');
27
27
  require('../../Image_cjs_CCWqbNn4.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_PkuRdzzy.js');
3
+ var Tooltip = require('../../Tooltip_cjs_CaocDcQ5.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -0,0 +1,45 @@
1
+ 'use strict';
2
+
3
+ var _default = require('@itcase/icons/default');
4
+
5
+ var breadcrumbsListMock = {
6
+ breadcrumbsList: [
7
+ {
8
+ id: '1',
9
+ key: 1,
10
+ text: 'Text 123',
11
+ href: '/',
12
+ icon: _default.icon16.Placeholder,
13
+ },
14
+ {
15
+ id: '2',
16
+ key: 2,
17
+ text: 'Text 123',
18
+ href: '/',
19
+ icon: _default.icon16.Placeholder,
20
+ },
21
+ {
22
+ id: '3',
23
+ key: 3,
24
+ text: 'Text 123',
25
+ href: '/',
26
+ icon: _default.icon16.Placeholder,
27
+ },
28
+ {
29
+ id: '4',
30
+ key: 4,
31
+ text: 'Text 123',
32
+ href: '/',
33
+ icon: _default.icon16.Placeholder,
34
+ },
35
+ {
36
+ id: '5',
37
+ key: 5,
38
+ text: 'Text 123',
39
+ href: '/',
40
+ icon: _default.icon16.Placeholder,
41
+ },
42
+ ],
43
+ };
44
+
45
+ exports.breadcrumbsListMock = breadcrumbsListMock;