@hpe-web/design-tokens 1.2.0 → 1.2.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.
@@ -5,7 +5,15 @@
5
5
  "disabled": {
6
6
  "background": {
7
7
  "$type": "color",
8
- "$value": "{hpe-web.color.background.carousel-disabled}"
8
+ "$value": {
9
+ "colorSpace": "srgb",
10
+ "components": [
11
+ 0.647,
12
+ 0.647,
13
+ 0.663
14
+ ],
15
+ "hex": "#a5a5a9"
16
+ }
9
17
  },
10
18
  "borderColor": {
11
19
  "$type": "color",
@@ -13,13 +21,29 @@
13
21
  },
14
22
  "iconColor": {
15
23
  "$type": "color",
16
- "$value": "{hpe-web.color.icon.onStrong}"
24
+ "$value": {
25
+ "colorSpace": "srgb",
26
+ "components": [
27
+ 0.161,
28
+ 0.176,
29
+ 0.227
30
+ ],
31
+ "hex": "#292d3a"
32
+ }
17
33
  }
18
34
  },
19
35
  "hover": {
20
36
  "background": {
21
37
  "$type": "color",
22
- "$value": "{hpe-web.color.background.carousel-hover}"
38
+ "$value": {
39
+ "colorSpace": "srgb",
40
+ "components": [
41
+ 0.831,
42
+ 0.831,
43
+ 0.831
44
+ ],
45
+ "hex": "#d4d4d4"
46
+ }
23
47
  },
24
48
  "borderColor": {
25
49
  "$type": "color",
@@ -27,21 +51,54 @@
27
51
  },
28
52
  "iconColor": {
29
53
  "$type": "color",
30
- "$value": "{hpe-web.color.icon.onStrong}"
54
+ "$value": {
55
+ "colorSpace": "srgb",
56
+ "components": [
57
+ 0.161,
58
+ 0.176,
59
+ 0.227
60
+ ],
61
+ "hex": "#292d3a"
62
+ }
31
63
  }
32
64
  },
33
65
  "rest": {
34
66
  "background": {
35
67
  "$type": "color",
36
- "$value": "{hpe-web.color.background.carousel}"
68
+ "$value": {
69
+ "colorSpace": "srgb",
70
+ "components": [
71
+ 0.902,
72
+ 0.91,
73
+ 0.914
74
+ ],
75
+ "hex": "#e6e8e9"
76
+ }
37
77
  },
38
78
  "borderColor": {
39
79
  "$type": "color",
40
- "$value": "{hpe-web.color.transparent}"
80
+ "$value": {
81
+ "colorSpace": "srgb",
82
+ "components": [
83
+ 0,
84
+ 0,
85
+ 0
86
+ ],
87
+ "hex": "#000000",
88
+ "alpha": 0
89
+ }
41
90
  },
42
91
  "iconColor": {
43
92
  "$type": "color",
44
- "$value": "{hpe-web.color.icon.onStrong}"
93
+ "$value": {
94
+ "colorSpace": "srgb",
95
+ "components": [
96
+ 0.161,
97
+ 0.176,
98
+ 0.227
99
+ ],
100
+ "hex": "#292d3a"
101
+ }
45
102
  }
46
103
  }
47
104
  },
@@ -91,7 +148,7 @@
91
148
  },
92
149
  "lineHeight": {
93
150
  "$type": "number",
94
- "$value": 28
151
+ "$value": 1.4
95
152
  },
96
153
  "minHeight": {
97
154
  "$type": "dimension",
@@ -160,7 +217,7 @@
160
217
  },
161
218
  "lineHeight": {
162
219
  "$type": "number",
163
- "$value": 24
220
+ "$value": 1.333
164
221
  },
