@pantheon-systems/pds-design-tokens 1.0.0-dev.5 → 1.0.0-dev.51

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.
@@ -1,89 +1,164 @@
1
1
  {
2
2
  "animation": {
3
- "button": {
3
+ "focus": {
4
4
  "transition": {
5
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
5
+ "value": "outline: 200ms ease-in-out 0s",
6
6
  "filePath": "tokens/animation/alias.json",
7
7
  "isSource": true,
8
8
  "original": {
9
- "value": "background-color: {animation.transition.duration.value} {animation.transition.timing-function.value} {animation.transition.delay.value}, border-color: {animation.transition.duration.value} {animation.transition.timing-function.value} {animation.transition.delay.value}"
9
+ "value": "outline: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
10
10
  },
11
- "name": "animation-button-transition",
11
+ "name": "animation-focus-transition",
12
12
  "attributes": {
13
13
  "category": "animation",
14
- "type": "button",
14
+ "type": "focus",
15
15
  "item": "transition"
16
16
  },
17
17
  "path": [
18
18
  "animation",
19
- "button",
19
+ "focus",
20
20
  "transition"
21
21
  ]
22
22
  }
23
23
  },
24
- "transition": {
25
- "delay": {
26
- "value": "0s",
27
- "public": true,
28
- "filePath": "tokens/animation/base.json",
24
+ "button": {
25
+ "transition": {
26
+ "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
27
+ "filePath": "tokens/animation/alias.json",
29
28
  "isSource": true,
30
29
  "original": {
31
- "value": "0s",
32
- "public": true
30
+ "value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
33
31
  },
34
- "name": "animation-transition-delay",
32
+ "name": "animation-button-transition",
35
33
  "attributes": {
36
34
  "category": "animation",
37
- "type": "transition",
38
- "item": "delay"
35
+ "type": "button",
36
+ "item": "transition"
39
37
  },
40
38
  "path": [
41
39
  "animation",
42
- "transition",
43
- "delay"
40
+ "button",
41
+ "transition"
44
42
  ]
45
- },
46
- "duration": {
47
- "value": "200ms",
48
- "public": true,
49
- "filePath": "tokens/animation/base.json",
43
+ }
44
+ },
45
+ "input": {
46
+ "transition": {
47
+ "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
48
+ "filePath": "tokens/animation/alias.json",
50
49
  "isSource": true,
51
50
  "original": {
52
- "value": "200ms",
53
- "public": true
51
+ "value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
54
52
  },
55
- "name": "animation-transition-duration",
53
+ "name": "animation-input-transition",
56
54
  "attributes": {
57
55
  "category": "animation",
58
- "type": "transition",
59
- "item": "duration"
56
+ "type": "input",
57
+ "item": "transition"
60
58
  },
61
59
  "path": [
62
60
  "animation",
63
- "transition",
64
- "duration"
61
+ "input",
62
+ "transition"
65
63
  ]
66
- },
67
- "timing-function": {
68
- "value": "ease-in-out",
69
- "public": true,
70
- "filePath": "tokens/animation/base.json",
71
- "isSource": true,
72
- "original": {
64
+ }
65
+ },
66
+ "transition": {
67
+ "default": {
68
+ "delay": {
69
+ "value": "0s",
70
+ "public": true,
71
+ "filePath": "tokens/animation/base.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "0s",
75
+ "public": true
76
+ },
77
+ "name": "animation-transition-default-delay",
78
+ "attributes": {
79
+ "category": "animation",
80
+ "type": "transition",
81
+ "item": "default",
82
+ "subitem": "delay"
83
+ },
84
+ "path": [
85
+ "animation",
86
+ "transition",
87
+ "default",
88
+ "delay"
89
+ ]
90
+ },
91
+ "duration": {
92
+ "value": "200ms",
93
+ "public": true,
94
+ "filePath": "tokens/animation/base.json",
95
+ "isSource": true,
96
+ "original": {
97
+ "value": "200ms",
98
+ "public": true
99
+ },
100
+ "name": "animation-transition-default-duration",
101
+ "attributes": {
102
+ "category": "animation",
103
+ "type": "transition",
104
+ "item": "default",
105
+ "subitem": "duration"
106
+ },
107
+ "path": [
108
+ "animation",
109
+ "transition",
110
+ "default",
111
+ "duration"
112
+ ]
113
+ },
114
+ "timing-function": {
73
115
  "value": "ease-in-out",
74
- "public": true
75
- },
76
- "name": "animation-transition-timing-function",
77
- "attributes": {
78
- "category": "animation",
79
- "type": "transition",
80
- "item": "timing-function"
81
- },
82
- "path": [
83
- "animation",
84
- "transition",
85
- "timing-function"
86
- ]
116
+ "public": true,
117
+ "filePath": "tokens/animation/base.json",
118
+ "isSource": true,
119
+ "original": {
120
+ "value": "ease-in-out",
121
+ "public": true
122
+ },
123
+ "name": "animation-transition-default-timing-function",
124
+ "attributes": {
125
+ "category": "animation",
126
+ "type": "transition",
127
+ "item": "default",
128
+ "subitem": "timing-function"
129
+ },
130
+ "path": [
131
+ "animation",
132
+ "transition",
133
+ "default",
134
+ "timing-function"
135
+ ]
136
+ }
137
+ },
138
+ "dropdown": {
139
+ "duration": {
140
+ "value": "300ms",
141
+ "public": true,
142
+ "filePath": "tokens/animation/base.json",
143
+ "isSource": true,
144
+ "original": {
145
+ "value": "300ms",
146
+ "public": true
147
+ },
148
+ "name": "animation-transition-dropdown-duration",
149
+ "attributes": {
150
+ "category": "animation",
151
+ "type": "transition",
152
+ "item": "dropdown",
153
+ "subitem": "duration"
154
+ },
155
+ "path": [
156
+ "animation",
157
+ "transition",
158
+ "dropdown",
159
+ "duration"
160
+ ]
161
+ }
87
162
  }
88
163
  }
89
164
  },
@@ -111,6 +186,29 @@
111
186
  "radius",
112
187
  "default"
113
188
  ]
189
+ },
190
+ "container": {
191
+ "value": 0.375,
192
+ "defaultUnit": "rem",
193
+ "public": true,
194
+ "filePath": "tokens/border/alias.json",
195
+ "isSource": true,
196
+ "original": {
197
+ "value": 0.375,
198
+ "defaultUnit": "rem",
199
+ "public": true
200
+ },
201
+ "name": "border-radius-container",
202
+ "attributes": {
203
+ "category": "border",
204
+ "type": "radius",
205
+ "item": "container"
206
+ },
207
+ "path": [
208
+ "border",
209
+ "radius",
210
+ "container"
211
+ ]
114
212
  }
115
213
  },
