@pantheon-systems/pds-design-tokens 0.2.0-dev.0 → 0.4.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 +15 -9
  2. package/build/css/pds-design-tokens-dark-mode.css +4 -1
  3. package/build/css/pds-design-tokens-light-mode.css +4 -1
  4. package/build/css/pds-design-tokens.css +3 -0
  5. package/build/figma/pds-design-tokens-figma.json +803 -987
  6. package/build/json/pds-design-tokens-dark-mode.json +149 -58
  7. package/build/json/pds-design-tokens-light-mode.json +155 -62
  8. package/build/json/pds-design-tokens.json +414 -709
  9. package/build/scss/_pds-design-tokens-dark-mode.scss +5 -2
  10. package/build/scss/_pds-design-tokens-light-mode.scss +5 -2
  11. package/build/scss/_pds-design-tokens.scss +4 -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}",
@@ -295,50 +322,52 @@
295
322
  "default"
296
323
  ]
297
324
  },
298
- "headings": {
325
+ "paragraph": {
299
326
  "value": "#23232d",
300
327
  "public": true,
301
- "filePath": "tokens/color/context.light.json",
328
+ "isReferenceToInternal": true,
329
+ "filePath": "tokens/color/alias/typography.light.json",
302
330
  "isSource": true,
303
331
  "original": {
304
- "value": "{color.light-mode.text.default}",
305
- "public": true
332
+ "value": "{color.light-mode.neutral.700.value}",
333
+ "public": true,
334
+ "isReferenceToInternal": true
306
335
  },
307
- "name": "color-light-mode-text-headings",
336
+ "name": "color-light-mode-text-paragraph",
308
337
  "attributes": {
309
338
  "category": "color",
310
339
  "type": "light-mode",
311
340
  "item": "text",
312
- "subitem": "headings"
341
+ "subitem": "paragraph"
313
342
  },
314
343
  "path": [
315
344
  "color",
316
345
  "light-mode",
317
346
  "text",
318
- "headings"
347
+ "paragraph"
319
348
  ]
320
349
  },
321
- "bodytext": {
350
+ "headings": {
322
351
  "value": "#23232d",
323
352
  "public": true,
324
- "filePath": "tokens/color/context.light.json",
353
+ "filePath": "tokens/color/alias/typography.light.json",
325
354
  "isSource": true,
326
355
  "original": {
327
356
  "value": "{color.light-mode.text.default}",
328
357
  "public": true
329
358
  },
330
- "name": "color-light-mode-text-bodytext",
359
+ "name": "color-light-mode-text-headings",
331
360
  "attributes": {
332
361
  "category": "color",
333
362
  "type": "light-mode",
334
363
  "item": "text",
335
- "subitem": "bodytext"
364
+ "subitem": "headings"
336
365
  },
337
366
  "path": [
338
367
  "color",
339
368
  "light-mode",
340
369
  "text",
341
- "bodytext"
370
+ "headings"
342
371
  ]
343
372
  }
344
373
  },
@@ -346,7 +375,7 @@
346
375
  "link": {
347
376
  "400": {
348
377
  "value": "#0f62fe",
349
- "filePath": "tokens/color/interactive.light.json",
378
+ "filePath": "tokens/color/base/interactive.light.json",
350
379
  "isSource": true,
351
380
  "original": {
352
381
  "value": "#0F62FE"
@@ -369,7 +398,7 @@
369
398
  },
370
399
  "500": {
371
400
  "value": "#003cac",
372
- "filePath": "tokens/color/interactive.light.json",
401
+ "filePath": "tokens/color/base/interactive.light.json",
373
402
  "isSource": true,
374
403
  "original": {
375
404
  "value": "#003CAC"
@@ -394,7 +423,7 @@
394
423
  "visited": {
395
424
  "400": {
396
425
  "value": "#967fff",
397
- "filePath": "tokens/color/interactive.light.json",
426
+ "filePath": "tokens/color/base/interactive.light.json",
398
427
  "isSource": true,
399
428
  "original": {
400
429
  "value": "#967FFF"
@@ -417,7 +446,7 @@
417
446
  },
418
447
  "500": {
419
448
  "value": "#5f41e5",
420
- "filePath": "tokens/color/interactive.light.json",
449
+ "filePath": "tokens/color/base/interactive.light.json",
421
450
  "isSource": true,
422
451
  "original": {
423
452
  "value": "#5F41E5"
@@ -443,7 +472,7 @@
443
472
  "neutral": {
444
473
  "100": {
445
474
  "value": "#cfcfd3",
446
- "filePath": "tokens/color/neutrals.light.json",
475
+ "filePath": "tokens/color/base/neutral.light.json",
447
476
  "isSource": true,
448
477
  "original": {
449
478
  "value": "#CFCFD3"
@@ -464,7 +493,7 @@
464
493
  },
465
494
  "200": {
466
495
  "value": "#aeaeb6",
467
- "filePath": "tokens/color/neutrals.light.json",
496
+ "filePath": "tokens/color/base/neutral.light.json",
468
497
  "isSource": true,
469
498
  "original": {
470
499
  "value": "#AEAEB6"
@@ -485,7 +514,7 @@
485
514
  },
486
515
  "300": {
487
516
  "value": "#8f8f99",
488
- "filePath": "tokens/color/neutrals.light.json",
517
+ "filePath": "tokens/color/base/neutral.light.json",
489
518
  "isSource": true,
490
519
  "original": {
491
520
  "value": "#8F8F99"
@@ -506,7 +535,7 @@
506
535
  },
507
536
  "400": {
508
537
  "value": "#71717c",
509
- "filePath": "tokens/color/neutrals.light.json",
538
+ "filePath": "tokens/color/base/neutral.light.json",
510
539
  "isSource": true,
511
540
  "original": {
512
541
  "value": "#71717C"
@@ -527,7 +556,7 @@
527
556
  },
528
557
  "500": {
529
558
  "value": "#54545f",
530
- "filePath": "tokens/color/neutrals.light.json",
559
+ "filePath": "tokens/color/base/neutral.light.json",
531
560
  "isSource": true,
532
561
  "original": {
533
562
  "value": "#54545F"
@@ -548,7 +577,7 @@
548
577
  },
549
578
  "600": {
550
579
  "value": "#393942",
551
- "filePath": "tokens/color/neutrals.light.json",
580
+ "filePath": "tokens/color/base/neutral.light.json",
552
581
  "isSource": true,
553
582
  "original": {
554
583
  "value": "#393942"
@@ -569,7 +598,7 @@
569
598
  },
570
599
  "700": {
571
600
  "value": "#23232d",
572
- "filePath": "tokens/color/neutrals.light.json",
601
+ "filePath": "tokens/color/base/neutral.light.json",
573
602
  "isSource": true,
574
603
  "original": {
575
604
  "value": "#23232D"
@@ -590,7 +619,7 @@
590
619
  },
591
620
  "050": {
592
621
  "value": "#f1f1f1",
593
- "filePath": "tokens/color/neutrals.light.json",
622
+ "filePath": "tokens/color/base/neutral.light.json",
594
623
  "isSource": true,
595
624
  "original": {
596
625
  "value": "#F1F1F1"
@@ -611,7 +640,7 @@
611
640
  },
612
641
  "000": {
613
642
  "value": "#ffffff",
614
- "filePath": "tokens/color/neutrals.light.json",
643
+ "filePath": "tokens/color/base/neutral.light.json",
615
644
  "isSource": true,
616
645
  "original": {
617
646
  "value": "#FFFFFF"
@@ -635,7 +664,7 @@
635
664
  "error": {
636
665
  "100": {
637
666
  "value": "#ffebeb",
638
- "filePath": "tokens/color/semantic.light.json",
667
+ "filePath": "tokens/color/base/semantic.light.json",
639
668
  "isSource": true,
640
669
  "original": {
641
670
  "value": "#FFEBEB"
@@ -657,11 +686,11 @@
657
686
  ]
658
687
  },
659
688
  "200": {
660
- "value": "#ff6262",
661
- "filePath": "tokens/color/semantic.light.json",
689
+ "value": "#ff9090",
690
+ "filePath": "tokens/color/base/semantic.light.json",
662
691
  "isSource": true,
663
692
  "original": {
664
- "value": "#FF6262"
693
+ "value": "#FF9090"
665
694
  },
666
695
  "name": "color-light-mode-semantic-error-200",
667
696
  "attributes": {
@@ -681,7 +710,7 @@
681
710
  },
682
711
  "300": {
683
712
  "value": "#f83333",
684
- "filePath": "tokens/color/semantic.light.json",
713
+ "filePath": "tokens/color/base/semantic.light.json",
685
714
  "isSource": true,
686
715
  "original": {
687
716
  "value": "#F83333"
@@ -704,7 +733,7 @@
704
733
  },
705
734
  "400": {
706
735
  "value": "#d61f1f",
707
- "filePath": "tokens/color/semantic.light.json",
736
+ "filePath": "tokens/color/base/semantic.light.json",
708
737
  "isSource": true,
709
738
  "original": {
710
739
  "value": "#D61F1F"
@@ -727,7 +756,7 @@
727
756
  },
728
757
  "500": {
729
758
  "value": "#920303",
730
- "filePath": "tokens/color/semantic.light.json",
759
+ "filePath": "tokens/color/base/semantic.light.json",
731
760
  "isSource": true,
732
761
  "original": {
733
762
  "value": "#920303"
@@ -750,7 +779,7 @@
750
779
  },
751
780
  "600": {
752
781
  "value": "#700000",
753
- "filePath": "tokens/color/semantic.light.json",
782
+ "filePath": "tokens/color/base/semantic.light.json",
754
783
  "isSource": true,
755
784
  "original": {
756
785
  "value": "#700000"
@@ -775,7 +804,7 @@
775
804
  "warning": {
776
805
  "100": {
777
806
  "value": "#fff4e5",
778
- "filePath": "tokens/color/semantic.light.json",
807
+ "filePath": "tokens/color/base/semantic.light.json",
779
808
  "isSource": true,
780
809
  "original": {
781
810
  "value": "#FFF4E5"
@@ -798,7 +827,7 @@
798
827
  },
799
828
  "200": {
800
829
  "value": "#fec57b",
801
- "filePath": "tokens/color/semantic.light.json",
830
+ "filePath": "tokens/color/base/semantic.light.json",
802
831
  "isSource": true,
803
832
  "original": {
804
833
  "value": "#FEC57B"
@@ -821,7 +850,7 @@
821
850
  },
822
851
  "300": {
823
852
  "value": "#d97008",
824
- "filePath": "tokens/color/semantic.light.json",
853
+ "filePath": "tokens/color/base/semantic.light.json",
825
854
  "isSource": true,
826
855
  "original": {
827
856
  "value": "#D97008"
@@ -844,7 +873,7 @@
844
873
  },
845
874
  "400": {
846
875
  "value": "#b65c02",
847
- "filePath": "tokens/color/semantic.light.json",
876
+ "filePath": "tokens/color/base/semantic.light.json",
848
877
  "isSource": true,
849
878
  "original": {
850
879
  "value": "#B65C02"
@@ -867,7 +896,7 @@
867
896
  },
868
897
  "500": {
869
898
  "value": "#5f3811",
870
- "filePath": "tokens/color/semantic.light.json",
899
+ "filePath": "tokens/color/base/semantic.light.json",
871
900
  "isSource": true,
872
901
  "original": {
873
902
  "value": "#5F3811"
@@ -890,7 +919,7 @@
890
919
  },
891
920
  "600": {
892
921
  "value": "#43290f",
893
- "filePath": "tokens/color/semantic.light.json",
922
+ "filePath": "tokens/color/base/semantic.light.json",
894
923
  "isSource": true,
895
924
  "original": {
896
925
  "value": "#43290F"
@@ -915,7 +944,7 @@
915
944
  "success": {
916
945
  "100": {
917
946
  "value": "#dffcf0",
918
- "filePath": "tokens/color/semantic.light.json",
947
+ "filePath": "tokens/color/base/semantic.light.json",
919
948
  "isSource": true,
920
949
  "original": {
921
950
  "value": "#DFFCF0"
@@ -938,7 +967,7 @@
938
967
  },
939
968
  "200": {
940
969
  "value": "#baf3db",
941
- "filePath": "tokens/color/semantic.light.json",
970
+ "filePath": "tokens/color/base/semantic.light.json",
942
971
  "isSource": true,
943
972
  "original": {
944
973
  "value": "#BAF3DB"
@@ -961,7 +990,7 @@
961
990
  },
962
991
  "300": {
963
992
  "value": "#4bce97",
964
- "filePath": "tokens/color/semantic.light.json",
993
+ "filePath": "tokens/color/base/semantic.light.json",
965
994
  "isSource": true,
966
995
  "original": {
967
996
  "value": "#4BCE97"
@@ -984,7 +1013,7 @@
984
1013
  },
985
1014
  "400": {
986
1015
  "value": "#1f845a",
987
- "filePath": "tokens/color/semantic.light.json",
1016
+ "filePath": "tokens/color/base/semantic.light.json",
988
1017
  "isSource": true,
989
1018
  "original": {
990
1019
  "value": "#1F845A"
@@ -1007,7 +1036,7 @@
1007
1036
  },
1008
1037
  "500": {
1009
1038
  "value": "#164b35",
1010
- "filePath": "tokens/color/semantic.light.json",
1039
+ "filePath": "tokens/color/base/semantic.light.json",
1011
1040
  "isSource": true,
1012
1041
  "original": {
1013
1042
  "value": "#164B35"
@@ -1030,7 +1059,7 @@
1030
1059
  },
1031
1060
  "600": {
1032
1061
  "value": "#133527",
1033
- "filePath": "tokens/color/semantic.light.json",
1062
+ "filePath": "tokens/color/base/semantic.light.json",
1034
1063
  "isSource": true,
1035
1064
  "original": {
1036
1065
  "value": "#133527"
@@ -1055,7 +1084,7 @@
1055
1084
  "info": {
1056
1085
  "100": {
1057
1086
  "value": "#e3fafc",
1058
- "filePath": "tokens/color/semantic.light.json",
1087
+ "filePath": "tokens/color/base/semantic.light.json",
1059
1088
  "isSource": true,
1060
1089
  "original": {
1061
1090
  "value": "#E3FAFC"
@@ -1078,7 +1107,7 @@
1078
1107
  },
1079
1108
  "200": {
1080
1109
  "value": "#c1f0f5",
1081
- "filePath": "tokens/color/semantic.light.json",
1110
+ "filePath": "tokens/color/base/semantic.light.json",
1082
1111
  "isSource": true,
1083
1112
  "original": {
1084
1113
  "value": "#C1F0F5"
@@ -1101,7 +1130,7 @@
1101
1130
  },
1102
1131
  "300": {
1103
1132
  "value": "#60c6d2",
1104
- "filePath": "tokens/color/semantic.light.json",
1133
+ "filePath": "tokens/color/base/semantic.light.json",
1105
1134
  "isSource": true,
1106
1135
  "original": {
1107
1136
  "value": "#60C6D2"
@@ -1124,7 +1153,7 @@
1124
1153
  },
1125
1154
  "400": {
1126
1155
  "value": "#1d7f8c",
1127
- "filePath": "tokens/color/semantic.light.json",
1156
+ "filePath": "tokens/color/base/semantic.light.json",
1128
1157
  "isSource": true,
1129
1158
  "original": {
1130
1159
  "value": "#1D7F8C"
@@ -1147,7 +1176,7 @@
1147
1176
  },
1148
1177
  "500": {
1149
1178
  "value": "#206b74",
1150
- "filePath": "tokens/color/semantic.light.json",
1179
+ "filePath": "tokens/color/base/semantic.light.json",
1151
1180
  "isSource": true,
1152
1181
  "original": {
1153
1182
  "value": "#206B74"
@@ -1170,7 +1199,7 @@
1170
1199
  },
1171
1200
  "600": {
1172
1201
  "value": "#1d474c",
1173
- "filePath": "tokens/color/semantic.light.json",
1202
+ "filePath": "tokens/color/base/semantic.light.json",
1174
1203
  "isSource": true,
1175
1204
  "original": {
1176
1205
  "value": "#1D474C"
@@ -1194,5 +1223,69 @@
1194
1223
  }
1195
1224
  }
1196
1225
  }
1226
+ },
1227
+ "elevation": {
1228
+ "light-mode": {
1229
+ "raised": {
1230
+ "value": "0px, 1px, 1px, 0px, #aeaeb6",
1231
+ "type": "boxShadow",
1232
+ "public": true,
1233
+ "filePath": "tokens/elevation/base.light.json",
1234
+ "isSource": true,
1235
+ "original": {
1236
+ "value": {
1237
+ "x": "0",
1238
+ "y": "1",
1239
+ "blur": "1",
1240
+ "spread": "0",
1241
+ "color": "#aeaeb6",
1242
+ "type": "dropShadow"
1243
+ },
1244
+ "type": "boxShadow",
1245
+ "public": true
1246
+ },
1247
+ "name": "elevation-light-mode-raised",
1248
+ "attributes": {
1249
+ "category": "elevation",
1250
+ "type": "light-mode",
1251
+ "item": "raised"
1252
+ },
1253
+ "path": [
1254
+ "elevation",
1255
+ "light-mode",
1256
+ "raised"
1257
+ ]
1258
+ },
1259
+ "overlay": {
1260
+ "value": "0px, 8px, 12px, 0px, rgba(113, 113, 124, 0.25)",
1261
+ "type": "boxShadow",
1262
+ "public": true,
1263
+ "filePath": "tokens/elevation/base.light.json",
1264
+ "isSource": true,
1265
+ "original": {
1266
+ "value": {
1267
+ "x": "0",
1268
+ "y": "8",
1269
+ "blur": "12",
1270
+ "spread": "0",
1271
+ "color": "rgba(113, 113, 124, 0.25)",
1272
+ "type": "dropShadow"
1273
+ },
1274
+ "type": "boxShadow",
1275
+ "public": true
1276
+ },
1277
+ "name": "elevation-light-mode-overlay",
1278
+ "attributes": {
1279
+ "category": "elevation",
1280
+ "type": "light-mode",
1281
+ "item": "overlay"
1282
+ },
1283
+ "path": [
1284
+ "elevation",
1285
+ "light-mode",
1286
+ "overlay"
1287
+ ]
1288
+ }
1289
+ }
1197
1290
  }
1198
1291
  }