@itcase/ui 1.8.23 → 1.8.25

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 (111) hide show
  1. package/dist/{Button_cjs_MfWRETXI.js → Button_cjs_CYUpbdMO.js} +133 -52
  2. package/dist/{Button_es_zW2pQTwL.js → Button_es_Dp6yFZgn.js} +133 -52
  3. package/dist/{ChipsGroup_cjs_CTh6644i.js → ChipsGroup_cjs_Ct-NrPmJ.js} +2 -1
  4. package/dist/{ChipsGroup_es_BFxBhYNB.js → ChipsGroup_es_BNuhlSG6.js} +2 -1
  5. package/dist/{DatePicker_cjs_uDJmwWkk.js → DatePicker_cjs_DamcZFbX.js} +2 -2
  6. package/dist/{DatePicker_es_5r0isX1_.js → DatePicker_es_Bm_onmmb.js} +2 -2
  7. package/dist/{Divider_cjs_DzFVtGkF.js → Divider_cjs_DhqcldLH.js} +6 -2
  8. package/dist/{Divider_es_BdU9qjKa.js → Divider_es_BEYLRagS.js} +6 -2
  9. package/dist/{DropdownItem_cjs_C6Jx7-kx.js → DropdownItem_cjs_B_7anyaJ.js} +1 -1
  10. package/dist/{DropdownItem_es_UdkGGVtg.js → DropdownItem_es_B4EZYdJA.js} +1 -1
  11. package/dist/{Label_cjs_jN0dxo1q.js → Label_cjs_ByGAWJcj.js} +168 -28
  12. package/dist/{Label_es_CFQzN-2m.js → Label_es_BtwZ3a2V.js} +168 -28
  13. package/dist/{Loader_cjs_3VRzFLI2.js → Loader_cjs___VikiqS.js} +36 -1
  14. package/dist/{Loader_es_DEYowVdU.js → Loader_es_DHKB6tTw.js} +36 -1
  15. package/dist/cjs/components/Accordion.js +1 -1
  16. package/dist/cjs/components/Breadcrumbs/stories/__mock__.js +45 -0
  17. package/dist/cjs/components/Breadcrumbs.js +46 -57
  18. package/dist/cjs/components/Button.js +2 -2
  19. package/dist/cjs/components/Cell.js +1 -1
  20. package/dist/cjs/components/Chips.js +1 -1
  21. package/dist/cjs/components/Choice.js +1 -1
  22. package/dist/cjs/components/CookiesWarning.js +2 -2
  23. package/dist/cjs/components/DatePeriod.js +81 -14
  24. package/dist/cjs/components/DatePicker.js +4 -4
  25. package/dist/cjs/components/Divider.js +1 -1
  26. package/dist/cjs/components/Dropdown.js +2 -2
  27. package/dist/cjs/components/Label.js +1 -1
  28. package/dist/cjs/components/Loader.js +1 -1
  29. package/dist/cjs/components/Modal.js +1 -1
  30. package/dist/cjs/components/Pagination.js +2 -2
  31. package/dist/cjs/components/Response.js +27 -36
  32. package/dist/cjs/components/Select.js +1 -1
  33. package/dist/cjs/components/Tab/stories/__mock__.js +14 -0
  34. package/dist/cjs/components/Tab.js +133 -39
  35. package/dist/components/Accordion.js +1 -1
  36. package/dist/components/Breadcrumbs/stories/__mock__.js +43 -0
  37. package/dist/components/Breadcrumbs.js +46 -57
  38. package/dist/components/Button.js +2 -2
  39. package/dist/components/Cell.js +1 -1
  40. package/dist/components/Chips.js +1 -1
  41. package/dist/components/Choice.js +1 -1
  42. package/dist/components/CookiesWarning.js +2 -2
  43. package/dist/components/DatePeriod.js +81 -15
  44. package/dist/components/DatePicker.js +4 -4
  45. package/dist/components/Divider.js +1 -1
  46. package/dist/components/Dropdown.js +2 -2
  47. package/dist/components/Label.js +1 -1
  48. package/dist/components/Loader.js +1 -1
  49. package/dist/components/Modal.js +1 -1
  50. package/dist/components/Pagination.js +2 -2
  51. package/dist/components/Response.js +27 -36
  52. package/dist/components/Select.js +1 -1
  53. package/dist/components/Tab/stories/__mock__.js +12 -0
  54. package/dist/components/Tab.js +134 -40
  55. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +22 -0
  56. package/dist/css/components/Button/Button.css +4 -4
  57. package/dist/css/components/Label/Label.css +10 -9
  58. package/dist/css/components/Loader/Loader.css +21 -2
  59. package/dist/stories/Plsyground.mdx +1 -3
  60. package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +2 -3
  61. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts +28 -35
  62. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts +4 -3
  63. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +10 -0
  64. package/dist/types/components/Button/appearance/buttonAccent.d.ts +7 -6
  65. package/dist/types/components/Button/appearance/buttonDanger.d.ts +8 -4
  66. package/dist/types/components/Button/appearance/buttonError.d.ts +14 -2
  67. package/dist/types/components/Button/appearance/buttonInfo.d.ts +19 -4
  68. package/dist/types/components/Button/appearance/buttonPrimary.d.ts +13 -0
  69. package/dist/types/components/Button/appearance/buttonSecondary.d.ts +13 -0
  70. package/dist/types/components/Button/appearance/buttonSize.d.ts +7 -0
  71. package/dist/types/components/Button/appearance/buttonStyle.d.ts +0 -2
  72. package/dist/types/components/Button/appearance/buttonSuccess.d.ts +14 -2
  73. package/dist/types/components/Button/appearance/buttonSurface.d.ts +11 -8
  74. package/dist/types/components/Button/appearance/buttonWarning.d.ts +8 -4
  75. package/dist/types/components/Chips/Chips.interface.d.ts +2 -2
  76. package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts +30 -37
  77. package/dist/types/components/DatePeriod/datePeriodIntervals.d.ts +3 -0
  78. package/dist/types/components/DatePeriod/index.d.ts +1 -0
  79. package/dist/types/components/Label/appearance/labelAccent.d.ts +10 -1
  80. package/dist/types/components/Label/appearance/labelDanger.d.ts +20 -0
  81. package/dist/types/components/Label/appearance/labelDisable.d.ts +19 -0
  82. package/dist/types/components/Label/appearance/labelError.d.ts +13 -2
  83. package/dist/types/components/Label/appearance/labelInfo.d.ts +14 -2
  84. package/dist/types/components/Label/appearance/labelPrimary.d.ts +19 -0
  85. package/dist/types/components/Label/appearance/labelSecondary.d.ts +19 -0
  86. package/dist/types/components/Label/appearance/labelStyle.d.ts +0 -2
  87. package/dist/types/components/Label/appearance/labelSuccess.d.ts +11 -0
  88. package/dist/types/components/Label/appearance/labelSurface.d.ts +14 -3
  89. package/dist/types/components/Label/appearance/labelWarning.d.ts +11 -0
  90. package/dist/types/components/Loader/appearance/loaderDanger.d.ts +7 -0
  91. package/dist/types/components/Loader/appearance/loaderError.d.ts +7 -0
  92. package/dist/types/components/Loader/appearance/loaderInfo.d.ts +7 -0
  93. package/dist/types/components/Loader/appearance/loaderSuccess.d.ts +7 -0
  94. package/dist/types/components/Loader/appearance/loaderWarning.d.ts +7 -0
  95. package/dist/types/components/Response/appearance/responceConfirm.d.ts +2 -3
  96. package/dist/types/components/Response/appearance/responceFail.d.ts +2 -3
  97. package/dist/types/components/Response/appearance/responceNothingFound.d.ts +2 -3
  98. package/dist/types/components/Response/appearance/responceRefresh.d.ts +2 -3
  99. package/dist/types/components/Response/appearance/responseError.d.ts +2 -3
  100. package/dist/types/components/Response/appearance/responseSuccess.d.ts +2 -3
  101. package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +2 -3
  102. package/dist/types/components/Response/appearance/responseWarning.d.ts +2 -3
  103. package/dist/types/components/Tab/appearance/tabError.d.ts +13 -0
  104. package/dist/types/components/Tab/appearance/tabSize.d.ts +41 -0
  105. package/dist/types/components/Tab/appearance/tabStyle.d.ts +2 -2
  106. package/dist/types/components/Tab/appearance/tabSuccess.d.ts +13 -0
  107. package/dist/types/components/Tab/appearance/tabSurface.d.ts +29 -24
  108. package/dist/types/components/Tab/appearance/tabWarning.d.ts +13 -0
  109. package/dist/types/components/Tab/stories/__mock__/index.d.ts +22 -0
  110. package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.d.ts +4 -1
  111. package/package.json +8 -6
