@itcase/ui 1.8.34 → 1.8.35
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.
- package/dist/{ChipsGroup_cjs_DdWjvr_S.js → ChipsGroup_cjs_j3QOma3U.js} +49 -17
- package/dist/{ChipsGroup_es_CXS0aeon.js → ChipsGroup_es_DF1fhn97.js} +49 -17
- package/dist/{DatePicker_cjs_C-VbK2J4.js → DatePicker_cjs_Bx5_lZNT.js} +23 -27
- package/dist/{DatePicker_es_CIEHQyHC.js → DatePicker_es_A1FcasHs.js} +24 -28
- package/dist/{DropdownItem_cjs_D-zoX7Ik.js → DropdownItem_cjs_tH2DBClp.js} +4 -2
- package/dist/{DropdownItem_es_BMnIhUSe.js → DropdownItem_es_BeVv-pDA.js} +4 -2
- package/dist/{Label_cjs_BWbVsB-u.js → Label_cjs_CP4b6Mg2.js} +10 -82
- package/dist/{Label_es_ouC2i_iI.js → Label_es_DFSiy5sL.js} +10 -82
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/DatePeriod.js +6 -4
- package/dist/cjs/components/DatePicker.js +2 -2
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Pagination.js +1 -1
- package/dist/components/Cell.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/DatePeriod.js +6 -4
- package/dist/components/DatePicker.js +2 -2
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/css/components/Dropdown/Dropdown.css +7 -14
- package/dist/css/styles/shape-strength/shape-strength.css +4 -9
- package/dist/types/components/Chips/appearance/chipsSize.d.ts +34 -0
- package/dist/types/components/Chips/appearance/chipsStyle.d.ts +7 -9
- package/dist/types/components/Label/appearance/labelAccent.d.ts +0 -8
- package/dist/types/components/Label/appearance/labelDanger.d.ts +0 -12
- package/dist/types/components/Label/appearance/labelDisable.d.ts +0 -2
- package/dist/types/components/Label/appearance/labelError.d.ts +0 -8
- package/dist/types/components/Label/appearance/labelInfo.d.ts +0 -5
- package/dist/types/components/Label/appearance/labelPrimary.d.ts +0 -10
- package/dist/types/components/Label/appearance/labelSecondary.d.ts +0 -10
- package/dist/types/components/Label/appearance/labelSize.d.ts +6 -0
- package/dist/types/components/Label/appearance/labelStyle.d.ts +4 -4
- package/dist/types/components/Label/appearance/labelSuccess.d.ts +0 -8
- package/dist/types/components/Label/appearance/labelSurface.d.ts +0 -6
- package/dist/types/components/Label/appearance/labelWarning.d.ts +0 -9
- package/package.json +1 -1
|
@@ -10,15 +10,9 @@ var Tooltip = require('./Tooltip_cjs_DinScDnC.js');
|
|
|
10
10
|
var Text = require('./Text_cjs_C9fOm0nd.js');
|
|
11
11
|
|
|
12
12
|
var labelAppearanceAccent = {
|
|
13
|
-
accent: {
|
|
14
|
-
fill: 'accentPrimary',
|
|
15
|
-
labelTextColor: 'accentTextPrimary',
|
|
16
|
-
labelTextColorHover: 'accentTextPrimary',
|
|
17
|
-
},
|
|
18
13
|
accentMutedPrimary: {
|
|
19
14
|
fill: 'accentTertiary',
|
|
20
15
|
labelTextColor: 'accentTextQuaternary',
|
|
21
|
-
labelTextColorHover: 'accentTextQuaternary',
|
|
22
16
|
borderColor: 'accentBorderSecondary',
|
|
23
17
|
iconAfterFillIcon: 'accentItemQuaternary',
|
|
24
18
|
iconBeforeFillIcon: 'accentItemQuaternary',
|
|
@@ -26,7 +20,6 @@ var labelAppearanceAccent = {
|
|
|
26
20
|
accentPrimary: {
|
|
27
21
|
fill: 'accentPrimary',
|
|
28
22
|
labelTextColor: 'accentTextPrimary',
|
|
29
|
-
labelTextColorHover: 'accentTextPrimary',
|
|
30
23
|
borderColor: 'accentBorderSecondary',
|
|
31
24
|
iconAfterFillIcon: 'accentItemPrimary',
|
|
32
25
|
iconBeforeFillIcon: 'accentItemPrimary',
|
|
@@ -34,33 +27,20 @@ var labelAppearanceAccent = {
|
|
|
34
27
|
accentTertiary: {
|
|
35
28
|
fill: 'accentTertiary',
|
|
36
29
|
labelTextColor: 'accentTextPrimary',
|
|
37
|
-
labelTextColorHover: 'accentTextPrimary',
|
|
38
30
|
},
|
|
39
31
|
};
|
|
40
32
|
|
|
41
33
|
var labelAppearanceDanger = {
|
|
42
|
-
danger: {
|
|
43
|
-
fill: 'dangerPrimary',
|
|
44
|
-
fillHover: 'dangerPrimaryHover',
|
|
45
|
-
labelTextColor: 'dangerTextPrimary',
|
|
46
|
-
labelTextColorHover: 'dangerTextSecondary',
|
|
47
|
-
borderColor: 'dangerBorderSecondary',
|
|
48
|
-
iconAfterFillIcon: 'dangerItemPrimary',
|
|
49
|
-
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
50
|
-
},
|
|
51
34
|
dangerMutedPrimary: {
|
|
52
35
|
fill: 'dangerTertiary',
|
|
53
36
|
labelTextColor: 'dangerTextQuaternary',
|
|
54
|
-
labelTextColorHover: 'dangerTextQuaternary',
|
|
55
37
|
borderColor: 'dangerBorderQuaternary',
|
|
56
38
|
iconAfterFillIcon: 'dangerItemQuaternary',
|
|
57
39
|
iconBeforeFillIcon: 'dangerItemQuaternary',
|
|
58
40
|
},
|
|
59
41
|
dangerPrimary: {
|
|
60
42
|
fill: 'dangerPrimary',
|
|
61
|
-
fillHover: 'dangerPrimaryHover',
|
|
62
43
|
labelTextColor: 'dangerTextPrimary',
|
|
63
|
-
labelTextColorHover: 'dangerTextSecondary',
|
|
64
44
|
borderColor: 'dangerBorderSecondary',
|
|
65
45
|
iconAfterFillIcon: 'dangerItemPrimary',
|
|
66
46
|
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
@@ -71,7 +51,6 @@ var labelAppearanceDisable = {
|
|
|
71
51
|
disablePrimary: {
|
|
72
52
|
fill: 'disablePrimary',
|
|
73
53
|
labelTextColor: 'disableTextPrimary',
|
|
74
|
-
labelTextColorHover: 'disableTextPrimary',
|
|
75
54
|
borderColor: 'disableBorderPrimary',
|
|
76
55
|
iconAfterFillIcon: 'disableItemPrimary',
|
|
77
56
|
iconBeforeFillIcon: 'disableItemPrimary',
|
|
@@ -79,7 +58,6 @@ var labelAppearanceDisable = {
|
|
|
79
58
|
disableMuted: {
|
|
80
59
|
fill: 'disableMuted',
|
|
81
60
|
labelTextColor: 'disableMutedTextPrimary',
|
|
82
|
-
labelTextColorHover: 'disableMutedTextPrimary',
|
|
83
61
|
borderColor: 'disableMutedBorderSecondary',
|
|
84
62
|
iconAfterFillIcon: 'disableMutedItemPrimary',
|
|
85
63
|
iconBeforeFillIcon: 'disableMutedItemPrimary',
|
|
@@ -87,16 +65,9 @@ var labelAppearanceDisable = {
|
|
|
87
65
|
};
|
|
88
66
|
|
|
89
67
|
var labelAppearanceError = {
|
|
90
|
-
error: {
|
|
91
|
-
fill: 'errorPrimary',
|
|
92
|
-
fillHover: 'errorPrimaryHover',
|
|
93
|
-
labelTextColor: 'errorTextPrimary',
|
|
94
|
-
labelTextColorHover: 'errorTextPrimary',
|
|
95
|
-
},
|
|
96
68
|
errorMutedPrimary: {
|
|
97
69
|
fill: 'errorDisabled',
|
|
98
70
|
labelTextColor: 'errorTextQuaternary',
|
|
99
|
-
labelTextColorHover: 'errorTextQuaternary',
|
|
100
71
|
borderColor: 'errorBorderSecondary',
|
|
101
72
|
iconAfterFillIcon: 'errorItemQuaternary',
|
|
102
73
|
iconBeforeFillIcon: 'errorItemQuaternary',
|
|
@@ -105,7 +76,6 @@ var labelAppearanceError = {
|
|
|
105
76
|
fill: 'errorPrimary',
|
|
106
77
|
fillHover: 'errorPrimaryHover',
|
|
107
78
|
labelTextColor: 'errorTextPrimary',
|
|
108
|
-
labelTextColorHover: 'errorTextPrimary',
|
|
109
79
|
borderColor: 'errorBorderSecondary',
|
|
110
80
|
iconAfterFillIcon: 'errorItemPrimary',
|
|
111
81
|
iconBeforeFillIcon: 'errorItemPrimary',
|
|
@@ -116,25 +86,20 @@ var labelAppearanceInfo = {
|
|
|
116
86
|
infoMutedPrimary: {
|
|
117
87
|
fill: 'infoMuted',
|
|
118
88
|
labelTextColor: 'infoMutedTextPrimary',
|
|
119
|
-
labelTextColorHover: 'infoMutedTextPrimary',
|
|
120
89
|
borderColor: 'infoMutedBorderSecondary',
|
|
121
90
|
iconAfterFillIcon: 'infoMutedItemPrimary',
|
|
122
91
|
iconBeforeFillIcon: 'infoMutedItemPrimary',
|
|
123
92
|
},
|
|
124
93
|
infoPrimary: {
|
|
125
94
|
fill: 'infoPrimary',
|
|
126
|
-
fillHover: 'infoPrimaryHover',
|
|
127
95
|
labelTextColor: 'infoTextPrimary',
|
|
128
|
-
labelTextColorHover: 'infoTextPrimary',
|
|
129
96
|
borderColor: 'infoBorderPrimary',
|
|
130
97
|
iconAfterFillIcon: 'infoItemPrimary',
|
|
131
98
|
iconBeforeFillIcon: 'infoItemPrimary',
|
|
132
99
|
},
|
|
133
100
|
infoSecondary: {
|
|
134
101
|
fill: 'infoPrimary',
|
|
135
|
-
fillHover: 'infoPrimaryHover',
|
|
136
102
|
labelTextColor: 'infoTextPrimary',
|
|
137
|
-
labelTextColorHover: 'infoTextSecondary',
|
|
138
103
|
borderColor: 'infoBorderSecondary',
|
|
139
104
|
iconAfterFillIcon: 'infoItemPrimary',
|
|
140
105
|
iconBeforeFillIcon: 'infoItemPrimary',
|
|
@@ -142,18 +107,9 @@ var labelAppearanceInfo = {
|
|
|
142
107
|
};
|
|
143
108
|
|
|
144
109
|
var labelAppearancePrimary = {
|
|
145
|
-
primary: {
|
|
146
|
-
fill: 'primaryPrimary',
|
|
147
|
-
labelTextColor: 'primaryTextPrimary',
|
|
148
|
-
labelTextColorHover: 'primaryTextPrimary',
|
|
149
|
-
borderColor: 'primaryBorderSecondary',
|
|
150
|
-
iconAfterFillIcon: 'dangerItemPrimary',
|
|
151
|
-
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
152
|
-
},
|
|
153
110
|
primaryMutedPrimary: {
|
|
154
111
|
fill: 'primaryDisabled',
|
|
155
112
|
labelTextColor: 'primaryTextSecondary',
|
|
156
|
-
labelTextColorHover: 'primaryTextSecondary',
|
|
157
113
|
borderColor: 'primaryBorderTertiary',
|
|
158
114
|
iconAfterFillIcon: 'primaryItemSecondary',
|
|
159
115
|
iconBeforeFillIcon: 'primaryItemSecondary',
|
|
@@ -161,7 +117,6 @@ var labelAppearancePrimary = {
|
|
|
161
117
|
primaryPrimary: {
|
|
162
118
|
fill: 'primaryPrimary',
|
|
163
119
|
labelTextColor: 'primaryTextPrimary',
|
|
164
|
-
labelTextColorHover: 'primaryTextPrimary',
|
|
165
120
|
borderColor: 'primaryBorderSecondary',
|
|
166
121
|
iconAfterFillIcon: 'dangerItemPrimary',
|
|
167
122
|
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
@@ -169,18 +124,9 @@ var labelAppearancePrimary = {
|
|
|
169
124
|
};
|
|
170
125
|
|
|
171
126
|
var labelAppearanceSecondary = {
|
|
172
|
-
secondary: {
|
|
173
|
-
fill: 'secondaryPrimary',
|
|
174
|
-
labelTextColor: 'secondaryTextPrimary',
|
|
175
|
-
labelTextColorHover: 'secondaryTextPrimary',
|
|
176
|
-
borderColor: 'secondaryBorderPrimary',
|
|
177
|
-
iconAfterFillIcon: 'secondaryItemPrimary',
|
|
178
|
-
iconBeforeFillIcon: 'secondaryItemPrimary',
|
|
179
|
-
},
|
|
180
127
|
secondaryMutedPrimary: {
|
|
181
128
|
fill: 'secondaryDisabled',
|
|
182
129
|
labelTextColor: 'secondaryTextQuaternary',
|
|
183
|
-
labelTextColorHover: 'secondaryTextQuaternary',
|
|
184
130
|
borderColor: 'secondaryBorderDisabled',
|
|
185
131
|
iconAfterFillIcon: 'secondaryItemQuaternary',
|
|
186
132
|
iconBeforeFillIcon: 'secondaryItemQuaternary',
|
|
@@ -188,7 +134,6 @@ var labelAppearanceSecondary = {
|
|
|
188
134
|
secondaryPrimary: {
|
|
189
135
|
fill: 'secondaryPrimary',
|
|
190
136
|
labelTextColor: 'secondaryTextPrimary',
|
|
191
|
-
labelTextColorHover: 'secondaryTextPrimary',
|
|
192
137
|
borderColor: 'secondaryBorderPrimary',
|
|
193
138
|
iconAfterFillIcon: 'secondaryItemPrimary',
|
|
194
139
|
iconBeforeFillIcon: 'secondaryItemPrimary',
|
|
@@ -205,6 +150,7 @@ var labelAppearanceSize = {
|
|
|
205
150
|
iconBeforeSize: 24,
|
|
206
151
|
},
|
|
207
152
|
sizeXL: {
|
|
153
|
+
size: 'xl',
|
|
208
154
|
labelTextSize: 'l',
|
|
209
155
|
iconAfterFillSize: 24,
|
|
210
156
|
iconAfterSize: 24,
|
|
@@ -212,6 +158,7 @@ var labelAppearanceSize = {
|
|
|
212
158
|
iconBeforeSize: 24,
|
|
213
159
|
},
|
|
214
160
|
sizeL: {
|
|
161
|
+
size: 'l',
|
|
215
162
|
labelTextSize: 'l',
|
|
216
163
|
iconAfterFillSize: 24,
|
|
217
164
|
iconAfterSize: 24,
|
|
@@ -219,6 +166,7 @@ var labelAppearanceSize = {
|
|
|
219
166
|
iconBeforeSize: 24,
|
|
220
167
|
},
|
|
221
168
|
sizeM: {
|
|
169
|
+
size: 'm',
|
|
222
170
|
labelTextSize: 'm',
|
|
223
171
|
iconAfterFillSize: 24,
|
|
224
172
|
iconAfterSize: 24,
|
|
@@ -226,6 +174,7 @@ var labelAppearanceSize = {
|
|
|
226
174
|
iconBeforeSize: 24,
|
|
227
175
|
},
|
|
228
176
|
sizeS: {
|
|
177
|
+
size: 's',
|
|
229
178
|
labelTextSize: 's',
|
|
230
179
|
iconAfterFillSize: 20,
|
|
231
180
|
iconAfterSize: 20,
|
|
@@ -233,6 +182,7 @@ var labelAppearanceSize = {
|
|
|
233
182
|
iconBeforeSize: 20,
|
|
234
183
|
},
|
|
235
184
|
sizeXS: {
|
|
185
|
+
size: 'xs',
|
|
236
186
|
labelTextSize: 'xs',
|
|
237
187
|
iconAfterFillSize: 16,
|
|
238
188
|
iconAfterSize: 16,
|
|
@@ -240,6 +190,7 @@ var labelAppearanceSize = {
|
|
|
240
190
|
iconBeforeSize: 16,
|
|
241
191
|
},
|
|
242
192
|
sizeXXS: {
|
|
193
|
+
size: 'xxs',
|
|
243
194
|
labelTextSize: 'xs',
|
|
244
195
|
iconAfterFillSize: 14,
|
|
245
196
|
iconAfterSize: 14,
|
|
@@ -249,30 +200,23 @@ var labelAppearanceSize = {
|
|
|
249
200
|
};
|
|
250
201
|
|
|
251
202
|
var labelAppearanceStyle = {
|
|
252
|
-
|
|
253
|
-
ghost: {
|
|
254
|
-
fill: 'none',
|
|
203
|
+
solid: {
|
|
255
204
|
borderColor: 'none',
|
|
256
205
|
},
|
|
257
206
|
outlined: {
|
|
258
207
|
fill: 'none',
|
|
259
208
|
},
|
|
260
|
-
|
|
209
|
+
full: {},
|
|
210
|
+
ghost: {
|
|
211
|
+
fill: 'none',
|
|
261
212
|
borderColor: 'none',
|
|
262
213
|
},
|
|
263
214
|
};
|
|
264
215
|
|
|
265
216
|
var labelAppearanceSuccess = {
|
|
266
|
-
success: {
|
|
267
|
-
fill: 'successPrimary',
|
|
268
|
-
fillHover: 'successPrimaryHover',
|
|
269
|
-
labelTextColor: 'successTextSecondary',
|
|
270
|
-
labelTextColorHover: 'successTextSecondary',
|
|
271
|
-
},
|
|
272
217
|
successMutedPrimary: {
|
|
273
218
|
fill: 'successTertiary',
|
|
274
219
|
labelTextColor: 'successTextQuaternary',
|
|
275
|
-
labelTextColorHover: 'successTextQuaternary',
|
|
276
220
|
borderColor: 'successBorderQuaternary',
|
|
277
221
|
iconAfterFillIcon: 'successItemQuaternary',
|
|
278
222
|
iconBeforeFillIcon: 'successItemQuaternary',
|
|
@@ -281,7 +225,6 @@ var labelAppearanceSuccess = {
|
|
|
281
225
|
fill: 'successPrimary',
|
|
282
226
|
fillHover: 'successPrimaryHover',
|
|
283
227
|
labelTextColor: 'successTextPrimary',
|
|
284
|
-
labelTextColorHover: 'successTextSecondary',
|
|
285
228
|
borderColor: 'successBorderSecondary',
|
|
286
229
|
iconAfterFillIcon: 'successItemPrimary',
|
|
287
230
|
iconBeforeFillIcon: 'successItemPrimary',
|
|
@@ -292,16 +235,13 @@ var labelAppearanceSurface = {
|
|
|
292
235
|
surfaceMutedPrimary: {
|
|
293
236
|
fill: 'surfaceSecondary',
|
|
294
237
|
labelTextColor: 'surfaceTextQuaternary',
|
|
295
|
-
labelTextColorHover: 'surfaceTextQuaternary',
|
|
296
238
|
borderColor: 'surfaceBorderQuaternary',
|
|
297
239
|
iconAfterFillIcon: 'surfaceItemQuaternary',
|
|
298
240
|
iconBeforeFillIcon: 'surfaceItemQuaternary',
|
|
299
241
|
},
|
|
300
242
|
surfacePrimary: {
|
|
301
243
|
fill: 'surfacePrimary',
|
|
302
|
-
fillHover: 'surfacePrimaryHover',
|
|
303
244
|
labelTextColor: 'surfaceTextPrimary',
|
|
304
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
305
245
|
borderColor: 'surfaceBorderQuaternary',
|
|
306
246
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
307
247
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
@@ -309,40 +249,28 @@ var labelAppearanceSurface = {
|
|
|
309
249
|
surfaceSecondary: {
|
|
310
250
|
fill: 'surfaceSecondary',
|
|
311
251
|
labelTextColor: 'surfaceTextPrimary',
|
|
312
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
313
252
|
},
|
|
314
253
|
surfaceTertiary: {
|
|
315
254
|
fill: 'surfaceTertiary',
|
|
316
255
|
labelTextColor: 'surfaceTextPrimary',
|
|
317
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
318
256
|
},
|
|
319
257
|
surfaceQuaternary: {
|
|
320
258
|
fill: 'surfaceQuaternary',
|
|
321
259
|
labelTextColor: 'surfaceTextInverse',
|
|
322
|
-
labelTextColorHover: 'surfaceTextInverse',
|
|
323
260
|
},
|
|
324
261
|
};
|
|
325
262
|
|
|
326
263
|
var labelAppearanceWarning = {
|
|
327
|
-
warning: {
|
|
328
|
-
fill: 'warningPrimary',
|
|
329
|
-
fillHover: 'warningPrimaryHover',
|
|
330
|
-
labelTextColor: 'warningTextSecondary',
|
|
331
|
-
labelTextColorHover: 'warningTextSecondary',
|
|
332
|
-
},
|
|
333
264
|
warningMutedPrimary: {
|
|
334
265
|
fill: 'warningTertiary',
|
|
335
266
|
labelTextColor: 'warningTextSecondary',
|
|
336
|
-
labelTextColorHover: 'warningTextSecondary',
|
|
337
267
|
borderColor: 'warningBorderSecondary',
|
|
338
268
|
iconAfterFillIcon: 'warningItemSecondary',
|
|
339
269
|
iconBeforeFillIcon: 'warningItemSecondary',
|
|
340
270
|
},
|
|
341
271
|
warningPrimary: {
|
|
342
272
|
fill: 'warningPrimary',
|
|
343
|
-
fillHover: 'warningPrimaryHover',
|
|
344
273
|
labelTextColor: 'warningTextPrimary',
|
|
345
|
-
labelTextColorHover: 'warningTextSecondary',
|
|
346
274
|
borderColor: 'warningBorderSecondary',
|
|
347
275
|
iconAfterFillIcon: 'warningItemPrimary',
|
|
348
276
|
iconBeforeFillIcon: 'warningItemPrimary',
|
|
@@ -8,15 +8,9 @@ import { I as Icon, T as Tooltip } from './Tooltip_es_B0nm9irO.js';
|
|
|
8
8
|
import { T as Text } from './Text_es_BfLRfj-5.js';
|
|
9
9
|
|
|
10
10
|
var labelAppearanceAccent = {
|
|
11
|
-
accent: {
|
|
12
|
-
fill: 'accentPrimary',
|
|
13
|
-
labelTextColor: 'accentTextPrimary',
|
|
14
|
-
labelTextColorHover: 'accentTextPrimary',
|
|
15
|
-
},
|
|
16
11
|
accentMutedPrimary: {
|
|
17
12
|
fill: 'accentTertiary',
|
|
18
13
|
labelTextColor: 'accentTextQuaternary',
|
|
19
|
-
labelTextColorHover: 'accentTextQuaternary',
|
|
20
14
|
borderColor: 'accentBorderSecondary',
|
|
21
15
|
iconAfterFillIcon: 'accentItemQuaternary',
|
|
22
16
|
iconBeforeFillIcon: 'accentItemQuaternary',
|
|
@@ -24,7 +18,6 @@ var labelAppearanceAccent = {
|
|
|
24
18
|
accentPrimary: {
|
|
25
19
|
fill: 'accentPrimary',
|
|
26
20
|
labelTextColor: 'accentTextPrimary',
|
|
27
|
-
labelTextColorHover: 'accentTextPrimary',
|
|
28
21
|
borderColor: 'accentBorderSecondary',
|
|
29
22
|
iconAfterFillIcon: 'accentItemPrimary',
|
|
30
23
|
iconBeforeFillIcon: 'accentItemPrimary',
|
|
@@ -32,33 +25,20 @@ var labelAppearanceAccent = {
|
|
|
32
25
|
accentTertiary: {
|
|
33
26
|
fill: 'accentTertiary',
|
|
34
27
|
labelTextColor: 'accentTextPrimary',
|
|
35
|
-
labelTextColorHover: 'accentTextPrimary',
|
|
36
28
|
},
|
|
37
29
|
};
|
|
38
30
|
|
|
39
31
|
var labelAppearanceDanger = {
|
|
40
|
-
danger: {
|
|
41
|
-
fill: 'dangerPrimary',
|
|
42
|
-
fillHover: 'dangerPrimaryHover',
|
|
43
|
-
labelTextColor: 'dangerTextPrimary',
|
|
44
|
-
labelTextColorHover: 'dangerTextSecondary',
|
|
45
|
-
borderColor: 'dangerBorderSecondary',
|
|
46
|
-
iconAfterFillIcon: 'dangerItemPrimary',
|
|
47
|
-
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
48
|
-
},
|
|
49
32
|
dangerMutedPrimary: {
|
|
50
33
|
fill: 'dangerTertiary',
|
|
51
34
|
labelTextColor: 'dangerTextQuaternary',
|
|
52
|
-
labelTextColorHover: 'dangerTextQuaternary',
|
|
53
35
|
borderColor: 'dangerBorderQuaternary',
|
|
54
36
|
iconAfterFillIcon: 'dangerItemQuaternary',
|
|
55
37
|
iconBeforeFillIcon: 'dangerItemQuaternary',
|
|
56
38
|
},
|
|
57
39
|
dangerPrimary: {
|
|
58
40
|
fill: 'dangerPrimary',
|
|
59
|
-
fillHover: 'dangerPrimaryHover',
|
|
60
41
|
labelTextColor: 'dangerTextPrimary',
|
|
61
|
-
labelTextColorHover: 'dangerTextSecondary',
|
|
62
42
|
borderColor: 'dangerBorderSecondary',
|
|
63
43
|
iconAfterFillIcon: 'dangerItemPrimary',
|
|
64
44
|
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
@@ -69,7 +49,6 @@ var labelAppearanceDisable = {
|
|
|
69
49
|
disablePrimary: {
|
|
70
50
|
fill: 'disablePrimary',
|
|
71
51
|
labelTextColor: 'disableTextPrimary',
|
|
72
|
-
labelTextColorHover: 'disableTextPrimary',
|
|
73
52
|
borderColor: 'disableBorderPrimary',
|
|
74
53
|
iconAfterFillIcon: 'disableItemPrimary',
|
|
75
54
|
iconBeforeFillIcon: 'disableItemPrimary',
|
|
@@ -77,7 +56,6 @@ var labelAppearanceDisable = {
|
|
|
77
56
|
disableMuted: {
|
|
78
57
|
fill: 'disableMuted',
|
|
79
58
|
labelTextColor: 'disableMutedTextPrimary',
|
|
80
|
-
labelTextColorHover: 'disableMutedTextPrimary',
|
|
81
59
|
borderColor: 'disableMutedBorderSecondary',
|
|
82
60
|
iconAfterFillIcon: 'disableMutedItemPrimary',
|
|
83
61
|
iconBeforeFillIcon: 'disableMutedItemPrimary',
|
|
@@ -85,16 +63,9 @@ var labelAppearanceDisable = {
|
|
|
85
63
|
};
|
|
86
64
|
|
|
87
65
|
var labelAppearanceError = {
|
|
88
|
-
error: {
|
|
89
|
-
fill: 'errorPrimary',
|
|
90
|
-
fillHover: 'errorPrimaryHover',
|
|
91
|
-
labelTextColor: 'errorTextPrimary',
|
|
92
|
-
labelTextColorHover: 'errorTextPrimary',
|
|
93
|
-
},
|
|
94
66
|
errorMutedPrimary: {
|
|
95
67
|
fill: 'errorDisabled',
|
|
96
68
|
labelTextColor: 'errorTextQuaternary',
|
|
97
|
-
labelTextColorHover: 'errorTextQuaternary',
|
|
98
69
|
borderColor: 'errorBorderSecondary',
|
|
99
70
|
iconAfterFillIcon: 'errorItemQuaternary',
|
|
100
71
|
iconBeforeFillIcon: 'errorItemQuaternary',
|
|
@@ -103,7 +74,6 @@ var labelAppearanceError = {
|
|
|
103
74
|
fill: 'errorPrimary',
|
|
104
75
|
fillHover: 'errorPrimaryHover',
|
|
105
76
|
labelTextColor: 'errorTextPrimary',
|
|
106
|
-
labelTextColorHover: 'errorTextPrimary',
|
|
107
77
|
borderColor: 'errorBorderSecondary',
|
|
108
78
|
iconAfterFillIcon: 'errorItemPrimary',
|
|
109
79
|
iconBeforeFillIcon: 'errorItemPrimary',
|
|
@@ -114,25 +84,20 @@ var labelAppearanceInfo = {
|
|
|
114
84
|
infoMutedPrimary: {
|
|
115
85
|
fill: 'infoMuted',
|
|
116
86
|
labelTextColor: 'infoMutedTextPrimary',
|
|
117
|
-
labelTextColorHover: 'infoMutedTextPrimary',
|
|
118
87
|
borderColor: 'infoMutedBorderSecondary',
|
|
119
88
|
iconAfterFillIcon: 'infoMutedItemPrimary',
|
|
120
89
|
iconBeforeFillIcon: 'infoMutedItemPrimary',
|
|
121
90
|
},
|
|
122
91
|
infoPrimary: {
|
|
123
92
|
fill: 'infoPrimary',
|
|
124
|
-
fillHover: 'infoPrimaryHover',
|
|
125
93
|
labelTextColor: 'infoTextPrimary',
|
|
126
|
-
labelTextColorHover: 'infoTextPrimary',
|
|
127
94
|
borderColor: 'infoBorderPrimary',
|
|
128
95
|
iconAfterFillIcon: 'infoItemPrimary',
|
|
129
96
|
iconBeforeFillIcon: 'infoItemPrimary',
|
|
130
97
|
},
|
|
131
98
|
infoSecondary: {
|
|
132
99
|
fill: 'infoPrimary',
|
|
133
|
-
fillHover: 'infoPrimaryHover',
|
|
134
100
|
labelTextColor: 'infoTextPrimary',
|
|
135
|
-
labelTextColorHover: 'infoTextSecondary',
|
|
136
101
|
borderColor: 'infoBorderSecondary',
|
|
137
102
|
iconAfterFillIcon: 'infoItemPrimary',
|
|
138
103
|
iconBeforeFillIcon: 'infoItemPrimary',
|
|
@@ -140,18 +105,9 @@ var labelAppearanceInfo = {
|
|
|
140
105
|
};
|
|
141
106
|
|
|
142
107
|
var labelAppearancePrimary = {
|
|
143
|
-
primary: {
|
|
144
|
-
fill: 'primaryPrimary',
|
|
145
|
-
labelTextColor: 'primaryTextPrimary',
|
|
146
|
-
labelTextColorHover: 'primaryTextPrimary',
|
|
147
|
-
borderColor: 'primaryBorderSecondary',
|
|
148
|
-
iconAfterFillIcon: 'dangerItemPrimary',
|
|
149
|
-
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
150
|
-
},
|
|
151
108
|
primaryMutedPrimary: {
|
|
152
109
|
fill: 'primaryDisabled',
|
|
153
110
|
labelTextColor: 'primaryTextSecondary',
|
|
154
|
-
labelTextColorHover: 'primaryTextSecondary',
|
|
155
111
|
borderColor: 'primaryBorderTertiary',
|
|
156
112
|
iconAfterFillIcon: 'primaryItemSecondary',
|
|
157
113
|
iconBeforeFillIcon: 'primaryItemSecondary',
|
|
@@ -159,7 +115,6 @@ var labelAppearancePrimary = {
|
|
|
159
115
|
primaryPrimary: {
|
|
160
116
|
fill: 'primaryPrimary',
|
|
161
117
|
labelTextColor: 'primaryTextPrimary',
|
|
162
|
-
labelTextColorHover: 'primaryTextPrimary',
|
|
163
118
|
borderColor: 'primaryBorderSecondary',
|
|
164
119
|
iconAfterFillIcon: 'dangerItemPrimary',
|
|
165
120
|
iconBeforeFillIcon: 'dangerItemPrimary',
|
|
@@ -167,18 +122,9 @@ var labelAppearancePrimary = {
|
|
|
167
122
|
};
|
|
168
123
|
|
|
169
124
|
var labelAppearanceSecondary = {
|
|
170
|
-
secondary: {
|
|
171
|
-
fill: 'secondaryPrimary',
|
|
172
|
-
labelTextColor: 'secondaryTextPrimary',
|
|
173
|
-
labelTextColorHover: 'secondaryTextPrimary',
|
|
174
|
-
borderColor: 'secondaryBorderPrimary',
|
|
175
|
-
iconAfterFillIcon: 'secondaryItemPrimary',
|
|
176
|
-
iconBeforeFillIcon: 'secondaryItemPrimary',
|
|
177
|
-
},
|
|
178
125
|
secondaryMutedPrimary: {
|
|
179
126
|
fill: 'secondaryDisabled',
|
|
180
127
|
labelTextColor: 'secondaryTextQuaternary',
|
|
181
|
-
labelTextColorHover: 'secondaryTextQuaternary',
|
|
182
128
|
borderColor: 'secondaryBorderDisabled',
|
|
183
129
|
iconAfterFillIcon: 'secondaryItemQuaternary',
|
|
184
130
|
iconBeforeFillIcon: 'secondaryItemQuaternary',
|
|
@@ -186,7 +132,6 @@ var labelAppearanceSecondary = {
|
|
|
186
132
|
secondaryPrimary: {
|
|
187
133
|
fill: 'secondaryPrimary',
|
|
188
134
|
labelTextColor: 'secondaryTextPrimary',
|
|
189
|
-
labelTextColorHover: 'secondaryTextPrimary',
|
|
190
135
|
borderColor: 'secondaryBorderPrimary',
|
|
191
136
|
iconAfterFillIcon: 'secondaryItemPrimary',
|
|
192
137
|
iconBeforeFillIcon: 'secondaryItemPrimary',
|
|
@@ -203,6 +148,7 @@ var labelAppearanceSize = {
|
|
|
203
148
|
iconBeforeSize: 24,
|
|
204
149
|
},
|
|
205
150
|
sizeXL: {
|
|
151
|
+
size: 'xl',
|
|
206
152
|
labelTextSize: 'l',
|
|
207
153
|
iconAfterFillSize: 24,
|
|
208
154
|
iconAfterSize: 24,
|
|
@@ -210,6 +156,7 @@ var labelAppearanceSize = {
|
|
|
210
156
|
iconBeforeSize: 24,
|
|
211
157
|
},
|
|
212
158
|
sizeL: {
|
|
159
|
+
size: 'l',
|
|
213
160
|
labelTextSize: 'l',
|
|
214
161
|
iconAfterFillSize: 24,
|
|
215
162
|
iconAfterSize: 24,
|
|
@@ -217,6 +164,7 @@ var labelAppearanceSize = {
|
|
|
217
164
|
iconBeforeSize: 24,
|
|
218
165
|
},
|
|
219
166
|
sizeM: {
|
|
167
|
+
size: 'm',
|
|
220
168
|
labelTextSize: 'm',
|
|
221
169
|
iconAfterFillSize: 24,
|
|
222
170
|
iconAfterSize: 24,
|
|
@@ -224,6 +172,7 @@ var labelAppearanceSize = {
|
|
|
224
172
|
iconBeforeSize: 24,
|
|
225
173
|
},
|
|
226
174
|
sizeS: {
|
|
175
|
+
size: 's',
|
|
227
176
|
labelTextSize: 's',
|
|
228
177
|
iconAfterFillSize: 20,
|
|
229
178
|
iconAfterSize: 20,
|
|
@@ -231,6 +180,7 @@ var labelAppearanceSize = {
|
|
|
231
180
|
iconBeforeSize: 20,
|
|
232
181
|
},
|
|
233
182
|
sizeXS: {
|
|
183
|
+
size: 'xs',
|
|
234
184
|
labelTextSize: 'xs',
|
|
235
185
|
iconAfterFillSize: 16,
|
|
236
186
|
iconAfterSize: 16,
|
|
@@ -238,6 +188,7 @@ var labelAppearanceSize = {
|
|
|
238
188
|
iconBeforeSize: 16,
|
|
239
189
|
},
|
|
240
190
|
sizeXXS: {
|
|
191
|
+
size: 'xxs',
|
|
241
192
|
labelTextSize: 'xs',
|
|
242
193
|
iconAfterFillSize: 14,
|
|
243
194
|
iconAfterSize: 14,
|
|
@@ -247,30 +198,23 @@ var labelAppearanceSize = {
|
|
|
247
198
|
};
|
|
248
199
|
|
|
249
200
|
var labelAppearanceStyle = {
|
|
250
|
-
|
|
251
|
-
ghost: {
|
|
252
|
-
fill: 'none',
|
|
201
|
+
solid: {
|
|
253
202
|
borderColor: 'none',
|
|
254
203
|
},
|
|
255
204
|
outlined: {
|
|
256
205
|
fill: 'none',
|
|
257
206
|
},
|
|
258
|
-
|
|
207
|
+
full: {},
|
|
208
|
+
ghost: {
|
|
209
|
+
fill: 'none',
|
|
259
210
|
borderColor: 'none',
|
|
260
211
|
},
|
|
261
212
|
};
|
|
262
213
|
|
|
263
214
|
var labelAppearanceSuccess = {
|
|
264
|
-
success: {
|
|
265
|
-
fill: 'successPrimary',
|
|
266
|
-
fillHover: 'successPrimaryHover',
|
|
267
|
-
labelTextColor: 'successTextSecondary',
|
|
268
|
-
labelTextColorHover: 'successTextSecondary',
|
|
269
|
-
},
|
|
270
215
|
successMutedPrimary: {
|
|
271
216
|
fill: 'successTertiary',
|
|
272
217
|
labelTextColor: 'successTextQuaternary',
|
|
273
|
-
labelTextColorHover: 'successTextQuaternary',
|
|
274
218
|
borderColor: 'successBorderQuaternary',
|
|
275
219
|
iconAfterFillIcon: 'successItemQuaternary',
|
|
276
220
|
iconBeforeFillIcon: 'successItemQuaternary',
|
|
@@ -279,7 +223,6 @@ var labelAppearanceSuccess = {
|
|
|
279
223
|
fill: 'successPrimary',
|
|
280
224
|
fillHover: 'successPrimaryHover',
|
|
281
225
|
labelTextColor: 'successTextPrimary',
|
|
282
|
-
labelTextColorHover: 'successTextSecondary',
|
|
283
226
|
borderColor: 'successBorderSecondary',
|
|
284
227
|
iconAfterFillIcon: 'successItemPrimary',
|
|
285
228
|
iconBeforeFillIcon: 'successItemPrimary',
|
|
@@ -290,16 +233,13 @@ var labelAppearanceSurface = {
|
|
|
290
233
|
surfaceMutedPrimary: {
|
|
291
234
|
fill: 'surfaceSecondary',
|
|
292
235
|
labelTextColor: 'surfaceTextQuaternary',
|
|
293
|
-
labelTextColorHover: 'surfaceTextQuaternary',
|
|
294
236
|
borderColor: 'surfaceBorderQuaternary',
|
|
295
237
|
iconAfterFillIcon: 'surfaceItemQuaternary',
|
|
296
238
|
iconBeforeFillIcon: 'surfaceItemQuaternary',
|
|
297
239
|
},
|
|
298
240
|
surfacePrimary: {
|
|
299
241
|
fill: 'surfacePrimary',
|
|
300
|
-
fillHover: 'surfacePrimaryHover',
|
|
301
242
|
labelTextColor: 'surfaceTextPrimary',
|
|
302
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
303
243
|
borderColor: 'surfaceBorderQuaternary',
|
|
304
244
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
305
245
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
@@ -307,40 +247,28 @@ var labelAppearanceSurface = {
|
|
|
307
247
|
surfaceSecondary: {
|
|
308
248
|
fill: 'surfaceSecondary',
|
|
309
249
|
labelTextColor: 'surfaceTextPrimary',
|
|
310
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
311
250
|
},
|
|
312
251
|
surfaceTertiary: {
|
|
313
252
|
fill: 'surfaceTertiary',
|
|
314
253
|
labelTextColor: 'surfaceTextPrimary',
|
|
315
|
-
labelTextColorHover: 'surfaceTextPrimary',
|
|
316
254
|
},
|
|
317
255
|
surfaceQuaternary: {
|
|
318
256
|
fill: 'surfaceQuaternary',
|
|
319
257
|
labelTextColor: 'surfaceTextInverse',
|
|
320
|
-
labelTextColorHover: 'surfaceTextInverse',
|
|
321
258
|
},
|
|
322
259
|
};
|
|
323
260
|
|
|
324
261
|
var labelAppearanceWarning = {
|
|
325
|
-
warning: {
|
|
326
|
-
fill: 'warningPrimary',
|
|
327
|
-
fillHover: 'warningPrimaryHover',
|
|
328
|
-
labelTextColor: 'warningTextSecondary',
|
|
329
|
-
labelTextColorHover: 'warningTextSecondary',
|
|
330
|
-
},
|
|
331
262
|
warningMutedPrimary: {
|
|
332
263
|
fill: 'warningTertiary',
|
|
333
264
|
labelTextColor: 'warningTextSecondary',
|
|
334
|
-
labelTextColorHover: 'warningTextSecondary',
|
|
335
265
|
borderColor: 'warningBorderSecondary',
|
|
336
266
|
iconAfterFillIcon: 'warningItemSecondary',
|
|
337
267
|
iconBeforeFillIcon: 'warningItemSecondary',
|
|
338
268
|
},
|
|
339
269
|
warningPrimary: {
|
|
340
270
|
fill: 'warningPrimary',
|
|
341
|
-
fillHover: 'warningPrimaryHover',
|
|
342
271
|
labelTextColor: 'warningTextPrimary',
|
|
343
|
-
labelTextColorHover: 'warningTextSecondary',
|
|
344
272
|
borderColor: 'warningBorderSecondary',
|
|
345
273
|
iconAfterFillIcon: 'warningItemPrimary',
|
|
346
274
|
iconBeforeFillIcon: 'warningItemPrimary',
|
|
@@ -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 Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
|
|
9
|
-
var Label = require('../../
|
|
9
|
+
var Label = require('../../Label_cjs_CP4b6Mg2.js');
|
|
10
10
|
var Text = require('../../Text_cjs_C9fOm0nd.js');
|
|
11
11
|
require('react');
|
|
12
12
|
require('lodash/camelCase');
|