@pantheon-systems/pds-design-tokens 0.2.0-dev.0 → 0.3.0-dev.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 (12) hide show
  1. package/README.md +16 -0
  2. package/build/css/pds-design-tokens-dark-mode.css +1 -1
  3. package/build/css/pds-design-tokens-light-mode.css +1 -1
  4. package/build/css/pds-design-tokens.css +6 -0
  5. package/build/figma/pds-design-tokens-figma.json +195 -179
  6. package/build/json/pds-design-tokens-dark-mode.json +76 -72
  7. package/build/json/pds-design-tokens-light-mode.json +78 -74
  8. package/build/json/pds-design-tokens.json +187 -226
  9. package/build/scss/_pds-design-tokens-dark-mode.scss +1 -1
  10. package/build/scss/_pds-design-tokens-light-mode.scss +1 -1
  11. package/build/scss/_pds-design-tokens.scss +7 -1
  12. package/package.json +1 -1
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "value": "#ffffff",
7
7
  "public": true,
8
8
  "isReferenceToInternal": true,
9
- "filePath": "tokens/color/context.light.json",
9
+ "filePath": "tokens/color/alias/defaults.light.json",
10
10
  "isSource": true,
11
11
  "original": {
12
12
  "value": "{color.light-mode.neutral.000.value}",
@@ -33,7 +33,7 @@
33
33
  "value": "#71717c",
34
34
  "public": true,
35
35
  "isReferenceToInternal": true,
36
- "filePath": "tokens/color/context.light.json",
36
+ "filePath": "tokens/color/alias/defaults.light.json",
37
37
  "isSource": true,
38
38
  "original": {
39
39
  "value": "{color.light-mode.neutral.400.value}",
@@ -55,13 +55,40 @@
55
55
  ]
56
56
  }
57
57
  },