165
222
  "minHeight": {
166
223
  "$type": "dimension",
@@ -189,11 +246,29 @@
189
246
  "rest": {
190
247
  "background": {
191
248
  "$type": "color",
192
- "$value": "{hpe-web.color.transparent}"
249
+ "$value": {
250
+ "colorSpace": "srgb",
251
+ "components": [
252
+ 0,
253
+ 0,
254
+ 0
255
+ ],
256
+ "hex": "#000000",
257
+ "alpha": 0
258
+ }
193
259
  },
194
260
  "borderColor": {
195
261
  "$type": "color",
196
- "$value": "{hpe-web.color.transparent}"
262
+ "$value": {
263
+ "colorSpace": "srgb",
264
+ "components": [
265
+ 0,
266
+ 0,
267
+ 0
268
+ ],
269
+ "hex": "#000000",
270
+ "alpha": 0
271
+ }
197
272
  },
198
273
  "fontWeight": {
199
274
  "$type": "fontWeight",
@@ -216,7 +291,16 @@
216
291
  },
217
292
  "borderColor": {
218
293
  "$type": "color",
219
- "$value": "{hpe-web.button.primary.rest.borderColor}"
294
+ "$value": {
295
+ "colorSpace": "srgb",
296
+ "components": [
297
+ 0,
298
+ 0,
299
+ 0
300
+ ],
301
+ "hex": "#000000",
302
+ "alpha": 0
303
+ }
220
304
  },
221
305
  "fontWeight": {
222
306
  "$type": "fontWeight",
@@ -234,11 +318,29 @@
234
318
  "rest": {
235
319
  "background": {
236
320
  "$type": "color",
237
- "$value": "{hpe-web.color.transparent}"
321
+ "$value": {
322
+ "colorSpace": "srgb",
323
+ "components": [
324
+ 0,
325
+ 0,
326
+ 0
327
+ ],
328
+ "hex": "#000000",
329
+ "alpha": 0
330
+ }
238
331
  },
239
332
  "borderColor": {
240
333
  "$type": "color",
241
- "$value": "{hpe-web.color.transparent}"
334
+ "$value": {
335
+ "colorSpace": "srgb",
336
+ "components": [
337
+ 0,
338
+ 0,
339
+ 0
340
+ ],
341
+ "hex": "#000000",
342
+ "alpha": 0
343
+ }
242
344
  },
243
345
  "fontWeight": {
244
346
  "$type": "fontWeight",
@@ -250,7 +352,7 @@
250
352
  },
251
353
  "textColor": {
252
354
  "$type": "color",
253
- "$value": "{hpe-web.color.text.strong}"
355
+ "$value": "{hpe-web.color.text.header}"
254
356
  }
255
357
  }
256
358
  },
@@ -259,11 +361,29 @@
259
361
  "rest": {
260
362
  "background": {
261
363
  "$type": "color",
262
- "$value": "{hpe-web.color.transparent}"
364
+ "$value": {
365
+ "colorSpace": "srgb",
366
+ "components": [
367
+ 0,
368
+ 0,
369
+ 0
370
+ ],
371
+ "hex": "#000000",
372
+ "alpha": 0
373
+ }
263
374
  },
264
375
  "borderColor": {
265
376
  "$type": "color",
266
- "$value": "{hpe-web.color.transparent}"
377
+ "$value": {
378
+ "colorSpace": "srgb",
379
+ "components": [
380
+ 0,
381
+ 0,
382
+ 0
383
+ ],
384
+ "hex": "#000000",
385
+ "alpha": 0
386
+ }
267
387
  },
268
388
  "fontWeight": {
269
389
  "$type": "fontWeight",
@@ -369,7 +489,7 @@
369
489
  },
370
490
  "lineHeight": {
371
491
  "$type": "number",
372
- "$value": 24
492
+ "$value": 1.5
373
493
  },
374
494
  "minHeight": {
375
495
  "$type": "dimension",
@@ -410,11 +530,20 @@
410
530
  },
411
531
  "borderColor": {
412
532
  "$type": "color",
413
- "$value": "{hpe-web.color.transparent}"
533
+ "$value": {
534
+ "colorSpace": "srgb",
535
+ "components": [
536
+ 0,
537
+ 0,
538
+ 0
539
+ ],
540
+ "hex": "#000000",
541
+ "alpha": 0
542
+ }
414
543
  },
415
544
  "iconColor": {
416
545
  "$type": "color",
417
- "$value": "{hpe-web.deprecated.depreacted-multi-mode.button.play.rest.iconColor}"
546
+ "$value": "{hpe-web.button.play.rest.iconColor}"
418
547
  }
419
548
  },
420
549
  "rest": {
@@ -432,11 +561,28 @@
432
561
  },
433
562
  "borderColor": {
434
563
  "$type": "color",
435
- "$value": "{hpe-web.color.transparent}"
564
+ "$value": {
565
+ "colorSpace": "srgb",
566
+ "components": [
567
+ 0,
568
+ 0,
569
+ 0
570
+ ],
571
+ "hex": "#000000",
572
+ "alpha": 0
573
+ }
436
574
  },
437
575
  "iconColor": {
438
576
  "$type": "color",
439
- "$value": "{hpe-web.deprecated.depreacted-multi-mode.button.play.rest.iconColor}"
577
+ "$value": {
578
+ "colorSpace": "srgb",
579
+ "components": [
580
+ 0.024,
581
+ 0.525,
582
+ 0.404
583
+ ],
584
+ "hex": "#068667"
585
+ }
440
586
  }
441
587
  }
442
588
  },
