@hpe-web/design-tokens 1.2.0 → 1.2.2
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 -4
- 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/de.tokens.css +56 -0
- package/dist/css/locales/es.tokens.css +56 -0
- package/dist/css/locales/fr.tokens.css +56 -0
- package/dist/css/locales/it.tokens.css +56 -0
- package/dist/css/locales/ja.tokens.css +71 -0
- package/dist/css/locales/ko.tokens.css +71 -0
- package/dist/css/tokens.css +83 -119
- package/dist/css/tokens.dark.css +2 -8
- package/dist/css/tokens.md-lg.css +55 -55
- package/dist/css/tokens.xl.css +55 -55
- package/package.json +1 -1
- package/src/breakpoints.json +9 -11
- package/src/component/button.json +11 -394
- package/src/fonts.json +1 -5
- package/src/locales.json +8 -8
- package/src/primitive/primitives.json +1 -912
- package/src/semantic/color.dark.json +2 -87
- package/src/semantic/color.light.json +1 -87
- package/src/semantic/dimension.md-lg.json +54 -54
- package/src/semantic/dimension.xl.json +56 -56
- package/src/semantic/dimension.xs-sm.json +53 -53
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
},
|
|
98
98
|
"ok": {
|
|
99
99
|
"$type": "color",
|
|
100
|
-
"$value": "{hpe-web.
|
|
100
|
+
"$value": "{hpe-web.base.color.green.400}"
|
|
101
101
|
},
|
|
102
102
|
"primary": {
|
|
103
103
|
"$type": "color",
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
},
|
|
280
280
|
"ok": {
|
|
281
281
|
"$type": "color",
|
|
282
|
-
"$value": "{hpe-web.
|
|
282
|
+
"$value": "{hpe-web.base.color.green.400}"
|
|
283
283
|
},
|
|
284
284
|
"onStrong": {
|
|
285
285
|
"$type": "color",
|
|
@@ -324,91 +324,6 @@
|
|
|
324
324
|
"alpha": 0
|
|
325
325
|
}
|
|
326
326
|
}
|
|
327
|
-
},
|
|
328
|
-
"deprecated": {
|
|
329
|
-
"deprecated-gradient": {
|
|
330
|
-
"element green": {
|
|
331
|
-
"stop0": {
|
|
332
|
-
"$type": "color",
|
|
333
|
-
"$value": "{hpe-web.base.color.green.550}",
|
|
334
|
-
"$deprecated": true
|
|
335
|
-
},
|
|
336
|
-
"stop100": {
|
|
337
|
-
"$type": "color",
|
|
338
|
-
"$value": {
|
|
339
|
-
"colorSpace": "srgb",
|
|
340
|
-
"components": [
|
|
341
|
-
0.059,
|
|
342
|
-
0.063,
|
|
343
|
-
0.086
|
|
344
|
-
],
|
|
345
|
-
"hex": "#0f1016",
|
|
346
|
-
"alpha": 0
|
|
347
|
-
},
|
|
348
|
-
"$deprecated": true
|
|
349
|
-
}
|
|
350
|
-
},
|
|
351
|
-
"element neutral": {
|
|
352
|
-
"stop0": {
|
|
353
|
-
"$type": "color",
|
|
354
|
-
"$value": {
|
|
355
|
-
"colorSpace": "srgb",
|
|
356
|
-
"components": [
|
|
357
|
-
0.361,
|
|
358
|
-
0.4,
|
|
359
|
-
0.447
|
|
360
|
-
],
|
|
361
|
-
"hex": "#5c6672"
|
|
362
|
-
},
|
|
363
|
-
"$deprecated": true
|
|
364
|
-
}
|
|
365
|
-
},
|
|
366
|
-
"neutral": {
|
|
367
|
-
"stop100": {
|
|
368
|
-
"$type": "color",
|
|
369
|
-
"$value": {
|
|
370
|
-
"colorSpace": "srgb",
|
|
371
|
-
"components": [
|
|
372
|
-
0.114,
|
|
373
|
-
0.122,
|
|
374
|
-
0.153
|
|
375
|
-
],
|
|
376
|
-
"hex": "#1d1f27"
|
|
377
|
-
},
|
|
378
|
-
"$deprecated": true
|
|
379
|
-
}
|
|
380
|
-
},
|
|
381
|
-
"video overlay": {
|
|
382
|
-
"stop0": {
|
|
383
|
-
"$type": "color",
|
|
384
|
-
"$value": {
|
|
385
|
-
"colorSpace": "srgb",
|
|
386
|
-
"components": [
|
|
387
|
-
0,
|
|
388
|
-
0,
|
|
389
|
-
0
|
|
390
|
-
],
|
|
391
|
-
"hex": "#000000",
|
|
392
|
-
"alpha": 0
|
|
393
|
-
},
|
|
394
|
-
"$deprecated": true
|
|
395
|
-
},
|
|
396
|
-
"stop100": {
|
|
397
|
-
"$type": "color",
|
|
398
|
-
"$value": {
|
|
399
|
-
"colorSpace": "srgb",
|
|
400
|
-
"components": [
|
|
401
|
-
0,
|
|
402
|
-
0,
|
|
403
|
-
0
|
|
404
|
-
],
|
|
405
|
-
"hex": "#000000",
|
|
406
|
-
"alpha": 0.4
|
|
407
|
-
},
|
|
408
|
-
"$deprecated": true
|
|
409
|
-
}
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
327
|
}
|
|
413
328
|
}
|
|
414
329
|
}
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
},
|
|
294
294
|
"primary-strong": {
|
|
295
295
|
"$type": "color",
|
|
296
|
-
"$value": "{hpe-web.
|
|
296
|
+
"$value": "{hpe-web.base.color.green.700}",
|
|
297
297
|
"$description": "Strong variant text color to be used for text sitting on a primary background. This text and background pairing helps ensure accessibility."
|
|
298
298
|
},
|
|
299
299
|
"strong": {
|
|
@@ -324,92 +324,6 @@
|
|
|
324
324
|
"alpha": 0
|
|
325
325
|
}
|
|
326
326
|
}
|
|
327
|
-
},
|
|
328
|
-
"deprecated": {
|
|
329
|
-
"deprecated-gradient": {
|
|
330
|
-
"element green": {
|
|
331
|
-
"stop0": {
|
|
332
|
-
"$type": "color",
|
|
333
|
-
"$value": "{hpe-web.base.color.green.550}",
|
|
334
|
-
"$deprecated": true
|
|
335
|
-
},
|
|
336
|
-
"stop100": {
|
|
337
|
-
"$type": "color",
|
|
338
|
-
"$value": {
|
|
339
|
-
"colorSpace": "srgb",
|
|
340
|
-
"components": [
|
|
341
|
-
1,
|
|
342
|
-
1,
|
|
343
|
-
1
|
|
344
|
-
],
|
|
345
|
-
"hex": "#ffffff",
|
|
346
|
-
"alpha": 0
|
|
347
|
-
},
|
|
348
|
-
"$deprecated": true
|
|
349
|
-
}
|
|
350
|
-
},
|
|
351
|
-
"element neutral": {
|
|
352
|
-
"stop0": {
|
|
353
|
-
"$type": "color",
|
|
354
|
-
"$value": {
|
|
355
|
-
"colorSpace": "srgb",
|
|
356
|
-
"components": [
|
|
357
|
-
0.161,
|
|
358
|
-
0.176,
|
|
359
|
-
0.227
|
|
360
|
-
],
|
|
361
|
-
"hex": "#292d3a",
|
|
362
|
-
"alpha": 0.27
|
|
363
|
-
},
|
|
364
|
-
"$deprecated": true
|
|
365
|
-
}
|
|
366
|
-
},
|
|
367
|
-
"neutral": {
|
|
368
|
-
"stop100": {
|
|
369
|
-
"$type": "color",
|
|
370
|
-
"$value": {
|
|
371
|
-
"colorSpace": "srgb",
|
|
372
|
-
"components": [
|
|
373
|
-
0.114,
|
|
374
|
-
0.122,
|
|
375
|
-
0.153
|
|
376
|
-
],
|
|
377
|
-
"hex": "#1d1f27"
|
|
378
|
-
},
|
|
379
|
-
"$deprecated": true
|
|
380
|
-
}
|
|
381
|
-
},
|
|
382
|
-
"video overlay": {
|
|
383
|
-
"stop0": {
|
|
384
|
-
"$type": "color",
|
|
385
|
-
"$value": {
|
|
386
|
-
"colorSpace": "srgb",
|
|
387
|
-
"components": [
|
|
388
|
-
0,
|
|
389
|
-
0,
|
|
390
|
-
0
|
|
391
|
-
],
|
|
392
|
-
"hex": "#000000",
|
|
393
|
-
"alpha": 0
|
|
394
|
-
},
|
|
395
|
-
"$deprecated": true
|
|
396
|
-
},
|
|
397
|
-
"stop100": {
|
|
398
|
-
"$type": "color",
|
|
399
|
-
"$value": {
|
|
400
|
-
"colorSpace": "srgb",
|
|
401
|
-
"components": [
|
|
402
|
-
0,
|
|
403
|
-
0,
|
|
404
|
-
0
|
|
405
|
-
],
|
|
406
|
-
"hex": "#000000",
|
|
407
|
-
"alpha": 0.4
|
|
408
|
-
},
|
|
409
|
-
"$deprecated": true
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
327
|
}
|
|
414
328
|
}
|
|
415
329
|
}
|
|
@@ -46,13 +46,13 @@
|
|
|
46
46
|
"letterSpacing": {
|
|
47
47
|
"$type": "dimension",
|
|
48
48
|
"$value": {
|
|
49
|
-
"value":
|
|
50
|
-
"unit": "
|
|
49
|
+
"value": 0.02,
|
|
50
|
+
"unit": "em"
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
"lineHeight": {
|
|
54
54
|
"$type": "number",
|
|
55
|
-
"$value":
|
|
55
|
+
"$value": 1,
|
|
56
56
|
"$description": "Line height typically used on h1."
|
|
57
57
|
}
|
|
58
58
|
},
|
|
@@ -72,13 +72,13 @@
|
|
|
72
72
|
"letterSpacing": {
|
|
73
73
|
"$type": "dimension",
|
|
74
74
|
"$value": {
|
|
75
|
-
"value":
|
|
76
|
-
"unit": "
|
|
75
|
+
"value": 0.02,
|
|
76
|
+
"unit": "em"
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
"lineHeight": {
|
|
80
80
|
"$type": "number",
|
|
81
|
-
"$value":
|
|
81
|
+
"$value": 1,
|
|
82
82
|
"$description": "Line height typically used on h1."
|
|
83
83
|
}
|
|
84
84
|
},
|
|
@@ -98,13 +98,13 @@
|
|
|
98
98
|
"letterSpacing": {
|
|
99
99
|
"$type": "dimension",
|
|
100
100
|
"$value": {
|
|
101
|
-
"value":
|
|
102
|
-
"unit": "
|
|
101
|
+
"value": 0.02,
|
|
102
|
+
"unit": "em"
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
105
|
"lineHeight": {
|
|
106
106
|
"$type": "number",
|
|
107
|
-
"$value":
|
|
107
|
+
"$value": 1,
|
|
108
108
|
"$description": "Line height typically used on h1."
|
|
109
109
|
}
|
|
110
110
|
}
|
|
@@ -125,13 +125,13 @@
|
|
|
125
125
|
"letterSpacing": {
|
|
126
126
|
"$type": "dimension",
|
|
127
127
|
"$value": {
|
|
128
|
-
"value": -
|
|
129
|
-
"unit": "
|
|
128
|
+
"value": -0.03,
|
|
129
|
+
"unit": "em"
|
|
130
130
|
}
|
|
131
131
|
},
|
|
132
132
|
"lineHeight": {
|
|
133
133
|
"$type": "number",
|
|
134
|
-
"$value":
|
|
134
|
+
"$value": 1.107,
|
|
135
135
|
"$description": "Line height typically used on h1."
|
|
136
136
|
}
|
|
137
137
|
}
|
|
@@ -154,13 +154,13 @@
|
|
|
154
154
|
"letterSpacing": {
|
|
155
155
|
"$type": "dimension",
|
|
156
156
|
"$value": {
|
|
157
|
-
"value":
|
|
158
|
-
"unit": "
|
|
157
|
+
"value": 0.0208,
|
|
158
|
+
"unit": "em"
|
|
159
159
|
}
|
|
160
160
|
},
|
|
161
161
|
"lineHeight": {
|
|
162
162
|
"$type": "number",
|
|
163
|
-
"$value":
|
|
163
|
+
"$value": 1,
|
|
164
164
|
"$description": "Line height typically used on h1."
|
|
165
165
|
}
|
|
166
166
|
},
|
|
@@ -180,13 +180,13 @@
|
|
|
180
180
|
"letterSpacing": {
|
|
181
181
|
"$type": "dimension",
|
|
182
182
|
"$value": {
|
|
183
|
-
"value":
|
|
184
|
-
"unit": "
|
|
183
|
+
"value": 0.0208,
|
|
184
|
+
"unit": "em"
|
|
185
185
|
}
|
|
186
186
|
},
|
|
187
187
|
"lineHeight": {
|
|
188
188
|
"$type": "number",
|
|
189
|
-
"$value":
|
|
189
|
+
"$value": 1,
|
|
190
190
|
"$description": "Line height typically used on h1."
|
|
191
191
|
}
|
|
192
192
|
},
|
|
@@ -206,13 +206,13 @@
|
|
|
206
206
|
"letterSpacing": {
|
|
207
207
|
"$type": "dimension",
|
|
208
208
|
"$value": {
|
|
209
|
-
"value":
|
|
210
|
-
"unit": "
|
|
209
|
+
"value": 0.0208,
|
|
210
|
+
"unit": "em"
|
|
211
211
|
}
|
|
212
212
|
},
|
|
213
213
|
"lineHeight": {
|
|
214
214
|
"$type": "number",
|
|
215
|
-
"$value":
|
|
215
|
+
"$value": 1,
|
|
216
216
|
"$description": "Line height typically used on h1."
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -233,13 +233,13 @@
|
|
|
233
233
|
"letterSpacing": {
|
|
234
234
|
"$type": "dimension",
|
|
235
235
|
"$value": {
|
|
236
|
-
"value": -
|
|
237
|
-
"unit": "
|
|
236
|
+
"value": -0.0401,
|
|
237
|
+
"unit": "em"
|
|
238
238
|
}
|
|
239
239
|
},
|
|
240
240
|
"lineHeight": {
|
|
241
241
|
"$type": "number",
|
|
242
|
-
"$value":
|
|
242
|
+
"$value": 1.088,
|
|
243
243
|
"$description": "Line height typically used on h1."
|
|
244
244
|
}
|
|
245
245
|
}
|
|
@@ -261,13 +261,13 @@
|
|
|
261
261
|
"letterSpacing": {
|
|
262
262
|
"$type": "dimension",
|
|
263
263
|
"$value": {
|
|
264
|
-
"value": -0.
|
|
265
|
-
"unit": "
|
|
264
|
+
"value": -0.02,
|
|
265
|
+
"unit": "em"
|
|
266
266
|
}
|
|
267
267
|
},
|
|
268
268
|
"lineHeight": {
|
|
269
269
|
"$type": "number",
|
|
270
|
-
"$value":
|
|
270
|
+
"$value": 1.15,
|
|
271
271
|
"$description": "Line height typically used on h1."
|
|
272
272
|
}
|
|
273
273
|
}
|
|
@@ -289,13 +289,13 @@
|
|
|
289
289
|
"letterSpacing": {
|
|
290
290
|
"$type": "dimension",
|
|
291
291
|
"$value": {
|
|
292
|
-
"value": -0.
|
|
293
|
-
"unit": "
|
|
292
|
+
"value": -0.01,
|
|
293
|
+
"unit": "em"
|
|
294
294
|
}
|
|
295
295
|
},
|
|
296
296
|
"lineHeight": {
|
|
297
297
|
"$type": "number",
|
|
298
|
-
"$value":
|
|
298
|
+
"$value": 1.188,
|
|
299
299
|
"$description": "Line height typically used on h1."
|
|
300
300
|
}
|
|
301
301
|
}
|
|
@@ -318,12 +318,12 @@
|
|
|
318
318
|
"$type": "dimension",
|
|
319
319
|
"$value": {
|
|
320
320
|
"value": 0,
|
|
321
|
-
"unit": "
|
|
321
|
+
"unit": "em"
|
|
322
322
|
}
|
|
323
323
|
},
|
|
324
324
|
"lineHeight": {
|
|
325
325
|
"$type": "number",
|
|
326
|
-
"$value":
|
|
326
|
+
"$value": 1.25,
|
|
327
327
|
"$description": "Line height typically used on h1."
|
|
328
328
|
}
|
|
329
329
|
}
|
|
@@ -346,12 +346,12 @@
|
|
|
346
346
|
"$type": "dimension",
|
|
347
347
|
"$value": {
|
|
348
348
|
"value": 0,
|
|
349
|
-
"unit": "
|
|
349
|
+
"unit": "em"
|
|
350
350
|
}
|
|
351
351
|
},
|
|
352
352
|
"lineHeight": {
|
|
353
353
|
"$type": "number",
|
|
354
|
-
"$value":
|
|
354
|
+
"$value": 1.333,
|
|
355
355
|
"$description": "Line height typically used on h1."
|
|
356
356
|
}
|
|
357
357
|
}
|
|
@@ -374,12 +374,12 @@
|
|
|
374
374
|
"$type": "dimension",
|
|
375
375
|
"$value": {
|
|
376
376
|
"value": 0,
|
|
377
|
-
"unit": "
|
|
377
|
+
"unit": "em"
|
|
378
378
|
}
|
|
379
379
|
},
|
|
380
380
|
"lineHeight": {
|
|
381
381
|
"$type": "number",
|
|
382
|
-
"$value":
|
|
382
|
+
"$value": 1.375,
|
|
383
383
|
"$description": "Line height typically used on h1."
|
|
384
384
|
}
|
|
385
385
|
}
|
|
@@ -440,12 +440,12 @@
|
|
|
440
440
|
"$type": "dimension",
|
|
441
441
|
"$value": {
|
|
442
442
|
"value": 0,
|
|
443
|
-
"unit": "
|
|
443
|
+
"unit": "em"
|
|
444
444
|
}
|
|
445
445
|
},
|
|
446
446
|
"lineHeight": {
|
|
447
447
|
"$type": "number",
|
|
448
|
-
"$value":
|
|
448
|
+
"$value": 1.444
|
|
449
449
|
}
|
|
450
450
|
},
|
|
451
451
|
"disclaimer": {
|
|
@@ -464,12 +464,12 @@
|
|
|
464
464
|
"$type": "dimension",
|
|
465
465
|
"$value": {
|
|
466
466
|
"value": 0,
|
|
467
|
-
"unit": "
|
|
467
|
+
"unit": "em"
|
|
468
468
|
}
|
|
469
469
|
},
|
|
470
470
|
"lineHeight": {
|
|
471
471
|
"$type": "number",
|
|
472
|
-
"$value":
|
|
472
|
+
"$value": 1.429
|
|
473
473
|
}
|
|
474
474
|
},
|
|
475
475
|
"large body copy": {
|
|
@@ -487,13 +487,13 @@
|
|
|
487
487
|
"letterSpacing": {
|
|
488
488
|
"$type": "dimension",
|
|
489
489
|
"$value": {
|
|
490
|
-
"value": -0.
|
|
491
|
-
"unit": "
|
|
490
|
+
"value": -0.01,
|
|
491
|
+
"unit": "em"
|
|
492
492
|
}
|
|
493
493
|
},
|
|
494
494
|
"lineHeight": {
|
|
495
495
|
"$type": "number",
|
|
496
|
-
"$value":
|
|
496
|
+
"$value": 1.417
|
|
497
497
|
}
|
|
498
498
|
},
|
|
499
499
|
"small body copy": {
|
|
@@ -512,12 +512,12 @@
|
|
|
512
512
|
"$type": "dimension",
|
|
513
513
|
"$value": {
|
|
514
514
|
"value": 0,
|
|
515
|
-
"unit": "
|
|
515
|
+
"unit": "em"
|
|
516
516
|
}
|
|
517
517
|
},
|
|
518
518
|
"lineHeight": {
|
|
519
519
|
"$type": "number",
|
|
520
|
-
"$value":
|
|
520
|
+
"$value": 1.5
|
|
521
521
|
}
|
|
522
522
|
}
|
|
523
523
|
},
|
|
@@ -537,13 +537,13 @@
|
|
|
537
537
|
"letterSpacing": {
|
|
538
538
|
"$type": "dimension",
|
|
539
539
|
"$value": {
|
|
540
|
-
"value": -
|
|
541
|
-
"unit": "
|
|
540
|
+
"value": -0.04,
|
|
541
|
+
"unit": "em"
|
|
542
542
|
}
|
|
543
543
|
},
|
|
544
544
|
"lineHeight": {
|
|
545
545
|
"$type": "number",
|
|
546
|
-
"$value":
|
|
546
|
+
"$value": 1.208
|
|
547
547
|
}
|
|
548
548
|
},
|
|
549
549
|
"medium": {
|
|
@@ -561,13 +561,13 @@
|
|
|
561
561
|
"letterSpacing": {
|
|
562
562
|
"$type": "dimension",
|
|
563
563
|
"$value": {
|
|
564
|
-
"value": -
|
|
565
|
-
"unit": "
|
|
564
|
+
"value": -0.03,
|
|
565
|
+
"unit": "em"
|
|
566
566
|
}
|
|
567
567
|
},
|
|
568
568
|
"lineHeight": {
|
|
569
569
|
"$type": "number",
|
|
570
|
-
"$value":
|
|
570
|
+
"$value": 1.25
|
|
571
571
|
}
|
|
572
572
|
},
|
|
573
573
|
"small": {
|
|
@@ -585,13 +585,13 @@
|
|
|
585
585
|
"letterSpacing": {
|
|
586
586
|
"$type": "dimension",
|
|
587
587
|
"$value": {
|
|
588
|
-
"value": -0.
|
|
589
|
-
"unit": "
|
|
588
|
+
"value": -0.02,
|
|
589
|
+
"unit": "em"
|
|
590
590
|
}
|
|
591
591
|
},
|
|
592
592
|
"lineHeight": {
|
|
593
593
|
"$type": "number",
|
|
594
|
-
"$value":
|
|
594
|
+
"$value": 1.313
|
|
595
595
|
}
|
|
596
596
|
}
|
|
597
597
|
},
|