@@ -15,12 +15,21 @@ var labelAppearanceAccent = {
15
15
  labelTextColor: 'accentTextPrimary',
16
16
  labelTextColorHover: 'accentTextPrimary',
17
17
  },
18
+ accentMuted: {
19
+ fill: 'accentMuted',
20
+ labelTextColor: 'accentMutedTextPrimary',
21
+ labelTextColorHover: 'accentMutedTextPrimary',
22
+ borderColor: 'accentMutedBorderSecondary',
23
+ iconAfterFillIcon: 'accentMutedItemPrimary',
24
+ iconBeforeFillIcon: 'accentMutedItemPrimary',
25
+ },
18
26
  accentPrimary: {
19
27
  fill: 'accentPrimary',
20
28
  labelTextColor: 'accentTextPrimary',
21
29
  labelTextColorHover: 'accentTextPrimary',
30
+ borderColor: 'accentBorderSecondary',
31
+ iconAfterFillIcon: 'accentItemPrimary',
22
32
  iconBeforeFillIcon: 'accentItemPrimary',
23
- iconAfterFillIcon: 'accentItemPrimary'
24
33
  },
25
34
  accentTertiary: {
26
35
  fill: 'accentTertiary',
@@ -33,40 +42,102 @@ var labelAppearanceDanger = {
33
42
  danger: {
34
43
  fill: 'dangerPrimary',
35
44
  fillHover: 'dangerPrimaryHover',
36
- labelTextColor: 'dangerTextSecondary',
45
+ labelTextColor: 'dangerTextPrimary',
46
+ labelTextColorHover: 'dangerTextSecondary',
47
+ borderColor: 'dangerBorderSecondary',
48
+ iconAfterFillIcon: 'dangerItemPrimary',
49
+ iconBeforeFillIcon: 'dangerItemPrimary',
50
+ },
51
+ dangerMuted: {
52
+ fill: 'dangerMuted',
53
+ labelTextColor: 'dangerMutedTextPrimary',
54
+ labelTextColorHover: 'dangerMutedTextPrimary',
55
+ borderColor: 'dangerMutedBorderSecondary',
56
+ iconAfterFillIcon: 'dangerMutedItemPrimary',
57
+ iconBeforeFillIcon: 'dangerMutedItemPrimary',
58
+ },
59
+ dangerPrimary: {
60
+ fill: 'dangerPrimary',
61
+ fillHover: 'dangerPrimaryHover',
62
+ labelTextColor: 'dangerTextPrimary',
37
63
  labelTextColorHover: 'dangerTextSecondary',
64
+ borderColor: 'dangerBorderSecondary',
65
+ iconAfterFillIcon: 'dangerItemPrimary',
66
+ iconBeforeFillIcon: 'dangerItemPrimary',
67
+ },
68
+ };
69
+
70
+ var labelAppearanceDisable = {
71
+ disablePrimary: {
72
+ fill: 'disablePrimary',
73
+ labelTextColor: 'disableTextPrimary',
74
+ labelTextColorHover: 'disableTextPrimary',
75
+ borderColor: 'disableBorderPrimary',
76
+ iconAfterFillIcon: 'disableItemPrimary',
77
+ iconBeforeFillIcon: 'disableItemPrimary',
78
+ },
79
+ disableMuted: {
80
+ fill: 'disableMuted',
81
+ labelTextColor: 'disableMutedTextPrimary',
82
+ labelTextColorHover: 'disableMutedTextPrimary',
83
+ borderColor: 'disableMutedBorderSecondary',
84
+ iconAfterFillIcon: 'disableMutedItemPrimary',
85
+ iconBeforeFillIcon: 'disableMutedItemPrimary',
38
86
  },
39
87
  };
40
88
 
41
89
  var labelAppearanceError = {
42
- error: {
90
+ errorPrimary: {
43
91
  fill: 'errorPrimary',
44
92
  fillHover: 'errorPrimaryHover',
45
93
  labelTextColor: 'errorTextPrimary',
46
94
  labelTextColorHover: 'errorTextPrimary',
95
+ borderColor: 'errorBorderSecondary',
96
+ iconAfterFillIcon: 'errorItemPrimary',
97
+ iconBeforeFillIcon: 'errorItemPrimary',
47
98
  },
48
- errorPrimary: {
99
+ error: {
49
100
  fill: 'errorPrimary',
50
101
  fillHover: 'errorPrimaryHover',
51
102
  labelTextColor: 'errorTextPrimary',
52
103
  labelTextColorHover: 'errorTextPrimary',
53
104
  },
105
+ errorMuted: {
106
+ fill: 'errorMuted',
107
+ labelTextColor: 'errorMutedTextPrimary',
108
+ labelTextColorHover: 'errorMutedTextPrimary',
109
+ borderColor: 'errorMutedBorderSecondary',
110
+ iconAfterFillIcon: 'errorMutedItemPrimary',
111
+ iconBeforeFillIcon: 'errorMutedItemPrimary',
112
+ },
54
113
  };
55
114
 
56
115
  var labelAppearanceInfo = {
57
- accent: {
58
- fill: 'accentPrimary',
59
- fillHover: 'accentPrimaryHover',
60
- labelTextColor: 'accentTextPrimary',
61
- labelTextColorHover: 'accentTextPrimary',
62
- borderColor: 'accentBorderPrimary',
116
+ infoMuted: {
117
+ fill: 'infoMuted',
118
+ labelTextColor: 'infoMutedTextPrimary',
119
+ labelTextColorHover: 'infoMutedTextPrimary',
120
+ borderColor: 'infoMutedBorderSecondary',
121
+ iconAfterFillIcon: 'infoMutedItemPrimary',
122
+ iconBeforeFillIcon: 'infoMutedItemPrimary',
63
123
  },
64
- accentSecondary: {
65
- fill: 'accentPrimary',
66
- fillHover: 'accentPrimaryHover',
67
- labelTextColor: 'accentTextSecondary',
68
- labelTextColorHover: 'accentTextSecondary',
69
- borderColor: 'accentBorderPrimary',
124
+ infoPrimary: {
125
+ fill: 'infoPrimary',
126
+ fillHover: 'infoPrimaryHover',
127
+ labelTextColor: 'infoTextPrimary',
128
+ labelTextColorHover: 'infoTextPrimary',
129
+ borderColor: 'infoBorderPrimary',
130
+ iconAfterFillIcon: 'infoItemPrimary',
131
+ iconBeforeFillIcon: 'infoItemPrimary',
132
+ },
133
+ infoSecondary: {
134
+ fill: 'infoPrimary',
135
+ fillHover: 'infoPrimaryHover',
136
+ labelTextColor: 'infoTextPrimary',
137
+ labelTextColorHover: 'infoTextSecondary',
138
+ borderColor: 'infoBorderSecondary',
139
+ iconAfterFillIcon: 'infoItemPrimary',
140
+ iconBeforeFillIcon: 'infoItemPrimary',
70
141
  },
71
142
  };
72
143
 
@@ -75,6 +146,25 @@ var labelAppearancePrimary = {
75
146
  fill: 'primaryPrimary',
76
147
  labelTextColor: 'primaryTextPrimary',
77
148
  labelTextColorHover: 'primaryTextPrimary',
149
+ borderColor: 'primaryBorderSecondary',
150
+ iconAfterFillIcon: 'dangerItemPrimary',
151
+ iconBeforeFillIcon: 'dangerItemPrimary',
152
+ },
153
+ primaryMuted: {
154
+ fill: 'primaryMuted',
155
+ labelTextColor: 'primaryMutedTextPrimary',
156
+ labelTextColorHover: 'primaryMutedTextPrimary',
157
+ borderColor: 'primaryMutedBorderSecondary',
158
+ iconAfterFillIcon: 'primaryMutedItemPrimary',
159
+ iconBeforeFillIcon: 'primaryMutedItemPrimary',
160
+ },
161
+ primaryPrimary: {
162
+ fill: 'primaryPrimary',
163
+ labelTextColor: 'primaryTextPrimary',
164
+ labelTextColorHover: 'primaryTextPrimary',
165
+ borderColor: 'primaryBorderSecondary',
166
+ iconAfterFillIcon: 'dangerItemPrimary',
167
+ iconBeforeFillIcon: 'dangerItemPrimary',
78
168
  },
79
169
  };
80
170
 
@@ -83,6 +173,25 @@ var labelAppearanceSecondary = {
83
173
  fill: 'secondaryPrimary',
84
174
  labelTextColor: 'secondaryTextPrimary',
85
175
  labelTextColorHover: 'secondaryTextPrimary',
176
+ borderColor: 'secondaryBorderPrimary',
177
+ iconAfterFillIcon: 'secondaryItemPrimary',
178
+ iconBeforeFillIcon: 'secondaryItemPrimary',
179
+ },
180
+ secondaryMuted: {
181
+ fill: 'secondaryMuted',
182
+ labelTextColor: 'secondaryMutedTextPrimary',
183
+ labelTextColorHover: 'secondaryMutedTextPrimary',
184
+ borderColor: 'secondaryMutedBorderSecondary',
185
+ iconAfterFillIcon: 'secondaryMutedItemPrimary',
186
+ iconBeforeFillIcon: 'secondaryMutedItemPrimary',
187
+ },
188
+ secondaryPrimary: {
189
+ fill: 'secondaryPrimary',
190
+ labelTextColor: 'secondaryTextPrimary',
191
+ labelTextColorHover: 'secondaryTextPrimary',
192
+ borderColor: 'secondaryBorderPrimary',
193
+ iconAfterFillIcon: 'secondaryItemPrimary',
194
+ iconBeforeFillIcon: 'secondaryItemPrimary',
86
195
  },
87
196
  };
88
197
 
@@ -143,15 +252,13 @@ var labelAppearanceStyle = {
143
252
  full: {},
144
253
  ghost: {
145
254
  fill: 'none',
146
- fillHover: 'none',
147
- borderColor: '0',
255
+ borderColor: 'none',
148
256
  },
149
257
  outlined: {
150
258
  fill: 'none',
151
- fillHover: 'none',
152
259
  },
153
260
  solid: {
154
- borderColor: '0',
261
+ borderColor: 'none',
155
262
  },
156
263
  };
157
264
 
@@ -162,20 +269,47 @@ var labelAppearanceSuccess = {
162
269
  labelTextColor: 'successTextSecondary',
163
270
  labelTextColorHover: 'successTextSecondary',
164
271
  },
272
+ successMuted: {
273
+ fill: 'successMuted',
274
+ labelTextColor: 'successMutedTextPrimary',
275
+ labelTextColorHover: 'successMutedTextPrimary',
276
+ borderColor: 'successMutedBorderSecondary',
277
+ iconAfterFillIcon: 'successMutedItemPrimary',
278
+ iconBeforeFillIcon: 'successMutedItemPrimary',
279
+ },
165
280
  successPrimary: {
166
281
  fill: 'successPrimary',
167
282
  fillHover: 'successPrimaryHover',
168
- labelTextColor: 'successTextSecondary',
283
+ labelTextColor: 'successTextPrimary',
169
284
  labelTextColorHover: 'successTextSecondary',
285
+ borderColor: 'successBorderSecondary',
286
+ iconAfterFillIcon: 'successItemPrimary',
287
+ iconBeforeFillIcon: 'successItemPrimary',
170
288
  },
171
289
  };
172
290
 
173
291
  var labelAppearanceSurface = {
292
+ surfaceMuted: {
293
+ fill: 'surfaceMuted',
294
+ labelTextColor: 'surfaceMutedTextPrimary',
295
+ labelTextColorHover: 'surfaceMutedTextPrimary',
296
+ borderColor: 'surfaceMutedBorderSecondary',
297
+ iconAfterFillIcon: 'surfaceMutedItemPrimary',
298
+ iconBeforeFillIcon: 'surfaceMutedItemPrimary',
299
+ },
174
300
  surfacePrimary: {
175
301
  fill: 'surfacePrimary',
176
302
  fillHover: 'surfacePrimaryHover',
177
303
  labelTextColor: 'surfaceTextPrimary',
178
304
  labelTextColorHover: 'surfaceTextPrimary',
305
+ borderColor: 'surfaceBorderQuaternary',
306
+ iconAfterFillIcon: 'surfaceItemPrimary',
307
+ iconBeforeFillIcon: 'surfaceItemPrimary',
308
+ },
309
+ surfaceQuaternary: {
310
+ fill: 'surfaceQuaternary',
311
+ labelTextColor: 'surfaceTextInverse',
312
+ labelTextColorHover: 'surfaceTextInverse',
179
313
  },
180
314
  surfaceSecondary: {
181
315
  fill: 'surfaceSecondary',
@@ -187,11 +321,6 @@ var labelAppearanceSurface = {
187
321
  labelTextColor: 'surfaceTextPrimary',
188
322
  labelTextColorHover: 'surfaceTextPrimary',
189
323
  },
190
- surfaceQuaternary: {
191
- fill: 'surfaceQuaternary',
192
- labelTextColor: 'surfaceTextInverse',
193
- labelTextColorHover: 'surfaceTextInverse',
194
- },
195
324
  };
196
325
 
197
326
  var labelAppearanceWarning = {
@@ -201,15 +330,26 @@ var labelAppearanceWarning = {
201
330
  labelTextColor: 'warningTextSecondary',
202
331
  labelTextColorHover: 'warningTextSecondary',
203
332
  },
333
+ warningMuted: {
334
+ fill: 'warningMuted',
335
+ labelTextColor: 'warningMutedTextPrimary',
336
+ labelTextColorHover: 'warningMutedTextPrimary',
337
+ borderColor: 'warningMutedBorderSecondary',
338
+ iconAfterFillIcon: 'warningMutedItemPrimary',
339
+ iconBeforeFillIcon: 'warningMutedItemPrimary',
340
+ },
204
341
  warningPrimary: {
205
342
  fill: 'warningPrimary',
206
343
  fillHover: 'warningPrimaryHover',
207
- labelTextColor: 'warningTextSecondary',
344
+ labelTextColor: 'warningTextPrimary',
208
345
  labelTextColorHover: 'warningTextSecondary',
346
+ borderColor: 'warningBorderSecondary',
347
+ iconAfterFillIcon: 'warningItemPrimary',
348
+ iconBeforeFillIcon: 'warningItemPrimary',
209
349
  },
210
350
  };
211
351
 
212
- var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
352
+ var labelAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, labelAppearanceDisable), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
213
353
 
214
354
  var labelConfig = {
215
355
  appearance: labelAppearance,
@@ -13,12 +13,21 @@ var labelAppearanceAccent = {
13
13
  labelTextColor: 'accentTextPrimary',
14
14
  labelTextColorHover: 'accentTextPrimary',
15
15
  },
16
+ accentMuted: {
17
+ fill: 'accentMuted',
18
+ labelTextColor: 'accentMutedTextPrimary',
19
+ labelTextColorHover: 'accentMutedTextPrimary',
20
+ borderColor: 'accentMutedBorderSecondary',
21
+ iconAfterFillIcon: 'accentMutedItemPrimary',
22
+ iconBeforeFillIcon: 'accentMutedItemPrimary',
23
+ },
16
24
  accentPrimary: {
17
25
  fill: 'accentPrimary',
18
26
  labelTextColor: 'accentTextPrimary',
19
27
  labelTextColorHover: 'accentTextPrimary',
28
+ borderColor: 'accentBorderSecondary',
29
+ iconAfterFillIcon: 'accentItemPrimary',
20
30
  iconBeforeFillIcon: 'accentItemPrimary',
21
- iconAfterFillIcon: 'accentItemPrimary'
22
31
  },
23
32
  accentTertiary: {
24
33
  fill: 'accentTertiary',
@@ -31,40 +40,102 @@ var labelAppearanceDanger = {
31
40
  danger: {
32
41
  fill: 'dangerPrimary',
33
42
  fillHover: 'dangerPrimaryHover',
34
- labelTextColor: 'dangerTextSecondary',
43
+ labelTextColor: 'dangerTextPrimary',
44
+ labelTextColorHover: 'dangerTextSecondary',
45
+ borderColor: 'dangerBorderSecondary',
46
+ iconAfterFillIcon: 'dangerItemPrimary',
47
+ iconBeforeFillIcon: 'dangerItemPrimary',
48
+ },
49
+ dangerMuted: {
50
+ fill: 'dangerMuted',
51
+ labelTextColor: 'dangerMutedTextPrimary',
52
+ labelTextColorHover: 'dangerMutedTextPrimary',
53
+ borderColor: 'dangerMutedBorderSecondary',
54
+ iconAfterFillIcon: 'dangerMutedItemPrimary',
55
+ iconBeforeFillIcon: 'dangerMutedItemPrimary',
56
+ },
57
+ dangerPrimary: {
58
+ fill: 'dangerPrimary',
59
+ fillHover: 'dangerPrimaryHover',
60
+ labelTextColor: 'dangerTextPrimary',
35
61
  labelTextColorHover: 'dangerTextSecondary',
62
+ borderColor: 'dangerBorderSecondary',
63
+ iconAfterFillIcon: 'dangerItemPrimary',
64
+ iconBeforeFillIcon: 'dangerItemPrimary',
65
+ },
66
+ };
67
+
68
+ var labelAppearanceDisable = {
69
+ disablePrimary: {
70
+ fill: 'disablePrimary',
71
+ labelTextColor: 'disableTextPrimary',
72
+ labelTextColorHover: 'disableTextPrimary',
73
+ borderColor: 'disableBorderPrimary',
74
+ iconAfterFillIcon: 'disableItemPrimary',
75
+ iconBeforeFillIcon: 'disableItemPrimary',
76
+ },
77
+ disableMuted: {
78
+ fill: 'disableMuted',
79
+ labelTextColor: 'disableMutedTextPrimary',
80
+ labelTextColorHover: 'disableMutedTextPrimary',
81
+ borderColor: 'disableMutedBorderSecondary',
82
+ iconAfterFillIcon: 'disableMutedItemPrimary',
83
+ iconBeforeFillIcon: 'disableMutedItemPrimary',
36
84
  },
37
85
  };
38
86
 
39
87
  var labelAppearanceError = {
40
- error: {
88
+ errorPrimary: {
41
89
  fill: 'errorPrimary',
42
90
  fillHover: 'errorPrimaryHover',
43
91
  labelTextColor: 'errorTextPrimary',
44
92
  labelTextColorHover: 'errorTextPrimary',
93
+ borderColor: 'errorBorderSecondary',
94
+ iconAfterFillIcon: 'errorItemPrimary',
95
+ iconBeforeFillIcon: 'errorItemPrimary',
45
96
  },
46
- errorPrimary: {
97
+ error: {
47
98
  fill: 'errorPrimary',
48
99
  fillHover: 'errorPrimaryHover',
49
100
  labelTextColor: 'errorTextPrimary',
50
101
  labelTextColorHover: 'errorTextPrimary',
51
102
  },
103
+ errorMuted: {
104
+ fill: 'errorMuted',
105
+ labelTextColor: 'errorMutedTextPrimary',
106
+ labelTextColorHover: 'errorMutedTextPrimary',
107
+ borderColor: 'errorMutedBorderSecondary',
108
+ iconAfterFillIcon: 'errorMutedItemPrimary',
109
+ iconBeforeFillIcon: 'errorMutedItemPrimary',
110
+ },
52
111
  };
53
112
 
54
113
  var labelAppearanceInfo = {
55
- accent: {
56
- fill: 'accentPrimary',
57
- fillHover: 'accentPrimaryHover',
58
- labelTextColor: 'accentTextPrimary',
59
- labelTextColorHover: 'accentTextPrimary',
60
- borderColor: 'accentBorderPrimary',
114
+ infoMuted: {
115
+ fill: 'infoMuted',
116
+ labelTextColor: 'infoMutedTextPrimary',
117
+ labelTextColorHover: 'infoMutedTextPrimary',
118
+ borderColor: 'infoMutedBorderSecondary',
119
+ iconAfterFillIcon: 'infoMutedItemPrimary',
120
+ iconBeforeFillIcon: 'infoMutedItemPrimary',
61
121
  },
62
- accentSecondary: {
63
- fill: 'accentPrimary',
64
- fillHover: 'accentPrimaryHover',
65
- labelTextColor: 'accentTextSecondary',
66
- labelTextColorHover: 'accentTextSecondary',
67
- borderColor: 'accentBorderPrimary',
122
+ infoPrimary: {
123
+ fill: 'infoPrimary',
124
+ fillHover: 'infoPrimaryHover',
125
+ labelTextColor: 'infoTextPrimary',
126
+ labelTextColorHover: 'infoTextPrimary',
127
+ borderColor: 'infoBorderPrimary',
128
+ iconAfterFillIcon: 'infoItemPrimary',
129
+ iconBeforeFillIcon: 'infoItemPrimary',
130
+ },
131
+ infoSecondary: {
132
+ fill: 'infoPrimary',
133
+ fillHover: 'infoPrimaryHover',
134
+ labelTextColor: 'infoTextPrimary',
135
+ labelTextColorHover: 'infoTextSecondary',
136
+ borderColor: 'infoBorderSecondary',
137
+ iconAfterFillIcon: 'infoItemPrimary',
138
+ iconBeforeFillIcon: 'infoItemPrimary',
68
139
  },
69
140
  };
70
141
 
@@ -73,6 +144,25 @@ var labelAppearancePrimary = {
73
144
  fill: 'primaryPrimary',
74
145
  labelTextColor: 'primaryTextPrimary',
75
146
  labelTextColorHover: 'primaryTextPrimary',
147
+ borderColor: 'primaryBorderSecondary',
148
+ iconAfterFillIcon: 'dangerItemPrimary',
149
+ iconBeforeFillIcon: 'dangerItemPrimary',
150
+ },
151
+ primaryMuted: {
152
+ fill: 'primaryMuted',
153
+ labelTextColor: 'primaryMutedTextPrimary',
154
+ labelTextColorHover: 'primaryMutedTextPrimary',
155
+ borderColor: 'primaryMutedBorderSecondary',
156
+ iconAfterFillIcon: 'primaryMutedItemPrimary',
157
+ iconBeforeFillIcon: 'primaryMutedItemPrimary',
158
+ },
159
+ primaryPrimary: {
160
+ fill: 'primaryPrimary',
161
+ labelTextColor: 'primaryTextPrimary',
162
+ labelTextColorHover: 'primaryTextPrimary',
163
+ borderColor: 'primaryBorderSecondary',
164
+ iconAfterFillIcon: 'dangerItemPrimary',
165
+ iconBeforeFillIcon: 'dangerItemPrimary',
76
166
  },
77
167
  };
78
168
 
@@ -81,6 +171,25 @@ var labelAppearanceSecondary = {
81
171
  fill: 'secondaryPrimary',
82
172
  labelTextColor: 'secondaryTextPrimary',
83
173
  labelTextColorHover: 'secondaryTextPrimary',
174
+ borderColor: 'secondaryBorderPrimary',
175
+ iconAfterFillIcon: 'secondaryItemPrimary',
176
+ iconBeforeFillIcon: 'secondaryItemPrimary',
177
+ },
178
+ secondaryMuted: {
179
+ fill: 'secondaryMuted',
180
+ labelTextColor: 'secondaryMutedTextPrimary',
181
+ labelTextColorHover: 'secondaryMutedTextPrimary',
182
+ borderColor: 'secondaryMutedBorderSecondary',
183
+ iconAfterFillIcon: 'secondaryMutedItemPrimary',
184
+ iconBeforeFillIcon: 'secondaryMutedItemPrimary',
185
+ },
186
+ secondaryPrimary: {
187
+ fill: 'secondaryPrimary',
188
+ labelTextColor: 'secondaryTextPrimary',
189
+ labelTextColorHover: 'secondaryTextPrimary',
190
+ borderColor: 'secondaryBorderPrimary',
191
+ iconAfterFillIcon: 'secondaryItemPrimary',
192
+ iconBeforeFillIcon: 'secondaryItemPrimary',
84
193
  },
85
194
  };
86
195
 
@@ -141,15 +250,13 @@ var labelAppearanceStyle = {
141
250
  full: {},
142
251
  ghost: {
143
252
  fill: 'none',
144
- fillHover: 'none',
145
- borderColor: '0',
253
+ borderColor: 'none',
146
254
  },
147
255
  outlined: {
148
256
  fill: 'none',
149
- fillHover: 'none',
150
257
  },
151
258
  solid: {
152
- borderColor: '0',
259
+ borderColor: 'none',
153
260
  },
154
261
  };
155
262
 
@@ -160,20 +267,47 @@ var labelAppearanceSuccess = {
160
267
  labelTextColor: 'successTextSecondary',
161
268
  labelTextColorHover: 'successTextSecondary',
162
269
  },
270
+ successMuted: {
271
+ fill: 'successMuted',
272
+ labelTextColor: 'successMutedTextPrimary',
273
+ labelTextColorHover: 'successMutedTextPrimary',
274
+ borderColor: 'successMutedBorderSecondary',
275
+ iconAfterFillIcon: 'successMutedItemPrimary',
276
+ iconBeforeFillIcon: 'successMutedItemPrimary',
277
+ },
163
278
  successPrimary: {
164
279
  fill: 'successPrimary',
165
280
  fillHover: 'successPrimaryHover',
166
- labelTextColor: 'successTextSecondary',
281
+ labelTextColor: 'successTextPrimary',
167
282
  labelTextColorHover: 'successTextSecondary',
283
+ borderColor: 'successBorderSecondary',
284
+ iconAfterFillIcon: 'successItemPrimary',
285
+ iconBeforeFillIcon: 'successItemPrimary',
168
286
  },
169
287
  };
170
288
 
171
289
  var labelAppearanceSurface = {
290
+ surfaceMuted: {
291
+ fill: 'surfaceMuted',
292
+ labelTextColor: 'surfaceMutedTextPrimary',
293
+ labelTextColorHover: 'surfaceMutedTextPrimary',
294
+ borderColor: 'surfaceMutedBorderSecondary',
295
+ iconAfterFillIcon: 'surfaceMutedItemPrimary',
296
+ iconBeforeFillIcon: 'surfaceMutedItemPrimary',
297
+ },
172
298
  surfacePrimary: {
173
299
  fill: 'surfacePrimary',
174
300
  fillHover: 'surfacePrimaryHover',
175
301
  labelTextColor: 'surfaceTextPrimary',
176
302
  labelTextColorHover: 'surfaceTextPrimary',
303
+ borderColor: 'surfaceBorderQuaternary',
304
+ iconAfterFillIcon: 'surfaceItemPrimary',
305
+ iconBeforeFillIcon: 'surfaceItemPrimary',
306
+ },
307
+ surfaceQuaternary: {
308
+ fill: 'surfaceQuaternary',
309
+ labelTextColor: 'surfaceTextInverse',
310
+ labelTextColorHover: 'surfaceTextInverse',
177
311
  },
178
312
  surfaceSecondary: {
179
313
  fill: 'surfaceSecondary',
@@ -185,11 +319,6 @@ var labelAppearanceSurface = {
185
319
  labelTextColor: 'surfaceTextPrimary',
186
320
  labelTextColorHover: 'surfaceTextPrimary',
187
321
  },
188
- surfaceQuaternary: {
189
- fill: 'surfaceQuaternary',
190
- labelTextColor: 'surfaceTextInverse',
191
- labelTextColorHover: 'surfaceTextInverse',
192
- },
193
322
  };
194
323
 
195
324
  var labelAppearanceWarning = {
@@ -199,15 +328,26 @@ var labelAppearanceWarning = {
199
328
  labelTextColor: 'warningTextSecondary',
200
329
  labelTextColorHover: 'warningTextSecondary',
201
330
  },
331
+ warningMuted: {
332
+ fill: 'warningMuted',
333
+ labelTextColor: 'warningMutedTextPrimary',
334
+ labelTextColorHover: 'warningMutedTextPrimary',
335
+ borderColor: 'warningMutedBorderSecondary',
336
+ iconAfterFillIcon: 'warningMutedItemPrimary',
337
+ iconBeforeFillIcon: 'warningMutedItemPrimary',
338
+ },
202
339
  warningPrimary: {
203
340
  fill: 'warningPrimary',
204
341
  fillHover: 'warningPrimaryHover',
205
- labelTextColor: 'warningTextSecondary',
342
+ labelTextColor: 'warningTextPrimary',
206
343
  labelTextColorHover: 'warningTextSecondary',
344
+ borderColor: 'warningBorderSecondary',
345
+ iconAfterFillIcon: 'warningItemPrimary',
346
+ iconBeforeFillIcon: 'warningItemPrimary',
207
347
  },
208
348
  };
209
349
 
210
- var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
350
+ var labelAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, labelAppearanceDisable), labelAppearanceSize), labelAppearanceStyle), labelAppearanceAccent), labelAppearanceDanger), labelAppearanceError), labelAppearanceInfo), labelAppearancePrimary), labelAppearanceSecondary), labelAppearanceSuccess), labelAppearanceSurface), labelAppearanceWarning);
211
351
 