@@ -449,7 +595,16 @@
449
595
  },
450
596
  "borderColor": {
451
597
  "$type": "color",
452
- "$value": "{hpe-web.color.transparent}"
598
+ "$value": {
599
+ "colorSpace": "srgb",
600
+ "components": [
601
+ 0,
602
+ 0,
603
+ 0
604
+ ],
605
+ "hex": "#000000",
606
+ "alpha": 0
607
+ }
453
608
  },
454
609
  "fontWeight": {
455
610
  "$type": "fontWeight",
@@ -472,7 +627,16 @@
472
627
  },
473
628
  "borderColor": {
474
629
  "$type": "color",
475
- "$value": "{hpe-web.color.transparent}"
630
+ "$value": {
631
+ "colorSpace": "srgb",
632
+ "components": [
633
+ 0,
634
+ 0,
635
+ 0
636
+ ],
637
+ "hex": "#000000",
638
+ "alpha": 0
639
+ }
476
640
  },
477
641
  "fontWeight": {
478
642
  "$type": "fontWeight",
@@ -480,11 +644,11 @@
480
644
  },
481
645
  "iconColor": {
482
646
  "$type": "color",
483
- "$value": "{hpe-web.color.text.onStrong}"
647
+ "$value": "{hpe-web.color.text.onNeutral}"
484
648
  },
485
649
  "textColor": {
486
650
  "$type": "color",
487
- "$value": "{hpe-web.color.text.onStrong}"
651
+ "$value": "{hpe-web.color.text.onNeutral}"
488
652
  }
489
653
  },
490
654
  "large": {
@@ -532,7 +696,7 @@
532
696
  },
533
697
  "lineHeight": {
534
698
  "$type": "number",
535
- "$value": 28
699
+ "$value": 1.4
536
700
  },
537
701
  "minHeight": {
538
702
  "$type": "dimension",
@@ -601,7 +765,7 @@
601
765
  },
602
766
  "lineHeight": {
603
767
  "$type": "number",
604
- "$value": 24
768
+ "$value": 1.333
605
769
  },
606
770
  "minHeight": {
607
771
  "$type": "dimension",
@@ -632,7 +796,16 @@
632
796
  },
633
797
  "borderColor": {
634
798
  "$type": "color",
635
- "$value": "{hpe-web.color.transparent}"
799
+ "$value": {
800
+ "colorSpace": "srgb",
801
+ "components": [
802
+ 0,
803
+ 0,
804
+ 0
805
+ ],
806
+ "hex": "#000000",
807
+ "alpha": 0
808
+ }
636
809
  },
637
810
  "fontWeight": {
638
811
  "$type": "fontWeight",
@@ -640,11 +813,11 @@
640
813
  },
641
814
  "iconColor": {
642
815
  "$type": "color",
643
- "$value": "{hpe-web.color.text.onStrong}"
816
+ "$value": "{hpe-web.color.text.onNeutral}"
644
817
  },
645
818
  "textColor": {
646
819
  "$type": "color",
647
- "$value": "{hpe-web.color.text.onStrong}"
820
+ "$value": "{hpe-web.color.text.onNeutral}"
648
821
  }
649
822
  },
650
823
  "small": {
@@ -692,7 +865,7 @@
692
865
  },