58
+ "foreground": {
59
+ "default": {
60
+ "value": "#23232d",
61
+ "public": true,
62
+ "isReferenceToInternal": true,
63
+ "filePath": "tokens/color/alias/defaults.light.json",
64
+ "isSource": true,
65
+ "original": {
66
+ "value": "{color.light-mode.neutral.700.value}",
67
+ "public": true,
68
+ "isReferenceToInternal": true
69
+ },
70
+ "name": "color-light-mode-foreground-default",
71
+ "attributes": {
72
+ "category": "color",
73
+ "type": "light-mode",
74
+ "item": "foreground",
75
+ "subitem": "default"
76
+ },
77
+ "path": [
78
+ "color",
79
+ "light-mode",
80
+ "foreground",
81
+ "default"
82
+ ]
83
+ }
84
+ },
58
85
  "input": {
59
86
  "background": {
60
87
  "default": {
61
88
  "value": "#ffffff",
62
89
  "public": true,
63
90
  "isReferenceToInternal": true,
64
- "filePath": "tokens/color/context.light.json",
91
+ "filePath": "tokens/color/alias/input.light.json",
65
92
  "isSource": true,
66
93
  "original": {
67
94
  "value": "{color.light-mode.neutral.000.value}",
@@ -88,7 +115,7 @@
88
115
  "value": "#cfcfd3",
89
116
  "public": true,
90
117
  "isReferenceToInternal": true,
91
- "filePath": "tokens/color/context.light.json",
118
+ "filePath": "tokens/color/alias/input.light.json",
92
119
  "isSource": true,
93
120
  "original": {
94
121
  "value": "{color.light-mode.neutral.100.value}",
@@ -116,7 +143,7 @@
116
143
  "default": {
117
144
  "value": "#71717c",
118
145
  "public": true,
119
- "filePath": "tokens/color/context.light.json",
146
+ "filePath": "tokens/color/alias/input.light.json",
120
147
  "isSource": true,
121
148
  "original": {
122
149
  "value": "{color.light-mode.border.default}",
@@ -142,7 +169,7 @@
142
169
  "value": "#aeaeb6",
143
170
  "public": true,
144
171
  "isReferenceToInternal": true,
145
- "filePath": "tokens/color/context.light.json",
172
+ "filePath": "tokens/color/alias/input.light.json",
146
173
  "isSource": true,
147
174
  "original": {
148
175
  "value": "{color.light-mode.neutral.200.value}",
@@ -172,7 +199,7 @@
172
199
  "value": "#0f62fe",
173
200
  "public": true,
174
201
  "isReferenceToInternal": true,
175
- "filePath": "tokens/color/context.light.json",
202
+ "filePath": "tokens/color/alias/interactive.light.json",
176
203
  "isSource": true,
177
204
  "original": {
178
205
  "value": "{color.light-mode.interactive.link.400.value}",
@@ -197,7 +224,7 @@
197
224
  "value": "#003cac",
198
225
  "public": true,
199
226
  "isReferenceToInternal": true,
200
- "filePath": "tokens/color/context.light.json",
227
+ "filePath": "tokens/color/alias/interactive.light.json",
201
228
  "isSource": true,
202
229
  "original": {
203
230
  "value": "{color.light-mode.interactive.link.500.value}",
@@ -222,7 +249,7 @@
222
249
  "value": "#003cac",
223
250
  "public": true,
224
251
  "isReferenceToInternal": true,
225
- "filePath": "tokens/color/context.light.json",
252
+ "filePath": "tokens/color/alias/interactive.light.json",
226
253
  "isSource": true,
227
254
  "original": {
228
255
  "value": "{color.light-mode.interactive.link.500.value}",
@@ -247,7 +274,7 @@
247
274
  "value": "#967fff",
248
275
  "public": true,
249
276
  "isReferenceToInternal": true,
250
- "filePath": "tokens/color/context.light.json",
277
+ "filePath": "tokens/color/alias/interactive.light.json",
251
278
  "isSource": true,
252
279
  "original": {
253
280
  "value": "{color.light-mode.interactive.visited.400.value}",
@@ -274,7 +301,7 @@
274
301
  "value": "#23232d",
275
302
  "public": true,
276
303
  "isReferenceToInternal": true,
277
- "filePath": "tokens/color/context.light.json",
304
+ "filePath": "tokens/color/alias/typography.light.json",
278
305
  "isSource": true,
279
306
  "original": {
280
307
  "value": "{color.light-mode.neutral.700.value}",
@@ -298,7 +325,7 @@
298
325
  "headings": {
299
326
  "value": "#23232d",
300
327
  "public": true,
301
- "filePath": "tokens/color/context.light.json",
328
+ "filePath": "tokens/color/alias/typography.light.json",
302
329
  "isSource": true,
303
330
  "original": {
304
331
  "value": "{color.light-mode.text.default}",
@@ -317,36 +344,13 @@
317
344
  "text",
318
345
  "headings"
319
346
  ]
320
- },
321
- "bodytext": {
322
- "value": "#23232d",
323
- "public": true,
324
- "filePath": "tokens/color/context.light.json",
325
- "isSource": true,
326
- "original": {
327
- "value": "{color.light-mode.text.default}",
328
- "public": true
329
- },
330
- "name": "color-light-mode-text-bodytext",
331
- "attributes": {
332
- "category": "color",
333
- "type": "light-mode",
334
- "item": "text",
335
- "subitem": "bodytext"
336
- },
337
- "path": [
338
- "color",
339
- "light-mode",
340
- "text",
341
- "bodytext"
342
- ]
343
347
  }
344
348
  },
345
349
  "interactive": {
346
350
  "link": {
347
351
  "400": {
348
352
  "value": "#0f62fe",
349
- "filePath": "tokens/color/interactive.light.json",
353
+ "filePath": "tokens/color/base/interactive.light.json",
350
354
  "isSource": true,
351
355
  "original": {
352
356
  "value": "#0F62FE"
@@ -369,7 +373,7 @@
369
373
  },
370
374
  "500": {
371
375
  "value": "#003cac",
372
- "filePath": "tokens/color/interactive.light.json",
376
+ "filePath": "tokens/color/base/interactive.light.json",
373
377
  "isSource": true,
374
378
  "original": {
375
379
  "value": "#003CAC"
@@ -394,7 +398,7 @@
394
398
  "visited": {
395
399
  "400": {
396
400
  "value": "#967fff",
397
- "filePath": "tokens/color/interactive.light.json",
401
+ "filePath": "tokens/color/base/interactive.light.json",
398
402
  "isSource": true,
399
403
  "original": {
400
404
  "value": "#967FFF"
@@ -417,7 +421,7 @@
417
421
  },
418
422
  "500": {
419
423
  "value": "#5f41e5",
420
- "filePath": "tokens/color/interactive.light.json",
424
+ "filePath": "tokens/color/base/interactive.light.json",
421
425
  "isSource": true,
422
426
  "original": {
423
427
  "value": "#5F41E5"
@@ -443,7 +447,7 @@
443
447
  "neutral": {
444
448
  "100": {
445
449
  "value": "#cfcfd3",
446
- "filePath": "tokens/color/neutrals.light.json",
450
+ "filePath": "tokens/color/base/neutral.light.json",
447
451
  "isSource": true,
448
452
  "original": {
449
453
  "value": "#CFCFD3"
@@ -464,7 +468,7 @@
464
468
  },
465
469
  "200": {
466
470
  "value": "#aeaeb6",
467
- "filePath": "tokens/color/neutrals.light.json",
471
+ "filePath": "tokens/color/base/neutral.light.json",
468
472
  "isSource": true,
469
473
  "original": {
470
474
  "value": "#AEAEB6"
@@ -485,7 +489,7 @@
485
489
  },
486
490
  "300": {
487
491
  "value": "#8f8f99",
488
- "filePath": "tokens/color/neutrals.light.json",
492
+ "filePath": "tokens/color/base/neutral.light.json",
489
493
  "isSource": true,
490
494
  "original": {
491
495
  "value": "#8F8F99"
@@ -506,7 +510,7 @@
506
510
  },
507
511
  "400": {
508
512
  "value": "#71717c",
509
- "filePath": "tokens/color/neutrals.light.json",
513
+ "filePath": "tokens/color/base/neutral.light.json",
510
514
  "isSource": true,
511
515
  "original": {
512
516
  "value": "#71717C"
@@ -527,7 +531,7 @@
527
531
  },
528
532
  "500": {
529
533
  "value": "#54545f",
530
- "filePath": "tokens/color/neutrals.light.json",
534
+ "filePath": "tokens/color/base/neutral.light.json",
531
535
  "isSource": true,
532
536
  "original": {
533
537
  "value": "#54545F"
@@ -548,7 +552,7 @@
548
552
  },
549
553
  "600": {
550
554
  "value": "#393942",
551
- "filePath": "tokens/color/neutrals.light.json",
555
+ "filePath": "tokens/color/base/neutral.light.json",
552
556
  "isSource": true,
553
557
  "original": {
554
558
  "value": "#393942"
@@ -569,7 +573,7 @@
569
573
  },
570
574
  "700": {
571
575
  "value": "#23232d",
572
- "filePath": "tokens/color/neutrals.light.json",
576
+ "filePath": "tokens/color/base/neutral.light.json",
573
577
  "isSource": true,
574
578
  "original": {
575
579
  "value": "#23232D"
@@ -590,7 +594,7 @@
590
594
  },
591
595
  "050": {
592
596
  "value": "#f1f1f1",
593
- "filePath": "tokens/color/neutrals.light.json",
597
+ "filePath": "tokens/color/base/neutral.light.json",
594
598
  "isSource": true,
595
599
  "original": {
596
600
  "value": "#F1F1F1"
@@ -611,7 +615,7 @@
611
615
  },
612
616
  "000": {
613
617
  "value": "#ffffff",
614
- "filePath": "tokens/color/neutrals.light.json",
618
+ "filePath": "tokens/color/base/neutral.light.json",
615
619
  "isSource": true,
616
620
  "original": {
617
621
  "value": "#FFFFFF"
@@ -635,7 +639,7 @@
635
639
  "error": {
636
640
  "100": {
637
641
  "value": "#ffebeb",
638
- "filePath": "tokens/color/semantic.light.json",
642
+ "filePath": "tokens/color/base/semantic.light.json",
639
643
  "isSource": true,
640
644
  "original": {
641
645
  "value": "#FFEBEB"
@@ -657,11 +661,11 @@
657
661
  ]
658
662
  },
659
663
  "200": {
660
- "value": "#ff6262",
661
- "filePath": "tokens/color/semantic.light.json",
664
+ "value": "#ff9090",
665
+ "filePath": "tokens/color/base/semantic.light.json",
662
666
  "isSource": true,
663
667
  "original": {
664
- "value": "#FF6262"
668
+ "value": "#FF9090"
665
669
  },
666
670
  "name": "color-light-mode-semantic-error-200",
667
671
  "attributes": {
@@ -681,7 +685,7 @@
681
685
  },
682
686
  "300": {
683
687
  "value": "#f83333",
684
- "filePath": "tokens/color/semantic.light.json",
688
+ "filePath": "tokens/color/base/semantic.light.json",
685
689
  "isSource": true,
686
690
  "original": {
687
691
  "value": "#F83333"
@@ -704,7 +708,7 @@
704
708
  },
705
709
  "400": {
706
710
  "value": "#d61f1f",
707
- "filePath": "tokens/color/semantic.light.json",
711
+ "filePath": "tokens/color/base/semantic.light.json",
708
712
  "isSource": true,
709
713
  "original": {
710
714
  "value": "#D61F1F"
@@ -727,7 +731,7 @@
727
731
  },
728
732
  "500": {
729
733
  "value": "#920303",
730
- "filePath": "tokens/color/semantic.light.json",
734
+ "filePath": "tokens/color/base/semantic.light.json",
731
735
  "isSource": true,
732
736
  "original": {
733
737
  "value": "#920303"
@@ -750,7 +754,7 @@
750
754
  },
751
755
  "600": {
752
756
  "value": "#700000",
753
- "filePath": "tokens/color/semantic.light.json",
757
+ "filePath": "tokens/color/base/semantic.light.json",
754
758
  "isSource": true,
755
759
  "original": {
756
760
  "value": "#700000"
@@ -775,7 +779,7 @@
775
779
  "warning": {
776
780
  "100": {
777
781
  "value": "#fff4e5",
778
- "filePath": "tokens/color/semantic.light.json",
782
+ "filePath": "tokens/color/base/semantic.light.json",
779
783
  "isSource": true,
780
784
  "original": {
781
785
  "value": "#FFF4E5"
@@ -798,7 +802,7 @@
798
802
  },
799
803
  "200": {
800
804
  "value": "#fec57b",
801
- "filePath": "tokens/color/semantic.light.json",
805
+ "filePath": "tokens/color/base/semantic.light.json",
802
806
  "isSource": true,
803
807
  "original": {
804
808
  "value": "#FEC57B"
@@ -821,7 +825,7 @@
821
825
  },
822
826
  "300": {
823
827
  "value": "#d97008",
824
- "filePath": "tokens/color/semantic.light.json",
828
+ "filePath": "tokens/color/base/semantic.light.json",
825
829
  "isSource": true,
826
830
  "original": {
827
831
  "value": "#D97008"
@@ -844,7 +848,7 @@
844
848
  },
845
849
  "400": {
846
850
  "value": "#b65c02",
847
- "filePath": "tokens/color/semantic.light.json",
851
+ "filePath": "tokens/color/base/semantic.light.json",
848
852
  "isSource": true,
849
853
  "original": {
850
854
  "value": "#B65C02"
@@ -867,7 +871,7 @@
867
871
  },
868
872
  "500": {
869
873
  "value": "#5f3811",
870
- "filePath": "tokens/color/semantic.light.json",
874
+ "filePath": "tokens/color/base/semantic.light.json",
871
875
  "isSource": true,
872
876
  "original": {
873
877
  "value": "#5F3811"
@@ -890,7 +894,7 @@
890
894
  },
891
895
  "600": {
892
896
  "value": "#43290f",
893
- "filePath": "tokens/color/semantic.light.json",
897
+ "filePath": "tokens/color/base/semantic.light.json",
894
898
  "isSource": true,
895
899
  "original": {
896
900
  "value": "#43290F"
@@ -915,7 +919,7 @@
915
919
  "success": {
916
920
  "100": {
917
921
  "value": "#dffcf0",
918
- "filePath": "tokens/color/semantic.light.json",
922
+ "filePath": "tokens/color/base/semantic.light.json",
919
923
  "isSource": true,
920
924
  "original": {
921
925
  "value": "#DFFCF0"
@@ -938,7 +942,7 @@
938
942
  },
939
943
  "200": {
940
944
  "value": "#baf3db",
941
- "filePath": "tokens/color/semantic.light.json",
945
+ "filePath": "tokens/color/base/semantic.light.json",
942
946
  "isSource": true,
943
947
  "original": {
944
948
  "value": "#BAF3DB"
@@ -961,7 +965,7 @@
961
965
  },
962
966
  "300": {
963
967
  "value": "#4bce97",
964
- "filePath": "tokens/color/semantic.light.json",
968
+ "filePath": "tokens/color/base/semantic.light.json",
965
969
  "isSource": true,
966
970
  "original": {
967
971
  "value": "#4BCE97"
@@ -984,7 +988,7 @@
984
988
  },
985
989
  "400": {
986
990
  "value": "#1f845a",
987
- "filePath": "tokens/color/semantic.light.json",
991
+ "filePath": "tokens/color/base/semantic.light.json",
988
992
  "isSource": true,
989
993
  "original": {
990
994
  "value": "#1F845A"
@@ -1007,7 +1011,7 @@
1007
1011
  },
1008
1012
  "500": {
1009
1013
  "value": "#164b35",
1010
- "filePath": "tokens/color/semantic.light.json",
1014
+ "filePath": "tokens/color/base/semantic.light.json",
1011
1015
  "isSource": true,
1012
1016
  "original": {
1013
1017
  "value": "#164B35"
@@ -1030,7 +1034,7 @@
1030
1034
  },
1031
1035
  "600": {
1032
1036
  "value": "#133527",
1033
- "filePath": "tokens/color/semantic.light.json",
1037
+ "filePath": "tokens/color/base/semantic.light.json",
1034
1038
  "isSource": true,
1035
1039
  "original": {
1036
1040
  "value": "#133527"
@@ -1055,7 +1059,7 @@
1055
1059
  "info": {
1056
1060
  "100": {
1057
1061
  "value": "#e3fafc",
1058
- "filePath": "tokens/color/semantic.light.json",
1062
+ "filePath": "tokens/color/base/semantic.light.json",
1059
1063
  "isSource": true,
1060
1064
  "original": {
1061
1065
  "value": "#E3FAFC"
@@ -1078,7 +1082,7 @@
1078
1082
  },
1079
1083
  "200": {
1080
1084
  "value": "#c1f0f5",
1081
- "filePath": "tokens/color/semantic.light.json",
1085
+ "filePath": "tokens/color/base/semantic.light.json",
1082
1086
  "isSource": true,
1083
1087
  "original": {
1084
1088
  "value": "#C1F0F5"
@@ -1101,7 +1105,7 @@
1101
1105
  },
1102
1106
  "300": {
1103
1107
  "value": "#60c6d2",
1104
- "filePath": "tokens/color/semantic.light.json",
1108
+ "filePath": "tokens/color/base/semantic.light.json",
1105
1109
  "isSource": true,
1106
1110
  "original": {
1107
1111
  "value": "#60C6D2"
@@ -1124,7 +1128,7 @@
1124
1128
  },
1125
1129
  "400": {
1126
1130
  "value": "#1d7f8c",
1127
- "filePath": "tokens/color/semantic.light.json",
1131
+ "filePath": "tokens/color/base/semantic.light.json",
1128
1132
  "isSource": true,
1129
1133
  "original": {
1130
1134
  "value": "#1D7F8C"
@@ -1147,7 +1151,7 @@
1147
1151
  },
1148
1152
  "500": {
1149
1153
  "value": "#206b74",
1150
- "filePath": "tokens/color/semantic.light.json",
1154
+ "filePath": "tokens/color/base/semantic.light.json",
1151
1155
  "isSource": true,
1152
1156
  "original": {
1153
1157
  "value": "#206B74"
@@ -1170,7 +1174,7 @@
1170
1174
  },
1171
1175
  "600": {
1172
1176
  "value": "#1d474c",
1173
- "filePath": "tokens/color/semantic.light.json",
1177
+ "filePath": "tokens/color/base/semantic.light.json",
1174
1178
  "isSource": true,
1175
1179
  "original": {
1176
1180
  "value": "#1D474C"