@pantheon-systems/pds-design-tokens 0.7.0-dev.5 → 0.7.0-dev.7
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.
- package/build/css/pds-design-tokens-dark-mode.css +2 -0
- package/build/css/pds-design-tokens-light-mode.css +2 -0
- package/build/figma/pds-design-tokens-figma.json +109 -9
- package/build/json/pds-design-tokens-dark-mode.json +50 -0
- package/build/json/pds-design-tokens-light-mode.json +51 -1
- package/build/json/pds-design-tokens.json +4 -4
- package/build/scss/_pds-design-tokens-dark-mode.scss +2 -0
- package/build/scss/_pds-design-tokens-light-mode.scss +2 -0
- package/package.json +1 -1
|
@@ -73,8 +73,10 @@
|
|
|
73
73
|
--pds-color-panel-sunken-border: #121219;
|
|
74
74
|
--pds-color-text-default: #ffffff;
|
|
75
75
|
--pds-color-text-headings: var(--pds-color-text-default);
|
|
76
|
+
--pds-color-text-lead: #858299;
|
|
76
77
|
--pds-color-text-overline: #858299;
|
|
77
78
|
--pds-color-text-paragraph: var(--pds-color-text-default);
|
|
79
|
+
--pds-color-text-quote: #858299;
|
|
78
80
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
79
81
|
--pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
80
82
|
}
|
|
@@ -73,8 +73,10 @@
|
|
|
73
73
|
--pds-color-panel-sunken-border: #f1f1f1;
|
|
74
74
|
--pds-color-text-default: #23232d;
|
|
75
75
|
--pds-color-text-headings: var(--pds-color-text-default);
|
|
76
|
+
--pds-color-text-lead: #71717c;
|
|
76
77
|
--pds-color-text-overline: #71717c;
|
|
77
78
|
--pds-color-text-paragraph: #23232d;
|
|
79
|
+
--pds-color-text-quote: #71717c;
|
|
78
80
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
79
81
|
--pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
80
82
|
}
|
|
@@ -670,7 +670,7 @@
|
|
|
670
670
|
},
|
|
671
671
|
"S": {
|
|
672
672
|
"value": {
|
|
673
|
-
"fontSize": "0.
|
|
673
|
+
"fontSize": "0.875 * 16",
|
|
674
674
|
"fontFamily": "Poppins",
|
|
675
675
|
"fontWeight": 400
|
|
676
676
|
},
|
|
@@ -701,7 +701,7 @@
|
|
|
701
701
|
},
|
|
702
702
|
"XS": {
|
|
703
703
|
"value": {
|
|
704
|
-
"fontSize": "0.
|
|
704
|
+
"fontSize": "0.75 * 16",
|
|
705
705
|
"fontFamily": "Poppins",
|
|
706
706
|
"fontWeight": 400
|
|
707
707
|
},
|
|
@@ -922,7 +922,7 @@
|
|
|
922
922
|
},
|
|
923
923
|
"S": {
|
|
924
924
|
"value": {
|
|
925
|
-
"fontSize": "0.
|
|
925
|
+
"fontSize": "0.875 * 16",
|
|
926
926
|
"fontFamily": "Poppins",
|
|
927
927
|
"fontWeight": 500
|
|
928
928
|
},
|
|
@@ -953,7 +953,7 @@
|
|
|
953
953
|
},
|
|
954
954
|
"XS": {
|
|
955
955
|
"value": {
|
|
956
|
-
"fontSize": "0.
|
|
956
|
+
"fontSize": "0.75 * 16",
|
|
957
957
|
"fontFamily": "Poppins",
|
|
958
958
|
"fontWeight": 500
|
|
959
959
|
},
|
|
@@ -1174,7 +1174,7 @@
|
|
|
1174
1174
|
},
|
|
1175
1175
|
"S": {
|
|
1176
1176
|
"value": {
|
|
1177
|
-
"fontSize": "0.
|
|
1177
|
+
"fontSize": "0.875 * 16",
|
|
1178
1178
|
"fontFamily": "Poppins",
|
|
1179
1179
|
"fontWeight": 600
|
|
1180
1180
|
},
|
|
@@ -1205,7 +1205,7 @@
|
|
|
1205
1205
|
},
|
|
1206
1206
|
"XS": {
|
|
1207
1207
|
"value": {
|
|
1208
|
-
"fontSize": "0.
|
|
1208
|
+
"fontSize": "0.75 * 16",
|
|
1209
1209
|
"fontFamily": "Poppins",
|
|
1210
1210
|
"fontWeight": 600
|
|
1211
1211
|
},
|
|
@@ -1426,7 +1426,7 @@
|
|
|
1426
1426
|
},
|
|
1427
1427
|
"S": {
|
|
1428
1428
|
"value": {
|
|
1429
|
-
"fontSize": "0.
|
|
1429
|
+
"fontSize": "0.875 * 16",
|
|
1430
1430
|
"fontFamily": "Poppins",
|
|
1431
1431
|
"fontWeight": 700
|
|
1432
1432
|
},
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
},
|
|
1458
1458
|
"XS": {
|
|
1459
1459
|
"value": {
|
|
1460
|
-
"fontSize": "0.
|
|
1460
|
+
"fontSize": "0.75 * 16",
|
|
1461
1461
|
"fontFamily": "Poppins",
|
|
1462
1462
|
"fontWeight": 700
|
|
1463
1463
|
},
|
|
@@ -3058,6 +3058,31 @@
|
|
|
3058
3058
|
"headings"
|
|
3059
3059
|
]
|
|
3060
3060
|
},
|
|
3061
|
+
"lead": {
|
|
3062
|
+
"value": "#858299",
|
|
3063
|
+
"public": true,
|
|
3064
|
+
"isReferenceToInternal": true,
|
|
3065
|
+
"filePath": "tokens/color/alias/typography.dark.json",
|
|
3066
|
+
"isSource": true,
|
|
3067
|
+
"original": {
|
|
3068
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
3069
|
+
"public": true,
|
|
3070
|
+
"isReferenceToInternal": true
|
|
3071
|
+
},
|
|
3072
|
+
"name": "color-dark-mode-text-lead",
|
|
3073
|
+
"attributes": {
|
|
3074
|
+
"category": "color",
|
|
3075
|
+
"type": "dark-mode",
|
|
3076
|
+
"item": "text",
|
|
3077
|
+
"subitem": "lead"
|
|
3078
|
+
},
|
|
3079
|
+
"path": [
|
|
3080
|
+
"color",
|
|
3081
|
+
"dark-mode",
|
|
3082
|
+
"text",
|
|
3083
|
+
"lead"
|
|
3084
|
+
]
|
|
3085
|
+
},
|
|
3061
3086
|
"overline": {
|
|
3062
3087
|
"value": "#858299",
|
|
3063
3088
|
"public": true,
|
|
@@ -3082,6 +3107,31 @@
|
|
|
3082
3107
|
"text",
|
|
3083
3108
|
"overline"
|
|
3084
3109
|
]
|
|
3110
|
+
},
|
|
3111
|
+
"quote": {
|
|
3112
|
+
"value": "#858299",
|
|
3113
|
+
"public": true,
|
|
3114
|
+
"isReferenceToInternal": true,
|
|
3115
|
+
"filePath": "tokens/color/alias/typography.dark.json",
|
|
3116
|
+
"isSource": true,
|
|
3117
|
+
"original": {
|
|
3118
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
3119
|
+
"public": true,
|
|
3120
|
+
"isReferenceToInternal": true
|
|
3121
|
+
},
|
|
3122
|
+
"name": "color-dark-mode-text-quote",
|
|
3123
|
+
"attributes": {
|
|
3124
|
+
"category": "color",
|
|
3125
|
+
"type": "dark-mode",
|
|
3126
|
+
"item": "text",
|
|
3127
|
+
"subitem": "quote"
|
|
3128
|
+
},
|
|
3129
|
+
"path": [
|
|
3130
|
+
"color",
|
|
3131
|
+
"dark-mode",
|
|
3132
|
+
"text",
|
|
3133
|
+
"quote"
|
|
3134
|
+
]
|
|
3085
3135
|
}
|
|
3086
3136
|
},
|
|
3087
3137
|
"brand": {
|
|
@@ -6222,7 +6272,7 @@
|
|
|
6222
6272
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
6223
6273
|
"isSource": true,
|
|
6224
6274
|
"original": {
|
|
6225
|
-
"value": "{color.light-mode.
|
|
6275
|
+
"value": "{color.light-mode.text.default}",
|
|
6226
6276
|
"public": true,
|
|
6227
6277
|
"isReferenceToInternal": true
|
|
6228
6278
|
},
|
|
@@ -6263,6 +6313,31 @@
|
|
|
6263
6313
|
"headings"
|
|
6264
6314
|
]
|
|
6265
6315
|
},
|
|
6316
|
+
"lead": {
|
|
6317
|
+
"value": "#71717c",
|
|
6318
|
+
"public": true,
|
|
6319
|
+
"isReferenceToInternal": true,
|
|
6320
|
+
"filePath": "tokens/color/alias/typography.light.json",
|
|
6321
|
+
"isSource": true,
|
|
6322
|
+
"original": {
|
|
6323
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
6324
|
+
"public": true,
|
|
6325
|
+
"isReferenceToInternal": true
|
|
6326
|
+
},
|
|
6327
|
+
"name": "color-light-mode-text-lead",
|
|
6328
|
+
"attributes": {
|
|
6329
|
+
"category": "color",
|
|
6330
|
+
"type": "light-mode",
|
|
6331
|
+
"item": "text",
|
|
6332
|
+
"subitem": "lead"
|
|
6333
|
+
},
|
|
6334
|
+
"path": [
|
|
6335
|
+
"color",
|
|
6336
|
+
"light-mode",
|
|
6337
|
+
"text",
|
|
6338
|
+
"lead"
|
|
6339
|
+
]
|
|
6340
|
+
},
|
|
6266
6341
|
"overline": {
|
|
6267
6342
|
"value": "#71717c",
|
|
6268
6343
|
"public": true,
|
|
@@ -6287,6 +6362,31 @@
|
|
|
6287
6362
|
"text",
|
|
6288
6363
|
"overline"
|
|
6289
6364
|
]
|
|
6365
|
+
},
|
|
6366
|
+
"quote": {
|
|
6367
|
+
"value": "#71717c",
|
|
6368
|
+
"public": true,
|
|
6369
|
+
"isReferenceToInternal": true,
|
|
6370
|
+
"filePath": "tokens/color/alias/typography.light.json",
|
|
6371
|
+
"isSource": true,
|
|
6372
|
+
"original": {
|
|
6373
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
6374
|
+
"public": true,
|
|
6375
|
+
"isReferenceToInternal": true
|
|
6376
|
+
},
|
|
6377
|
+
"name": "color-light-mode-text-quote",
|
|
6378
|
+
"attributes": {
|
|
6379
|
+
"category": "color",
|
|
6380
|
+
"type": "light-mode",
|
|
6381
|
+
"item": "text",
|
|
6382
|
+
"subitem": "quote"
|
|
6383
|
+
},
|
|
6384
|
+
"path": [
|
|
6385
|
+
"color",
|
|
6386
|
+
"light-mode",
|
|
6387
|
+
"text",
|
|
6388
|
+
"quote"
|
|
6389
|
+
]
|
|
6290
6390
|
}
|
|
6291
6391
|
},
|
|
6292
6392
|
"brand": {
|
|
@@ -1568,6 +1568,31 @@
|
|
|
1568
1568
|
"headings"
|
|
1569
1569
|
]
|
|
1570
1570
|
},
|
|
1571
|
+
"lead": {
|
|
1572
|
+
"value": "#858299",
|
|
1573
|
+
"public": true,
|
|
1574
|
+
"isReferenceToInternal": true,
|
|
1575
|
+
"filePath": "tokens/color/alias/typography.dark.json",
|
|
1576
|
+
"isSource": true,
|
|
1577
|
+
"original": {
|
|
1578
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
1579
|
+
"public": true,
|
|
1580
|
+
"isReferenceToInternal": true
|
|
1581
|
+
},
|
|
1582
|
+
"name": "color-dark-mode-text-lead",
|
|
1583
|
+
"attributes": {
|
|
1584
|
+
"category": "color",
|
|
1585
|
+
"type": "dark-mode",
|
|
1586
|
+
"item": "text",
|
|
1587
|
+
"subitem": "lead"
|
|
1588
|
+
},
|
|
1589
|
+
"path": [
|
|
1590
|
+
"color",
|
|
1591
|
+
"dark-mode",
|
|
1592
|
+
"text",
|
|
1593
|
+
"lead"
|
|
1594
|
+
]
|
|
1595
|
+
},
|
|
1571
1596
|
"overline": {
|
|
1572
1597
|
"value": "#858299",
|
|
1573
1598
|
"public": true,
|
|
@@ -1592,6 +1617,31 @@
|
|
|
1592
1617
|
"text",
|
|
1593
1618
|
"overline"
|
|
1594
1619
|
]
|
|
1620
|
+
},
|
|
1621
|
+
"quote": {
|
|
1622
|
+
"value": "#858299",
|
|
1623
|
+
"public": true,
|
|
1624
|
+
"isReferenceToInternal": true,
|
|
1625
|
+
"filePath": "tokens/color/alias/typography.dark.json",
|
|
1626
|
+
"isSource": true,
|
|
1627
|
+
"original": {
|
|
1628
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
1629
|
+
"public": true,
|
|
1630
|
+
"isReferenceToInternal": true
|
|
1631
|
+
},
|
|
1632
|
+
"name": "color-dark-mode-text-quote",
|
|
1633
|
+
"attributes": {
|
|
1634
|
+
"category": "color",
|
|
1635
|
+
"type": "dark-mode",
|
|
1636
|
+
"item": "text",
|
|
1637
|
+
"subitem": "quote"
|
|
1638
|
+
},
|
|
1639
|
+
"path": [
|
|
1640
|
+
"color",
|
|
1641
|
+
"dark-mode",
|
|
1642
|
+
"text",
|
|
1643
|
+
"quote"
|
|
1644
|
+
]
|
|
1595
1645
|
}
|
|
1596
1646
|
},
|
|
1597
1647
|
"brand": {
|
|
@@ -1523,7 +1523,7 @@
|
|
|
1523
1523
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
1524
1524
|
"isSource": true,
|
|
1525
1525
|
"original": {
|
|
1526
|
-
"value": "{color.light-mode.
|
|
1526
|
+
"value": "{color.light-mode.text.default}",
|
|
1527
1527
|
"public": true,
|
|
1528
1528
|
"isReferenceToInternal": true
|
|
1529
1529
|
},
|
|
@@ -1564,6 +1564,31 @@
|
|
|
1564
1564
|
"headings"
|
|
1565
1565
|
]
|
|
1566
1566
|
},
|
|
1567
|
+
"lead": {
|
|
1568
|
+
"value": "#71717c",
|
|
1569
|
+
"public": true,
|
|
1570
|
+
"isReferenceToInternal": true,
|
|
1571
|
+
"filePath": "tokens/color/alias/typography.light.json",
|
|
1572
|
+
"isSource": true,
|
|
1573
|
+
"original": {
|
|
1574
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
1575
|
+
"public": true,
|
|
1576
|
+
"isReferenceToInternal": true
|
|
1577
|
+
},
|
|
1578
|
+
"name": "color-light-mode-text-lead",
|
|
1579
|
+
"attributes": {
|
|
1580
|
+
"category": "color",
|
|
1581
|
+
"type": "light-mode",
|
|
1582
|
+
"item": "text",
|
|
1583
|
+
"subitem": "lead"
|
|
1584
|
+
},
|
|
1585
|
+
"path": [
|
|
1586
|
+
"color",
|
|
1587
|
+
"light-mode",
|
|
1588
|
+
"text",
|
|
1589
|
+
"lead"
|
|
1590
|
+
]
|
|
1591
|
+
},
|
|
1567
1592
|
"overline": {
|
|
1568
1593
|
"value": "#71717c",
|
|
1569
1594
|
"public": true,
|
|
@@ -1588,6 +1613,31 @@
|
|
|
1588
1613
|
"text",
|
|
1589
1614
|
"overline"
|
|
1590
1615
|
]
|
|
1616
|
+
},
|
|
1617
|
+
"quote": {
|
|
1618
|
+
"value": "#71717c",
|
|
1619
|
+
"public": true,
|
|
1620
|
+
"isReferenceToInternal": true,
|
|
1621
|
+
"filePath": "tokens/color/alias/typography.light.json",
|
|
1622
|
+
"isSource": true,
|
|
1623
|
+
"original": {
|
|
1624
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
1625
|
+
"public": true,
|
|
1626
|
+
"isReferenceToInternal": true
|
|
1627
|
+
},
|
|
1628
|
+
"name": "color-light-mode-text-quote",
|
|
1629
|
+
"attributes": {
|
|
1630
|
+
"category": "color",
|
|
1631
|
+
"type": "light-mode",
|
|
1632
|
+
"item": "text",
|
|
1633
|
+
"subitem": "quote"
|
|
1634
|
+
},
|
|
1635
|
+
"path": [
|
|
1636
|
+
"color",
|
|
1637
|
+
"light-mode",
|
|
1638
|
+
"text",
|
|
1639
|
+
"quote"
|
|
1640
|
+
]
|
|
1591
1641
|
}
|
|
1592
1642
|
},
|
|
1593
1643
|
"brand": {
|
|
@@ -1004,13 +1004,13 @@
|
|
|
1004
1004
|
]
|
|
1005
1005
|
},
|
|
1006
1006
|
"S": {
|
|
1007
|
-
"value": "0.
|
|
1007
|
+
"value": "0.875",
|
|
1008
1008
|
"formula": "1.25**-1",
|
|
1009
1009
|
"defaultUnit": "em",
|
|
1010
1010
|
"filePath": "tokens/typography/base/size.json",
|
|
1011
1011
|
"isSource": true,
|
|
1012
1012
|
"original": {
|
|
1013
|
-
"value": "0.
|
|
1013
|
+
"value": "0.875",
|
|
1014
1014
|
"formula": "{typography.scale-ratio}**-1",
|
|
1015
1015
|
"defaultUnit": "em"
|
|
1016
1016
|
},
|
|
@@ -1027,13 +1027,13 @@
|
|
|
1027
1027
|
]
|
|
1028
1028
|
},
|
|
1029
1029
|
"XS": {
|
|
1030
|
-
"value": "0.
|
|
1030
|
+
"value": "0.75",
|
|
1031
1031
|
"formula": "1.25**-2",
|
|
1032
1032
|
"defaultUnit": "em",
|
|
1033
1033
|
"filePath": "tokens/typography/base/size.json",
|
|
1034
1034
|
"isSource": true,
|
|
1035
1035
|
"original": {
|
|
1036
|
-
"value": "0.
|
|
1036
|
+
"value": "0.75",
|
|
1037
1037
|
"formula": "{typography.scale-ratio}**-2",
|
|
1038
1038
|
"defaultUnit": "em"
|
|
1039
1039
|
},
|
|
@@ -71,7 +71,9 @@ $pds-color-panel-sunken-background: #121219;
|
|
|
71
71
|
$pds-color-panel-sunken-border: #121219;
|
|
72
72
|
$pds-color-text-default: #ffffff;
|
|
73
73
|
$pds-color-text-headings: $pds-color-text-default;
|
|
74
|
+
$pds-color-text-lead: #858299;
|
|
74
75
|
$pds-color-text-overline: #858299;
|
|
75
76
|
$pds-color-text-paragraph: $pds-color-text-default;
|
|
77
|
+
$pds-color-text-quote: #858299;
|
|
76
78
|
$pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
77
79
|
$pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
@@ -71,7 +71,9 @@ $pds-color-panel-sunken-background: #f1f1f1;
|
|
|
71
71
|
$pds-color-panel-sunken-border: #f1f1f1;
|
|
72
72
|
$pds-color-text-default: #23232d;
|
|
73
73
|
$pds-color-text-headings: $pds-color-text-default;
|
|
74
|
+
$pds-color-text-lead: #71717c;
|
|
74
75
|
$pds-color-text-overline: #71717c;
|
|
75
76
|
$pds-color-text-paragraph: #23232d;
|
|
77
|
+
$pds-color-text-quote: #71717c;
|
|
76
78
|
$pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
77
79
|
$pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|