693
866
  "lineHeight": {
694
867
  "$type": "number",
695
- "$value": 24
868
+ "$value": 1.5
696
869
  },
697
870
  "minHeight": {
698
871
  "$type": "dimension",
@@ -749,7 +922,7 @@
749
922
  },
750
923
  "borderColor": {
751
924
  "$type": "color",
752
- "$value": "{hpe-web.color.border.selected}"
925
+ "$value": "{hpe-web.color.border.primary-strong}"
753
926
  },
754
927
  "fontWeight": {
755
928
  "$type": "fontWeight",
@@ -761,7 +934,7 @@
761
934
  },
762
935
  "textColor": {
763
936
  "$type": "color",
764
- "$value": "{hpe-web.color.text.strong}"
937
+ "$value": "{hpe-web.color.text.header}"
765
938
  }
766
939
  },
767
940
  "large": {
@@ -809,7 +982,7 @@
809
982
  },
810
983
  "lineHeight": {
811
984
  "$type": "number",
812
- "$value": 28
985
+ "$value": 1.4
813
986
  },
814
987
  "minHeight": {
815
988
  "$type": "dimension",
@@ -878,7 +1051,7 @@
878
1051
  },
879
1052
  "lineHeight": {
880
1053
  "$type": "number",
881
- "$value": 24
1054
+ "$value": 1.333
882
1055
  },
883
1056
  "minHeight": {
884
1057
  "$type": "dimension",
@@ -921,7 +1094,7 @@
921
1094
  },
922
1095
  "textColor": {
923
1096
  "$type": "color",
924
- "$value": "{hpe-web.color.text.strong}"
1097
+ "$value": "{hpe-web.color.text.header}"
925
1098
  }
926
1099
  },
927
1100
  "small": {
@@ -969,7 +1142,7 @@
969
1142
  },
970
1143
  "lineHeight": {
971
1144
  "$type": "number",
972
- "$value": 24
1145
+ "$value": 1.5
973
1146
  },
974
1147
  "minHeight": {
975
1148
  "$type": "dimension",
@@ -994,389 +1167,6 @@
994
1167
  }
995
1168
  }
996
1169
  }
