@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-dark-mode.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "value": "#1d1d29",
7
7
  "public": true,
8
8
  "isReferenceToInternal": true,
9
- "filePath": "tokens/color/context.dark.json",
9
+ "filePath": "tokens/color/alias/defaults.dark.json",
10
10
  "isSource": true,
11
11
  "original": {
12
12
  "value": "{color.dark-mode.neutral.600.value}",
@@ -33,7 +33,7 @@
33
33
  "value": "#504e62",
34
34
  "public": true,
35
35
  "isReferenceToInternal": true,
36
- "filePath": "tokens/color/context.dark.json",
36
+ "filePath": "tokens/color/alias/defaults.dark.json",
37
37
  "isSource": true,
38
38
  "original": {
39
39
  "value": "{color.dark-mode.neutral.400.value}",
@@ -55,13 +55,40 @@
55
55
  ]
56
56
  }
57
57
  },
58
+ "foreground": {
59
+ "default": {
60
+ "value": "#ffffff",
61
+ "public": true,
62
+ "isReferenceToInternal": true,
63
+ "filePath": "tokens/color/alias/defaults.dark.json",
64
+ "isSource": true,
65
+ "original": {
66
+ "value": "{color.dark-mode.neutral.000.value}",
67
+ "public": true,
68
+ "isReferenceToInternal": true
69
+ },
70
+ "name": "color-dark-mode-foreground-default",
71
+ "attributes": {
72
+ "category": "color",
73
+ "type": "dark-mode",
74
+ "item": "foreground",
75
+ "subitem": "default"
76
+ },
77
+ "path": [
78
+ "color",
79
+ "dark-mode",
80
+ "foreground",
81
+ "default"
82
+ ]
83
+ }
84
+ },
58
85
  "input": {
59
86
  "background": {
60
87
  "default": {
61
88
  "value": "#1d1d29",
62
89
  "public": true,
63
90
  "isReferenceToInternal": true,
64
- "filePath": "tokens/color/context.dark.json",
91
+ "filePath": "tokens/color/alias/input.dark.json",
65
92
  "isSource": true,
66
93
  "original": {
67
94
  "value": "{color.dark-mode.neutral.600.value}",
@@ -88,7 +115,7 @@
88
115
  "value": "#504e62",
89
116
  "public": true,
90
117
  "isReferenceToInternal": true,
91
- "filePath": "tokens/color/context.dark.json",
118
+ "filePath": "tokens/color/alias/input.dark.json",
92
119
  "isSource": true,
93
120
  "original": {
94
121
  "value": "{color.dark-mode.neutral.400.value}",
@@ -116,7 +143,7 @@
116
143
  "default": {
117
144
  "value": "#504e62",
118
145
  "public": true,
119
- "filePath": "tokens/color/context.dark.json",
146
+ "filePath": "tokens/color/alias/input.dark.json",
120
147
  "isSource": true,
121
148
  "original": {
122
149
  "value": "{color.dark-mode.border.default}",
@@ -142,7 +169,7 @@
142
169
  "value": "#858299",
143
170
  "public": true,
144
171
  "isReferenceToInternal": true,
145
- "filePath": "tokens/color/context.dark.json",
172
+ "filePath": "tokens/color/alias/input.dark.json",
146
173
  "isSource": true,
147
174
  "original": {
148
175
  "value": "{color.dark-mode.neutral.300.value}",
@@ -172,7 +199,7 @@
172
199
  "value": "#36a3ff",
173
200
  "public": true,
174
201
  "isReferenceToInternal": true,
175
- "filePath": "tokens/color/context.dark.json",
202
+ "filePath": "tokens/color/alias/interactive.dark.json",
176
203
  "isSource": true,
177
204
  "original": {
178
205
  "value": "{color.dark-mode.interactive.link.400.value}",
@@ -197,7 +224,7 @@
197
224
  "value": "#2776b9",
198
225
  "public": true,
199
226
  "isReferenceToInternal": true,
200
- "filePath": "tokens/color/context.dark.json",
227
+ "filePath": "tokens/color/alias/interactive.dark.json",
201
228
  "isSource": true,
202
229
  "original": {
203
230
  "value": "{color.dark-mode.interactive.link.500.value}",
@@ -222,7 +249,7 @@
222
249
  "value": "#2776b9",
223
250
  "public": true,
224
251
  "isReferenceToInternal": true,
225
- "filePath": "tokens/color/context.dark.json",
252
+ "filePath": "tokens/color/alias/interactive.dark.json",
226
253
  "isSource": true,
227
254
  "original": {
228
255
  "value": "{color.dark-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.dark.json",
277
+ "filePath": "tokens/color/alias/interactive.dark.json",
251
278
  "isSource": true,
252
279
  "original": {
253
280
  "value": "{color.dark-mode.interactive.visited.400.value}",
@@ -274,7 +301,7 @@
274
301
  "value": "#ffffff",
275
302
  "public": true,
276
303
  "isReferenceToInternal": true,
277
- "filePath": "tokens/color/context.dark.json",
304
+ "filePath": "tokens/color/alias/typography.dark.json",
278
305
  "isSource": true,
279
306
  "original": {
280
307
  "value": "{color.dark-mode.neutral.000.value}",
@@ -295,50 +322,50 @@
295
322
  "default"
296
323
  ]
297
324
  },
298
- "headings": {
325
+ "paragraph": {
299
326
  "value": "#ffffff",
300
327
  "public": true,
301
- "filePath": "tokens/color/context.dark.json",
328
+ "filePath": "tokens/color/alias/typography.dark.json",
302
329
  "isSource": true,
303
330
  "original": {
304
331
  "value": "{color.dark-mode.text.default}",
305
332
  "public": true
306
333
  },
307
- "name": "color-dark-mode-text-headings",
334
+ "name": "color-dark-mode-text-paragraph",
308
335
  "attributes": {
309
336
  "category": "color",
310
337
  "type": "dark-mode",
311
338
  "item": "text",
312
- "subitem": "headings"
339
+ "subitem": "paragraph"
313
340
  },
314
341
  "path": [
315
342
  "color",
316
343
  "dark-mode",
317
344
  "text",
318
- "headings"
345
+ "paragraph"
319
346
  ]
320
347
  },
321
- "bodytext": {
348
+ "headings": {
322
349
  "value": "#ffffff",
323
350
  "public": true,
324
- "filePath": "tokens/color/context.dark.json",
351
+ "filePath": "tokens/color/alias/typography.dark.json",
325
352
  "isSource": true,
326
353
  "original": {
327
354
  "value": "{color.dark-mode.text.default}",
328
355
  "public": true
329
356
  },
330
- "name": "color-dark-mode-text-bodytext",
357
+ "name": "color-dark-mode-text-headings",
331
358
  "attributes": {
332
359
  "category": "color",
333
360
  "type": "dark-mode",
334
361
  "item": "text",
335
- "subitem": "bodytext"
362
+ "subitem": "headings"
336
363
  },
337
364
  "path": [
338
365
  "color",
339
366
  "dark-mode",
340
367
  "text",
341
- "bodytext"
368
+ "headings"
342
369
  ]
343
370
  }
344
371
  },
@@ -346,7 +373,7 @@
346
373
  "link": {
347
374
  "400": {
348
375
  "value": "#36a3ff",
349
- "filePath": "tokens/color/interactive.dark.json",
376
+ "filePath": "tokens/color/base/interactive.dark.json",
350
377
  "isSource": true,
351
378
  "original": {
352
379
  "value": "#36A3FF"
@@ -369,7 +396,7 @@
369
396
  },
370
397
  "500": {
371
398
  "value": "#2776b9",
372
- "filePath": "tokens/color/interactive.dark.json",
399
+ "filePath": "tokens/color/base/interactive.dark.json",
373
400
  "isSource": true,
374
401
  "original": {
375
402
  "value": "#2776B9"
@@ -394,7 +421,7 @@
394
421
  "visited": {
395
422
  "400": {
396
423
  "value": "#967fff",
397
- "filePath": "tokens/color/interactive.dark.json",
424
+ "filePath": "tokens/color/base/interactive.dark.json",
398
425
  "isSource": true,
399
426
  "original": {
400
427
  "value": "#967FFF"
@@ -417,7 +444,7 @@
417
444
  },
418
445
  "500": {
419
446
  "value": "#5f41e5",
420
- "filePath": "tokens/color/interactive.dark.json",
447
+ "filePath": "tokens/color/base/interactive.dark.json",
421
448
  "isSource": true,
422
449
  "original": {
423
450
  "value": "#5F41E5"
@@ -443,7 +470,7 @@
443
470
  "neutral": {
444
471
  "100": {
445
472
  "value": "#c7c5d0",
446
- "filePath": "tokens/color/neutrals.dark.json",
473
+ "filePath": "tokens/color/base/neutral.dark.json",
447
474
  "isSource": true,
448
475
  "original": {
449
476
  "value": "#C7C5D0"
@@ -464,7 +491,7 @@
464
491
  },
465
492
  "200": {
466
493
  "value": "#a6a3b4",
467
- "filePath": "tokens/color/neutrals.dark.json",
494
+ "filePath": "tokens/color/base/neutral.dark.json",
468
495
  "isSource": true,
469
496
  "original": {
470
497
  "value": "#A6A3B4"
@@ -485,7 +512,7 @@
485
512
  },
486
513
  "300": {
487
514
  "value": "#858299",
488
- "filePath": "tokens/color/neutrals.dark.json",
515
+ "filePath": "tokens/color/base/neutral.dark.json",
489
516
  "isSource": true,
490
517
  "original": {
491
518
  "value": "#858299"
@@ -506,7 +533,7 @@
506
533
  },
507
534
  "400": {
508
535
  "value": "#504e62",
509
- "filePath": "tokens/color/neutrals.dark.json",
536
+ "filePath": "tokens/color/base/neutral.dark.json",
510
537
  "isSource": true,
511
538
  "original": {
512
539
  "value": "#504E62"
@@ -527,7 +554,7 @@
527
554
  },
528
555
  "500": {
529
556
  "value": "#282839",
530
- "filePath": "tokens/color/neutrals.dark.json",
557
+ "filePath": "tokens/color/base/neutral.dark.json",
531
558
  "isSource": true,
532
559
  "original": {
533
560
  "value": "#282839"
@@ -548,7 +575,7 @@
548
575
  },
549
576
  "600": {
550
577
  "value": "#1d1d29",
551
- "filePath": "tokens/color/neutrals.dark.json",
578
+ "filePath": "tokens/color/base/neutral.dark.json",
552
579
  "isSource": true,
553
580
  "original": {
554
581
  "value": "#1D1D29"
@@ -569,7 +596,7 @@
569
596
  },
570
597
  "700": {
571
598
  "value": "#121219",
572
- "filePath": "tokens/color/neutrals.dark.json",
599
+ "filePath": "tokens/color/base/neutral.dark.json",
573
600
  "isSource": true,
574
601
  "original": {
575
602
  "value": "#121219"
@@ -590,7 +617,7 @@
590
617
  },
591
618
  "050": {
592
619
  "value": "#e7e7eb",
593
- "filePath": "tokens/color/neutrals.dark.json",
620
+ "filePath": "tokens/color/base/neutral.dark.json",
594
621
  "isSource": true,
595
622
  "original": {
596
623
  "value": "#E7E7EB"
@@ -611,7 +638,7 @@
611
638
  },
612
639
  "000": {
613
640
  "value": "#ffffff",
614
- "filePath": "tokens/color/neutrals.dark.json",
641
+ "filePath": "tokens/color/base/neutral.dark.json",
615
642
  "isSource": true,
616
643
  "original": {
617
644
  "value": "#FFFFFF"
@@ -635,7 +662,7 @@
635
662
  "error": {
636
663
  "100": {
637
664
  "value": "#fff0f0",
638
- "filePath": "tokens/color/semantic.dark.json",
665
+ "filePath": "tokens/color/base/semantic.dark.json",
639
666
  "isSource": true,
640
667
  "original": {
641
668
  "value": "#FFF0F0"
@@ -658,7 +685,7 @@
658
685
  },
659
686
  "200": {
660
687
  "value": "#ffafaf",
661
- "filePath": "tokens/color/semantic.dark.json",
688
+ "filePath": "tokens/color/base/semantic.dark.json",
662
689
  "isSource": true,
663
690
  "original": {
664
691
  "value": "#FFAFAF"
@@ -681,7 +708,7 @@
681
708
  },
682
709
  "300": {
683
710
  "value": "#e05757",
684
- "filePath": "tokens/color/semantic.dark.json",
711
+ "filePath": "tokens/color/base/semantic.dark.json",
685
712
  "isSource": true,
686
713
  "original": {
687
714
  "value": "#E05757"
@@ -704,7 +731,7 @@
704
731
  },
705
732
  "400": {
706
733
  "value": "#be4242",
707
- "filePath": "tokens/color/semantic.dark.json",
734
+ "filePath": "tokens/color/base/semantic.dark.json",
708
735
  "isSource": true,
709
736
  "original": {
710
737
  "value": "#BE4242"
@@ -727,7 +754,7 @@
727
754
  },
728
755
  "500": {
729
756
  "value": "#9c2f2f",
730
- "filePath": "tokens/color/semantic.dark.json",
757
+ "filePath": "tokens/color/base/semantic.dark.json",
731
758
  "isSource": true,
732
759
  "original": {
733
760
  "value": "#9C2F2F"
@@ -750,7 +777,7 @@
750
777
  },
751
778
  "600": {
752
779
  "value": "#7a1f1f",
753
- "filePath": "tokens/color/semantic.dark.json",
780
+ "filePath": "tokens/color/base/semantic.dark.json",
754
781
  "isSource": true,
755
782
  "original": {
756
783
  "value": "#7A1F1F"
@@ -775,7 +802,7 @@
775
802
  "warning": {
776
803
  "100": {
777
804
  "value": "#fff4ea",
778
- "filePath": "tokens/color/semantic.dark.json",
805
+ "filePath": "tokens/color/base/semantic.dark.json",
779
806
  "isSource": true,
780
807
  "original": {
781
808
  "value": "#FFF4EA"
@@ -798,7 +825,7 @@
798
825
  },
799
826
  "200": {
800
827
  "value": "#ffc38b",
801
- "filePath": "tokens/color/semantic.dark.json",
828
+ "filePath": "tokens/color/base/semantic.dark.json",
802
829
  "isSource": true,
803
830
  "original": {
804
831
  "value": "#FFC38B"
@@ -821,7 +848,7 @@
821
848
  },
822
849
  "300": {
823
850
  "value": "#ff922d",
824
- "filePath": "tokens/color/semantic.dark.json",
851
+ "filePath": "tokens/color/base/semantic.dark.json",
825
852
  "isSource": true,
826
853
  "original": {
827
854
  "value": "#FF922D"
@@ -844,7 +871,7 @@
844
871
  },
845
872
  "400": {
846
873
  "value": "#dd781b",
847
- "filePath": "tokens/color/semantic.dark.json",
874
+ "filePath": "tokens/color/base/semantic.dark.json",
848
875
  "isSource": true,
849
876
  "original": {
850
877
  "value": "#DD781B"
@@ -867,7 +894,7 @@
867
894
  },
868
895
  "500": {
869
896
  "value": "#994b02",
870
- "filePath": "tokens/color/semantic.dark.json",
897
+ "filePath": "tokens/color/base/semantic.dark.json",
871
898
  "isSource": true,
872
899
  "original": {
873
900
  "value": "#994B02"
@@ -890,7 +917,7 @@
890
917
  },
891
918
  "600": {
892
919
  "value": "#552900",
893
- "filePath": "tokens/color/semantic.dark.json",
920
+ "filePath": "tokens/color/base/semantic.dark.json",
894
921
  "isSource": true,
895
922
  "original": {
896
923
  "value": "#552900"
@@ -915,7 +942,7 @@
915
942
  "success": {
916
943
  "100": {
917
944
  "value": "#f0fff8",
918
- "filePath": "tokens/color/semantic.dark.json",
945
+ "filePath": "tokens/color/base/semantic.dark.json",
919
946
  "isSource": true,
920
947
  "original": {
921
948
  "value": "#F0FFF8"
@@ -938,7 +965,7 @@
938
965
  },
939
966
  "200": {
940
967
  "value": "#acffdc",
941
- "filePath": "tokens/color/semantic.dark.json",
968
+ "filePath": "tokens/color/base/semantic.dark.json",
942
969
  "isSource": true,
943
970
  "original": {
944
971
  "value": "#ACFFDC"
@@ -961,7 +988,7 @@
961
988
  },
962
989
  "300": {
963
990
  "value": "#22a06b",
964
- "filePath": "tokens/color/semantic.dark.json",
991
+ "filePath": "tokens/color/base/semantic.dark.json",
965
992
  "isSource": true,
966
993
  "original": {
967
994
  "value": "#22A06B"
@@ -984,7 +1011,7 @@
984
1011
  },
985
1012
  "400": {
986
1013
  "value": "#137e51",
987
- "filePath": "tokens/color/semantic.dark.json",
1014
+ "filePath": "tokens/color/base/semantic.dark.json",
988
1015
  "isSource": true,
989
1016
  "original": {
990
1017
  "value": "#137E51"
@@ -1007,7 +1034,7 @@
1007
1034
  },
1008
1035
  "500": {
1009
1036
  "value": "#085c39",
1010
- "filePath": "tokens/color/semantic.dark.json",
1037
+ "filePath": "tokens/color/base/semantic.dark.json",
1011
1038
  "isSource": true,
1012
1039
  "original": {
1013
1040
  "value": "#085C39"
@@ -1030,7 +1057,7 @@
1030
1057
  },
1031
1058
  "600": {
1032
1059
  "value": "#133527",
1033
- "filePath": "tokens/color/semantic.dark.json",
1060
+ "filePath": "tokens/color/base/semantic.dark.json",
1034
1061
  "isSource": true,
1035
1062
  "original": {
1036
1063
  "value": "#133527"
@@ -1055,7 +1082,7 @@
1055
1082
  "info": {
1056
1083
  "100": {
1057
1084
  "value": "#e3fafc",
1058
- "filePath": "tokens/color/semantic.dark.json",
1085
+ "filePath": "tokens/color/base/semantic.dark.json",
1059
1086
  "isSource": true,
1060
1087
  "original": {
1061
1088
  "value": "#E3FAFC"
@@ -1078,7 +1105,7 @@
1078
1105
  },
1079
1106
  "200": {
1080
1107
  "value": "#c1f0f5",
1081
- "filePath": "tokens/color/semantic.dark.json",
1108
+ "filePath": "tokens/color/base/semantic.dark.json",
1082
1109
  "isSource": true,
1083
1110
  "original": {
1084
1111
  "value": "#C1F0F5"
@@ -1101,7 +1128,7 @@
1101
1128
  },
1102
1129
  "300": {
1103
1130
  "value": "#60c6d2",
1104
- "filePath": "tokens/color/semantic.dark.json",
1131
+ "filePath": "tokens/color/base/semantic.dark.json",
1105
1132
  "isSource": true,
1106
1133
  "original": {
1107
1134
  "value": "#60C6D2"
@@ -1124,7 +1151,7 @@
1124
1151
  },
1125
1152
  "400": {
1126
1153
  "value": "#1d7f8c",
1127
- "filePath": "tokens/color/semantic.dark.json",
1154
+ "filePath": "tokens/color/base/semantic.dark.json",
1128
1155
  "isSource": true,
1129
1156
  "original": {
1130
1157
  "value": "#1D7F8C"
@@ -1147,7 +1174,7 @@
1147
1174
  },
1148
1175
  "500": {
1149
1176
  "value": "#206b74",
1150
- "filePath": "tokens/color/semantic.dark.json",
1177
+ "filePath": "tokens/color/base/semantic.dark.json",
1151
1178
  "isSource": true,
1152
1179
  "original": {
1153
1180
  "value": "#206B74"
@@ -1170,7 +1197,7 @@
1170
1197
  },
1171
1198
  "600": {
1172
1199
  "value": "#1d474c",
1173
- "filePath": "tokens/color/semantic.dark.json",
1200
+ "filePath": "tokens/color/base/semantic.dark.json",
1174
1201
  "isSource": true,
1175
1202
  "original": {
1176
1203
  "value": "#1D474C"
@@ -1194,5 +1221,69 @@
1194
1221
  }
1195
1222
  }
1196
1223
  }
1224
+ },
1225
+ "elevation": {
1226
+ "dark-mode": {
1227
+ "raised": {
1228
+ "value": "0px, 1px, 1px, 0px, rgba(18, 18, 25, 0.95)",
1229
+ "type": "boxShadow",
1230
+ "public": true,
1231
+ "filePath": "tokens/elevation/base.dark.json",
1232
+ "isSource": true,
1233
+ "original": {
1234
+ "value": {
1235
+ "x": "0",
1236
+ "y": "1",
1237
+ "blur": "1",
1238
+ "spread": "0",
1239
+ "color": "rgba(18, 18, 25, 0.95)",
1240
+ "type": "dropShadow"
1241
+ },
1242
+ "type": "boxShadow",
1243
+ "public": true
1244
+ },
1245
+ "name": "elevation-dark-mode-raised",
1246
+ "attributes": {
1247
+ "category": "elevation",
1248
+ "type": "dark-mode",
1249
+ "item": "raised"
1250
+ },
1251
+ "path": [
1252
+ "elevation",
1253
+ "dark-mode",
1254
+ "raised"
1255
+ ]
1256
+ },
1257
+ "overlay": {
1258
+ "value": "0px, 8px, 12px, 0px, rgba(18, 18, 25, 0.6)",
1259
+ "type": "boxShadow",
1260
+ "public": true,
1261
+ "filePath": "tokens/elevation/base.dark.json",
1262
+ "isSource": true,
1263
+ "original": {
1264
+ "value": {
1265
+ "x": "0",
1266
+ "y": "8",
1267
+ "blur": "12",
1268
+ "spread": "0",
1269
+ "color": "rgba(18, 18, 25, 0.6)",
1270
+ "type": "dropShadow"
1271
+ },
1272
+ "type": "boxShadow",
1273
+ "public": true
1274
+ },
1275
+ "name": "elevation-dark-mode-overlay",
1276
+ "attributes": {
1277
+ "category": "elevation",
1278
+ "type": "dark-mode",
1279
+ "item": "overlay"
1280
+ },
1281
+ "path": [
1282
+ "elevation",
1283
+ "dark-mode",
1284
+ "overlay"
1285
+ ]
1286
+ }
1287
+ }
1197
1288
  }
1198
1289
  }