@hpe-web/design-tokens 1.2.2 → 1.3.1
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 +8 -6
- 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 +526 -252
- package/dist/css/tokens.dark.css +67 -66
- package/dist/css/tokens.md-lg.css +115 -24
- package/dist/css/tokens.xl.css +115 -24
- package/package.json +24 -2
- package/src/component/button.json +82 -373
- package/src/hpe.resolver.json +2 -2
- package/src/primitive/primitives.json +17 -17
- package/src/semantic/color.dark.json +1 -1
- package/src/semantic/color.light.json +1 -1
- package/src/semantic/dimension.md-lg.json +643 -12
- package/src/semantic/dimension.xl.json +643 -12
- package/src/semantic/dimension.xs-sm.json +642 -11
|
@@ -49,139 +49,69 @@
|
|
|
49
49
|
"large": {
|
|
50
50
|
"borderRadius": {
|
|
51
51
|
"$type": "dimension",
|
|
52
|
-
"$value": {
|
|
53
|
-
"value": 9999,
|
|
54
|
-
"unit": "px"
|
|
55
|
-
}
|
|
52
|
+
"$value": "{hpe-web.multi-mode.button.link.large.borderRadius}"
|
|
56
53
|
},
|
|
57
54
|
"borderWidth": {
|
|
58
55
|
"$type": "dimension",
|
|
59
|
-
"$value": {
|
|
60
|
-
"value": 4,
|
|
61
|
-
"unit": "px"
|
|
62
|
-
}
|
|
56
|
+
"$value": "{hpe-web.multi-mode.button.link.large.borderWidth}"
|
|
63
57
|
},
|
|
64
58
|
"fontSize": {
|
|
65
59
|
"$type": "dimension",
|
|
66
|
-
"$value": {
|
|
67
|
-
"value": 20,
|
|
68
|
-
"unit": "px"
|
|
69
|
-
}
|
|
60
|
+
"$value": "{hpe-web.multi-mode.button.link.large.fontSize}"
|
|
70
61
|
},
|
|
71
62
|
"gapX": {
|
|
72
63
|
"$type": "dimension",
|
|
73
|
-
"$value": {
|
|
74
|
-
"value": 12,
|
|
75
|
-
"unit": "px"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
"iconHeight": {
|
|
79
|
-
"$type": "dimension",
|
|
80
|
-
"$value": {
|
|
81
|
-
"value": 20,
|
|
82
|
-
"unit": "px"
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
"iconWidth": {
|
|
86
|
-
"$type": "dimension",
|
|
87
|
-
"$value": {
|
|
88
|
-
"value": 20,
|
|
89
|
-
"unit": "px"
|
|
90
|
-
}
|
|
64
|
+
"$value": "{hpe-web.multi-mode.button.link.large.gapX}"
|
|
91
65
|
},
|
|
92
66
|
"lineHeight": {
|
|
93
67
|
"$type": "number",
|
|
94
|
-
"$value":
|
|
68
|
+
"$value": "{hpe-web.multi-mode.button.link.large.lineHeight}"
|
|
95
69
|
},
|
|
96
70
|
"minHeight": {
|
|
97
71
|
"$type": "dimension",
|
|
98
|
-
"$value": {
|
|
99
|
-
"value": 20,
|
|
100
|
-
"unit": "px"
|
|
101
|
-
}
|
|
72
|
+
"$value": "{hpe-web.multi-mode.button.link.large.minHeight}"
|
|
102
73
|
},
|
|
103
74
|
"paddingX": {
|
|
104
75
|
"$type": "dimension",
|
|
105
|
-
"$value": {
|
|
106
|
-
"value": 0,
|
|
107
|
-
"unit": "px"
|
|
108
|
-
}
|
|
76
|
+
"$value": "{hpe-web.multi-mode.button.link.large.paddingX}"
|
|
109
77
|
},
|
|
110
78
|
"paddingY": {
|
|
111
79
|
"$type": "dimension",
|
|
112
|
-
"$value": {
|
|
113
|
-
"value": 0,
|
|
114
|
-
"unit": "px"
|
|
115
|
-
}
|
|
80
|
+
"$value": "{hpe-web.multi-mode.button.link.large.paddingY}"
|
|
116
81
|
}
|
|
117
82
|
},
|
|
118
83
|
"medium": {
|
|
119
84
|
"borderRadius": {
|
|
120
85
|
"$type": "dimension",
|
|
121
|
-
"$value": {
|
|
122
|
-
"value": 9999,
|
|
123
|
-
"unit": "px"
|
|
124
|
-
}
|
|
86
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.borderRadius}"
|
|
125
87
|
},
|
|
126
88
|
"borderWidth": {
|
|
127
89
|
"$type": "dimension",
|
|
128
|
-
"$value": {
|
|
129
|
-
"value": 4,
|
|
130
|
-
"unit": "px"
|
|
131
|
-
}
|
|
90
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.borderWidth}"
|
|
132
91
|
},
|
|
133
92
|
"fontSize": {
|
|
134
93
|
"$type": "dimension",
|
|
135
|
-
"$value": {
|
|
136
|
-
"value": 18,
|
|
137
|
-
"unit": "px"
|
|
138
|
-
}
|
|
94
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.fontSize}"
|
|
139
95
|
},
|
|
140
96
|
"gapX": {
|
|
141
97
|
"$type": "dimension",
|
|
142
|
-
"$value": {
|
|
143
|
-
"value": 12,
|
|
144
|
-
"unit": "px"
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
"iconHeight": {
|
|
148
|
-
"$type": "dimension",
|
|
149
|
-
"$value": {
|
|
150
|
-
"value": 16,
|
|
151
|
-
"unit": "px"
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
"iconWidth": {
|
|
155
|
-
"$type": "dimension",
|
|
156
|
-
"$value": {
|
|
157
|
-
"value": 16,
|
|
158
|
-
"unit": "px"
|
|
159
|
-
}
|
|
98
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.gapX}"
|
|
160
99
|
},
|
|
161
100
|
"lineHeight": {
|
|
162
101
|
"$type": "number",
|
|
163
|
-
"$value":
|
|
102
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.lineHeight}"
|
|
164
103
|
},
|
|
165
104
|
"minHeight": {
|
|
166
105
|
"$type": "dimension",
|
|
167
|
-
"$value": {
|
|
168
|
-
"value": 24,
|
|
169
|
-
"unit": "px"
|
|
170
|
-
}
|
|
106
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.minHeight}"
|
|
171
107
|
},
|
|
172
108
|
"paddingX": {
|
|
173
109
|
"$type": "dimension",
|
|
174
|
-
"$value": {
|
|
175
|
-
"value": 0,
|
|
176
|
-
"unit": "px"
|
|
177
|
-
}
|
|
110
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.paddingX}"
|
|
178
111
|
},
|
|
179
112
|
"paddingY": {
|
|
180
113
|
"$type": "dimension",
|
|
181
|
-
"$value": {
|
|
182
|
-
"value": 0,
|
|
183
|
-
"unit": "px"
|
|
184
|
-
}
|
|
114
|
+
"$value": "{hpe-web.multi-mode.button.link.medium.paddingY}"
|
|
185
115
|
}
|
|
186
116
|
},
|
|
187
117
|
"neutral": {
|
|
@@ -290,7 +220,7 @@
|
|
|
290
220
|
},
|
|
291
221
|
"fontWeight": {
|
|
292
222
|
"$type": "fontWeight",
|
|
293
|
-
"$value":
|
|
223
|
+
"$value": 700
|
|
294
224
|
},
|
|
295
225
|
"iconColor": {
|
|
296
226
|
"$type": "color",
|
|
@@ -312,7 +242,7 @@
|
|
|
312
242
|
},
|
|
313
243
|
"fontWeight": {
|
|
314
244
|
"$type": "fontWeight",
|
|
315
|
-
"$value":
|
|
245
|
+
"$value": 500
|
|
316
246
|
},
|
|
317
247
|
"iconColor": {
|
|
318
248
|
"$type": "color",
|
|
@@ -327,70 +257,35 @@
|
|
|
327
257
|
"small": {
|
|
328
258
|
"borderRadius": {
|
|
329
259
|
"$type": "dimension",
|
|
330
|
-
"$value": {
|
|
331
|
-
"value": 9999,
|
|
332
|
-
"unit": "px"
|
|
333
|
-
}
|
|
260
|
+
"$value": "{hpe-web.multi-mode.button.link.small.borderRadius}"
|
|
334
261
|
},
|
|
335
262
|
"borderWidth": {
|
|
336
263
|
"$type": "dimension",
|
|
337
|
-
"$value": {
|
|
338
|
-
"value": 4,
|
|
339
|
-
"unit": "px"
|
|
340
|
-
}
|
|
264
|
+
"$value": "{hpe-web.multi-mode.button.link.small.borderWidth}"
|
|
341
265
|
},
|
|
342
266
|
"fontSize": {
|
|
343
267
|
"$type": "dimension",
|
|
344
|
-
"$value": {
|
|
345
|
-
"value": 16,
|
|
346
|
-
"unit": "px"
|
|
347
|
-
}
|
|
268
|
+
"$value": "{hpe-web.multi-mode.button.link.small.fontSize}"
|
|
348
269
|
},
|
|
349
270
|
"gapX": {
|
|
350
271
|
"$type": "dimension",
|
|
351
|
-
"$value": {
|
|
352
|
-
"value": 8,
|
|
353
|
-
"unit": "px"
|
|
354
|
-
}
|
|
355
|
-
},
|
|
356
|
-
"iconHeight": {
|
|
357
|
-
"$type": "dimension",
|
|
358
|
-
"$value": {
|
|
359
|
-
"value": 16,
|
|
360
|
-
"unit": "px"
|
|
361
|
-
}
|
|
362
|
-
},
|
|
363
|
-
"iconWidth": {
|
|
364
|
-
"$type": "dimension",
|
|
365
|
-
"$value": {
|
|
366
|
-
"value": 16,
|
|
367
|
-
"unit": "px"
|
|
368
|
-
}
|
|
272
|
+
"$value": "{hpe-web.multi-mode.button.link.small.gapX}"
|
|
369
273
|
},
|
|
370
274
|
"lineHeight": {
|
|
371
275
|
"$type": "number",
|
|
372
|
-
"$value":
|
|
276
|
+
"$value": "{hpe-web.multi-mode.button.link.small.lineHeight}"
|
|
373
277
|
},
|
|
374
278
|
"minHeight": {
|
|
375
279
|
"$type": "dimension",
|
|
376
|
-
"$value": {
|
|
377
|
-
"value": 14,
|
|
378
|
-
"unit": "px"
|
|
379
|
-
}
|
|
280
|
+
"$value": "{hpe-web.multi-mode.button.link.small.minHeight}"
|
|
380
281
|
},
|
|
381
282
|
"paddingX": {
|
|
382
283
|
"$type": "dimension",
|
|
383
|
-
"$value": {
|
|
384
|
-
"value": 0,
|
|
385
|
-
"unit": "px"
|
|
386
|
-
}
|
|
284
|
+
"$value": "{hpe-web.multi-mode.button.link.small.paddingX}"
|
|
387
285
|
},
|
|
388
286
|
"paddingY": {
|
|
389
287
|
"$type": "dimension",
|
|
390
|
-
"$value": {
|
|
391
|
-
"value": 0,
|
|
392
|
-
"unit": "px"
|
|
393
|
-
}
|
|
288
|
+
"$value": "{hpe-web.multi-mode.button.link.small.paddingY}"
|
|
394
289
|
}
|
|
395
290
|
}
|
|
396
291
|
},
|
|
@@ -490,139 +385,77 @@
|
|
|
490
385
|
"large": {
|
|
491
386
|
"borderRadius": {
|
|
492
387
|
"$type": "dimension",
|
|
493
|
-
"$value": {
|
|
494
|
-
"value": 9999,
|
|
495
|
-
"unit": "px"
|
|
496
|
-
}
|
|
388
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.borderRadius}"
|
|
497
389
|
},
|
|
498
390
|
"borderWidth": {
|
|
499
391
|
"$type": "dimension",
|
|
500
|
-
"$value": {
|
|
501
|
-
"value": 0,
|
|
502
|
-
"unit": "px"
|
|
503
|
-
}
|
|
392
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.borderWidth}"
|
|
504
393
|
},
|
|
505
394
|
"fontSize": {
|
|
506
395
|
"$type": "dimension",
|
|
507
|
-
"$value": {
|
|
508
|
-
"value": 20,
|
|
509
|
-
"unit": "px"
|
|
510
|
-
}
|
|
396
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.fontSize}"
|
|
511
397
|
},
|
|
512
398
|
"gapX": {
|
|
513
399
|
"$type": "dimension",
|
|
514
|
-
"$value": {
|
|
515
|
-
"value": 12,
|
|
516
|
-
"unit": "px"
|
|
517
|
-
}
|
|
518
|
-
},
|
|
519
|
-
"iconHeight": {
|
|
520
|
-
"$type": "dimension",
|
|
521
|
-
"$value": {
|
|
522
|
-
"value": 20,
|
|
523
|
-
"unit": "px"
|
|
524
|
-
}
|
|
400
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.gapX}"
|
|
525
401
|
},
|
|
526
402
|
"iconWidth": {
|
|
527
403
|
"$type": "dimension",
|
|
528
|
-
"$value": {
|
|
529
|
-
"value": 20,
|
|
530
|
-
"unit": "px"
|
|
531
|
-
}
|
|
404
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.iconWidth}"
|
|
532
405
|
},
|
|
533
406
|
"lineHeight": {
|
|
534
407
|
"$type": "number",
|
|
535
|
-
"$value":
|
|
408
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.lineHeight}"
|
|
536
409
|
},
|
|
537
410
|
"minHeight": {
|
|
538
411
|
"$type": "dimension",
|
|
539
|
-
"$value": {
|
|
540
|
-
"value": 60,
|
|
541
|
-
"unit": "px"
|
|
542
|
-
}
|
|
412
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.minHeight}"
|
|
543
413
|
},
|
|
544
414
|
"paddingX": {
|
|
545
415
|
"$type": "dimension",
|
|
546
|
-
"$value": {
|
|
547
|
-
"value": 36,
|
|
548
|
-
"unit": "px"
|
|
549
|
-
}
|
|
416
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.paddingX}"
|
|
550
417
|
},
|
|
551
418
|
"paddingY": {
|
|
552
419
|
"$type": "dimension",
|
|
553
|
-
"$value": {
|
|
554
|
-
"value": 16,
|
|
555
|
-
"unit": "px"
|
|
556
|
-
}
|
|
420
|
+
"$value": "{hpe-web.multi-mode.button.primary.large.paddingY}"
|
|
557
421
|
}
|
|
558
422
|
},
|
|
559
423
|
"medium": {
|
|
560
424
|
"borderRadius": {
|
|
561
425
|
"$type": "dimension",
|
|
562
|
-
"$value": {
|
|
563
|
-
"value": 9999,
|
|
564
|
-
"unit": "px"
|
|
565
|
-
}
|
|
426
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.borderRadius}"
|
|
566
427
|
},
|
|
567
428
|
"borderWidth": {
|
|
568
429
|
"$type": "dimension",
|
|
569
|
-
"$value": {
|
|
570
|
-
"value": 0,
|
|
571
|
-
"unit": "px"
|
|
572
|
-
}
|
|
430
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.borderWidth}"
|
|
573
431
|
},
|
|
574
432
|
"fontSize": {
|
|
575
433
|
"$type": "dimension",
|
|
576
|
-
"$value": {
|
|
577
|
-
"value": 18,
|
|
578
|
-
"unit": "px"
|
|
579
|
-
}
|
|
434
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.fontSize}"
|
|
580
435
|
},
|
|
581
436
|
"gapX": {
|
|
582
437
|
"$type": "dimension",
|
|
583
|
-
"$value": {
|
|
584
|
-
"value": 12,
|
|
585
|
-
"unit": "px"
|
|
586
|
-
}
|
|
587
|
-
},
|
|
588
|
-
"iconHeight": {
|
|
589
|
-
"$type": "dimension",
|
|
590
|
-
"$value": {
|
|
591
|
-
"value": 16,
|
|
592
|
-
"unit": "px"
|
|
593
|
-
}
|
|
438
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.gapX}"
|
|
594
439
|
},
|
|
595
440
|
"iconWidth": {
|
|
596
441
|
"$type": "dimension",
|
|
597
|
-
"$value": {
|
|
598
|
-
"value": 16,
|
|
599
|
-
"unit": "px"
|
|
600
|
-
}
|
|
442
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.iconWidth}"
|
|
601
443
|
},
|
|
602
444
|
"lineHeight": {
|
|
603
445
|
"$type": "number",
|
|
604
|
-
"$value":
|
|
446
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.lineHeight}"
|
|
605
447
|
},
|
|
606
448
|
"minHeight": {
|
|
607
449
|
"$type": "dimension",
|
|
608
|
-
"$value": {
|
|
609
|
-
"value": 52,
|
|
610
|
-
"unit": "px"
|
|
611
|
-
}
|
|
450
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.minHeight}"
|
|
612
451
|
},
|
|
613
452
|
"paddingX": {
|
|
614
453
|
"$type": "dimension",
|
|
615
|
-
"$value": {
|
|
616
|
-
"value": 28,
|
|
617
|
-
"unit": "px"
|
|
618
|
-
}
|
|
454
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.paddingX}"
|
|
619
455
|
},
|
|
620
456
|
"paddingY": {
|
|
621
457
|
"$type": "dimension",
|
|
622
|
-
"$value": {
|
|
623
|
-
"value": 14,
|
|
624
|
-
"unit": "px"
|
|
625
|
-
}
|
|
458
|
+
"$value": "{hpe-web.multi-mode.button.primary.medium.paddingY}"
|
|
626
459
|
}
|
|
627
460
|
},
|
|
628
461
|
"rest": {
|
|
@@ -636,7 +469,7 @@
|
|
|
636
469
|
},
|
|
637
470
|
"fontWeight": {
|
|
638
471
|
"$type": "fontWeight",
|
|
639
|
-
"$value":
|
|
472
|
+
"$value": 500
|
|
640
473
|
},
|
|
641
474
|
"iconColor": {
|
|
642
475
|
"$type": "color",
|
|
@@ -650,70 +483,39 @@
|
|
|
650
483
|
"small": {
|
|
651
484
|
"borderRadius": {
|
|
652
485
|
"$type": "dimension",
|
|
653
|
-
"$value": {
|
|
654
|
-
"value": 9999,
|
|
655
|
-
"unit": "px"
|
|
656
|
-
}
|
|
486
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.borderRadius}"
|
|
657
487
|
},
|
|
658
488
|
"borderWidth": {
|
|
659
489
|
"$type": "dimension",
|
|
660
|
-
"$value": {
|
|
661
|
-
"value": 0,
|
|
662
|
-
"unit": "px"
|
|
663
|
-
}
|
|
490
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.borderWidth}"
|
|
664
491
|
},
|
|
665
492
|
"fontSize": {
|
|
666
493
|
"$type": "dimension",
|
|
667
|
-
"$value": {
|
|
668
|
-
"value": 16,
|
|
669
|
-
"unit": "px"
|
|
670
|
-
}
|
|
494
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.fontSize}"
|
|
671
495
|
},
|
|
672
496
|
"gapX": {
|
|
673
497
|
"$type": "dimension",
|
|
674
|
-
"$value": {
|
|
675
|
-
"value": 8,
|
|
676
|
-
"unit": "px"
|
|
677
|
-
}
|
|
678
|
-
},
|
|
679
|
-
"iconHeight": {
|
|
680
|
-
"$type": "dimension",
|
|
681
|
-
"$value": {
|
|
682
|
-
"value": 16,
|
|
683
|
-
"unit": "px"
|
|
684
|
-
}
|
|
498
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.gapX}"
|
|
685
499
|
},
|
|
686
500
|
"iconWidth": {
|
|
687
501
|
"$type": "dimension",
|
|
688
|
-
"$value": {
|
|
689
|
-
"value": 16,
|
|
690
|
-
"unit": "px"
|
|
691
|
-
}
|
|
502
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.iconWidth}"
|
|
692
503
|
},
|
|
693
504
|
"lineHeight": {
|
|
694
505
|
"$type": "number",
|
|
695
|
-
"$value":
|
|
506
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.lineHeight}"
|
|
696
507
|
},
|
|
697
508
|
"minHeight": {
|
|
698
509
|
"$type": "dimension",
|
|
699
|
-
"$value": {
|
|
700
|
-
"value": 48,
|
|
701
|
-
"unit": "px"
|
|
702
|
-
}
|
|
510
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.minHeight}"
|
|
703
511
|
},
|
|
704
512
|
"paddingX": {
|
|
705
513
|
"$type": "dimension",
|
|
706
|
-
"$value": {
|
|
707
|
-
"value": 24,
|
|
708
|
-
"unit": "px"
|
|
709
|
-
}
|
|
514
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.paddingX}"
|
|
710
515
|
},
|
|
711
516
|
"paddingY": {
|
|
712
517
|
"$type": "dimension",
|
|
713
|
-
"$value": {
|
|
714
|
-
"value": 12,
|
|
715
|
-
"unit": "px"
|
|
716
|
-
}
|
|
518
|
+
"$value": "{hpe-web.multi-mode.button.primary.small.paddingY}"
|
|
717
519
|
}
|
|
718
520
|
}
|
|
719
521
|
},
|
|
@@ -767,139 +569,77 @@
|
|
|
767
569
|
"large": {
|
|
768
570
|
"borderRadius": {
|
|
769
571
|
"$type": "dimension",
|
|
770
|
-
"$value": {
|
|
771
|
-
"value": 9999,
|
|
772
|
-
"unit": "px"
|
|
773
|
-
}
|
|
572
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.borderRadius}"
|
|
774
573
|
},
|
|
775
574
|
"borderWidth": {
|
|
776
575
|
"$type": "dimension",
|
|
777
|
-
"$value": {
|
|
778
|
-
"value": 4,
|
|
779
|
-
"unit": "px"
|
|
780
|
-
}
|
|
576
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.borderWidth}"
|
|
781
577
|
},
|
|
782
578
|
"fontSize": {
|
|
783
579
|
"$type": "dimension",
|
|
784
|
-
"$value": {
|
|
785
|
-
"value": 20,
|
|
786
|
-
"unit": "px"
|
|
787
|
-
}
|
|
580
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.fontSize}"
|
|
788
581
|
},
|
|
789
582
|
"gapX": {
|
|
790
583
|
"$type": "dimension",
|
|
791
|
-
"$value": {
|
|
792
|
-
"value": 12,
|
|
793
|
-
"unit": "px"
|
|
794
|
-
}
|
|
584
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.gapX}"
|
|
795
585
|
},
|
|
796
586
|
"iconHeight": {
|
|
797
587
|
"$type": "dimension",
|
|
798
|
-
"$value": {
|
|
799
|
-
"value": 20,
|
|
800
|
-
"unit": "px"
|
|
801
|
-
}
|
|
802
|
-
},
|
|
803
|
-
"iconWidth": {
|
|
804
|
-
"$type": "dimension",
|
|
805
|
-
"$value": {
|
|
806
|
-
"value": 20,
|
|
807
|
-
"unit": "px"
|
|
808
|
-
}
|
|
588
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.iconHeight}"
|
|
809
589
|
},
|
|
810
590
|
"lineHeight": {
|
|
811
591
|
"$type": "number",
|
|
812
|
-
"$value":
|
|
592
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.lineHeight}"
|
|
813
593
|
},
|
|
814
594
|
"minHeight": {
|
|
815
595
|
"$type": "dimension",
|
|
816
|
-
"$value": {
|
|
817
|
-
"value": 60,
|
|
818
|
-
"unit": "px"
|
|
819
|
-
}
|
|
596
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.minHeight}"
|
|
820
597
|
},
|
|
821
598
|
"paddingX": {
|
|
822
599
|
"$type": "dimension",
|
|
823
|
-
"$value": {
|
|
824
|
-
"value": 36,
|
|
825
|
-
"unit": "px"
|
|
826
|
-
}
|
|
600
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.paddingX}"
|
|
827
601
|
},
|
|
828
602
|
"paddingY": {
|
|
829
603
|
"$type": "dimension",
|
|
830
|
-
"$value": {
|
|
831
|
-
"value": 16,
|
|
832
|
-
"unit": "px"
|
|
833
|
-
}
|
|
604
|
+
"$value": "{hpe-web.multi-mode.button.secondary.large.paddingY}"
|
|
834
605
|
}
|
|
835
606
|
},
|
|
836
607
|
"medium": {
|
|
837
608
|
"borderRadius": {
|
|
838
609
|
"$type": "dimension",
|
|
839
|
-
"$value": {
|
|
840
|
-
"value": 9999,
|
|
841
|
-
"unit": "px"
|
|
842
|
-
}
|
|
610
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.borderRadius}"
|
|
843
611
|
},
|
|
844
612
|
"borderWidth": {
|
|
845
613
|
"$type": "dimension",
|
|
846
|
-
"$value": {
|
|
847
|
-
"value": 4,
|
|
848
|
-
"unit": "px"
|
|
849
|
-
}
|
|
614
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.borderWidth}"
|
|
850
615
|
},
|
|
851
616
|
"fontSize": {
|
|
852
617
|
"$type": "dimension",
|
|
853
|
-
"$value": {
|
|
854
|
-
"value": 18,
|
|
855
|
-
"unit": "px"
|
|
856
|
-
}
|
|
618
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.fontSize}"
|
|
857
619
|
},
|
|
858
620
|
"gapX": {
|
|
859
621
|
"$type": "dimension",
|
|
860
|
-
"$value": {
|
|
861
|
-
"value": 12,
|
|
862
|
-
"unit": "px"
|
|
863
|
-
}
|
|
622
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.gapX}"
|
|
864
623
|
},
|
|
865
624
|
"iconHeight": {
|
|
866
625
|
"$type": "dimension",
|
|
867
|
-
"$value": {
|
|
868
|
-
"value": 16,
|
|
869
|
-
"unit": "px"
|
|
870
|
-
}
|
|
871
|
-
},
|
|
872
|
-
"iconWidth": {
|
|
873
|
-
"$type": "dimension",
|
|
874
|
-
"$value": {
|
|
875
|
-
"value": 16,
|
|
876
|
-
"unit": "px"
|
|
877
|
-
}
|
|
626
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.iconHeight}"
|
|
878
627
|
},
|
|
879
628
|
"lineHeight": {
|
|
880
629
|
"$type": "number",
|
|
881
|
-
"$value":
|
|
630
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.lineHeight}"
|
|
882
631
|
},
|
|
883
632
|
"minHeight": {
|
|
884
633
|
"$type": "dimension",
|
|
885
|
-
"$value": {
|
|
886
|
-
"value": 52,
|
|
887
|
-
"unit": "px"
|
|
888
|
-
}
|
|
634
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.minHeight}"
|
|
889
635
|
},
|
|
890
636
|
"paddingX": {
|
|
891
637
|
"$type": "dimension",
|
|
892
|
-
"$value": {
|
|
893
|
-
"value": 28,
|
|
894
|
-
"unit": "px"
|
|
895
|
-
}
|
|
638
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.paddingX}"
|
|
896
639
|
},
|
|
897
640
|
"paddingY": {
|
|
898
641
|
"$type": "dimension",
|
|
899
|
-
"$value": {
|
|
900
|
-
"value": 14,
|
|
901
|
-
"unit": "px"
|
|
902
|
-
}
|
|
642
|
+
"$value": "{hpe-web.multi-mode.button.secondary.medium.paddingY}"
|
|
903
643
|
}
|
|
904
644
|
},
|
|
905
645
|
"rest": {
|
|
@@ -913,7 +653,7 @@
|
|
|
913
653
|
},
|
|
914
654
|
"fontWeight": {
|
|
915
655
|
"$type": "fontWeight",
|
|
916
|
-
"$value":
|
|
656
|
+
"$value": 500
|
|
917
657
|
},
|
|
918
658
|
"iconColor": {
|
|
919
659
|
"$type": "color",
|
|
@@ -927,70 +667,39 @@
|
|
|
927
667
|
"small": {
|
|
928
668
|
"borderRadius": {
|
|
929
669
|
"$type": "dimension",
|
|
930
|
-
"$value": {
|
|
931
|
-
"value": 9999,
|
|
932
|
-
"unit": "px"
|
|
933
|
-
}
|
|
670
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.borderRadius}"
|
|
934
671
|
},
|
|
935
672
|
"borderWidth": {
|
|
936
673
|
"$type": "dimension",
|
|
937
|
-
"$value": {
|
|
938
|
-
"value": 3,
|
|
939
|
-
"unit": "px"
|
|
940
|
-
}
|
|
674
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.borderWidth}"
|
|
941
675
|
},
|
|
942
676
|
"fontSize": {
|
|
943
677
|
"$type": "dimension",
|
|
944
|
-
"$value": {
|
|
945
|
-
"value": 16,
|
|
946
|
-
"unit": "px"
|
|
947
|
-
}
|
|
678
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.fontSize}"
|
|
948
679
|
},
|
|
949
680
|
"gapX": {
|
|
950
681
|
"$type": "dimension",
|
|
951
|
-
"$value": {
|
|
952
|
-
"value": 8,
|
|
953
|
-
"unit": "px"
|
|
954
|
-
}
|
|
682
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.gapX}"
|
|
955
683
|
},
|
|
956
684
|
"iconHeight": {
|
|
957
685
|
"$type": "dimension",
|
|
958
|
-
"$value": {
|
|
959
|
-
"value": 16,
|
|
960
|
-
"unit": "px"
|
|
961
|
-
}
|
|
962
|
-
},
|
|
963
|
-
"iconWidth": {
|
|
964
|
-
"$type": "dimension",
|
|
965
|
-
"$value": {
|
|
966
|
-
"value": 16,
|
|
967
|
-
"unit": "px"
|
|
968
|
-
}
|
|
686
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.iconHeight}"
|
|
969
687
|
},
|
|
970
688
|
"lineHeight": {
|
|
971
689
|
"$type": "number",
|
|
972
|
-
"$value":
|
|
690
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.lineHeight}"
|
|
973
691
|
},
|
|
974
692
|
"minHeight": {
|
|
975
693
|
"$type": "dimension",
|
|
976
|
-
"$value": {
|
|
977
|
-
"value": 48,
|
|
978
|
-
"unit": "px"
|
|
979
|
-
}
|
|
694
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.minHeight}"
|
|
980
695
|
},
|
|
981
696
|
"paddingX": {
|
|
982
697
|
"$type": "dimension",
|
|
983
|
-
"$value": {
|
|
984
|
-
"value": 24,
|
|
985
|
-
"unit": "px"
|
|
986
|
-
}
|
|
698
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.paddingX}"
|
|
987
699
|
},
|
|
988
700
|
"paddingY": {
|
|
989
701
|
"$type": "dimension",
|
|
990
|
-
"$value": {
|
|
991
|
-
"value": 12,
|
|
992
|
-
"unit": "px"
|
|
993
|
-
}
|
|
702
|
+
"$value": "{hpe-web.multi-mode.button.secondary.small.paddingY}"
|
|
994
703
|
}
|
|
995
704
|
}
|
|
996
705
|
}
|