997
- },
998
- "deprecated": {
999
- "depreacted-multi-mode": {
1000
- "button": {
1001
- "carousel": {
1002
- "disabled": {
1003
- "background": {
1004
- "$type": "color",
1005
- "$value": {
1006
- "colorSpace": "srgb",
1007
- "components": [
1008
- 0.647,
1009
- 0.647,
1010
- 0.663
1011
- ],
1012
- "hex": "#a5a5a9"
1013
- },
1014
- "$deprecated": true
1015
- },
1016
- "borderColor": {
1017
- "$type": "color",
1018
- "$value": "{hpe-web.color.transparent}",
1019
- "$deprecated": true
1020
- },
1021
- "iconColor": {
1022
- "$type": "color",
1023
- "$value": {
1024
- "colorSpace": "srgb",
1025
- "components": [
1026
- 0.161,
1027
- 0.176,
1028
- 0.227
1029
- ],
1030
- "hex": "#292d3a"
1031
- },
1032
- "$deprecated": true
1033
- }
1034
- },
1035
- "hover": {
1036
- "background": {
1037
- "$type": "color",
1038
- "$value": {
1039
- "colorSpace": "srgb",
1040
- "components": [
1041
- 0.831,
1042
- 0.831,
1043
- 0.831
1044
- ],
1045
- "hex": "#d4d4d4"
1046
- },
1047
- "$deprecated": true
1048
- },
1049
- "borderColor": {
1050
- "$type": "color",
1051
- "$value": "{hpe-web.color.transparent}",
1052
- "$deprecated": true
1053
- },
1054
- "iconColor": {
1055
- "$type": "color",
1056
- "$value": {
1057
- "colorSpace": "srgb",
1058
- "components": [
1059
- 0.161,
1060
- 0.176,
1061
- 0.227
1062
- ],
1063
- "hex": "#292d3a"
1064
- },
1065
- "$deprecated": true
1066
- }
1067
- }
1068
- },
1069
- "play": {
1070
- "rest": {
1071
- "background": {
1072
- "$type": "color",
1073
- "$value": {
1074
- "colorSpace": "srgb",
1075
- "components": [
1076
- 0.902,
1077
- 0.91,
1078
- 0.914
1079
- ],
1080
- "hex": "#e6e8e9"
1081
- },
1082
- "$deprecated": true
1083
- },
1084
- "borderColor": {
1085
- "$type": "color",
1086
- "$value": {
1087
- "colorSpace": "srgb",
1088
- "components": [
1089
- 0,
1090
- 0,
1091
- 0
1092
- ],
1093
- "hex": "#000000",
1094
- "alpha": 0
1095
- },
1096
- "$deprecated": true
1097
- },
1098
- "deprecated-background-front": {
1099
- "$type": "color",
1100
- "$value": "{hpe-web.base.color.grey.1300}",
1101
- "$deprecated": true
1102
- },
1103
- "deprecated-border-focus": {
1104
- "$type": "color",
1105
- "$value": {
1106
- "colorSpace": "srgb",
1107
- "components": [
1108
- 0.165,
1109
- 0.824,
1110
- 0.788
1111
- ],
1112
- "hex": "#2ad2c9"
1113
- },
1114
- "$deprecated": true
1115
- },
1116
- "deprecated-component": {
1117
- "$type": "color",
1118
- "$value": "{hpe-web.base.color.grey.1000}",
1119
- "$deprecated": true
1120
- },
1121
- "deprecated-component-hover": {
1122
- "$type": "color",
1123
- "$value": "{hpe-web.base.color.grey.700}",
1124
- "$deprecated": true
1125
- },
1126
- "iconColor": {
1127
- "$type": "color",
1128
- "$value": {
1129
- "colorSpace": "srgb",
1130
- "components": [
1131
- 0.024,
1132
- 0.525,
1133
- 0.404
1134
- ],
1135
- "hex": "#068667"
1136
- },
1137
- "$deprecated": true
1138
- },
1139
- "iconColor 2": {
1140
- "$type": "color",
1141
- "$value": {
1142
- "colorSpace": "srgb",
1143
- "components": [
1144
- 0.161,
1145
- 0.176,
1146
- 0.227
1147
- ],
1148
- "hex": "#292d3a"
1149
- },
1150
- "$deprecated": true
1151
- },
1152
- "stop0": {
1153
- "$type": "color",
1154
- "$value": {
1155
- "colorSpace": "srgb",
1156
- "components": [
1157
- 0.114,
1158
- 0.122,
1159
- 0.153
1160
- ],
1161
- "hex": "#1d1f27",
1162
- "alpha": 0
1163
- },
1164
- "$deprecated": true
1165
- },
1166
- "stop100": {
1167
- "$type": "color",
1168
- "$value": {
1169
- "colorSpace": "srgb",
1170
- "components": [
1171
- 0.361,
1172
- 0.4,
1173
- 0.447
1174
- ],
1175
- "hex": "#5c6672",
1176
- "alpha": 0
1177
- },
1178
- "$deprecated": true
1179
- },
1180
- "stop15": {
1181
- "$type": "color",
1182
- "$value": {
1183
- "colorSpace": "srgb",
1184
- "components": [
1185
- 0.361,
1186
- 0.4,
1187
- 0.447
1188
- ],
1189
- "hex": "#5c6672",
1190
- "alpha": 0.99
1191
- },
1192
- "$deprecated": true
1193
- },
1194
- "stop28": {
1195
- "$type": "color",
1196
- "$value": {
1197
- "colorSpace": "srgb",
1198
- "components": [
1199
- 0.361,
1200
- 0.4,
1201
- 0.447
1202
- ],
1203
- "hex": "#5c6672",
1204
- "alpha": 0.96
1205
- },
1206
- "$deprecated": true
1207
- },
1208
- "stop38": {
1209
- "$type": "color",
1210
- "$value": {
1211
- "colorSpace": "srgb",
1212
- "components": [
1213
- 0.361,
1214
- 0.4,
1215
- 0.447
1216
- ],
1217
- "hex": "#5c6672",
1218
- "alpha": 0.91
1219
- },
1220
- "$deprecated": true
1221
- },
1222
- "stop47": {
1223
- "$type": "color",
1224
- "$value": {
1225
- "colorSpace": "srgb",
1226
- "components": [
1227
- 0.361,
1228
- 0.4,
1229
- 0.447
1230
- ],
1231
- "hex": "#5c6672",
1232
- "alpha": 0.85
1233
- },
1234
- "$deprecated": true
1235
- },
1236
- "stop54": {
1237
- "$type": "color",
1238
- "$value": {
1239
- "colorSpace": "srgb",
1240
- "components": [
1241
- 0.361,
1242
- 0.4,
1243
- 0.447
1244
- ],
1245
- "hex": "#5c6672",
1246
- "alpha": 0.78
1247
- },
1248
- "$deprecated": true
1249
- },
1250
- "stop60": {
1251
- "$type": "color",
1252
- "$value": {
1253
- "colorSpace": "srgb",
1254
- "components": [
1255
- 0.361,
1256
- 0.4,
1257
- 0.447
1258
- ],
1259
- "hex": "#5c6672",
1260
- "alpha": 0.7
1261
- },
1262
- "$deprecated": true
1263
- },
1264
- "stop65": {
1265
- "$type": "color",
1266
- "$value": {
1267
- "colorSpace": "srgb",
1268
- "components": [
1269
- 0.361,
1270
- 0.4,
1271
- 0.447
1272
- ],
1273
- "hex": "#5c6672",
1274
- "alpha": 0.62
1275
- },
1276
- "$deprecated": true
1277
- },
1278
- "stop70": {
1279
- "$type": "color",
1280
- "$value": {
1281
- "colorSpace": "srgb",
1282
- "components": [
1283
- 0.361,
1284
- 0.4,
1285
- 0.447
1286
- ],
1287
- "hex": "#5c6672",
1288
- "alpha": 0.52
1289
- },
1290
- "$deprecated": true
1291
- },
1292
- "stop73": {
1293
- "$type": "color",
1294
- "$value": {
1295
- "colorSpace": "srgb",
1296
- "components": [
1297
- 0.361,
1298
- 0.4,
1299
- 0.447
1300
- ],
1301
- "hex": "#5c6672",
1302
- "alpha": 0.43
1303
- },
1304
- "$deprecated": true
1305
- },
1306
- "stop77": {
1307
- "$type": "color",
1308
- "$value": {
1309
- "colorSpace": "srgb",
1310
- "components": [
1311
- 0.361,
1312
- 0.4,
1313
- 0.447
1314
- ],
1315
- "hex": "#5c6672",
1316
- "alpha": 0.34
1317
- },
1318
- "$deprecated": true
1319
- },
1320
- "stop80": {
1321
- "$type": "color",
1322
- "$value": {
1323
- "colorSpace": "srgb",
1324
- "components": [
1325
- 0.361,
1326
- 0.4,
1327
- 0.447
1328
- ],
1329
- "hex": "#5c6672",
1330
- "alpha": 0.26
1331
- },
1332
- "$deprecated": true
1333
- },
1334
- "stop84": {
1335
- "$type": "color",
1336
- "$value": {
1337
- "colorSpace": "srgb",
1338
- "components": [
1339
- 0.361,
1340
- 0.4,
1341
- 0.447
1342
- ],
1343
- "hex": "#5c6672",
1344
- "alpha": 0.18
1345
- },
1346
- "$deprecated": true
1347
- },
1348
- "stop88": {
1349
- "$type": "color",
1350
- "$value": {
1351
- "colorSpace": "srgb",
1352
- "components": [
1353
- 0.361,
1354
- 0.4,
1355
- 0.447
1356
- ],
1357
- "hex": "#5c6672",
1358
- "alpha": 0.1
1359
- },
1360
- "$deprecated": true
1361
- },
1362
- "stop94": {
1363
- "$type": "color",
1364
- "$value": {
1365
- "colorSpace": "srgb",
1366
- "components": [
1367
- 0.361,
1368
- 0.4,
1369
- 0.447
1370
- ],
1371
- "hex": "#5c6672",
1372
- "alpha": 0.05
1373
- },
1374
- "$deprecated": true
1375
- }
1376
- }
1377
- }
1378
- }
1379
- }
1380
1170
  }
1381
1171
  }
1382
- }
1172
+ }