@hpe-web/design-tokens 1.2.1 → 1.3.0
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/README.md +5 -9
- package/dist/css/fonts/de.css +164 -0
- package/dist/css/fonts/en.css +164 -0
- package/dist/css/fonts/es.css +164 -0
- package/dist/css/fonts/fr.css +164 -0
- package/dist/css/fonts/it.css +164 -0
- package/dist/css/locales/ja.tokens.css +5 -0
- package/dist/css/locales/ko.tokens.css +5 -0
- package/dist/css/locales/zh.tokens.css +12 -0
- package/dist/css/tokens.css +566 -309
- package/dist/css/tokens.dark.css +67 -83
- package/dist/css/tokens.md-lg.css +155 -64
- package/dist/css/tokens.xl.css +155 -64
- package/package.json +1 -1
- package/src/breakpoints.json +9 -11
- package/src/component/button.json +112 -576
- package/src/fonts.json +1 -5
- package/src/hpe.resolver.json +2 -2
- package/src/primitive/primitives.json +18 -929
- package/src/semantic/color.dark.json +80 -450
- package/src/semantic/color.light.json +76 -470
- package/src/semantic/dimension.md-lg.json +698 -67
- package/src/semantic/dimension.xl.json +700 -69
- package/src/semantic/dimension.xs-sm.json +696 -65
|
@@ -5,15 +5,7 @@
|
|
|
5
5
|
"disabled": {
|
|
6
6
|
"background": {
|
|
7
7
|
"$type": "color",
|
|
8
|
-
"$value": {
|
|
9
|
-
"colorSpace": "srgb",
|
|
10
|
-
"components": [
|
|
11
|
-
0.647,
|
|
12
|
-
0.647,
|
|
13
|
-
0.663
|
|
14
|
-
],
|
|
15
|
-
"hex": "#a5a5a9"
|
|
16
|
-
}
|
|
8
|
+
"$value": "{hpe-web.color.background.carousel-disabled}"
|
|
17
9
|
},
|
|
18
10
|
"borderColor": {
|
|
19
11
|
"$type": "color",
|
|
@@ -21,29 +13,13 @@
|
|
|
21
13
|
},
|
|
22
14
|
"iconColor": {
|
|
23
15
|
"$type": "color",
|
|
24
|
-
"$value": {
|
|
25
|
-
"colorSpace": "srgb",
|
|
26
|
-
"components": [
|
|
27
|
-
0.161,
|
|
28
|
-
0.176,
|
|
29
|
-
0.227
|
|
30
|
-
],
|
|
31
|
-
"hex": "#292d3a"
|
|
32
|
-
}
|
|
16
|
+
"$value": "{hpe-web.color.icon.onStrong}"
|
|
33
17
|
}
|
|
34
18
|
},
|
|
35
19
|
"hover": {
|
|
36
20
|
"background": {
|
|
37
21
|
"$type": "color",
|
|
38
|
-
"$value": {
|
|
39
|
-
"colorSpace": "srgb",
|
|
40
|
-
"components": [
|
|
41
|
-
0.831,
|
|
42
|
-
0.831,
|
|
43
|
-
0.831
|
|
44
|
-
],
|
|
45
|
-
"hex": "#d4d4d4"
|
|
46
|
-
}
|
|
22
|
+
"$value": "{hpe-web.color.background.carousel-hover}"
|
|
47
23
|
},
|
|
48
24
|
"borderColor": {
|
|
49
25
|
"$type": "color",
|
|
@@ -51,54 +27,21 @@
|
|
|
51
27
|
},
|
|
52
28
|
"iconColor": {
|
|
53
29
|
"$type": "color",
|
|
54
|
-
"$value": {
|
|
55
|
-
"colorSpace": "srgb",
|
|
56
|
-
"components": [
|
|
57
|
-
0.161,
|
|
58
|
-
0.176,
|
|
59
|
-
0.227
|
|
60
|
-
],
|
|
61
|
-
"hex": "#292d3a"
|
|
62
|
-
}
|
|
30
|
+
"$value": "{hpe-web.color.icon.onStrong}"
|
|
63
31
|
}
|
|
64
32
|
},
|
|
65
33
|
"rest": {
|
|
66
34
|
"background": {
|
|
67
35
|
"$type": "color",
|
|
68
|
-
"$value": {
|
|
69
|
-
"colorSpace": "srgb",
|
|
70
|
-
"components": [
|
|
71
|
-
0.902,
|
|
72
|
-
0.91,
|
|
73
|
-
0.914
|
|
74
|
-
],
|
|
75
|
-
"hex": "#e6e8e9"
|
|
76
|
-
}
|
|
36
|
+
"$value": "{hpe-web.color.background.carousel}"
|
|
77
37
|
},
|
|
78
38
|
"borderColor": {
|
|
79
39
|
"$type": "color",
|
|
80
|
-
"$value": {
|
|
81
|
-
"colorSpace": "srgb",
|
|
82
|
-
"components": [
|
|
83
|
-
0,
|
|
84
|
-
0,
|
|
85
|
-
0
|
|
86
|
-
],
|
|
87
|
-
"hex": "#000000",
|
|
88
|
-
"alpha": 0
|
|
89
|
-
}
|
|
40
|
+
"$value": "{hpe-web.color.transparent}"
|
|
90
41
|
},
|
|
91
42
|
"iconColor": {
|
|
92
43
|
"$type": "color",
|
|
93
|
-
"$value": {
|
|
94
|
-
"colorSpace": "srgb",
|
|
95
|
-
"components": [
|
|
96
|
-
0.161,
|
|
97
|
-
0.176,
|
|
98
|
-
0.227
|
|
99
|
-
],
|
|
100
|
-
"hex": "#292d3a"
|
|
101
|
-
}
|
|
44
|
+
"$value": "{hpe-web.color.icon.onStrong}"
|
|
102
45
|
}
|
|
103
46
|
}
|
|
104
47
|
},
|
|
@@ -106,139 +49,69 @@
|
|
|
106
49
|
"large": {
|
|
107
50
|
"borderRadius": {
|
|
108
51
|
"$type": "dimension",
|
|
109
|
-
"$value": {
|
|
110
|
-
"value": 9999,
|
|
111
|
-
"unit": "px"
|
|
112
|
-
}
|
|
52
|
+
"$value": "{hpe-web.multi-mode.button.link.large.borderRadius}"
|
|
113
53
|
},
|
|
114
54
|
"borderWidth": {
|
|
115
55
|
"$type": "dimension",
|
|
116
|
-
"$value": {
|
|
117
|
-
"value": 4,
|
|
118
|
-
"unit": "px"
|
|
119
|
-
}
|
|
56
|
+
"$value": "{hpe-web.multi-mode.button.link.large.borderWidth}"
|
|
120
57
|
},
|
|
121
58
|
"fontSize": {
|
|
122
59
|
"$type": "dimension",
|
|
123
|
-
"$value": {
|
|
124
|
-
"value": 20,
|
|
125
|
-
"unit": "px"
|
|
126
|
-
}
|
|
60
|
+
"$value": "{hpe-web.multi-mode.button.link.large.fontSize}"
|
|
127
61
|
},
|
|
128
62
|
"gapX": {
|
|
129
63
|
"$type": "dimension",
|
|
130
|
-
"$value": {
|
|
131
|
-
"value": 12,
|
|
132
|
-
"unit": "px"
|
|
133
|
-
}
|
|
134
|
-
},
|
|
135
|
-
"iconHeight": {
|
|
136
|
-
"$type": "dimension",
|
|
137
|
-
"$value": {
|
|
138
|
-
"value": 20,
|
|
139
|
-
"unit": "px"
|
|
140
|
-
}
|
|
141
|
-
},
|
|
142
|
-
"iconWidth": {
|
|
143
|
-
"$type": "dimension",
|
|
144
|
-
"$value": {
|
|
145
|
-
"value": 20,
|
|
146
|
-
"unit": "px"
|
|
147
|
-
}
|
|
64
|
+
"$value": "{hpe-web.multi-mode.button.link.large.gapX}"
|
|
148
65
|
},
|
|
149
66
|
"lineHeight": {
|
|
150
67
|
"$type": "number",
|
|
151
|
-
"$value":
|
|
68
|
+
"$value": "{hpe-web.multi-mode.button.link.large.lineHeight}"
|
|
152
69
|
},
|
|
153
70
|
"minHeight": {
|
|
154
71
|
"$type": "dimension",
|
|
155
|
-
"$value": {
|
|
156
|
-
"value": 20,
|
|
157
|
-
"unit": "px"
|
|
158
|
-
}
|
|
72
|
+
"$value": "{hpe-web.multi-mode.button.link.large.minHeight}"
|
|
159
73
|
},
|
|
160
74
|
"paddingX": {
|
|
161
75
|
"$type": "dimension",
|
|
162
|
-
"$value": {
|
|
163
|
-
"value": 0,
|
|
164
|
-
"unit": "px"
|
|
165
|
-
}
|
|
76
|
+
"$value": "{hpe-web.multi-mode.button.link.large.paddingX}"
|
|
166
77
|
},
|
|
167
78
|
"paddingY": {
|
|
168
79
|
"$type": "dimension",
|
|
169
|
-
"$value": {
|
|
170
|
-
"value": 0,
|
|
171
|
-
"unit": "px"
|
|
172
|
-
}
|
|
80
|
+
"$value": "{hpe-web.multi-mode.button.link.large.paddingY}"
|
|
173
81
|
}
|
|
174
82
|
},
|
|
175
83
|
"medium": {
|
|
176
84
|
"borderRadius": {
|
|
177
85
|
"$type": "dimension",
|
|
178
|
-
"$value": {
|
|
179
|
-
"value": 9999,
|
|
180
|
-
"unit": "px"
|
|
181
|
-
}
|
|
86
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.borderRadius}"
|
|
182
87
|
},
|
|
183
88
|
"borderWidth": {
|
|
184
89
|
"$type": "dimension",
|
|
185
|
-
"$value": {
|
|
186
|
-
"value": 4,
|
|
187
|
-
"unit": "px"
|
|
188
|
-
}
|
|
90
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.borderWidth}"
|
|
189
91
|
},
|
|
190
92
|
"fontSize": {
|
|
191
93
|
"$type": "dimension",
|
|
192
|
-
"$value": {
|
|
193
|
-
"value": 18,
|
|
194
|
-
"unit": "px"
|
|
195
|
-
}
|
|
94
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.fontSize}"
|
|
196
95
|
},
|
|
197
96
|
"gapX": {
|
|
198
97
|
"$type": "dimension",
|
|
199
|
-
"$value": {
|
|
200
|
-
"value": 12,
|
|
201
|
-
"unit": "px"
|
|
202
|
-
}
|
|
203
|
-
},
|
|
204
|
-
"iconHeight": {
|
|
205
|
-
"$type": "dimension",
|
|
206
|
-
"$value": {
|
|
207
|
-
"value": 16,
|
|
208
|
-
"unit": "px"
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
"iconWidth": {
|
|
212
|
-
"$type": "dimension",
|
|
213
|
-
"$value": {
|
|
214
|
-
"value": 16,
|
|
215
|
-
"unit": "px"
|
|
216
|
-
}
|
|
98
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.gapX}"
|
|
217
99
|
},
|
|
218
100
|
"lineHeight": {
|
|
219
101
|
"$type": "number",
|
|
220
|
-
"$value":
|
|
102
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.lineHeight}"
|
|
221
103
|
},
|
|
222
104
|
"minHeight": {
|
|
223
105
|
"$type": "dimension",
|
|
224
|
-
"$value": {
|
|
225
|
-
"value": 24,
|
|
226
|
-
"unit": "px"
|
|
227
|
-
}
|
|
106
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.minHeight}"
|
|
228
107
|
},
|
|
229
108
|
"paddingX": {
|
|
230
109
|
"$type": "dimension",
|
|
231
|
-
"$value": {
|
|
232
|
-
"value": 0,
|
|
233
|
-
"unit": "px"
|
|
234
|
-
}
|
|
110
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.paddingX}"
|
|
235
111
|
},
|
|
236
112
|
"paddingY": {
|
|
237
113
|
"$type": "dimension",
|
|
238
|
-
"$value": {
|
|
239
|
-
"value": 0,
|
|
240
|
-
"unit": "px"
|
|
241
|
-
}
|
|
114
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.paddingY}"
|
|
242
115
|
}
|
|
243
116
|
},
|
|
244
117
|
"neutral": {
|
|
@@ -246,29 +119,11 @@
|
|
|
246
119
|
"rest": {
|
|
247
120
|
"background": {
|
|
248
121
|
"$type": "color",
|
|
249
|
-
"$value": {
|
|
250
|
-
"colorSpace": "srgb",
|
|
251
|
-
"components": [
|
|
252
|
-
0,
|
|
253
|
-
0,
|
|
254
|
-
0
|
|
255
|
-
],
|
|
256
|
-
"hex": "#000000",
|
|
257
|
-
"alpha": 0
|
|
258
|
-
}
|
|
122
|
+
"$value": "{hpe-web.color.transparent}"
|
|
259
123
|
},
|
|
260
124
|
"borderColor": {
|
|
261
125
|
"$type": "color",
|
|
262
|
-
"$value": {
|
|
263
|
-
"colorSpace": "srgb",
|
|
264
|
-
"components": [
|
|
265
|
-
0,
|
|
266
|
-
0,
|
|
267
|
-
0
|
|
268
|
-
],
|
|
269
|
-
"hex": "#000000",
|
|
270
|
-
"alpha": 0
|
|
271
|
-
}
|
|
126
|
+
"$value": "{hpe-web.color.transparent}"
|
|
272
127
|
},
|
|
273
128
|
"fontWeight": {
|
|
274
129
|
"$type": "fontWeight",
|
|
@@ -291,16 +146,7 @@
|
|
|
291
146
|
},
|
|
292
147
|
"borderColor": {
|
|
293
148
|
"$type": "color",
|
|
294
|
-
"$value": {
|
|
295
|
-
"colorSpace": "srgb",
|
|
296
|
-
"components": [
|
|
297
|
-
0,
|
|
298
|
-
0,
|
|
299
|
-
0
|
|
300
|
-
],
|
|
301
|
-
"hex": "#000000",
|
|
302
|
-
"alpha": 0
|
|
303
|
-
}
|
|
149
|
+
"$value": "{hpe-web.button.primary.rest.borderColor}"
|
|
304
150
|
},
|
|
305
151
|
"fontWeight": {
|
|
306
152
|
"$type": "fontWeight",
|
|
@@ -318,29 +164,11 @@
|
|
|
318
164
|
"rest": {
|
|
319
165
|
"background": {
|
|
320
166
|
"$type": "color",
|
|
321
|
-
"$value": {
|
|
322
|
-
"colorSpace": "srgb",
|
|
323
|
-
"components": [
|
|
324
|
-
0,
|
|
325
|
-
0,
|
|
326
|
-
0
|
|
327
|
-
],
|
|
328
|
-
"hex": "#000000",
|
|
329
|
-
"alpha": 0
|
|
330
|
-
}
|
|
167
|
+
"$value": "{hpe-web.color.transparent}"
|
|
331
168
|
},
|
|
332
169
|
"borderColor": {
|
|
333
170
|
"$type": "color",
|
|
334
|
-
"$value": {
|
|
335
|
-
"colorSpace": "srgb",
|
|
336
|
-
"components": [
|
|
337
|
-
0,
|
|
338
|
-
0,
|
|
339
|
-
0
|
|
340
|
-
],
|
|
341
|
-
"hex": "#000000",
|
|
342
|
-
"alpha": 0
|
|
343
|
-
}
|
|
171
|
+
"$value": "{hpe-web.color.transparent}"
|
|
344
172
|
},
|
|
345
173
|
"fontWeight": {
|
|
346
174
|
"$type": "fontWeight",
|
|
@@ -352,7 +180,7 @@
|
|
|
352
180
|
},
|
|
353
181
|
"textColor": {
|
|
354
182
|
"$type": "color",
|
|
355
|
-
"$value": "{hpe-web.color.text.
|
|
183
|
+
"$value": "{hpe-web.color.text.strong}"
|
|
356
184
|
}
|
|
357
185
|
}
|
|
358
186
|
},
|
|
@@ -361,29 +189,11 @@
|
|
|
361
189
|
"rest": {
|
|
362
190
|
"background": {
|
|
363
191
|
"$type": "color",
|
|
364
|
-
"$value": {
|
|
365
|
-
"colorSpace": "srgb",
|
|
366
|
-
"components": [
|
|
367
|
-
0,
|
|
368
|
-
0,
|
|
369
|
-
0
|
|
370
|
-
],
|
|
371
|
-
"hex": "#000000",
|
|
372
|
-
"alpha": 0
|
|
373
|
-
}
|
|
192
|
+
"$value": "{hpe-web.color.transparent}"
|
|
374
193
|
},
|
|
375
194
|
"borderColor": {
|
|
376
195
|
"$type": "color",
|
|
377
|
-
"$value": {
|
|
378
|
-
"colorSpace": "srgb",
|
|
379
|
-
"components": [
|
|
380
|
-
0,
|
|
381
|
-
0,
|
|
382
|
-
0
|
|
383
|
-
],
|
|
384
|
-
"hex": "#000000",
|
|
385
|
-
"alpha": 0
|
|
386
|
-
}
|
|
196
|
+
"$value": "{hpe-web.color.transparent}"
|
|
387
197
|
},
|
|
388
198
|
"fontWeight": {
|
|
389
199
|
"$type": "fontWeight",
|
|
@@ -410,7 +220,7 @@
|
|
|
410
220
|
},
|
|
411
221
|
"fontWeight": {
|
|
412
222
|
"$type": "fontWeight",
|
|
413
|
-
"$value":
|
|
223
|
+
"$value": 700
|
|
414
224
|
},
|
|
415
225
|
"iconColor": {
|
|
416
226
|
"$type": "color",
|
|
@@ -432,7 +242,7 @@
|
|
|
432
242
|
},
|
|
433
243
|
"fontWeight": {
|
|
434
244
|
"$type": "fontWeight",
|
|
435
|
-
"$value":
|
|
245
|
+
"$value": 500
|
|
436
246
|
},
|
|
437
247
|
"iconColor": {
|
|
438
248
|
"$type": "color",
|
|
@@ -447,70 +257,35 @@
|
|
|
447
257
|
"small": {
|
|
448
258
|
"borderRadius": {
|
|
449
259
|
"$type": "dimension",
|
|
450
|
-
"$value": {
|
|
451
|
-
"value": 9999,
|
|
452
|
-
"unit": "px"
|
|
453
|
-
}
|
|
260
|
+
"$value": "{hpe-web.multi-mode.button.link.small.borderRadius}"
|
|
454
261
|
},
|
|
455
262
|
"borderWidth": {
|
|
456
263
|
"$type": "dimension",
|
|
457
|
-
"$value": {
|
|
458
|
-
"value": 4,
|
|
459
|
-
"unit": "px"
|
|
460
|
-
}
|
|
264
|
+
"$value": "{hpe-web.multi-mode.button.link.small.borderWidth}"
|
|
461
265
|
},
|
|
462
266
|
"fontSize": {
|
|
463
267
|
"$type": "dimension",
|
|
464
|
-
"$value": {
|
|
465
|
-
"value": 16,
|
|
466
|
-
"unit": "px"
|
|
467
|
-
}
|
|
268
|
+
"$value": "{hpe-web.multi-mode.button.link.small.fontSize}"
|
|
468
269
|
},
|
|
469
270
|
"gapX": {
|
|
470
271
|
"$type": "dimension",
|
|
471
|
-
"$value": {
|
|
472
|
-
"value": 8,
|
|
473
|
-
"unit": "px"
|
|
474
|
-
}
|
|
475
|
-
},
|
|
476
|
-
"iconHeight": {
|
|
477
|
-
"$type": "dimension",
|
|
478
|
-
"$value": {
|
|
479
|
-
"value": 16,
|
|
480
|
-
"unit": "px"
|
|
481
|
-
}
|
|
482
|
-
},
|
|
483
|
-
"iconWidth": {
|
|
484
|
-
"$type": "dimension",
|
|
485
|
-
"$value": {
|
|
486
|
-
"value": 16,
|
|
487
|
-
"unit": "px"
|
|
488
|
-
}
|
|
272
|
+
"$value": "{hpe-web.multi-mode.button.link.small.gapX}"
|
|
489
273
|
},
|
|
490
274
|
"lineHeight": {
|
|
491
275
|
"$type": "number",
|
|
492
|
-
"$value":
|
|
276
|
+
"$value": "{hpe-web.multi-mode.button.link.small.lineHeight}"
|
|
493
277
|
},
|
|
494
278
|
"minHeight": {
|
|
495
279
|
"$type": "dimension",
|
|
496
|
-
"$value": {
|
|
497
|
-
"value": 14,
|
|
498
|
-
"unit": "px"
|
|
499
|
-
}
|
|
280
|
+
"$value": "{hpe-web.multi-mode.button.link.small.minHeight}"
|
|
500
281
|
},
|
|
501
282
|
"paddingX": {
|
|
502
283
|
"$type": "dimension",
|
|
503
|
-
"$value": {
|
|
504
|
-
"value": 0,
|
|
505
|
-
"unit": "px"
|
|
506
|
-
}
|
|
284
|
+
"$value": "{hpe-web.multi-mode.button.link.small.paddingX}"
|
|
507
285
|
},
|
|
508
286
|
"paddingY": {
|
|
509
287
|
"$type": "dimension",
|
|
510
|
-
"$value": {
|
|
511
|
-
"value": 0,
|
|
512
|
-
"unit": "px"
|
|
513
|
-
}
|
|
288
|
+
"$value": "{hpe-web.multi-mode.button.link.small.paddingY}"
|
|
514
289
|
}
|
|
515
290
|
}
|
|
516
291
|
},
|
|
@@ -530,20 +305,11 @@
|
|
|
530
305
|
},
|
|
531
306
|
"borderColor": {
|
|
532
307
|
"$type": "color",
|
|
533
|
-
"$value": {
|
|
534
|
-
"colorSpace": "srgb",
|
|
535
|
-
"components": [
|
|
536
|
-
0,
|
|
537
|
-
0,
|
|
538
|
-
0
|
|
539
|
-
],
|
|
540
|
-
"hex": "#000000",
|
|
541
|
-
"alpha": 0
|
|
542
|
-
}
|
|
308
|
+
"$value": "{hpe-web.color.transparent}"
|
|
543
309
|
},
|
|
544
310
|
"iconColor": {
|
|
545
311
|
"$type": "color",
|
|
546
|
-
"$value": "{hpe-web.
|
|
312
|
+
"$value": "{hpe-web.color.icon.primary-strong}"
|
|
547
313
|
}
|
|
548
314
|
},
|
|
549
315
|
"rest": {
|
|
@@ -561,28 +327,11 @@
|
|
|
561
327
|
},
|
|
562
328
|
"borderColor": {
|
|
563
329
|
"$type": "color",
|
|
564
|
-
"$value": {
|
|
565
|
-
"colorSpace": "srgb",
|
|
566
|
-
"components": [
|
|
567
|
-
0,
|
|
568
|
-
0,
|
|
569
|
-
0
|
|
570
|
-
],
|
|
571
|
-
"hex": "#000000",
|
|
572
|
-
"alpha": 0
|
|
573
|
-
}
|
|
330
|
+
"$value": "{hpe-web.color.transparent}"
|
|
574
331
|
},
|
|
575
332
|
"iconColor": {
|
|
576
333
|
"$type": "color",
|
|
577
|
-
"$value": {
|
|
578
|
-
"colorSpace": "srgb",
|
|
579
|
-
"components": [
|
|
580
|
-
0.024,
|
|
581
|
-
0.525,
|
|
582
|
-
0.404
|
|
583
|
-
],
|
|
584
|
-
"hex": "#068667"
|
|
585
|
-
}
|
|
334
|
+
"$value": "{hpe-web.color.icon.primary}"
|
|
586
335
|
}
|
|
587
336
|
}
|
|
588
337
|
},
|
|
@@ -595,16 +344,7 @@
|
|
|
595
344
|
},
|
|
596
345
|
"borderColor": {
|
|
597
346
|
"$type": "color",
|
|
598
|
-
"$value": {
|
|
599
|
-
"colorSpace": "srgb",
|
|
600
|
-
"components": [
|
|
601
|
-
0,
|
|
602
|
-
0,
|
|
603
|
-
0
|
|
604
|
-
],
|
|
605
|
-
"hex": "#000000",
|
|
606
|
-
"alpha": 0
|
|
607
|
-
}
|
|
347
|
+
"$value": "{hpe-web.color.transparent}"
|
|
608
348
|
},
|
|
609
349
|
"fontWeight": {
|
|
610
350
|
"$type": "fontWeight",
|
|
@@ -627,16 +367,7 @@
|
|
|
627
367
|
},
|
|
628
368
|
"borderColor": {
|
|
629
369
|
"$type": "color",
|
|
630
|
-
"$value": {
|
|
631
|
-
"colorSpace": "srgb",
|
|
632
|
-
"components": [
|
|
633
|
-
0,
|
|
634
|
-
0,
|
|
635
|
-
0
|
|
636
|
-
],
|
|
637
|
-
"hex": "#000000",
|
|
638
|
-
"alpha": 0
|
|
639
|
-
}
|
|
370
|
+
"$value": "{hpe-web.color.transparent}"
|
|
640
371
|
},
|
|
641
372
|
"fontWeight": {
|
|
642
373
|
"$type": "fontWeight",
|
|
@@ -644,149 +375,87 @@
|
|
|
644
375
|
},
|
|
645
376
|
"iconColor": {
|
|
646
377
|
"$type": "color",
|
|
647
|
-
"$value": "{hpe-web.color.text.
|
|
378
|
+
"$value": "{hpe-web.color.text.onStrong}"
|
|
648
379
|
},
|
|
649
380
|
"textColor": {
|
|
650
381
|
"$type": "color",
|
|
651
|
-
"$value": "{hpe-web.color.text.
|
|
382
|
+
"$value": "{hpe-web.color.text.onStrong}"
|
|
652
383
|
}
|
|
653
384
|
},
|
|
654
385
|
"large": {
|
|
655
386
|
"borderRadius": {
|
|
656
387
|
"$type": "dimension",
|
|
657
|
-
"$value": {
|
|
658
|
-
"value": 9999,
|
|
659
|
-
"unit": "px"
|
|
660
|
-
}
|
|
388
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.borderRadius}"
|
|
661
389
|
},
|
|
662
390
|
"borderWidth": {
|
|
663
391
|
"$type": "dimension",
|
|
664
|
-
"$value": {
|
|
665
|
-
"value": 0,
|
|
666
|
-
"unit": "px"
|
|
667
|
-
}
|
|
392
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.borderWidth}"
|
|
668
393
|
},
|
|
669
394
|
"fontSize": {
|
|
670
395
|
"$type": "dimension",
|
|
671
|
-
"$value": {
|
|
672
|
-
"value": 20,
|
|
673
|
-
"unit": "px"
|
|
674
|
-
}
|
|
396
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.fontSize}"
|
|
675
397
|
},
|
|
676
398
|
"gapX": {
|
|
677
399
|
"$type": "dimension",
|
|
678
|
-
"$value": {
|
|
679
|
-
"value": 12,
|
|
680
|
-
"unit": "px"
|
|
681
|
-
}
|
|
682
|
-
},
|
|
683
|
-
"iconHeight": {
|
|
684
|
-
"$type": "dimension",
|
|
685
|
-
"$value": {
|
|
686
|
-
"value": 20,
|
|
687
|
-
"unit": "px"
|
|
688
|
-
}
|
|
400
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.gapX}"
|
|
689
401
|
},
|
|
690
402
|
"iconWidth": {
|
|
691
403
|
"$type": "dimension",
|
|
692
|
-
"$value": {
|
|
693
|
-
"value": 20,
|
|
694
|
-
"unit": "px"
|
|
695
|
-
}
|
|
404
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.iconWidth}"
|
|
696
405
|
},
|
|
697
406
|
"lineHeight": {
|
|
698
407
|
"$type": "number",
|
|
699
|
-
"$value":
|
|
408
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.lineHeight}"
|
|
700
409
|
},
|
|
701
410
|
"minHeight": {
|
|
702
411
|
"$type": "dimension",
|
|
703
|
-
"$value": {
|
|
704
|
-
"value": 60,
|
|
705
|
-
"unit": "px"
|
|
706
|
-
}
|
|
412
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.minHeight}"
|
|
707
413
|
},
|
|
708
414
|
"paddingX": {
|
|
709
415
|
"$type": "dimension",
|
|
710
|
-
"$value": {
|
|
711
|
-
"value": 36,
|
|
712
|
-
"unit": "px"
|
|
713
|
-
}
|
|
416
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.paddingX}"
|
|
714
417
|
},
|
|
715
418
|
"paddingY": {
|
|
716
419
|
"$type": "dimension",
|
|
717
|
-
"$value": {
|
|
718
|
-
"value": 16,
|
|
719
|
-
"unit": "px"
|
|
720
|
-
}
|
|
420
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.paddingY}"
|
|
721
421
|
}
|
|
722
422
|
},
|
|
723
423
|
"medium": {
|
|
724
424
|
"borderRadius": {
|
|
725
425
|
"$type": "dimension",
|
|
726
|
-
"$value": {
|
|
727
|
-
"value": 9999,
|
|
728
|
-
"unit": "px"
|
|
729
|
-
}
|
|
426
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.borderRadius}"
|
|
730
427
|
},
|
|
731
428
|
"borderWidth": {
|
|
732
429
|
"$type": "dimension",
|
|
733
|
-
"$value": {
|
|
734
|
-
"value": 0,
|
|
735
|
-
"unit": "px"
|
|
736
|
-
}
|
|
430
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.borderWidth}"
|
|
737
431
|
},
|
|
738
432
|
"fontSize": {
|
|
739
433
|
"$type": "dimension",
|
|
740
|
-
"$value": {
|
|
741
|
-
"value": 18,
|
|
742
|
-
"unit": "px"
|
|
743
|
-
}
|
|
434
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.fontSize}"
|
|
744
435
|
},
|
|
745
436
|
"gapX": {
|
|
746
437
|
"$type": "dimension",
|
|
747
|
-
"$value": {
|
|
748
|
-
"value": 12,
|
|
749
|
-
"unit": "px"
|
|
750
|
-
}
|
|
751
|
-
},
|
|
752
|
-
"iconHeight": {
|
|
753
|
-
"$type": "dimension",
|
|
754
|
-
"$value": {
|
|
755
|
-
"value": 16,
|
|
756
|
-
"unit": "px"
|
|
757
|
-
}
|
|
438
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.gapX}"
|
|
758
439
|
},
|
|
759
440
|
"iconWidth": {
|
|
760
441
|
"$type": "dimension",
|
|
761
|
-
"$value": {
|
|
762
|
-
"value": 16,
|
|
763
|
-
"unit": "px"
|
|
764
|
-
}
|
|
442
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.iconWidth}"
|
|
765
443
|
},
|
|
766
444
|
"lineHeight": {
|
|
767
445
|
"$type": "number",
|
|
768
|
-
"$value":
|
|
446
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.lineHeight}"
|
|
769
447
|
},
|
|
770
448
|
"minHeight": {
|
|
771
449
|
"$type": "dimension",
|
|
772
|
-
"$value": {
|
|
773
|
-
"value": 52,
|
|
774
|
-
"unit": "px"
|
|
775
|
-
}
|
|
450
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.minHeight}"
|
|
776
451
|
},
|
|
777
452
|
"paddingX": {
|
|
778
453
|
"$type": "dimension",
|
|
779
|
-
"$value": {
|
|
780
|
-
"value": 28,
|
|
781
|
-
"unit": "px"
|
|
782
|
-
}
|
|
454
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.paddingX}"
|
|
783
455
|
},
|
|
784
456
|
"paddingY": {
|
|
785
457
|
"$type": "dimension",
|
|
786
|
-
"$value": {
|
|
787
|
-
"value": 14,
|
|
788
|
-
"unit": "px"
|
|
789
|
-
}
|
|
458
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.paddingY}"
|
|
790
459
|
}
|
|
791
460
|
},
|
|
792
461
|
"rest": {
|
|
@@ -796,97 +465,57 @@
|
|
|
796
465
|
},
|
|
797
466
|
"borderColor": {
|
|
798
467
|
"$type": "color",
|
|
799
|
-
"$value": {
|
|
800
|
-
"colorSpace": "srgb",
|
|
801
|
-
"components": [
|
|
802
|
-
0,
|
|
803
|
-
0,
|
|
804
|
-
0
|
|
805
|
-
],
|
|
806
|
-
"hex": "#000000",
|
|
807
|
-
"alpha": 0
|
|
808
|
-
}
|
|
468
|
+
"$value": "{hpe-web.color.transparent}"
|
|
809
469
|
},
|
|
810
470
|
"fontWeight": {
|
|
811
471
|
"$type": "fontWeight",
|
|
812
|
-
"$value":
|
|
472
|
+
"$value": 500
|
|
813
473
|
},
|
|
814
474
|
"iconColor": {
|
|
815
475
|
"$type": "color",
|
|
816
|
-
"$value": "{hpe-web.color.text.
|
|
476
|
+
"$value": "{hpe-web.color.text.onStrong}"
|
|
817
477
|
},
|
|
818
478
|
"textColor": {
|
|
819
479
|
"$type": "color",
|
|
820
|
-
"$value": "{hpe-web.color.text.
|
|
480
|
+
"$value": "{hpe-web.color.text.onStrong}"
|
|
821
481
|
}
|
|
822
482
|
},
|
|
823
483
|
"small": {
|
|
824
484
|
"borderRadius": {
|
|
825
485
|
"$type": "dimension",
|
|
826
|
-
"$value": {
|
|
827
|
-
"value": 9999,
|
|
828
|
-
"unit": "px"
|
|
829
|
-
}
|
|
486
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.borderRadius}"
|
|
830
487
|
},
|
|
831
488
|
"borderWidth": {
|
|
832
489
|
"$type": "dimension",
|
|
833
|
-
"$value": {
|
|
834
|
-
"value": 0,
|
|
835
|
-
"unit": "px"
|
|
836
|
-
}
|
|
490
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.borderWidth}"
|
|
837
491
|
},
|
|
838
492
|
"fontSize": {
|
|
839
493
|
"$type": "dimension",
|
|
840
|
-
"$value": {
|
|
841
|
-
"value": 16,
|
|
842
|
-
"unit": "px"
|
|
843
|
-
}
|
|
494
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.fontSize}"
|
|
844
495
|
},
|
|
845
496
|
"gapX": {
|
|
846
497
|
"$type": "dimension",
|
|
847
|
-
"$value": {
|
|
848
|
-
"value": 8,
|
|
849
|
-
"unit": "px"
|
|
850
|
-
}
|
|
851
|
-
},
|
|
852
|
-
"iconHeight": {
|
|
853
|
-
"$type": "dimension",
|
|
854
|
-
"$value": {
|
|
855
|
-
"value": 16,
|
|
856
|
-
"unit": "px"
|
|
857
|
-
}
|
|
498
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.gapX}"
|
|
858
499
|
},
|
|
859
500
|
"iconWidth": {
|
|
860
501
|
"$type": "dimension",
|
|
861
|
-
"$value": {
|
|
862
|
-
"value": 16,
|
|
863
|
-
"unit": "px"
|
|
864
|
-
}
|
|
502
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.iconWidth}"
|
|
865
503
|
},
|
|
866
504
|
"lineHeight": {
|
|
867
505
|
"$type": "number",
|
|
868
|
-
"$value":
|
|
506
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.lineHeight}"
|
|
869
507
|
},
|
|
870
508
|
"minHeight": {
|
|
871
509
|
"$type": "dimension",
|
|
872
|
-
"$value": {
|
|
873
|
-
"value": 48,
|
|
874
|
-
"unit": "px"
|
|
875
|
-
}
|
|
510
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.minHeight}"
|
|
876
511
|
},
|
|
877
512
|
"paddingX": {
|
|
878
513
|
"$type": "dimension",
|
|
879
|
-
"$value": {
|
|
880
|
-
"value": 24,
|
|
881
|
-
"unit": "px"
|
|
882
|
-
}
|
|
514
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.paddingX}"
|
|
883
515
|
},
|
|
884
516
|
"paddingY": {
|
|
885
517
|
"$type": "dimension",
|
|
886
|
-
"$value": {
|
|
887
|
-
"value": 12,
|
|
888
|
-
"unit": "px"
|
|
889
|
-
}
|
|
518
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.paddingY}"
|
|
890
519
|
}
|
|
891
520
|
}
|
|
892
521
|
},
|
|
@@ -922,7 +551,7 @@
|
|
|
922
551
|
},
|
|
923
552
|
"borderColor": {
|
|
924
553
|
"$type": "color",
|
|
925
|
-
"$value": "{hpe-web.color.border.
|
|
554
|
+
"$value": "{hpe-web.color.border.selected}"
|
|
926
555
|
},
|
|
927
556
|
"fontWeight": {
|
|
928
557
|
"$type": "fontWeight",
|
|
@@ -934,145 +563,83 @@
|
|
|
934
563
|
},
|
|
935
564
|
"textColor": {
|
|
936
565
|
"$type": "color",
|
|
937
|
-
"$value": "{hpe-web.color.text.
|
|
566
|
+
"$value": "{hpe-web.color.text.strong}"
|
|
938
567
|
}
|
|
939
568
|
},
|
|
940
569
|
"large": {
|
|
941
570
|
"borderRadius": {
|
|
942
571
|
"$type": "dimension",
|
|
943
|
-
"$value": {
|
|
944
|
-
"value": 9999,
|
|
945
|
-
"unit": "px"
|
|
946
|
-
}
|
|
572
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.borderRadius}"
|
|
947
573
|
},
|
|
948
574
|
"borderWidth": {
|
|
949
575
|
"$type": "dimension",
|
|
950
|
-
"$value": {
|
|
951
|
-
"value": 4,
|
|
952
|
-
"unit": "px"
|
|
953
|
-
}
|
|
576
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.borderWidth}"
|
|
954
577
|
},
|
|
955
578
|
"fontSize": {
|
|
956
579
|
"$type": "dimension",
|
|
957
|
-
"$value": {
|
|
958
|
-
"value": 20,
|
|
959
|
-
"unit": "px"
|
|
960
|
-
}
|
|
580
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.fontSize}"
|
|
961
581
|
},
|
|
962
582
|
"gapX": {
|
|
963
583
|
"$type": "dimension",
|
|
964
|
-
"$value": {
|
|
965
|
-
"value": 12,
|
|
966
|
-
"unit": "px"
|
|
967
|
-
}
|
|
584
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.gapX}"
|
|
968
585
|
},
|
|
969
586
|
"iconHeight": {
|
|
970
587
|
"$type": "dimension",
|
|
971
|
-
"$value": {
|
|
972
|
-
"value": 20,
|
|
973
|
-
"unit": "px"
|
|
974
|
-
}
|
|
975
|
-
},
|
|
976
|
-
"iconWidth": {
|
|
977
|
-
"$type": "dimension",
|
|
978
|
-
"$value": {
|
|
979
|
-
"value": 20,
|
|
980
|
-
"unit": "px"
|
|
981
|
-
}
|
|
588
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.iconHeight}"
|
|
982
589
|
},
|
|
983
590
|
"lineHeight": {
|
|
984
591
|
"$type": "number",
|
|
985
|
-
"$value":
|
|
592
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.lineHeight}"
|
|
986
593
|
},
|
|
987
594
|
"minHeight": {
|
|
988
595
|
"$type": "dimension",
|
|
989
|
-
"$value": {
|
|
990
|
-
"value": 60,
|
|
991
|
-
"unit": "px"
|
|
992
|
-
}
|
|
596
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.minHeight}"
|
|
993
597
|
},
|
|
994
598
|
"paddingX": {
|
|
995
599
|
"$type": "dimension",
|
|
996
|
-
"$value": {
|
|
997
|
-
"value": 36,
|
|
998
|
-
"unit": "px"
|
|
999
|
-
}
|
|
600
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.paddingX}"
|
|
1000
601
|
},
|
|
1001
602
|
"paddingY": {
|
|
1002
603
|
"$type": "dimension",
|
|
1003
|
-
"$value": {
|
|
1004
|
-
"value": 16,
|
|
1005
|
-
"unit": "px"
|
|
1006
|
-
}
|
|
604
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.paddingY}"
|
|
1007
605
|
}
|
|
1008
606
|
},
|
|
1009
607
|
"medium": {
|
|
1010
608
|
"borderRadius": {
|
|
1011
609
|
"$type": "dimension",
|
|
1012
|
-
"$value": {
|
|
1013
|
-
"value": 9999,
|
|
1014
|
-
"unit": "px"
|
|
1015
|
-
}
|
|
610
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.borderRadius}"
|
|
1016
611
|
},
|
|
1017
612
|
"borderWidth": {
|
|
1018
613
|
"$type": "dimension",
|
|
1019
|
-
"$value": {
|
|
1020
|
-
"value": 4,
|
|
1021
|
-
"unit": "px"
|
|
1022
|
-
}
|
|
614
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.borderWidth}"
|
|
1023
615
|
},
|
|
1024
616
|
"fontSize": {
|
|
1025
617
|
"$type": "dimension",
|
|
1026
|
-
"$value": {
|
|
1027
|
-
"value": 18,
|
|
1028
|
-
"unit": "px"
|
|
1029
|
-
}
|
|
618
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.fontSize}"
|
|
1030
619
|
},
|
|
1031
620
|
"gapX": {
|
|
1032
621
|
"$type": "dimension",
|
|
1033
|
-
"$value": {
|
|
1034
|
-
"value": 12,
|
|
1035
|
-
"unit": "px"
|
|
1036
|
-
}
|
|
622
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.gapX}"
|
|
1037
623
|
},
|
|
1038
624
|
"iconHeight": {
|
|
1039
625
|
"$type": "dimension",
|
|
1040
|
-
"$value": {
|
|
1041
|
-
"value": 16,
|
|
1042
|
-
"unit": "px"
|
|
1043
|
-
}
|
|
1044
|
-
},
|
|
1045
|
-
"iconWidth": {
|
|
1046
|
-
"$type": "dimension",
|
|
1047
|
-
"$value": {
|
|
1048
|
-
"value": 16,
|
|
1049
|
-
"unit": "px"
|
|
1050
|
-
}
|
|
626
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.iconHeight}"
|
|
1051
627
|
},
|
|
1052
628
|
"lineHeight": {
|
|
1053
629
|
"$type": "number",
|
|
1054
|
-
"$value":
|
|
630
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.lineHeight}"
|
|
1055
631
|
},
|
|
1056
632
|
"minHeight": {
|
|
1057
633
|
"$type": "dimension",
|
|
1058
|
-
"$value": {
|
|
1059
|
-
"value": 52,
|
|
1060
|
-
"unit": "px"
|
|
1061
|
-
}
|
|
634
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.minHeight}"
|
|
1062
635
|
},
|
|
1063
636
|
"paddingX": {
|
|
1064
637
|
"$type": "dimension",
|
|
1065
|
-
"$value": {
|
|
1066
|
-
"value": 28,
|
|
1067
|
-
"unit": "px"
|
|
1068
|
-
}
|
|
638
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.paddingX}"
|
|
1069
639
|
},
|
|
1070
640
|
"paddingY": {
|
|
1071
641
|
"$type": "dimension",
|
|
1072
|
-
"$value": {
|
|
1073
|
-
"value": 14,
|
|
1074
|
-
"unit": "px"
|
|
1075
|
-
}
|
|
642
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.paddingY}"
|
|
1076
643
|
}
|
|
1077
644
|
},
|
|
1078
645
|
"rest": {
|
|
@@ -1086,7 +653,7 @@
|
|
|
1086
653
|
},
|
|
1087
654
|
"fontWeight": {
|
|
1088
655
|
"$type": "fontWeight",
|
|
1089
|
-
"$value":
|
|
656
|
+
"$value": 500
|
|
1090
657
|
},
|
|
1091
658
|
"iconColor": {
|
|
1092
659
|
"$type": "color",
|
|
@@ -1094,79 +661,48 @@
|
|
|
1094
661
|
},
|
|
1095
662
|
"textColor": {
|
|
1096
663
|
"$type": "color",
|
|
1097
|
-
"$value": "{hpe-web.color.text.
|
|
664
|
+
"$value": "{hpe-web.color.text.strong}"
|
|
1098
665
|
}
|
|
1099
666
|
},
|
|
1100
667
|
"small": {
|
|
1101
668
|
"borderRadius": {
|
|
1102
669
|
"$type": "dimension",
|
|
1103
|
-
"$value": {
|
|
1104
|
-
"value": 9999,
|
|
1105
|
-
"unit": "px"
|
|
1106
|
-
}
|
|
670
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.borderRadius}"
|
|
1107
671
|
},
|
|
1108
672
|
"borderWidth": {
|
|
1109
673
|
"$type": "dimension",
|
|
1110
|
-
"$value": {
|
|
1111
|
-
"value": 3,
|
|
1112
|
-
"unit": "px"
|
|
1113
|
-
}
|
|
674
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.borderWidth}"
|
|
1114
675
|
},
|
|
1115
676
|
"fontSize": {
|
|
1116
677
|
"$type": "dimension",
|
|
1117
|
-
"$value": {
|
|
1118
|
-
"value": 16,
|
|
1119
|
-
"unit": "px"
|
|
1120
|
-
}
|
|
678
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.fontSize}"
|
|
1121
679
|
},
|
|
1122
680
|
"gapX": {
|
|
1123
681
|
"$type": "dimension",
|
|
1124
|
-
"$value": {
|
|
1125
|
-
"value": 8,
|
|
1126
|
-
"unit": "px"
|
|
1127
|
-
}
|
|
682
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.gapX}"
|
|
1128
683
|
},
|
|
1129
684
|
"iconHeight": {
|
|
1130
685
|
"$type": "dimension",
|
|
1131
|
-
"$value": {
|
|
1132
|
-
"value": 16,
|
|
1133
|
-
"unit": "px"
|
|
1134
|
-
}
|
|
1135
|
-
},
|
|
1136
|
-
"iconWidth": {
|
|
1137
|
-
"$type": "dimension",
|
|
1138
|
-
"$value": {
|
|
1139
|
-
"value": 16,
|
|
1140
|
-
"unit": "px"
|
|
1141
|
-
}
|
|
686
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.iconHeight}"
|
|
1142
687
|
},
|
|
1143
688
|
"lineHeight": {
|
|
1144
689
|
"$type": "number",
|
|
1145
|
-
"$value":
|
|
690
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.lineHeight}"
|
|
1146
691
|
},
|
|
1147
692
|
"minHeight": {
|
|
1148
693
|
"$type": "dimension",
|
|
1149
|
-
"$value": {
|
|
1150
|
-
"value": 48,
|
|
1151
|
-
"unit": "px"
|
|
1152
|
-
}
|
|
694
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.minHeight}"
|
|
1153
695
|
},
|
|
1154
696
|
"paddingX": {
|
|
1155
697
|
"$type": "dimension",
|
|
1156
|
-
"$value": {
|
|
1157
|
-
"value": 24,
|
|
1158
|
-
"unit": "px"
|
|
1159
|
-
}
|
|
698
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.paddingX}"
|
|
1160
699
|
},
|
|
1161
700
|
"paddingY": {
|
|
1162
701
|
"$type": "dimension",
|
|
1163
|
-
"$value": {
|
|
1164
|
-
"value": 12,
|
|
1165
|
-
"unit": "px"
|
|
1166
|
-
}
|
|
702
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.paddingY}"
|
|
1167
703
|
}
|
|
1168
704
|
}
|
|
1169
705
|
}
|
|
1170
706
|
}
|
|
1171
707
|
}
|
|
1172
|
-
}
|
|
708
|
+
}
|