@hpe-web/design-tokens 0.1.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.
Files changed (56) hide show
  1. package/dist/css/fonts.css +132 -0
  2. package/dist/css/tokens.css +305 -0
  3. package/dist/css/tokens.dark.css +96 -0
  4. package/dist/css/tokens.sm-xs.css +93 -0
  5. package/dist/css/tokens.xl.css +100 -0
  6. package/dist/js/tokens.d.ts +307 -0
  7. package/dist/js/tokens.dark.d.ts +98 -0
  8. package/dist/js/tokens.dark.mjs +98 -0
  9. package/dist/js/tokens.mjs +307 -0
  10. package/dist/json/tokens.dark.json +92 -0
  11. package/dist/json/tokens.json +301 -0
  12. package/dist/json/tokens.sm-xs.json +87 -0
  13. package/dist/json/tokens.xl.json +94 -0
  14. package/dist/scss/_tokens.dark.scss +93 -0
  15. package/dist/scss/_tokens.scss +302 -0
  16. package/dist/scss/_tokens.sm-xs.scss +88 -0
  17. package/dist/scss/_tokens.xl.scss +95 -0
  18. package/dtcg/.gitkeep +0 -0
  19. package/dtcg/foundation/border-radius.tokens.json +239 -0
  20. package/dtcg/foundation/border-width.tokens.json +103 -0
  21. package/dtcg/foundation/color.tokens.json +2916 -0
  22. package/dtcg/foundation/dimension.tokens.json +258 -0
  23. package/dtcg/foundation/font-family.tokens.json +53 -0
  24. package/dtcg/foundation/font-size.tokens.json +408 -0
  25. package/dtcg/foundation/font-weight.tokens.json +214 -0
  26. package/dtcg/foundation/letter-spacing.tokens.json +203 -0
  27. package/dtcg/foundation/line-height.tokens.json +408 -0
  28. package/dtcg/foundation/size.tokens.json +191 -0
  29. package/dtcg/foundation/space.tokens.json +431 -0
  30. package/dtcg/hpe.resolver.json +163 -0
  31. package/dtcg/semantic/border-radius.tokens.json +149 -0
  32. package/dtcg/semantic/border-width.tokens.json +50 -0
  33. package/dtcg/semantic/font-family.tokens.json +42 -0
  34. package/dtcg/semantic/font-size.tokens.json +285 -0
  35. package/dtcg/semantic/font-weight.tokens.json +134 -0
  36. package/dtcg/semantic/letter-spacing.tokens.json +203 -0
  37. package/dtcg/semantic/line-height.tokens.json +285 -0
  38. package/dtcg/semantic/size.tokens.json +120 -0
  39. package/dtcg/semantic/space.tokens.json +275 -0
  40. package/dtcg/theme/dark/color.tokens.json +698 -0
  41. package/dtcg/theme/light/color.tokens.json +722 -0
  42. package/dtcg/viewport/sm-xs/border-radius.tokens.json +48 -0
  43. package/dtcg/viewport/sm-xs/border-width.tokens.json +15 -0
  44. package/dtcg/viewport/sm-xs/font-size.tokens.json +236 -0
  45. package/dtcg/viewport/sm-xs/font-weight.tokens.json +18 -0
  46. package/dtcg/viewport/sm-xs/letter-spacing.tokens.json +130 -0
  47. package/dtcg/viewport/sm-xs/line-height.tokens.json +236 -0
  48. package/dtcg/viewport/sm-xs/size.tokens.json +39 -0
  49. package/dtcg/viewport/sm-xs/space.tokens.json +46 -0
  50. package/dtcg/viewport/xl/border-radius.tokens.json +48 -0
  51. package/dtcg/viewport/xl/font-size.tokens.json +236 -0
  52. package/dtcg/viewport/xl/letter-spacing.tokens.json +122 -0
  53. package/dtcg/viewport/xl/line-height.tokens.json +178 -0
  54. package/dtcg/viewport/xl/size.tokens.json +84 -0
  55. package/dtcg/viewport/xl/space.tokens.json +68 -0
  56. package/package.json +36 -0