212
352
  var labelConfig = {
213
353
  appearance: labelAppearance,
@@ -14,6 +14,27 @@ var loaderAppearanceAccent = {
14
14
  },
15
15
  };
16
16
 
17
+ var loaderAppearanceDanger = {
18
+ dangerPrimary: {
19
+ fill: 'dangerPrimary',
20
+ itemFill: 'dangerItemPrimary',
21
+ },
22
+ };
23
+
24
+ var loaderAppearanceError = {
25
+ errorPrimary: {
26
+ fill: 'errorPrimary',
27
+ itemFill: 'errorItemPrimary',
28
+ },
29
+ };
30
+
31
+ var loaderAppearanceInfo = {
32
+ infoPrimary: {
33
+ fill: 'infoPrimary',
34
+ itemFill: 'infoItemPrimary',
35
+ },
36
+ };
37
+
17
38
  var loaderAppearancePrimary = {
18
39
  primaryPrimary: {
19
40
  fill: 'primaryPrimary',
@@ -40,6 +61,13 @@ var loaderAppearanceSize = {
40
61
  },
41
62
  };
42
63
 
64
+ var loaderAppearanceSuccess = {
65
+ successPrimary: {
66
+ fill: 'successPrimary',
67
+ itemFill: 'successItemPrimary',
68
+ },
69
+ };
70
+
43
71
  var loaderAppearanceSurface = {
44
72
  surfacePrimary: {
45
73
  fill: 'surfacePrimary',
@@ -55,7 +83,14 @@ var loaderAppearanceSurface = {
55
83
  },
56
84
  };
57
85
 
58
- var loaderAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface);
86
+ var loaderAppearanceWarning = {
87
+ warningPrimary: {
88
+ fill: 'warningPrimary',
89
+ itemFill: 'warningItemPrimary',
90
+ },
91
+ };
92
+
93
+ var loaderAppearance = 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({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface), loaderAppearanceWarning), loaderAppearanceSuccess), loaderAppearanceInfo), loaderAppearanceDanger), loaderAppearanceError);
59
94
 
60
95
  var loaderConfig = {
61
96
  appearance: loaderAppearance,