116
214
  "width": {
@@ -259,38 +357,159 @@
259
357
  "gap"
260
358
  ]
261
359
  }
360
+ },
361
+ "marketing": {
362
+ "column": {
363
+ "small": {
364
+ "value": "21.34375%",
365
+ "public": true,
366
+ "filePath": "tokens/grid/base.json",
367
+ "isSource": true,
368
+ "original": {
369
+ "value": "21.34375%",
370
+ "public": true
371
+ },
372
+ "name": "grid-marketing-column-small",
373
+ "attributes": {
374
+ "category": "grid",
375
+ "type": "marketing",
376
+ "item": "column",
377
+ "subitem": "small"
378
+ },
379
+ "path": [
380
+ "grid",
381
+ "marketing",
382
+ "column",
383
+ "small"
384
+ ]
385
+ },
386
+ "medium-large": {
387
+ "value": "5.125%",
388
+ "public": true,
389
+ "filePath": "tokens/grid/base.json",
390
+ "isSource": true,
391
+ "original": {
392
+ "value": "5.125%",
393
+ "public": true
394
+ },
395
+ "name": "grid-marketing-column-medium-large",
396
+ "attributes": {
397
+ "category": "grid",
398
+ "type": "marketing",
399
+ "item": "column",
400
+ "subitem": "medium-large"
401
+ },
402
+ "path": [
403
+ "grid",
404
+ "marketing",
405
+ "column",
406
+ "medium-large"
407
+ ]
408
+ }
409
+ },
410
+ "gap": {
411
+ "small": {
412
+ "value": "4.875%",
413
+ "public": true,
414
+ "filePath": "tokens/grid/base.json",
415
+ "isSource": true,
416
+ "original": {
417
+ "value": "4.875%",
418
+ "public": true
419
+ },
420
+ "name": "grid-marketing-gap-small",
421
+ "attributes": {
422
+ "category": "grid",
423
+ "type": "marketing",
424
+ "item": "gap",
425
+ "subitem": "small"
426
+ },
427
+ "path": [
428
+ "grid",
429
+ "marketing",
430
+ "gap",
431
+ "small"
432
+ ]
433
+ },
434
+ "medium-large": {
435
+ "value": "3.5%",
436
+ "public": true,
437
+ "filePath": "tokens/grid/base.json",
438
+ "isSource": true,
439
+ "original": {
440
+ "value": "3.5%",
441
+ "public": true
442
+ },
443
+ "name": "grid-marketing-gap-medium-large",
444
+ "attributes": {
445
+ "category": "grid",
446
+ "type": "marketing",
447
+ "item": "gap",
448
+ "subitem": "medium-large"
449
+ },
450
+ "path": [
451
+ "grid",
452
+ "marketing",
453
+ "gap",
454
+ "medium-large"
455
+ ]
456
+ }
457
+ }
262
458
  }