@@ -0,0 +1,2916 @@
1
+ {
2
+ "hpe-web": {
3
+ "base": {
4
+ "color": {
5
+ "black": {
6
+ "opacity100": {
7
+ "$value": {
8
+ "colorSpace": "srgb",
9
+ "components": [
10
+ 0,
11
+ 0,
12
+ 0
13
+ ],
14
+ "hex": "#000000"
15
+ }
16
+ },
17
+ "opacity12": {
18
+ "$value": {
19
+ "colorSpace": "srgb",
20
+ "components": [
21
+ 0,
22
+ 0,
23
+ 0
24
+ ],
25
+ "hex": "#000000",
26
+ "alpha": 0.122
27
+ }
28
+ },
29
+ "opacity24": {
30
+ "$value": {
31
+ "colorSpace": "srgb",
32
+ "components": [
33
+ 0,
34
+ 0,
35
+ 0
36
+ ],
37
+ "hex": "#000000",
38
+ "alpha": 0.239
39
+ }
40
+ },
41
+ "opacity36": {
42
+ "$value": {
43
+ "colorSpace": "srgb",
44
+ "components": [
45
+ 0,
46
+ 0,
47
+ 0
48
+ ],
49
+ "hex": "#000000",
50
+ "alpha": 0.361
51
+ }
52
+ },
53
+ "opacity4": {
54
+ "$value": {
55
+ "colorSpace": "srgb",
56
+ "components": [
57
+ 0,
58
+ 0,
59
+ 0
60
+ ],
61
+ "hex": "#000000",
62
+ "alpha": 0.039
63
+ }
64
+ },
65
+ "opacity48": {
66
+ "$value": {
67
+ "colorSpace": "srgb",
68
+ "components": [
69
+ 0,
70
+ 0,
71
+ 0
72
+ ],
73
+ "hex": "#000000",
74
+ "alpha": 0.478
75
+ }
76
+ },
77
+ "opacity50": {
78
+ "$value": {
79
+ "colorSpace": "srgb",
80
+ "components": [
81
+ 0,
82
+ 0,
83
+ 0
84
+ ],
85
+ "hex": "#000000",
86
+ "alpha": 0.502
87
+ }
88
+ },
89
+ "opacity72": {
90
+ "$value": {
91
+ "colorSpace": "srgb",
92
+ "components": [
93
+ 0,
94
+ 0,
95
+ 0
96
+ ],
97
+ "hex": "#000000",
98
+ "alpha": 0.722
99
+ }
100
+ },
101
+ "opacity8": {
102
+ "$value": {
103
+ "colorSpace": "srgb",
104
+ "components": [
105
+ 0,
106
+ 0,
107
+ 0
108
+ ],
109
+ "hex": "#000000",
110
+ "alpha": 0.078
111
+ }
112
+ }
113
+ },
114
+ "blue": {
115
+ "50": {
116
+ "$value": {
117
+ "colorSpace": "srgb",
118
+ "components": [
119
+ 0.89,
120
+ 0.945,
121
+ 1
122
+ ],
123
+ "hex": "#e3f1ff"
124
+ }
125
+ },
126
+ "200": {
127
+ "$value": {
128
+ "colorSpace": "srgb",
129
+ "components": [
130
+ 0.396,
131
+ 0.682,
132
+ 0.976
133
+ ],
134
+ "hex": "#65aef9"
135
+ }
136
+ },
137
+ "300": {
138
+ "$value": {
139
+ "colorSpace": "srgb",
140
+ "components": [
141
+ 0.224,
142
+ 0.58,
143
+ 0.969
144
+ ],
145
+ "hex": "#3994f7"
146
+ }
147
+ },
148
+ "500": {
149
+ "$value": {
150
+ "colorSpace": "srgb",
151
+ "components": [
152
+ 0,
153
+ 0.439,
154
+ 0.973
155
+ ],
156
+ "hex": "#0070f8"
157
+ }
158
+ },
159
+ "700": {
160
+ "$value": {
161
+ "colorSpace": "srgb",
162
+ "components": [
163
+ 0,
164
+ 0.333,
165
+ 0.855
166
+ ],
167
+ "hex": "#0055da"
168
+ }
169
+ },
170
+ "900": {
171
+ "$value": {
172
+ "colorSpace": "srgb",
173
+ "components": [
174
+ 0,
175
+ 0.235,
176
+ 0.682
177
+ ],
178
+ "hex": "#003cae"
179
+ }
180
+ },
181
+ "1100": {
182
+ "$value": {
183
+ "colorSpace": "srgb",
184
+ "components": [
185
+ 0.169,
186
+ 0.208,
187
+ 0.278
188
+ ],
189
+ "hex": "#2b3547"
190
+ }
191
+ }
192
+ },
193
+ "coral": {
194
+ "100": {
195
+ "$value": {
196
+ "colorSpace": "srgb",
197
+ "components": [
198
+ 0.988,
199
+ 0.596,
200
+ 0.545
201
+ ],
202
+ "hex": "#fc988b"
203
+ }
204
+ },
205
+ "200": {
206
+ "$value": {
207
+ "colorSpace": "srgb",
208
+ "components": [
209
+ 0.898,
210
+ 0.471,
211
+ 0.416
212
+ ],
213
+ "hex": "#e5786a"
214
+ }
215
+ },
216
+ "300": {
217
+ "$value": {
218
+ "colorSpace": "srgb",
219
+ "components": [
220
+ 0.824,
221
+ 0.373,
222
+ 0.294
223
+ ],
224
+ "hex": "#d25f4b"
225
+ }
226
+ },
227
+ "400": {
228
+ "$value": {
229
+ "colorSpace": "srgb",
230
+ "components": [
231
+ 0.776,
232
+ 0.31,
233
+ 0.227
234
+ ],
235
+ "hex": "#c64f3a"
236
+ }
237
+ },
238
+ "500": {
239
+ "$value": {
240
+ "colorSpace": "srgb",
241
+ "components": [
242
+ 0.706,
243
+ 0.259,
244
+ 0.165
245
+ ],
246
+ "hex": "#b4422a"
247
+ }
248
+ }
249
+ },
250
+ "cyan": {
251
+ "100": {
252
+ "$value": {
253
+ "colorSpace": "srgb",
254
+ "components": [
255
+ 0.6,
256
+ 0.941,
257
+ 0.976
258
+ ],
259
+ "hex": "#99f0f9"
260
+ }
261
+ },
262
+ "200": {
263
+ "$value": {
264
+ "colorSpace": "srgb",
265
+ "components": [
266
+ 0.384,
267
+ 0.898,
268
+ 0.965
269
+ ],
270
+ "hex": "#62e5f6"
271
+ }
272
+ },
273
+ "300": {
274
+ "$value": {
275
+ "colorSpace": "srgb",
276
+ "components": [
277
+ 0,
278
+ 0.859,
279
+ 0.894
280
+ ],
281
+ "hex": "#00dbe4"
282
+ }
283
+ },
284
+ "400": {
285
+ "$value": {
286
+ "colorSpace": "srgb",
287
+ "components": [
288
+ 0,
289
+ 0.643,
290
+ 0.702
291
+ ],
292
+ "hex": "#00a4b3"
293
+ }
294
+ },
295
+ "500": {
296
+ "$value": {
297
+ "colorSpace": "srgb",
298
+ "components": [
299
+ 0.016,
300
+ 0.565,
301
+ 0.616
302
+ ],
303
+ "hex": "#04909d"
304
+ }
305
+ }
306
+ },
307
+ "fuschia": {
308
+ "100": {
309
+ "$value": {
310
+ "colorSpace": "srgb",
311
+ "components": [
312
+ 0.988,
313
+ 0.616,
314
+ 0.863
315
+ ],
316
+ "hex": "#fc9ddc"
317
+ }
318
+ },
319
+ "200": {
320
+ "$value": {
321
+ "colorSpace": "srgb",
322
+ "components": [
323
+ 0.859,
324
+ 0.447,
325
+ 0.722
326
+ ],
327
+ "hex": "#db72b8"
328
+ }
329
+ },
330
+ "300": {
331
+ "$value": {
332
+ "colorSpace": "srgb",
333
+ "components": [
334
+ 0.8,
335
+ 0.329,
336
+ 0.643
337
+ ],
338
+ "hex": "#cc54a4"
339
+ }
340
+ },
341
+ "700": {
342
+ "$value": {
343
+ "colorSpace": "srgb",
344
+ "components": [
345
+ 0.678,
346
+ 0.251,
347
+ 0.537
348
+ ],
349
+ "hex": "#ad4089"
350
+ }
351
+ },
352
+ "900": {
353
+ "$value": {
354
+ "colorSpace": "srgb",
355
+ "components": [
356
+ 0.498,
357
+ 0.141,
358
+ 0.361
359
+ ],
360
+ "hex": "#7f245c"
361
+ }
362
+ }
363
+ },
364
+ "gold": {
365
+ "100": {
366
+ "$value": {
367
+ "colorSpace": "srgb",
368
+ "components": [
369
+ 0.976,
370
+ 0.8,
371
+ 0.38
372
+ ],
373
+ "hex": "#f9cc61"
374
+ }
375
+ },
376
+ "200": {
377
+ "$value": {
378
+ "colorSpace": "srgb",
379
+ "components": [
380
+ 0.925,
381
+ 0.745,
382
+ 0.31
383
+ ],
384
+ "hex": "#ecbe4f"
385
+ }
386
+ },
387
+ "300": {
388
+ "$value": {
389
+ "colorSpace": "srgb",
390
+ "components": [
391
+ 0.871,
392
+ 0.694,
393
+ 0.275
394
+ ],
395
+ "hex": "#deb146"
396
+ }
397
+ },
398
+ "400": {
399
+ "$value": {
400
+ "colorSpace": "srgb",
401
+ "components": [
402
+ 0.784,
403
+ 0.62,
404
+ 0.227
405
+ ],
406
+ "hex": "#c89e3a"
407
+ }
408
+ },
409
+ "500": {
410
+ "$value": {
411
+ "colorSpace": "srgb",
412
+ "components": [
413
+ 0.702,
414
+ 0.541,
415
+ 0.161
416
+ ],
417
+ "hex": "#b38a29"
418
+ }
419
+ },
420
+ "550": {
421
+ "$value": {
422
+ "colorSpace": "srgb",
423
+ "components": [
424
+ 0.69,
425
+ 0.518,
426
+ 0.051
427
+ ],
428
+ "hex": "#b0840d"
429
+ }
430
+ }
431
+ },
432
+ "green": {
433
+ "100": {
434
+ "$value": {
435
+ "colorSpace": "srgb",
436
+ "components": [
437
+ 0.82,
438
+ 1,
439
+ 0.933
440
+ ],
441
+ "hex": "#d1ffee"
442
+ }
443
+ },
444
+ "125": {
445
+ "$value": {
446
+ "colorSpace": "srgb",
447
+ "components": [
448
+ 0.667,
449
+ 0.98,
450
+ 0.871
451
+ ],
452
+ "hex": "#aafade"
453
+ }
454
+ },
455
+ "400": {
456
+ "$value": {
457
+ "colorSpace": "srgb",
458
+ "components": [
459
+ 0,
460
+ 0.878,
461
+ 0.686
462
+ ],
463
+ "hex": "#00e0af"
464
+ }
465
+ },
466
+ "450": {
467
+ "$value": {
468
+ "colorSpace": "srgb",
469
+ "components": [
470
+ 0.4,
471
+ 0.922,
472
+ 0.812
473
+ ],
474
+ "hex": "#66ebcf"
475
+ }
476
+ },
477
+ "500": {
478
+ "$value": {
479
+ "colorSpace": "srgb",
480
+ "components": [
481
+ 0,
482
+ 0.878,
483
+ 0.686
484
+ ],
485
+ "hex": "#00e0af"
486
+ }
487
+ },
488
+ "550": {
489
+ "$value": {
490
+ "colorSpace": "srgb",
491
+ "components": [
492
+ 0.02,
493
+ 0.8,
494
+ 0.576
495
+ ],
496
+ "hex": "#05cc93"
497
+ }
498
+ },
499
+ "600": {
500
+ "$value": {
501
+ "colorSpace": "srgb",
502
+ "components": [
503
+ 0.004,
504
+ 0.663,
505
+ 0.51
506
+ ],
507
+ "hex": "#01a982"
508
+ }
509
+ },
510
+ "650": {
511
+ "$value": {
512
+ "colorSpace": "srgb",
513
+ "components": [
514
+ 0,
515
+ 0.604,
516
+ 0.443
517
+ ],
518
+ "hex": "#009a71"
519
+ }
520
+ },
521
+ "700": {
522
+ "$value": {
523
+ "colorSpace": "srgb",
524
+ "components": [
525
+ 0.024,
526
+ 0.525,
527
+ 0.404
528
+ ],
529
+ "hex": "#068667"
530
+ }
531
+ },
532
+ "800": {
533
+ "$value": {
534
+ "colorSpace": "srgb",
535
+ "components": [
536
+ 0,
537
+ 0.404,
538
+ 0.314
539
+ ],
540
+ "hex": "#006750"
541
+ }
542
+ },
543
+ "900": {
544
+ "$value": {
545
+ "colorSpace": "srgb",
546
+ "components": [
547
+ 0.027,
548
+ 0.278,
549
+ 0.22
550
+ ],
551
+ "hex": "#074738"
552
+ }
553
+ },
554
+ "1000": {
555
+ "$value": {
556
+ "colorSpace": "srgb",
557
+ "components": [
558
+ 0.035,
559
+ 0.239,
560
+ 0.196
561
+ ],
562
+ "hex": "#093d32"
563
+ }
564
+ }
565
+ },
566
+ "grey": {
567
+ "50": {
568
+ "$value": {
569
+ "colorSpace": "srgb",
570
+ "components": [
571
+ 0.969,
572
+ 0.969,
573
+ 0.969
574
+ ],
575
+ "hex": "#f7f7f7"
576
+ }
577
+ },
578
+ "200": {
579
+ "$value": {
580
+ "colorSpace": "srgb",
581
+ "components": [
582
+ 0.902,
583
+ 0.91,
584
+ 0.914
585
+ ],
586
+ "hex": "#e6e8e9"
587
+ }
588
+ },
589
+ "400": {
590
+ "$value": {
591
+ "colorSpace": "srgb",
592
+ "components": [
593
+ 0.831,
594
+ 0.847,
595
+ 0.859
596
+ ],
597
+ "hex": "#d4d8db"
598
+ }
599
+ },
600
+ "500": {
601
+ "$value": {
602
+ "colorSpace": "srgb",
603
+ "components": [
604
+ 0.694,
605
+ 0.725,
606
+ 0.745
607
+ ],
608
+ "hex": "#b1b9be"
609
+ }
610
+ },
611
+ "600": {
612
+ "$value": {
613
+ "colorSpace": "srgb",
614
+ "components": [
615
+ 0.49,
616
+ 0.541,
617
+ 0.573
618
+ ],
619
+ "hex": "#7d8a92"
620
+ }
621
+ },
622
+ "650": {
623
+ "$value": {
624
+ "colorSpace": "srgb",
625
+ "components": [
626
+ 0.376,
627
+ 0.416,
628
+ 0.439
629
+ ],
630
+ "hex": "#606a70"
631
+ }
632
+ },
633
+ "700": {
634
+ "$value": {
635
+ "colorSpace": "srgb",
636
+ "components": [
637
+ 0.325,
638
+ 0.361,
639
+ 0.4
640
+ ],
641
+ "hex": "#535c66"
642
+ }
643
+ },
644
+ "800": {
645
+ "$value": {
646
+ "colorSpace": "srgb",
647
+ "components": [
648
+ 0.243,
649
+ 0.271,
650
+ 0.314
651
+ ],
652
+ "hex": "#3e4550"
653
+ }
654
+ },
655
+ "1000": {
656
+ "$value": {
657
+ "colorSpace": "srgb",
658
+ "components": [
659
+ 0.161,
660
+ 0.176,
661
+ 0.227
662
+ ],
663
+ "hex": "#292d3a"
664
+ }
665
+ },
666
+ "1200": {
667
+ "$value": {
668
+ "colorSpace": "srgb",
669
+ "components": [
670
+ 0.133,
671
+ 0.145,
672
+ 0.18
673
+ ],
674
+ "hex": "#22252e"
675
+ }
676
+ },
677
+ "1300": {
678
+ "$value": {
679
+ "colorSpace": "srgb",
680
+ "components": [
681
+ 0.114,
682
+ 0.122,
683
+ 0.153
684
+ ],
685
+ "hex": "#1d1f27"
686
+ }
687
+ }
688
+ },
689
+ "orange": {
690
+ "50": {
691
+ "$value": {
692
+ "colorSpace": "srgb",
693
+ "components": [
694
+ 1,
695
+ 0.953,
696
+ 0.867
697
+ ],
698
+ "hex": "#fff3dd"
699
+ }
700
+ },
701
+ "500": {
702
+ "$value": {
703
+ "colorSpace": "srgb",
704
+ "components": [
705
+ 0.925,
706
+ 0.549,
707
+ 0.145
708
+ ],
709
+ "hex": "#ec8c25"
710
+ }
711
+ },
712
+ "600": {
713
+ "$value": {
714
+ "colorSpace": "srgb",
715
+ "components": [
716
+ 0.827,
717
+ 0.427,
718
+ 0
719
+ ],
720
+ "hex": "#d36d00"
721
+ }
722
+ },
723
+ "1000": {
724
+ "$value": {
725
+ "colorSpace": "srgb",
726
+ "components": [
727
+ 0.235,
728
+ 0.212,
729
+ 0.118
730
+ ],
731
+ "hex": "#3c361e"
732
+ }
733
+ }
734
+ },
735
+ "plum": {
736
+ "100": {
737
+ "$value": {
738
+ "colorSpace": "srgb",
739
+ "components": [
740
+ 0.788,
741
+ 0.541,
742
+ 0.831
743
+ ],
744
+ "hex": "#c98ad4"
745
+ }
746
+ },
747
+ "200": {
748
+ "$value": {
749
+ "colorSpace": "srgb",
750
+ "components": [
751
+ 0.643,
752
+ 0.333,
753
+ 0.702
754
+ ],
755
+ "hex": "#a455b3"
756
+ }
757
+ },
758
+ "600": {
759
+ "$value": {
760
+ "colorSpace": "srgb",
761
+ "components": [
762
+ 0.529,
763
+ 0.204,
764
+ 0.573
765
+ ],
766
+ "hex": "#873492"
767
+ }
768
+ },
769
+ "700": {
770
+ "$value": {
771
+ "colorSpace": "srgb",
772
+ "components": [
773
+ 0.424,
774
+ 0.169,
775
+ 0.486
776
+ ],
777
+ "hex": "#6c2b7c"
778
+ }
779
+ },
780
+ "900": {
781
+ "$value": {
782
+ "colorSpace": "srgb",
783
+ "components": [
784
+ 0.369,
785
+ 0.122,
786
+ 0.408
787
+ ],
788
+ "hex": "#5e1f68"
789
+ }
790
+ }
791
+ },
792
+ "purple": {
793
+ "100": {
794
+ "$value": {
795
+ "colorSpace": "srgb",
796
+ "components": [
797
+ 0.718,
798
+ 0.635,
799
+ 0.988
800
+ ],
801
+ "hex": "#b7a2fc"
802
+ }
803
+ },
804
+ "200": {
805
+ "$value": {
806
+ "colorSpace": "srgb",
807
+ "components": [
808
+ 0.608,
809
+ 0.518,
810
+ 0.988
811
+ ],
812
+ "hex": "#9b84fc"
813
+ }
814
+ },
815
+ "400": {
816
+ "$value": {
817
+ "colorSpace": "srgb",
818
+ "components": [
819
+ 0.467,
820
+ 0.392,
821
+ 0.988
822
+ ],
823
+ "hex": "#7764fc"
824
+ }
825
+ },
826
+ "700": {
827
+ "$value": {
828
+ "colorSpace": "srgb",
829
+ "components": [
830
+ 0.365,
831
+ 0.271,
832
+ 0.839
833
+ ],
834
+ "hex": "#5d45d6"
835
+ }
836
+ },
837
+ "900": {
838
+ "$value": {
839
+ "colorSpace": "srgb",
840
+ "components": [
841
+ 0.235,
842
+ 0.227,
843
+ 0.631
844
+ ],
845
+ "hex": "#3c3aa1"
846
+ }
847
+ }
848
+ },
849
+ "red": {
850
+ "50": {
851
+ "$value": {
852
+ "colorSpace": "srgb",
853
+ "components": [
854
+ 1,
855
+ 0.925,
856
+ 0.925
857
+ ],
858
+ "hex": "#ffecec"
859
+ }
860
+ },
861
+ "400": {
862
+ "$value": {
863
+ "colorSpace": "srgb",
864
+ "components": [
865
+ 1,
866
+ 0.482,
867
+ 0.482
868
+ ],
869
+ "hex": "#ff7b7b"
870
+ }
871
+ },
872
+ "500": {
873
+ "$value": {
874
+ "colorSpace": "srgb",
875
+ "components": [
876
+ 0.988,
877
+ 0.38,
878
+ 0.38
879
+ ],
880
+ "hex": "#fc6161"
881
+ }
882
+ },
883
+ "600": {
884
+ "$value": {
885
+ "colorSpace": "srgb",
886
+ "components": [
887
+ 0.925,
888
+ 0.2,
889
+ 0.192
890
+ ],
891
+ "hex": "#ec3331"
892
+ }
893
+ },
894
+ "800": {
895
+ "$value": {
896
+ "colorSpace": "srgb",
897
+ "components": [
898
+ 0.8,
899
+ 0.122,
900
+ 0.102
901
+ ],
902
+ "hex": "#cc1f1a"
903
+ }
904
+ },
905
+ "1000": {
906
+ "$value": {
907
+ "colorSpace": "srgb",
908
+ "components": [
909
+ 0.333,
910
+ 0.129,
911
+ 0.125
912
+ ],
913
+ "hex": "#552120"
914
+ }
915
+ }
916
+ },
917
+ "white": {
918
+ "100": {
919
+ "$value": {
920
+ "colorSpace": "srgb",
921
+ "components": [
922
+ 1,
923
+ 1,
924
+ 1
925
+ ],
926
+ "hex": "#ffffff"
927
+ }
928
+ },
929
+ "opacity10": {
930
+ "$value": {
931
+ "colorSpace": "srgb",
932
+ "components": [
933
+ 1,
934
+ 1,
935
+ 1
936
+ ],
937
+ "hex": "#ffffff",
938
+ "alpha": 0.102
939
+ }
940
+ },
941
+ "opacity12": {
942
+ "$value": {
943
+ "colorSpace": "srgb",
944
+ "components": [
945
+ 1,
946
+ 1,
947
+ 1
948
+ ],
949
+ "hex": "#ffffff",
950
+ "alpha": 0.122
951
+ }
952
+ },
953
+ "opacity20": {
954
+ "$value": {
955
+ "colorSpace": "srgb",
956
+ "components": [
957
+ 1,
958
+ 1,
959
+ 1
960
+ ],
961
+ "hex": "#ffffff",
962
+ "alpha": 0.2
963
+ }
964
+ },
965
+ "opacity24": {
966
+ "$value": {
967
+ "colorSpace": "srgb",
968
+ "components": [
969
+ 1,
970
+ 1,
971
+ 1
972
+ ],
973
+ "hex": "#ffffff",
974
+ "alpha": 0.239
975
+ }
976
+ },
977
+ "opacity36": {
978
+ "$value": {
979
+ "colorSpace": "srgb",
980
+ "components": [
981
+ 1,
982
+ 1,
983
+ 1
984
+ ],
985
+ "hex": "#ffffff",
986
+ "alpha": 0.361
987
+ }
988
+ },
989
+ "opacity50": {
990
+ "$value": {
991
+ "colorSpace": "srgb",
992
+ "components": [
993
+ 1,
994
+ 1,
995
+ 1
996
+ ],
997
+ "hex": "#ffffff",
998
+ "alpha": 0.502
999
+ }
1000
+ },
1001
+ "opacity6": {
1002
+ "$value": {
1003
+ "colorSpace": "srgb",
1004
+ "components": [
1005
+ 1,
1006
+ 1,
1007
+ 1
1008
+ ],
1009
+ "hex": "#ffffff",
1010
+ "alpha": 0.059
1011
+ }
1012
+ },
1013
+ "opacity7": {
1014
+ "$value": {
1015
+ "colorSpace": "srgb",
1016
+ "components": [
1017
+ 1,
1018
+ 1,
1019
+ 1
1020
+ ],
1021
+ "hex": "#ffffff",
1022
+ "alpha": 0.071
1023
+ }
1024
+ },
1025
+ "opacity72": {
1026
+ "$value": {
1027
+ "colorSpace": "srgb",
1028
+ "components": [
1029
+ 1,
1030
+ 1,
1031
+ 1
1032
+ ],
1033
+ "hex": "#ffffff",
1034
+ "alpha": 0.722
1035
+ }
1036
+ }
1037
+ }
1038
+ }
1039
+ },
1040
+ "button": {
1041
+ "anchor": {
1042
+ "neutral": {
1043
+ "disabled": {
1044
+ "rest": {
1045
+ "background": {
1046
+ "$value": {
1047
+ "colorSpace": "srgb",
1048
+ "components": [
1049
+ 0,
1050
+ 0,
1051
+ 0
1052
+ ],
1053
+ "hex": "#000000",
1054
+ "alpha": 0
1055
+ }
1056
+ },
1057
+ "border-color": {
1058
+ "$value": {
1059
+ "colorSpace": "srgb",
1060
+ "components": [
1061
+ 0,
1062
+ 0,
1063
+ 0
1064
+ ],
1065
+ "hex": "#000000",
1066
+ "alpha": 0
1067
+ }
1068
+ },
1069
+ "icon-color": {
1070
+ "$value": "{hpe-web.color.icon.disabled}"
1071
+ },
1072
+ "text-color": {
1073
+ "$value": "{hpe-web.color.text.disabled}"
1074
+ }
1075
+ }
1076
+ },
1077
+ "hover": {
1078
+ "background": {
1079
+ "$value": "{hpe-web.color.transparent}"
1080
+ },
1081
+ "border-color": {
1082
+ "$value": {
1083
+ "colorSpace": "srgb",
1084
+ "components": [
1085
+ 0,
1086
+ 0,
1087
+ 0
1088
+ ],
1089
+ "hex": "#000000",
1090
+ "alpha": 0
1091
+ }
1092
+ },
1093
+ "icon-color": {
1094
+ "$value": "{hpe-web.color.text.neutral-strong}"
1095
+ },
1096
+ "text-color": {
1097
+ "$value": "{hpe-web.color.text.neutral-strong}"
1098
+ }
1099
+ },
1100
+ "rest": {
1101
+ "background": {
1102
+ "$value": {
1103
+ "colorSpace": "srgb",
1104
+ "components": [
1105
+ 0,
1106
+ 0,
1107
+ 0
1108
+ ],
1109
+ "hex": "#000000",
1110
+ "alpha": 0
1111
+ }
1112
+ },
1113
+ "border-color": {
1114
+ "$value": {
1115
+ "colorSpace": "srgb",
1116
+ "components": [
1117
+ 0,
1118
+ 0,
1119
+ 0
1120
+ ],
1121
+ "hex": "#000000",
1122
+ "alpha": 0
1123
+ }
1124
+ },
1125
+ "icon-color": {
1126
+ "$value": "{hpe-web.color.icon.strong}"
1127
+ },
1128
+ "text-color": {
1129
+ "$value": "{hpe-web.color.text.header}"
1130
+ }
1131
+ }
1132
+ },
1133
+ "primary": {
1134
+ "disabled": {
1135
+ "rest": {
1136
+ "background": {
1137
+ "$value": {
1138
+ "colorSpace": "srgb",
1139
+ "components": [
1140
+ 0,
1141
+ 0,
1142
+ 0
1143
+ ],
1144
+ "hex": "#000000",
1145
+ "alpha": 0
1146
+ }
1147
+ },
1148
+ "border-color": {
1149
+ "$value": {
1150
+ "colorSpace": "srgb",
1151
+ "components": [
1152
+ 0,
1153
+ 0,
1154
+ 0
1155
+ ],
1156
+ "hex": "#000000",
1157
+ "alpha": 0
1158
+ }
1159
+ },
1160
+ "icon-color": {
1161
+ "$value": "{hpe-web.color.text.disabled}"
1162
+ },
1163
+ "text-color": {
1164
+ "$value": "{hpe-web.color.text.disabled}"
1165
+ }
1166
+ }
1167
+ },
1168
+ "hover": {
1169
+ "background": {
1170
+ "$value": "{hpe-web.color.transparent}"
1171
+ },
1172
+ "border-color": {
1173
+ "$value": "{hpe-web.color.transparent}"
1174
+ },
1175
+ "icon-color": {
1176
+ "$value": "{hpe-web.color.text.primary-strong}"
1177
+ },
1178
+ "text-color": {
1179
+ "$value": "{hpe-web.color.text.primary-strong}"
1180
+ }
1181
+ },
1182
+ "rest": {
1183
+ "background": {
1184
+ "$value": {
1185
+ "colorSpace": "srgb",
1186
+ "components": [
1187
+ 0,
1188
+ 0,
1189
+ 0
1190
+ ],
1191
+ "hex": "#000000",
1192
+ "alpha": 0
1193
+ }
1194
+ },
1195
+ "border-color": {
1196
+ "$value": {
1197
+ "colorSpace": "srgb",
1198
+ "components": [
1199
+ 0,
1200
+ 0,
1201
+ 0
1202
+ ],
1203
+ "hex": "#000000",
1204
+ "alpha": 0
1205
+ }
1206
+ },
1207
+ "icon-color": {
1208
+ "$value": "{hpe-web.color.text.primary}"
1209
+ },
1210
+ "text-color": {
1211
+ "$value": "{hpe-web.color.text.primary}"
1212
+ }
1213
+ }
1214
+ }
1215
+ },
1216
+ "carousel": {
1217
+ "disabled": {
1218
+ "background": {
1219
+ "$value": "{hpe-web.theme.button.carousel.disabled.background}"
1220
+ },
1221
+ "border-color": {
1222
+ "$value": "{hpe-web.theme.button.carousel.disabled.border-color}"
1223
+ },
1224
+ "icon-color": {
1225
+ "$value": "{hpe-web.theme.button.carousel.disabled.icon-color}"
1226
+ }
1227
+ },
1228
+ "hover": {
1229
+ "background": {
1230
+ "$value": "{hpe-web.theme.button.carousel.hover.background}"
1231
+ },
1232
+ "border-color": {
1233
+ "$value": "{hpe-web.theme.button.carousel.hover.border-color}"
1234
+ },
1235
+ "icon-color": {
1236
+ "$value": "{hpe-web.theme.button.carousel.hover.icon-color}"
1237
+ }
1238
+ },
1239
+ "rest": {
1240
+ "background": {
1241
+ "$value": "{hpe-web.theme.button.carousel.rest.background}"
1242
+ },
1243
+ "border-color": {
1244
+ "$value": "{hpe-web.theme.button.carousel.rest.border-color}"
1245
+ },
1246
+ "icon-color": {
1247
+ "$value": "{hpe-web.theme.button.carousel.rest.icon-color}"
1248
+ }
1249
+ }
1250
+ },
1251
+ "play": {
1252
+ "hover": {
1253
+ "background": {
1254
+ "$value": {
1255
+ "colorSpace": "srgb",
1256
+ "components": [
1257
+ 1,
1258
+ 1,
1259
+ 1
1260
+ ],
1261
+ "hex": "#ffffff"
1262
+ }
1263
+ },
1264
+ "border-color": {
1265
+ "$value": {
1266
+ "colorSpace": "srgb",
1267
+ "components": [
1268
+ 0,
1269
+ 0,
1270
+ 0
1271
+ ],
1272
+ "hex": "#000000",
1273
+ "alpha": 0
1274
+ }
1275
+ },
1276
+ "icon-color": {
1277
+ "$value": "{hpe-web.button.play.rest.icon-color}"
1278
+ }
1279
+ },
1280
+ "rest": {
1281
+ "background": {
1282
+ "$value": {
1283
+ "colorSpace": "srgb",
1284
+ "components": [
1285
+ 1,
1286
+ 1,
1287
+ 1
1288
+ ],
1289
+ "hex": "#ffffff"
1290
+ }
1291
+ },
1292
+ "border-color": {
1293
+ "$value": {
1294
+ "colorSpace": "srgb",
1295
+ "components": [
1296
+ 0,
1297
+ 0,
1298
+ 0
1299
+ ],
1300
+ "hex": "#000000",
1301
+ "alpha": 0
1302
+ }
1303
+ },
1304
+ "icon-color": {
1305
+ "$value": {
1306
+ "colorSpace": "srgb",
1307
+ "components": [
1308
+ 0.024,
1309
+ 0.525,
1310
+ 0.404
1311
+ ],
1312
+ "hex": "#068667"
1313
+ }
1314
+ },
1315
+ "icon-color_1": {
1316
+ "$value": "{hpe-web.button.play.rest.icon-color}"
1317
+ }
1318
+ }
1319
+ },
1320
+ "primary": {
1321
+ "disabled": {
1322
+ "rest": {
1323
+ "background": {
1324
+ "$value": "{hpe-web.color.background.neutral-weak}"
1325
+ },
1326
+ "border-color": {
1327
+ "$value": {
1328
+ "colorSpace": "srgb",
1329
+ "components": [
1330
+ 0,
1331
+ 0,
1332
+ 0
1333
+ ],
1334
+ "hex": "#000000",
1335
+ "alpha": 0
1336
+ }
1337
+ },
1338
+ "icon-color": {
1339
+ "$value": "{hpe-web.color.icon.disabled}"
1340
+ },
1341
+ "text-color": {
1342
+ "$value": "{hpe-web.color.text.disabled}"
1343
+ }
1344
+ }
1345
+ },
1346
+ "hover": {
1347
+ "background": {
1348
+ "$value": "{hpe-web.color.background.neutral}"
1349
+ },
1350
+ "border-color": {
1351
+ "$value": {
1352
+ "colorSpace": "srgb",
1353
+ "components": [
1354
+ 0,
1355
+ 0,
1356
+ 0
1357
+ ],
1358
+ "hex": "#000000",
1359
+ "alpha": 0
1360
+ }
1361
+ },
1362
+ "icon-color": {
1363
+ "$value": "{hpe-web.color.text.on-neutral}"
1364
+ },
1365
+ "text-color": {
1366
+ "$value": "{hpe-web.color.text.on-neutral}"
1367
+ }
1368
+ },
1369
+ "rest": {
1370
+ "background": {
1371
+ "$value": "{hpe-web.color.background.neutral-strong}"
1372
+ },
1373
+ "border-color": {
1374
+ "$value": {
1375
+ "colorSpace": "srgb",
1376
+ "components": [
1377
+ 0,
1378
+ 0,
1379
+ 0
1380
+ ],
1381
+ "hex": "#000000",
1382
+ "alpha": 0
1383
+ }
1384
+ },
1385
+ "icon-color": {
1386
+ "$value": "{hpe-web.color.text.on-neutral}"
1387
+ },
1388
+ "text-color": {
1389
+ "$value": "{hpe-web.color.text.on-neutral}"
1390
+ }
1391
+ }
1392
+ },
1393
+ "secondary": {
1394
+ "disabled": {
1395
+ "rest": {
1396
+ "background": {
1397
+ "$value": "{hpe-web.color.transparent}"
1398
+ },
1399
+ "border-color": {
1400
+ "$value": "{hpe-web.color.background.neutral-weak}"
1401
+ },
1402
+ "icon-color": {
1403
+ "$value": "{hpe-web.color.icon.disabled}"
1404
+ },
1405
+ "text-color": {
1406
+ "$value": "{hpe-web.color.text.disabled}"
1407
+ }
1408
+ }
1409
+ },
1410
+ "hover": {
1411
+ "background": {
1412
+ "$value": "{hpe-web.color.transparent}"
1413
+ },
1414
+ "border-color": {
1415
+ "$value": "{hpe-web.color.border.primary-strong}"
1416
+ },
1417
+ "icon-color": {
1418
+ "$value": "{hpe-web.color.icon.strong}"
1419
+ },
1420
+ "text-color": {
1421
+ "$value": "{hpe-web.color.text.header}"
1422
+ }
1423
+ },
1424
+ "rest": {
1425
+ "background": {
1426
+ "$value": "{hpe-web.color.transparent}"
1427
+ },
1428
+ "border-color": {
1429
+ "$value": "{hpe-web.color.border.primary}"
1430
+ },
1431
+ "icon-color": {
1432
+ "$value": "{hpe-web.color.icon.strong}"
1433
+ },
1434
+ "text-color": {
1435
+ "$value": "{hpe-web.color.text.header}"
1436
+ }
1437
+ }
1438
+ }
1439
+ },
1440
+ "color": {
1441
+ "background": {
1442
+ "card": {
1443
+ "$value": "{hpe-web.base.color.grey.50}"
1444
+ },
1445
+ "card-hover": {
1446
+ "$value": "{hpe-web.base.color.grey.200}"
1447
+ },
1448
+ "component": {
1449
+ "$value": "{hpe-web.base.color.grey.200}"
1450
+ },
1451
+ "component-disabled": {
1452
+ "$value": {
1453
+ "colorSpace": "srgb",
1454
+ "components": [
1455
+ 0.647,
1456
+ 0.647,
1457
+ 0.663
1458
+ ],
1459
+ "hex": "#a5a5a9"
1460
+ }
1461
+ },
1462
+ "component-hover": {
1463
+ "$value": {
1464
+ "colorSpace": "srgb",
1465
+ "components": [
1466
+ 0.831,
1467
+ 0.831,
1468
+ 0.831
1469
+ ],
1470
+ "hex": "#d4d4d4"
1471
+ }
1472
+ },
1473
+ "contrast": {
1474
+ "$value": "{hpe-web.base.color.black.opacity4}"
1475
+ },
1476
+ "critical": {
1477
+ "$value": "{hpe-web.base.color.red.800}"
1478
+ },
1479
+ "default": {
1480
+ "$value": "{hpe-web.base.color.white.100}"
1481
+ },
1482
+ "focus": {
1483
+ "$value": {
1484
+ "colorSpace": "srgb",
1485
+ "components": [
1486
+ 0.165,
1487
+ 0.824,
1488
+ 0.788
1489
+ ],
1490
+ "hex": "#2ad2c9"
1491
+ }
1492
+ },
1493
+ "neutral": {
1494
+ "$value": "{hpe-web.base.color.grey.700}"
1495
+ },
1496
+ "neutral-strong": {
1497
+ "$value": "{hpe-web.base.color.grey.1000}"
1498
+ },
1499
+ "neutral-weak": {
1500
+ "$value": "{hpe-web.base.color.grey.400}"
1501
+ },
1502
+ "ok": {
1503
+ "$value": {
1504
+ "colorSpace": "srgb",
1505
+ "components": [
1506
+ 0,
1507
+ 0.604,
1508
+ 0.443
1509
+ ],
1510
+ "hex": "#009a71"
1511
+ }
1512
+ },
1513
+ "primary": {
1514
+ "$value": "{hpe-web.base.color.green.600}"
1515
+ },
1516
+ "primary-strong": {
1517
+ "$value": "{hpe-web.base.color.green.700}"
1518
+ },
1519
+ "warning": {
1520
+ "$value": {
1521
+ "colorSpace": "srgb",
1522
+ "components": [
1523
+ 0.827,
1524
+ 0.427,
1525
+ 0
1526
+ ],
1527
+ "hex": "#d36d00"
1528
+ }
1529
+ }
1530
+ },
1531
+ "border": {
1532
+ "critical": {
1533
+ "$value": "{hpe-web.base.color.red.800}"
1534
+ },
1535
+ "default": {
1536
+ "$value": {
1537
+ "colorSpace": "srgb",
1538
+ "components": [
1539
+ 0.627,
1540
+ 0.635,
1541
+ 0.659
1542
+ ],
1543
+ "hex": "#a0a2a8"
1544
+ }
1545
+ },
1546
+ "focus": {
1547
+ "$value": {
1548
+ "colorSpace": "srgb",
1549
+ "components": [
1550
+ 0.165,
1551
+ 0.824,
1552
+ 0.788
1553
+ ],
1554
+ "hex": "#2ad2c9"
1555
+ }
1556
+ },
1557
+ "ok": {
1558
+ "$value": "{hpe-web.base.color.green.650}"
1559
+ },
1560
+ "primary": {
1561
+ "$value": "{hpe-web.base.color.green.600}"
1562
+ },
1563
+ "primary-strong": {
1564
+ "$value": "{hpe-web.base.color.green.700}"
1565
+ },
1566
+ "warning": {
1567
+ "$value": {
1568
+ "colorSpace": "srgb",
1569
+ "components": [
1570
+ 0.827,
1571
+ 0.427,
1572
+ 0
1573
+ ],
1574
+ "hex": "#d36d00"
1575
+ }
1576
+ },
1577
+ "weak": {
1578
+ "$value": {
1579
+ "colorSpace": "srgb",
1580
+ "components": [
1581
+ 0.82,
1582
+ 0.82,
1583
+ 0.82
1584
+ ],
1585
+ "hex": "#d1d1d1"
1586
+ }
1587
+ }
1588
+ },
1589
+ "decorative": {
1590
+ "black": {
1591
+ "$value": "{hpe-web.base.color.black.opacity100}"
1592
+ },
1593
+ "blue": {
1594
+ "$value": "{hpe-web.base.color.blue.500}"
1595
+ },
1596
+ "brand": {
1597
+ "$value": "{hpe-web.base.color.green.600}"
1598
+ },
1599
+ "cyan": {
1600
+ "$value": "{hpe-web.base.color.cyan.200}"
1601
+ },
1602
+ "green": {
1603
+ "$value": "{hpe-web.base.color.green.550}"
1604
+ },
1605
+ "neutral": {
1606
+ "$value": "{hpe-web.base.color.grey.600}"
1607
+ },
1608
+ "neutral-hover": {
1609
+ "$value": "{hpe-web.base.color.grey.650}"
1610
+ },
1611
+ "purple": {
1612
+ "$value": "{hpe-web.base.color.purple.400}"
1613
+ },
1614
+ "white": {
1615
+ "$value": "{hpe-web.base.color.white.100}"
1616
+ }
1617
+ },
1618
+ "gradient": {
1619
+ "element-green": {
1620
+ "stop0": {
1621
+ "$value": "{hpe-web.base.color.green.550}"
1622
+ },
1623
+ "stop100": {
1624
+ "$value": {
1625
+ "colorSpace": "srgb",
1626
+ "components": [
1627
+ 1,
1628
+ 1,
1629
+ 1
1630
+ ],
1631
+ "hex": "#ffffff",
1632
+ "alpha": 0
1633
+ }
1634
+ }
1635
+ },
1636
+ "element-neutral": {
1637
+ "stop0": {
1638
+ "$value": {
1639
+ "colorSpace": "srgb",
1640
+ "components": [
1641
+ 0.161,
1642
+ 0.176,
1643
+ 0.227
1644
+ ],
1645
+ "hex": "#292d3a",
1646
+ "alpha": 0.271
1647
+ }
1648
+ },
1649
+ "stop100": {
1650
+ "$value": {
1651
+ "colorSpace": "srgb",
1652
+ "components": [
1653
+ 1,
1654
+ 1,
1655
+ 1
1656
+ ],
1657
+ "hex": "#ffffff",
1658
+ "alpha": 0
1659
+ }
1660
+ },
1661
+ "stop15": {
1662
+ "$value": {
1663
+ "colorSpace": "srgb",
1664
+ "components": [
1665
+ 0.224,
1666
+ 0.239,
1667
+ 0.282
1668
+ ],
1669
+ "hex": "#393d48",
1670
+ "alpha": 0.251
1671
+ }
1672
+ },
1673
+ "stop28": {
1674
+ "$value": {
1675
+ "colorSpace": "srgb",
1676
+ "components": [
1677
+ 0.286,
1678
+ 0.306,
1679
+ 0.341
1680
+ ],
1681
+ "hex": "#494e57",
1682
+ "alpha": 0.239
1683
+ }
1684
+ },
1685
+ "stop38": {
1686
+ "$value": {
1687
+ "colorSpace": "srgb",
1688
+ "components": [
1689
+ 0.353,
1690
+ 0.373,
1691
+ 0.396
1692
+ ],
1693
+ "hex": "#5a5f65",
1694
+ "alpha": 0.22
1695
+ }
1696
+ },
1697
+ "stop47": {
1698
+ "$value": {
1699
+ "colorSpace": "srgb",
1700
+ "components": [
1701
+ 0.416,
1702
+ 0.439,
1703
+ 0.451
1704
+ ],
1705
+ "hex": "#6a7073",
1706
+ "alpha": 0.2
1707
+ }
1708
+ },
1709
+ "stop54": {
1710
+ "$value": {
1711
+ "colorSpace": "srgb",
1712
+ "components": [
1713
+ 0.482,
1714
+ 0.506,
1715
+ 0.506
1716
+ ],
1717
+ "hex": "#7b8181",
1718
+ "alpha": 0.188
1719
+ }
1720
+ },
1721
+ "stop60": {
1722
+ "$value": {
1723
+ "colorSpace": "srgb",
1724
+ "components": [
1725
+ 0.549,
1726
+ 0.573,
1727
+ 0.565
1728
+ ],
1729
+ "hex": "#8c9290",
1730
+ "alpha": 0.169
1731
+ }
1732
+ },
1733
+ "stop65": {
1734
+ "$value": {
1735
+ "colorSpace": "srgb",
1736
+ "components": [
1737
+ 0.616,
1738
+ 0.639,
1739
+ 0.62
1740
+ ],
1741
+ "hex": "#9da39e",
1742
+ "alpha": 0.149
1743
+ }
1744
+ },
1745
+ "stop70": {
1746
+ "$value": {
1747
+ "colorSpace": "srgb",
1748
+ "components": [
1749
+ 0.678,
1750
+ 0.706,
1751
+ 0.675
1752
+ ],
1753
+ "hex": "#adb4ac",
1754
+ "alpha": 0.129
1755
+ }
1756
+ },
1757
+ "stop73": {
1758
+ "$value": {
1759
+ "colorSpace": "srgb",
1760
+ "components": [
1761
+ 0.745,
1762
+ 0.773,
1763
+ 0.733
1764
+ ],
1765
+ "hex": "#bec5bb",
1766
+ "alpha": 0.122
1767
+ }
1768
+ },
1769
+ "stop77": {
1770
+ "$value": {
1771
+ "colorSpace": "srgb",
1772
+ "components": [
1773
+ 0.812,
1774
+ 0.839,
1775
+ 0.788
1776
+ ],
1777
+ "hex": "#cfd6c9",
1778
+ "alpha": 0.102
1779
+ }
1780
+ },
1781
+ "stop80": {
1782
+ "$value": {
1783
+ "colorSpace": "srgb",
1784
+ "components": [
1785
+ 0.878,
1786
+ 0.906,
1787
+ 0.843
1788
+ ],
1789
+ "hex": "#e0e7d7",
1790
+ "alpha": 0.078
1791
+ }
1792
+ },
1793
+ "stop84": {
1794
+ "$value": {
1795
+ "colorSpace": "srgb",
1796
+ "components": [
1797
+ 0.941,
1798
+ 0.973,
1799
+ 0.898
1800
+ ],
1801
+ "hex": "#f0f8e5",
1802
+ "alpha": 0.071
1803
+ }
1804
+ },
1805
+ "stop88": {
1806
+ "$value": {
1807
+ "colorSpace": "srgb",
1808
+ "components": [
1809
+ 0.98,
1810
+ 1,
1811
+ 0.949
1812
+ ],
1813
+ "hex": "#fafff2",
1814
+ "alpha": 0.051
1815
+ }
1816
+ },
1817
+ "stop94": {
1818
+ "$value": {
1819
+ "colorSpace": "srgb",
1820
+ "components": [
1821
+ 1,
1822
+ 1,
1823
+ 1
1824
+ ],
1825
+ "hex": "#ffffff",
1826
+ "alpha": 0.031
1827
+ }
1828
+ }
1829
+ },
1830
+ "neutral": {
1831
+ "stop0": {
1832
+ "$value": {
1833
+ "colorSpace": "srgb",
1834
+ "components": [
1835
+ 0.114,
1836
+ 0.122,
1837
+ 0.153
1838
+ ],
1839
+ "hex": "#1d1f27",
1840
+ "alpha": 0
1841
+ }
1842
+ },
1843
+ "stop100": {
1844
+ "$value": {
1845
+ "colorSpace": "srgb",
1846
+ "components": [
1847
+ 0.114,
1848
+ 0.122,
1849
+ 0.153
1850
+ ],
1851
+ "hex": "#1d1f27"
1852
+ }
1853
+ }
1854
+ },
1855
+ "video-overlay": {
1856
+ "stop0": {
1857
+ "$value": {
1858
+ "colorSpace": "srgb",
1859
+ "components": [
1860
+ 0,
1861
+ 0,
1862
+ 0
1863
+ ],
1864
+ "hex": "#000000",
1865
+ "alpha": 0
1866
+ }
1867
+ },
1868
+ "stop100": {
1869
+ "$value": {
1870
+ "colorSpace": "srgb",
1871
+ "components": [
1872
+ 0,
1873
+ 0,
1874
+ 0
1875
+ ],
1876
+ "hex": "#000000",
1877
+ "alpha": 0.4
1878
+ }
1879
+ }
1880
+ }
1881
+ },
1882
+ "icon": {
1883
+ "critical": {
1884
+ "$value": "{hpe-web.base.color.red.800}"
1885
+ },
1886
+ "default": {
1887
+ "$value": "{hpe-web.color.text.body}"
1888
+ },
1889
+ "disabled": {
1890
+ "$value": "{hpe-web.color.text.disabled}"
1891
+ },
1892
+ "focus": {
1893
+ "$value": {
1894
+ "colorSpace": "srgb",
1895
+ "components": [
1896
+ 0.165,
1897
+ 0.824,
1898
+ 0.788
1899
+ ],
1900
+ "hex": "#2ad2c9"
1901
+ }
1902
+ },
1903
+ "neutral": {
1904
+ "$value": "{hpe-web.base.color.grey.1000}"
1905
+ },
1906
+ "ok": {
1907
+ "$value": "{hpe-web.base.color.green.650}"
1908
+ },
1909
+ "primary": {
1910
+ "$value": "{hpe-web.color.decorative.brand}"
1911
+ },
1912
+ "primary-strong": {
1913
+ "$value": {
1914
+ "colorSpace": "srgb",
1915
+ "components": [
1916
+ 0,
1917
+ 0.373,
1918
+ 0.286
1919
+ ],
1920
+ "hex": "#005f49"
1921
+ }
1922
+ },
1923
+ "strong": {
1924
+ "$value": "{hpe-web.color.text.header}"
1925
+ },
1926
+ "warning": {
1927
+ "$value": "{hpe-web.base.color.orange.600}"
1928
+ },
1929
+ "weak": {
1930
+ "$value": "{hpe-web.color.text.weak}"
1931
+ }
1932
+ },
1933
+ "logo": {
1934
+ "$value": "{hpe-web.base.color.green.600}"
1935
+ },
1936
+ "text": {
1937
+ "body": {
1938
+ "$value": {
1939
+ "colorSpace": "srgb",
1940
+ "components": [
1941
+ 0.404,
1942
+ 0.408,
1943
+ 0.431
1944
+ ],
1945
+ "hex": "#67686e"
1946
+ }
1947
+ },
1948
+ "critical": {
1949
+ "$value": "{hpe-web.base.color.red.800}"
1950
+ },
1951
+ "disabled": {
1952
+ "$value": {
1953
+ "colorSpace": "srgb",
1954
+ "components": [
1955
+ 0.627,
1956
+ 0.635,
1957
+ 0.671
1958
+ ],
1959
+ "hex": "#a0a2ab"
1960
+ }
1961
+ },
1962
+ "focus": {
1963
+ "$value": {
1964
+ "colorSpace": "srgb",
1965
+ "components": [
1966
+ 0.165,
1967
+ 0.824,
1968
+ 0.788
1969
+ ],
1970
+ "hex": "#2ad2c9"
1971
+ }
1972
+ },
1973
+ "header": {
1974
+ "$value": "{hpe-web.base.color.grey.1000}"
1975
+ },
1976
+ "neutral-strong": {
1977
+ "$value": {
1978
+ "colorSpace": "srgb",
1979
+ "components": [
1980
+ 0.129,
1981
+ 0.141,
1982
+ 0.18
1983
+ ],
1984
+ "hex": "#21242e"
1985
+ }
1986
+ },
1987
+ "ok": {
1988
+ "$value": "{hpe-web.base.color.green.650}"
1989
+ },
1990
+ "on-neutral": {
1991
+ "$value": "{hpe-web.base.color.white.100}"
1992
+ },
1993
+ "primary": {
1994
+ "$value": "{hpe-web.base.color.green.700}"
1995
+ },
1996
+ "primary-strong": {
1997
+ "$value": {
1998
+ "colorSpace": "srgb",
1999
+ "components": [
2000
+ 0,
2001
+ 0.373,
2002
+ 0.286
2003
+ ],
2004
+ "hex": "#005f49"
2005
+ }
2006
+ },
2007
+ "warning": {
2008
+ "$value": "{hpe-web.base.color.orange.600}"
2009
+ },
2010
+ "weak": {
2011
+ "$value": {
2012
+ "colorSpace": "srgb",
2013
+ "components": [
2014
+ 0.404,
2015
+ 0.404,
2016
+ 0.404
2017
+ ],
2018
+ "hex": "#676767"
2019
+ }
2020
+ }
2021
+ },
2022
+ "transparent": {
2023
+ "$value": {
2024
+ "colorSpace": "srgb",
2025
+ "components": [
2026
+ 0,
2027
+ 0,
2028
+ 0
2029
+ ],
2030
+ "hex": "#000000",
2031
+ "alpha": 0
2032
+ }
2033
+ }
2034
+ },
2035
+ "deprecated": {
2036
+ "base": {
2037
+ "color": {
2038
+ "blue": {
2039
+ "400": {
2040
+ "$value": {
2041
+ "colorSpace": "srgb",
2042
+ "components": [
2043
+ 0,
2044
+ 0.784,
2045
+ 1
2046
+ ],
2047
+ "hex": "#00c8ff"
2048
+ }
2049
+ },
2050
+ "700": {
2051
+ "$value": {
2052
+ "colorSpace": "srgb",
2053
+ "components": [
2054
+ 0,
2055
+ 0.451,
2056
+ 0.616
2057
+ ],
2058
+ "hex": "#00739d"
2059
+ }
2060
+ },
2061
+ "900": {
2062
+ "$value": {
2063
+ "colorSpace": "srgb",
2064
+ "components": [
2065
+ 0,
2066
+ 0.337,
2067
+ 0.478
2068
+ ],
2069
+ "hex": "#00567a"
2070
+ }
2071
+ },
2072
+ "400-opacity12": {
2073
+ "$value": {
2074
+ "colorSpace": "srgb",
2075
+ "components": [
2076
+ 0,
2077
+ 0.784,
2078
+ 1
2079
+ ],
2080
+ "hex": "#00c8ff",
2081
+ "alpha": 0.122
2082
+ }
2083
+ }
2084
+ },
2085
+ "brand": {
2086
+ "$value": "{hpe-web.deprecated.base.color.green.600}"
2087
+ },
2088
+ "data-vis": {
2089
+ "blue1": {
2090
+ "$value": {
2091
+ "colorSpace": "srgb",
2092
+ "components": [
2093
+ 0.125,
2094
+ 0.325,
2095
+ 0.851
2096
+ ],
2097
+ "hex": "#2053d9"
2098
+ }
2099
+ },
2100
+ "blue2": {
2101
+ "$value": {
2102
+ "colorSpace": "srgb",
2103
+ "components": [
2104
+ 0.122,
2105
+ 0.584,
2106
+ 0.894
2107
+ ],
2108
+ "hex": "#1f95e4"
2109
+ }
2110
+ },
2111
+ "darkblue1": {
2112
+ "$value": {
2113
+ "colorSpace": "srgb",
2114
+ "components": [
2115
+ 0,
2116
+ 0.22,
2117
+ 0.302
2118
+ ],
2119
+ "hex": "#00384d"
2120
+ }
2121
+ },
2122
+ "darkblue2": {
2123
+ "$value": {
2124
+ "colorSpace": "srgb",
2125
+ "components": [
2126
+ 0.22,
2127
+ 0.506,
2128
+ 0.612
2129
+ ],
2130
+ "hex": "#38819c"
2131
+ }
2132
+ },
2133
+ "gold1": {
2134
+ "$value": {
2135
+ "colorSpace": "srgb",
2136
+ "components": [
2137
+ 0.69,
2138
+ 0.518,
2139
+ 0.051
2140
+ ],
2141
+ "hex": "#b0840d"
2142
+ }
2143
+ },
2144
+ "gold2": {
2145
+ "$value": {
2146
+ "colorSpace": "srgb",
2147
+ "components": [
2148
+ 0.741,
2149
+ 0.616,
2150
+ 0.282
2151
+ ],
2152
+ "hex": "#bd9d48"
2153
+ }
2154
+ },
2155
+ "grape1": {
2156
+ "$value": {
2157
+ "colorSpace": "srgb",
2158
+ "components": [
2159
+ 0.278,
2160
+ 0.051,
2161
+ 0.412
2162
+ ],
2163
+ "hex": "#470d69"
2164
+ }
2165
+ },
2166
+ "green1": {
2167
+ "$value": {
2168
+ "colorSpace": "srgb",
2169
+ "components": [
2170
+ 0.004,
2171
+ 0.663,
2172
+ 0.51
2173
+ ],
2174
+ "hex": "#01a982"
2175
+ }
2176
+ },
2177
+ "lightblue1": {
2178
+ "$value": {
2179
+ "colorSpace": "srgb",
2180
+ "components": [
2181
+ 0.361,
2182
+ 0.569,
2183
+ 0.898
2184
+ ],
2185
+ "hex": "#5c91e5"
2186
+ }
2187
+ },
2188
+ "lightblue2": {
2189
+ "$value": {
2190
+ "colorSpace": "srgb",
2191
+ "components": [
2192
+ 0.471,
2193
+ 0.749,
2194
+ 0.941
2195
+ ],
2196
+ "hex": "#78bff0"
2197
+ }
2198
+ },
2199
+ "pink1": {
2200
+ "$value": {
2201
+ "colorSpace": "srgb",
2202
+ "components": [
2203
+ 0.663,
2204
+ 0.333,
2205
+ 0.537
2206
+ ],
2207
+ "hex": "#a95589"
2208
+ }
2209
+ },
2210
+ "pink2": {
2211
+ "$value": {
2212
+ "colorSpace": "srgb",
2213
+ "components": [
2214
+ 0.753,
2215
+ 0.392,
2216
+ 0.604
2217
+ ],
2218
+ "hex": "#c0649a"
2219
+ }
2220
+ },
2221
+ "purple1": {
2222
+ "$value": {
2223
+ "colorSpace": "srgb",
2224
+ "components": [
2225
+ 0.439,
2226
+ 0.133,
2227
+ 0.925
2228
+ ],
2229
+ "hex": "#7022ec"
2230
+ }
2231
+ },
2232
+ "purple2": {
2233
+ "$value": {
2234
+ "colorSpace": "srgb",
2235
+ "components": [
2236
+ 0.235,
2237
+ 0.227,
2238
+ 0.631
2239
+ ],
2240
+ "hex": "#3c3aa1"
2241
+ }
2242
+ },
2243
+ "purple3": {
2244
+ "$value": {
2245
+ "colorSpace": "srgb",
2246
+ "components": [
2247
+ 0.522,
2248
+ 0.353,
2249
+ 0.667
2250
+ ],
2251
+ "hex": "#855aaa"
2252
+ }
2253
+ }
2254
+ },
2255
+ "green": {
2256
+ "100": {
2257
+ "$value": {
2258
+ "colorSpace": "srgb",
2259
+ "components": [
2260
+ 0.82,
2261
+ 1,
2262
+ 0.933
2263
+ ],
2264
+ "hex": "#d1ffee"
2265
+ }
2266
+ },
2267
+ "125": {
2268
+ "$value": {
2269
+ "colorSpace": "srgb",
2270
+ "components": [
2271
+ 0.667,
2272
+ 0.98,
2273
+ 0.871
2274
+ ],
2275
+ "hex": "#aafade"
2276
+ }
2277
+ },
2278
+ "400": {
2279
+ "$value": {
2280
+ "colorSpace": "srgb",
2281
+ "components": [
2282
+ 0.09,
2283
+ 0.922,
2284
+ 0.627
2285
+ ],
2286
+ "hex": "#17eba0"
2287
+ }
2288
+ },
2289
+ "450": {
2290
+ "$value": {
2291
+ "colorSpace": "srgb",
2292
+ "components": [
2293
+ 0,
2294
+ 0.922,
2295
+ 0.71
2296
+ ],
2297
+ "hex": "#00ebb5"
2298
+ }
2299
+ },
2300
+ "500": {
2301
+ "$value": {
2302
+ "colorSpace": "srgb",
2303
+ "components": [
2304
+ 0.118,
2305
+ 0.847,
2306
+ 0.682
2307
+ ],
2308
+ "hex": "#1ed8ae"
2309
+ }
2310
+ },
2311
+ "600": {
2312
+ "$value": {
2313
+ "colorSpace": "srgb",
2314
+ "components": [
2315
+ 0.004,
2316
+ 0.663,
2317
+ 0.51
2318
+ ],
2319
+ "hex": "#01a982"
2320
+ }
2321
+ },
2322
+ "650": {
2323
+ "$value": {
2324
+ "colorSpace": "srgb",
2325
+ "components": [
2326
+ 0,
2327
+ 0.604,
2328
+ 0.443
2329
+ ],
2330
+ "hex": "#009a71"
2331
+ }
2332
+ },
2333
+ "700": {
2334
+ "$value": {
2335
+ "colorSpace": "srgb",
2336
+ "components": [
2337
+ 0,
2338
+ 0.522,
2339
+ 0.404
2340
+ ],
2341
+ "hex": "#008567"
2342
+ }
2343
+ },
2344
+ "800": {
2345
+ "$value": {
2346
+ "colorSpace": "srgb",
2347
+ "components": [
2348
+ 0,
2349
+ 0.404,
2350
+ 0.314
2351
+ ],
2352
+ "hex": "#006750"
2353
+ }
2354
+ },
2355
+ "900": {
2356
+ "$value": {
2357
+ "colorSpace": "srgb",
2358
+ "components": [
2359
+ 0.027,
2360
+ 0.294,
2361
+ 0.231
2362
+ ],
2363
+ "hex": "#074b3b"
2364
+ }
2365
+ },
2366
+ "1000": {
2367
+ "$value": {
2368
+ "colorSpace": "srgb",
2369
+ "components": [
2370
+ 0.035,
2371
+ 0.227,
2372
+ 0.184
2373
+ ],
2374
+ "hex": "#093a2f"
2375
+ }
2376
+ },
2377
+ "400-opacity12": {
2378
+ "$value": {
2379
+ "colorSpace": "srgb",
2380
+ "components": [
2381
+ 0.09,
2382
+ 0.922,
2383
+ 0.627
2384
+ ],
2385
+ "hex": "#17eba0",
2386
+ "alpha": 0.122
2387
+ }
2388
+ },
2389
+ "400-opacity24": {
2390
+ "$value": {
2391
+ "colorSpace": "srgb",
2392
+ "components": [
2393
+ 0.09,
2394
+ 0.922,
2395
+ 0.627
2396
+ ],
2397
+ "hex": "#17eba0",
2398
+ "alpha": 0.239
2399
+ }
2400
+ },
2401
+ "500-opacity30": {
2402
+ "$value": {
2403
+ "colorSpace": "srgb",
2404
+ "components": [
2405
+ 0.09,
2406
+ 0.816,
2407
+ 0.651
2408
+ ],
2409
+ "hex": "#17d0a6",
2410
+ "alpha": 0.302
2411
+ }
2412
+ }
2413
+ },
2414
+ "grey": {
2415
+ "50": {
2416
+ "$value": {
2417
+ "colorSpace": "srgb",
2418
+ "components": [
2419
+ 0.969,
2420
+ 0.969,
2421
+ 0.969
2422
+ ],
2423
+ "hex": "#f7f7f7"
2424
+ }
2425
+ },
2426
+ "400": {
2427
+ "$value": {
2428
+ "colorSpace": "srgb",
2429
+ "components": [
2430
+ 0.8,
2431
+ 0.8,
2432
+ 0.8
2433
+ ],
2434
+ "hex": "#cccccc"
2435
+ }
2436
+ },
2437
+ "500": {
2438
+ "$value": {
2439
+ "colorSpace": "srgb",
2440
+ "components": [
2441
+ 0.733,
2442
+ 0.733,
2443
+ 0.733
2444
+ ],
2445
+ "hex": "#bbbbbb"
2446
+ }
2447
+ },
2448
+ "600": {
2449
+ "$value": {
2450
+ "colorSpace": "srgb",
2451
+ "components": [
2452
+ 0.549,
2453
+ 0.549,
2454
+ 0.549
2455
+ ],
2456
+ "hex": "#8c8c8c"
2457
+ }
2458
+ },
2459
+ "700": {
2460
+ "$value": {
2461
+ "colorSpace": "srgb",
2462
+ "components": [
2463
+ 0.459,
2464
+ 0.459,
2465
+ 0.459
2466
+ ],
2467
+ "hex": "#757575"
2468
+ }
2469
+ },
2470
+ "800": {
2471
+ "$value": {
2472
+ "colorSpace": "srgb",
2473
+ "components": [
2474
+ 0.333,
2475
+ 0.333,
2476
+ 0.333
2477
+ ],
2478
+ "hex": "#555555"
2479
+ }
2480
+ },
2481
+ "1000": {
2482
+ "$value": {
2483
+ "colorSpace": "srgb",
2484
+ "components": [
2485
+ 0.18,
2486
+ 0.18,
2487
+ 0.18
2488
+ ],
2489
+ "hex": "#2e2e2e"
2490
+ }
2491
+ },
2492
+ "1100": {
2493
+ "$value": {
2494
+ "colorSpace": "srgb",
2495
+ "components": [
2496
+ 0.161,
2497
+ 0.161,
2498
+ 0.161
2499
+ ],
2500
+ "hex": "#292929"
2501
+ }
2502
+ },
2503
+ "1200": {
2504
+ "$value": {
2505
+ "colorSpace": "srgb",
2506
+ "components": [
2507
+ 0.133,
2508
+ 0.133,
2509
+ 0.133
2510
+ ],
2511
+ "hex": "#222222"
2512
+ }
2513
+ },
2514
+ "1300": {
2515
+ "$value": {
2516
+ "colorSpace": "srgb",
2517
+ "components": [
2518
+ 0.11,
2519
+ 0.11,
2520
+ 0.11
2521
+ ],
2522
+ "hex": "#1c1c1c"
2523
+ }
2524
+ }
2525
+ },
2526
+ "orange": {
2527
+ "400": {
2528
+ "$value": {
2529
+ "colorSpace": "srgb",
2530
+ "components": [
2531
+ 1,
2532
+ 0.737,
2533
+ 0.267
2534
+ ],
2535
+ "hex": "#ffbc44"
2536
+ }
2537
+ },
2538
+ "500": {
2539
+ "$value": {
2540
+ "colorSpace": "srgb",
2541
+ "components": [
2542
+ 0.925,
2543
+ 0.549,
2544
+ 0.145
2545
+ ],
2546
+ "hex": "#ec8c25"
2547
+ }
2548
+ },
2549
+ "600": {
2550
+ "$value": {
2551
+ "colorSpace": "srgb",
2552
+ "components": [
2553
+ 0.827,
2554
+ 0.427,
2555
+ 0
2556
+ ],
2557
+ "hex": "#d36d00"
2558
+ }
2559
+ },
2560
+ "700": {
2561
+ "$value": {
2562
+ "colorSpace": "srgb",
2563
+ "components": [
2564
+ 0.608,
2565
+ 0.388,
2566
+ 0.063
2567
+ ],
2568
+ "hex": "#9b6310"
2569
+ }
2570
+ },
2571
+ "400-opacity12": {
2572
+ "$value": {
2573
+ "colorSpace": "srgb",
2574
+ "components": [
2575
+ 1,
2576
+ 0.737,
2577
+ 0.267
2578
+ ],
2579
+ "hex": "#ffbc44",
2580
+ "alpha": 0.122
2581
+ }
2582
+ },
2583
+ "400-opacity24": {
2584
+ "$value": {
2585
+ "colorSpace": "srgb",
2586
+ "components": [
2587
+ 1,
2588
+ 0.737,
2589
+ 0.267
2590
+ ],
2591
+ "hex": "#ffbc44",
2592
+ "alpha": 0.239
2593
+ }
2594
+ }
2595
+ },
2596
+ "purple": {
2597
+ "500": {
2598
+ "$value": {
2599
+ "colorSpace": "srgb",
2600
+ "components": [
2601
+ 0.969,
2602
+ 0.251,
2603
+ 1
2604
+ ],
2605
+ "hex": "#f740ff"
2606
+ }
2607
+ },
2608
+ "900": {
2609
+ "$value": {
2610
+ "colorSpace": "srgb",
2611
+ "components": [
2612
+ 0.4,
2613
+ 0.2,
2614
+ 0.737
2615
+ ],
2616
+ "hex": "#6633bc"
2617
+ }
2618
+ }
2619
+ },
2620
+ "red": {
2621
+ "500": {
2622
+ "$value": {
2623
+ "colorSpace": "srgb",
2624
+ "components": [
2625
+ 0.988,
2626
+ 0.38,
2627
+ 0.38
2628
+ ],
2629
+ "hex": "#fc6161"
2630
+ }
2631
+ },
2632
+ "550": {
2633
+ "$value": {
2634
+ "colorSpace": "srgb",
2635
+ "components": [
2636
+ 0.988,
2637
+ 0.353,
2638
+ 0.353
2639
+ ],
2640
+ "hex": "#fc5a5a"
2641
+ }
2642
+ },
2643
+ "600": {
2644
+ "$value": {
2645
+ "colorSpace": "srgb",
2646
+ "components": [
2647
+ 0.925,
2648
+ 0.2,
2649
+ 0.192
2650
+ ],
2651
+ "hex": "#ec3331"
2652
+ }
2653
+ },
2654
+ "750": {
2655
+ "$value": {
2656
+ "colorSpace": "srgb",
2657
+ "components": [
2658
+ 0.773,
2659
+ 0.306,
2660
+ 0.294
2661
+ ],
2662
+ "hex": "#c54e4b"
2663
+ }
2664
+ },
2665
+ "800": {
2666
+ "$value": {
2667
+ "colorSpace": "srgb",
2668
+ "components": [
2669
+ 0.8,
2670
+ 0.122,
2671
+ 0.102
2672
+ ],
2673
+ "hex": "#cc1f1a"
2674
+ }
2675
+ },
2676
+ "850": {
2677
+ "$value": {
2678
+ "colorSpace": "srgb",
2679
+ "components": [
2680
+ 0.635,
2681
+ 0.259,
2682
+ 0.239
2683
+ ],
2684
+ "hex": "#a2423d"
2685
+ }
2686
+ },
2687
+ "500-opacity12": {
2688
+ "$value": {
2689
+ "colorSpace": "srgb",
2690
+ "components": [
2691
+ 0.988,
2692
+ 0.38,
2693
+ 0.38
2694
+ ],
2695
+ "hex": "#fc6161",
2696
+ "alpha": 0.122
2697
+ }
2698
+ },
2699
+ "500-opacity24": {
2700
+ "$value": {
2701
+ "colorSpace": "srgb",
2702
+ "components": [
2703
+ 0.988,
2704
+ 0.38,
2705
+ 0.38
2706
+ ],
2707
+ "hex": "#fc6161",
2708
+ "alpha": 0.239
2709
+ }
2710
+ },
2711
+ "800-opacity30": {
2712
+ "$value": {
2713
+ "colorSpace": "srgb",
2714
+ "components": [
2715
+ 0.8,
2716
+ 0.122,
2717
+ 0.102
2718
+ ],
2719
+ "hex": "#cc1f1a",
2720
+ "alpha": 0.302
2721
+ }
2722
+ }
2723
+ },
2724
+ "teal": {
2725
+ "200": {
2726
+ "$value": {
2727
+ "colorSpace": "srgb",
2728
+ "components": [
2729
+ 0.51,
2730
+ 1,
2731
+ 0.949
2732
+ ],
2733
+ "hex": "#82fff2"
2734
+ }
2735
+ },
2736
+ "400": {
2737
+ "$value": {
2738
+ "colorSpace": "srgb",
2739
+ "components": [
2740
+ 0,
2741
+ 0.91,
2742
+ 0.812
2743
+ ],
2744
+ "hex": "#00e8cf"
2745
+ }
2746
+ },
2747
+ "700": {
2748
+ "$value": {
2749
+ "colorSpace": "srgb",
2750
+ "components": [
2751
+ 0.067,
2752
+ 0.482,
2753
+ 0.51
2754
+ ],
2755
+ "hex": "#117b82"
2756
+ }
2757
+ }
2758
+ },
2759
+ "yellow": {
2760
+ "200": {
2761
+ "$value": {
2762
+ "colorSpace": "srgb",
2763
+ "components": [
2764
+ 1,
2765
+ 0.922,
2766
+ 0.349
2767
+ ],
2768
+ "hex": "#ffeb59"
2769
+ }
2770
+ },
2771
+ "400": {
2772
+ "$value": {
2773
+ "colorSpace": "srgb",
2774
+ "components": [
2775
+ 0.996,
2776
+ 0.788,
2777
+ 0.004
2778
+ ],
2779
+ "hex": "#fec901"
2780
+ }
2781
+ },
2782
+ "700": {
2783
+ "$value": {
2784
+ "colorSpace": "srgb",
2785
+ "components": [
2786
+ 0.553,
2787
+ 0.455,
2788
+ 0.11
2789
+ ],
2790
+ "hex": "#8d741c"
2791
+ }
2792
+ },
2793
+ "400-opacity12": {
2794
+ "$value": {
2795
+ "colorSpace": "srgb",
2796
+ "components": [
2797
+ 0.996,
2798
+ 0.788,
2799
+ 0.004
2800
+ ],
2801
+ "hex": "#fec901",
2802
+ "alpha": 0.122
2803
+ }
2804
+ }
2805
+ }
2806
+ }
2807
+ }
2808
+ },
2809
+ "theme": {
2810
+ "button": {
2811
+ "carousel": {
2812
+ "disabled": {
2813
+ "background": {
2814
+ "$value": {
2815
+ "colorSpace": "srgb",
2816
+ "components": [
2817
+ 0.706,
2818
+ 0.714,
2819
+ 0.729
2820
+ ],
2821
+ "hex": "#b4b6ba"
2822
+ }
2823
+ },
2824
+ "border-color": {
2825
+ "$value": {
2826
+ "colorSpace": "srgb",
2827
+ "components": [
2828
+ 0,
2829
+ 0,
2830
+ 0
2831
+ ],
2832
+ "hex": "#000000",
2833
+ "alpha": 0
2834
+ }
2835
+ },
2836
+ "icon-color": {
2837
+ "$value": {
2838
+ "colorSpace": "srgb",
2839
+ "components": [
2840
+ 1,
2841
+ 1,
2842
+ 1
2843
+ ],
2844
+ "hex": "#ffffff"
2845
+ }
2846
+ }
2847
+ },
2848
+ "hover": {
2849
+ "background": {
2850
+ "$value": {
2851
+ "colorSpace": "srgb",
2852
+ "components": [
2853
+ 0.404,
2854
+ 0.408,
2855
+ 0.431
2856
+ ],
2857
+ "hex": "#67686e"
2858
+ }
2859
+ },
2860
+ "border-color": {
2861
+ "$value": "{hpe-web.color.transparent}"
2862
+ },
2863
+ "icon-color": {
2864
+ "$value": {
2865
+ "colorSpace": "srgb",
2866
+ "components": [
2867
+ 1,
2868
+ 1,
2869
+ 1
2870
+ ],
2871
+ "hex": "#ffffff"
2872
+ }
2873
+ }
2874
+ },
2875
+ "rest": {
2876
+ "background": {
2877
+ "$value": {
2878
+ "colorSpace": "srgb",
2879
+ "components": [
2880
+ 0.325,
2881
+ 0.361,
2882
+ 0.4
2883
+ ],
2884
+ "hex": "#535c66"
2885
+ }
2886
+ },
2887
+ "border-color": {
2888
+ "$value": {
2889
+ "colorSpace": "srgb",
2890
+ "components": [
2891
+ 0,
2892
+ 0,
2893
+ 0
2894
+ ],
2895
+ "hex": "#000000",
2896
+ "alpha": 0
2897
+ }
2898
+ },
2899
+ "icon-color": {
2900
+ "$value": {
2901
+ "colorSpace": "srgb",
2902
+ "components": [
2903
+ 1,
2904
+ 1,
2905
+ 1
2906
+ ],
2907
+ "hex": "#ffffff"
2908
+ }
2909
+ }
2910
+ }
2911
+ }
2912
+ }
2913
+ }
2914
+ },
2915
+ "$type": "color"
2916
+ }