263
459
  },
264
460
  "spacing": {
265
- "scale-ratio": {
266
- "value": "1.25",
267
- "comment": "Base ratio/multiplier",
461
+ "8XL": {
462
+ "value": "7.451",
463
+ "defaultUnit": "rem",
464
+ "public": true,
268
465
  "filePath": "tokens/spacing/base.json",
269
466
  "isSource": true,
270
467
  "original": {
271
- "value": "1.25",
272
- "comment": "Base ratio/multiplier"
468
+ "value": "7.451",
469
+ "defaultUnit": "rem",
470
+ "public": true
273
471
  },
274
- "name": "spacing-scale-ratio",
472
+ "name": "spacing-8-xl",
275
473
  "attributes": {
276
474
  "category": "spacing",
277
- "type": "scale-ratio"
475
+ "type": "8XL"
278
476
  },
279
477
  "path": [
280
478
  "spacing",
281
- "scale-ratio"
479
+ "8XL"
480
+ ]
481
+ },
482
+ "7XL": {
483
+ "value": "5.96",
484
+ "defaultUnit": "rem",
485
+ "public": true,
486
+ "filePath": "tokens/spacing/base.json",
487
+ "isSource": true,
488
+ "original": {
489
+ "value": "5.96",
490
+ "defaultUnit": "rem",
491
+ "public": true
492
+ },
493
+ "name": "spacing-7-xl",
494
+ "attributes": {
495
+ "category": "spacing",
496
+ "type": "7XL"
497
+ },
498
+ "path": [
499
+ "spacing",
500
+ "7XL"
282
501
  ]
283
502
  },
284
503
  "6XL": {
285
504
  "value": "4.678",
286
- "formula": "1.25**7",
287
505
  "defaultUnit": "rem",
506
+ "public": true,
288
507
  "filePath": "tokens/spacing/base.json",
289
508
  "isSource": true,
290
509
  "original": {
291
510
  "value": "4.678",
292
- "formula": "{spacing.scale-ratio}**7",
293
- "defaultUnit": "rem"
511
+ "defaultUnit": "rem",
512
+ "public": true
294
513
  },
295
514
  "name": "spacing-6-xl",
296
515
  "attributes": {
@@ -304,14 +523,14 @@
304
523
  },
305
524
  "5XL": {
306
525
  "value": "3.815",
307
- "formula": "1.25**6",
308
526
  "defaultUnit": "rem",
527
+ "public": true,
309
528
  "filePath": "tokens/spacing/base.json",
310
529
  "isSource": true,
311
530
  "original": {
312
531
  "value": "3.815",
313
- "formula": "{spacing.scale-ratio}**6",
314
- "defaultUnit": "rem"
532
+ "defaultUnit": "rem",
533
+ "public": true
315
534
  },
316
535
  "name": "spacing-5-xl",
317
536
  "attributes": {
@@ -325,14 +544,14 @@
325
544
  },
326
545
  "4XL": {
327
546
  "value": "3.052",
328
- "formula": "1.25**5",
329
547
  "defaultUnit": "rem",
548
+ "public": true,
330
549
  "filePath": "tokens/spacing/base.json",
331
550
  "isSource": true,
332
551
  "original": {
333
552
  "value": "3.052",
334
- "formula": "{spacing.scale-ratio}**5",
335
- "defaultUnit": "rem"
553
+ "defaultUnit": "rem",
554
+ "public": true
336
555
  },
337
556
  "name": "spacing-4-xl",
338
557
  "attributes": {
@@ -346,14 +565,14 @@
346
565
  },
347
566
  "3XL": {
348
567
  "value": "2.441",
349
- "formula": "1.25**4",
350
568
  "defaultUnit": "rem",
569
+ "public": true,
351
570
  "filePath": "tokens/spacing/base.json",
352
571
  "isSource": true,
353
572
  "original": {
354
573
  "value": "2.441",
355
- "formula": "{spacing.scale-ratio}**4",
356
- "defaultUnit": "rem"
574
+ "defaultUnit": "rem",
575
+ "public": true
357
576
  },
358
577
  "name": "spacing-3-xl",
359
578
  "attributes": {
@@ -367,14 +586,14 @@
367
586
  },
368
587
  "2XL": {
369
588
  "value": "1.953",
370
- "formula": "1.25**3",
371
589
  "defaultUnit": "rem",
590
+ "public": true,
372
591
  "filePath": "tokens/spacing/base.json",
373
592
  "isSource": true,
374
593
  "original": {
375
594
  "value": "1.953",
376
- "formula": "{spacing.scale-ratio}**3",
377
- "defaultUnit": "rem"
595
+ "defaultUnit": "rem",
596
+ "public": true
378
597
  },
379
598
  "name": "spacing-2-xl",
380
599
  "attributes": {
@@ -388,14 +607,14 @@
388
607
  },
389
608
  "XL": {
390
609
  "value": "1.563",
391
- "formula": "1.25**2",
392
610
  "defaultUnit": "rem",
611
+ "public": true,
393
612
  "filePath": "tokens/spacing/base.json",
394
613
  "isSource": true,
395
614
  "original": {
396
615
  "value": "1.563",
397
- "formula": "{spacing.scale-ratio}**2",
398
- "defaultUnit": "rem"
616
+ "defaultUnit": "rem",
617
+ "public": true
399
618
  },
400
619
  "name": "spacing-xl",
401
620
  "attributes": {
@@ -409,14 +628,14 @@
409
628
  },
410
629
  "L": {
411
630
  "value": "1.25",
412
- "formula": "1.25**1",
413
631
  "defaultUnit": "rem",
632
+ "public": true,
414
633
  "filePath": "tokens/spacing/base.json",
415
634
  "isSource": true,
416
635
  "original": {
417
636
  "value": "1.25",
418
- "formula": "{spacing.scale-ratio}**1",
419
- "defaultUnit": "rem"
637
+ "defaultUnit": "rem",
638
+ "public": true
420
639
  },
421
640
  "name": "spacing-l",
422
641
  "attributes": {
@@ -431,11 +650,13 @@
431
650
  "M": {
432
651
  "value": "1",
433
652
  "defaultUnit": "rem",
653
+ "public": true,
434
654
  "filePath": "tokens/spacing/base.json",
435
655
  "isSource": true,
436
656
  "original": {
437
657
  "value": "1",
438
- "defaultUnit": "rem"
658
+ "defaultUnit": "rem",
659
+ "public": true
439
660
  },
440
661
  "name": "spacing-m",
441
662
  "attributes": {
@@ -449,14 +670,14 @@
449
670
  },
450
671
  "S": {
451
672
  "value": "0.8",
452
- "formula": "1.25**-1",
453
673
  "defaultUnit": "rem",
674
+ "public": true,
454
675
  "filePath": "tokens/spacing/base.json",
455
676
  "isSource": true,
456
677
  "original": {
457
678
  "value": "0.8",
458
- "formula": "{spacing.scale-ratio}**-1",
459
- "defaultUnit": "rem"
679
+ "defaultUnit": "rem",
680
+ "public": true
460
681
  },
461
682
  "name": "spacing-s",
462
683
  "attributes": {
@@ -470,14 +691,14 @@
470
691
  },
471
692
  "XS": {
472
693
  "value": "0.64",
473
- "formula": "1.25**-2",
474
694
  "defaultUnit": "rem",
695
+ "public": true,
475
696
  "filePath": "tokens/spacing/base.json",
476
697
  "isSource": true,
477
698
  "original": {
478
699
  "value": "0.64",
479
- "formula": "{spacing.scale-ratio}**-2",
480
- "defaultUnit": "rem"
700
+ "defaultUnit": "rem",
701
+ "public": true
481
702
  },
482
703
  "name": "spacing-xs",
483
704
  "attributes": {
@@ -491,14 +712,14 @@
491
712
  },
492
713
  "2XS": {
493
714
  "value": "0.512",
494
- "formula": "1.25**-3",
495
715
  "defaultUnit": "rem",
716
+ "public": true,
496
717
  "filePath": "tokens/spacing/base.json",
497
718
  "isSource": true,
498
719
  "original": {
499
720
  "value": "0.512",
500
- "formula": "{spacing.scale-ratio}**-3",
501
- "defaultUnit": "rem"
721
+ "defaultUnit": "rem",
722
+ "public": true
502
723
  },
503
724
  "name": "spacing-2-xs",
504
725
  "attributes": {
@@ -512,14 +733,14 @@
512
733
  },
513
734
  "3XS": {
514
735
  "value": "0.41",
515
- "formula": "1.25**-4",
516
736
  "defaultUnit": "rem",
737
+ "public": true,
517
738
  "filePath": "tokens/spacing/base.json",
518
739
  "isSource": true,
519
740
  "original": {
520
741
  "value": "0.41",
521
- "formula": "{spacing.scale-ratio}**-4",
522
- "defaultUnit": "rem"
742
+ "defaultUnit": "rem",
743
+ "public": true
523
744
  },
524
745
  "name": "spacing-3-xs",
525
746
  "attributes": {
@@ -533,14 +754,14 @@
533
754
  },
534
755
  "4XS": {
535
756
  "value": "0.328",
536
- "formula": "1.25**-5",
537
757
  "defaultUnit": "rem",
758
+ "public": true,
538
759
  "filePath": "tokens/spacing/base.json",
539
760
  "isSource": true,
540
761
  "original": {
541
762
  "value": "0.328",
542
- "formula": "{spacing.scale-ratio}**-5",
543
- "defaultUnit": "rem"
763
+ "defaultUnit": "rem",
764
+ "public": true
544
765
  },
545
766
  "name": "spacing-4-xs",
546
767
  "attributes": {
@@ -551,6 +772,48 @@
551
772
  "spacing",
552
773
  "4XS"
553
774
  ]
775
+ },
776
+ "5XS": {
777
+ "value": "0.25",
778
+ "defaultUnit": "rem",
779
+ "public": true,
780
+ "filePath": "tokens/spacing/base.json",
781
+ "isSource": true,
782
+ "original": {
783
+ "value": "0.25",
784
+ "defaultUnit": "rem",
785
+ "public": true
786
+ },
787
+ "name": "spacing-5-xs",
788
+ "attributes": {
789
+ "category": "spacing",
790
+ "type": "5XS"
791
+ },
792
+ "path": [
793
+ "spacing",
794
+ "5XS"
795
+ ]
796
+ },
797
+ "6XS": {
798
+ "value": "0.125",
799
+ "defaultUnit": "rem",
800
+ "public": true,
801
+ "filePath": "tokens/spacing/base.json",
802
+ "isSource": true,
803
+ "original": {
804
+ "value": "0.125",
805
+ "defaultUnit": "rem",
806
+ "public": true
807
+ },
808
+ "name": "spacing-6-xs",
809
+ "attributes": {
810
+ "category": "spacing",
811
+ "type": "6XS"
812
+ },
813
+ "path": [
814
+ "spacing",
815
+ "6XS"
816
+ ]
554
817
  }
555
818
  },
556
819
  "typography": {
@@ -672,11 +935,11 @@
672
935
  ]
673
936
  },
674
937
  "css-import": {
675
- "value": "'https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap'",
938
+ "value": "'https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'",
676
939
  "filePath": "tokens/typography/base/font.json",
677
940
  "isSource": true,
678
941
  "original": {
679
- "value": "'https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap'"
942
+ "value": "'https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'"
680
943
  },
681
944
  "name": "typography-font-css-import",
682
945
  "attributes": {
@@ -875,12 +1138,31 @@
875
1138
  }
876
1139
  },
877
1140
  "line-height": {
1141
+ "XL": {
1142
+ "value": "195%",
1143
+ "filePath": "tokens/typography/base/line-height.json",
1144
+ "isSource": true,
1145
+ "original": {
1146
+ "value": "195%"
1147
+ },
1148
+ "name": "typography-line-height-xl",
1149
+ "attributes": {
1150
+ "category": "typography",
1151
+ "type": "line-height",
1152
+ "item": "XL"
1153
+ },
1154
+ "path": [
1155
+ "typography",
1156
+ "line-height",
1157
+ "XL"
1158
+ ]
1159
+ },
878
1160
  "L": {
879
- "value": "195.3%",
1161
+ "value": "170%",
880
1162
  "filePath": "tokens/typography/base/line-height.json",
881
1163
  "isSource": true,
882
1164
  "original": {
883
- "value": "195.3%"
1165
+ "value": "170%"
884
1166
  },
885
1167
  "name": "typography-line-height-l",
886
1168
  "attributes": {
@@ -895,11 +1177,11 @@
895
1177
  ]
896
1178
  },
897
1179
  "M": {
898
- "value": "156.3%",
1180
+ "value": "140%",
899
1181
  "filePath": "tokens/typography/base/line-height.json",
900
1182
  "isSource": true,
901
1183
  "original": {
902
- "value": "156.3%"
1184
+ "value": "140%"
903
1185
  },
904
1186
  "name": "typography-line-height-m",
905
1187
  "attributes": {
@@ -914,11 +1196,11 @@
914
1196
  ]
915
1197
  },
916
1198
  "S": {
917
- "value": "125%",
1199
+ "value": "120%",
918
1200
  "filePath": "tokens/typography/base/line-height.json",
919
1201
  "isSource": true,
920
1202
  "original": {
921
- "value": "125%"
1203
+ "value": "120%"
922
1204
  },
923
1205
  "name": "typography-line-height-s",
924
1206
  "attributes": {
@@ -1139,4 +1421,4 @@
1139
1421
  }
1140
1422
  }
1141
1423
  }
1142
- }
1424
+ }