@pantheon-systems/pds-design-tokens 1.0.0-dev.79 → 1.0.0-dev.80
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 +1 -0
- package/build/css/pds-design-tokens-light-mode.css +1 -0
- package/build/css/pds-design-tokens.css +8 -0
- package/build/figma/pds-design-tokens-figma.json +56 -6
- package/build/json/pds-design-tokens-dark-mode.json +25 -0
- package/build/json/pds-design-tokens-light-mode.json +25 -0
- package/build/json/pds-design-tokens.json +26 -29
- package/package.json +1 -1
|
@@ -68,4 +68,12 @@
|
|
|
68
68
|
--pds-typography-line-height-xl: 195%;
|
|
69
69
|
--pds-typography-multiplier-medium: 0.85;
|
|
70
70
|
--pds-typography-multiplier-small: 0.75;
|
|
71
|
+
--pds-typography-size-2xl: 1.728rem;
|
|
72
|
+
--pds-typography-size-3xl: 2.074rem;
|
|
73
|
+
--pds-typography-size-4xl: 3.052rem;
|
|
74
|
+
--pds-typography-size-l: 1.2rem;
|
|
75
|
+
--pds-typography-size-m: 1rem;
|
|
76
|
+
--pds-typography-size-s: 0.875rem;
|
|
77
|
+
--pds-typography-size-xl: 1.44rem;
|
|
78
|
+
--pds-typography-size-xs: 0.75rem;
|
|
71
79
|
}
|
|
@@ -529,7 +529,7 @@
|
|
|
529
529
|
},
|
|
530
530
|
"quote-large": {
|
|
531
531
|
"value": {
|
|
532
|
-
"fontSize": "
|
|
532
|
+
"fontSize": "3.052 * 16",
|
|
533
533
|
"fontFamily": "Aleo",
|
|
534
534
|
"fontWeight": "Italic",
|
|
535
535
|
"letterSpacing": "0.01 * 100%",
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
"headings": {
|
|
670
670
|
"h1": {
|
|
671
671
|
"value": {
|
|
672
|
-
"fontSize": "
|
|
672
|
+
"fontSize": "3.052 * 16",
|
|
673
673
|
"fontWeight": 700,
|
|
674
674
|
"fontFamily": "Poppins",
|
|
675
675
|
"lineHeight": "120%"
|
|
@@ -1091,7 +1091,7 @@
|
|
|
1091
1091
|
"regular": {
|
|
1092
1092
|
"4XL": {
|
|
1093
1093
|
"value": {
|
|
1094
|
-
"fontSize": "
|
|
1094
|
+
"fontSize": "3.052 * 16",
|
|
1095
1095
|
"fontFamily": "Poppins",
|
|
1096
1096
|
"fontWeight": 400
|
|
1097
1097
|
},
|
|
@@ -1343,7 +1343,7 @@
|
|
|
1343
1343
|
"medium": {
|
|
1344
1344
|
"4XL": {
|
|
1345
1345
|
"value": {
|
|
1346
|
-
"fontSize": "
|
|
1346
|
+
"fontSize": "3.052 * 16",
|
|
1347
1347
|
"fontFamily": "Poppins",
|
|
1348
1348
|
"fontWeight": 500
|
|
1349
1349
|
},
|
|
@@ -1595,7 +1595,7 @@
|
|
|
1595
1595
|
"semibold": {
|
|
1596
1596
|
"4XL": {
|
|
1597
1597
|
"value": {
|
|
1598
|
-
"fontSize": "
|
|
1598
|
+
"fontSize": "3.052 * 16",
|
|
1599
1599
|
"fontFamily": "Poppins",
|
|
1600
1600
|
"fontWeight": 600
|
|
1601
1601
|
},
|
|
@@ -1847,7 +1847,7 @@
|
|
|
1847
1847
|
"bold": {
|
|
1848
1848
|
"4XL": {
|
|
1849
1849
|
"value": {
|
|
1850
|
-
"fontSize": "
|
|
1850
|
+
"fontSize": "3.052 * 16",
|
|
1851
1851
|
"fontFamily": "Poppins",
|
|
1852
1852
|
"fontWeight": 700
|
|
1853
1853
|
},
|
|
@@ -4525,6 +4525,31 @@
|
|
|
4525
4525
|
"background",
|
|
4526
4526
|
"reverse"
|
|
4527
4527
|
]
|
|
4528
|
+
},
|
|
4529
|
+
"brand-secondary": {
|
|
4530
|
+
"value": "#4e39a8",
|
|
4531
|
+
"public": true,
|
|
4532
|
+
"isReferenceToInternal": true,
|
|
4533
|
+
"filePath": "tokens/color/alias/defaults.dark.json",
|
|
4534
|
+
"isSource": true,
|
|
4535
|
+
"original": {
|
|
4536
|
+
"value": "{color.dark-mode.brand.secondary.500.value}",
|
|
4537
|
+
"public": true,
|
|
4538
|
+
"isReferenceToInternal": true
|
|
4539
|
+
},
|
|
4540
|
+
"name": "color-dark-mode-background-brand-secondary",
|
|
4541
|
+
"attributes": {
|
|
4542
|
+
"category": "color",
|
|
4543
|
+
"type": "dark-mode",
|
|
4544
|
+
"item": "background",
|
|
4545
|
+
"subitem": "brand-secondary"
|
|
4546
|
+
},
|
|
4547
|
+
"path": [
|
|
4548
|
+
"color",
|
|
4549
|
+
"dark-mode",
|
|
4550
|
+
"background",
|
|
4551
|
+
"brand-secondary"
|
|
4552
|
+
]
|
|
4528
4553
|
}
|
|
4529
4554
|
},
|
|
4530
4555
|
"border": {
|
|
@@ -10246,6 +10271,31 @@
|
|
|
10246
10271
|
"background",
|
|
10247
10272
|
"reverse"
|
|
10248
10273
|
]
|
|
10274
|
+
},
|
|
10275
|
+
"brand-secondary": {
|
|
10276
|
+
"value": "#e5dbff",
|
|
10277
|
+
"public": true,
|
|
10278
|
+
"isReferenceToInternal": true,
|
|
10279
|
+
"filePath": "tokens/color/alias/defaults.light.json",
|
|
10280
|
+
"isSource": true,
|
|
10281
|
+
"original": {
|
|
10282
|
+
"value": "{color.light-mode.brand.secondary.200.value}",
|
|
10283
|
+
"public": true,
|
|
10284
|
+
"isReferenceToInternal": true
|
|
10285
|
+
},
|
|
10286
|
+
"name": "color-light-mode-background-brand-secondary",
|
|
10287
|
+
"attributes": {
|
|
10288
|
+
"category": "color",
|
|
10289
|
+
"type": "light-mode",
|
|
10290
|
+
"item": "background",
|
|
10291
|
+
"subitem": "brand-secondary"
|
|
10292
|
+
},
|
|
10293
|
+
"path": [
|
|
10294
|
+
"color",
|
|
10295
|
+
"light-mode",
|
|
10296
|
+
"background",
|
|
10297
|
+
"brand-secondary"
|
|
10298
|
+
]
|
|
10249
10299
|
}
|
|
10250
10300
|
},
|
|
10251
10301
|
"border": {
|
|
@@ -2426,6 +2426,31 @@
|
|
|
2426
2426
|
"background",
|
|
2427
2427
|
"reverse"
|
|
2428
2428
|
]
|
|
2429
|
+
},
|
|
2430
|
+
"brand-secondary": {
|
|
2431
|
+
"value": "#4e39a8",
|
|
2432
|
+
"public": true,
|
|
2433
|
+
"isReferenceToInternal": true,
|
|
2434
|
+
"filePath": "tokens/color/alias/defaults.dark.json",
|
|
2435
|
+
"isSource": true,
|
|
2436
|
+
"original": {
|
|
2437
|
+
"value": "{color.dark-mode.brand.secondary.500.value}",
|
|
2438
|
+
"public": true,
|
|
2439
|
+
"isReferenceToInternal": true
|
|
2440
|
+
},
|
|
2441
|
+
"name": "color-dark-mode-background-brand-secondary",
|
|
2442
|
+
"attributes": {
|
|
2443
|
+
"category": "color",
|
|
2444
|
+
"type": "dark-mode",
|
|
2445
|
+
"item": "background",
|
|
2446
|
+
"subitem": "brand-secondary"
|
|
2447
|
+
},
|
|
2448
|
+
"path": [
|
|
2449
|
+
"color",
|
|
2450
|
+
"dark-mode",
|
|
2451
|
+
"background",
|
|
2452
|
+
"brand-secondary"
|
|
2453
|
+
]
|
|
2429
2454
|
}
|
|
2430
2455
|
},
|
|
2431
2456
|
"border": {
|
|
@@ -2418,6 +2418,31 @@
|
|
|
2418
2418
|
"background",
|
|
2419
2419
|
"reverse"
|
|
2420
2420
|
]
|
|
2421
|
+
},
|
|
2422
|
+
"brand-secondary": {
|
|
2423
|
+
"value": "#e5dbff",
|
|
2424
|
+
"public": true,
|
|
2425
|
+
"isReferenceToInternal": true,
|
|
2426
|
+
"filePath": "tokens/color/alias/defaults.light.json",
|
|
2427
|
+
"isSource": true,
|
|
2428
|
+
"original": {
|
|
2429
|
+
"value": "{color.light-mode.brand.secondary.200.value}",
|
|
2430
|
+
"public": true,
|
|
2431
|
+
"isReferenceToInternal": true
|
|
2432
|
+
},
|
|
2433
|
+
"name": "color-light-mode-background-brand-secondary",
|
|
2434
|
+
"attributes": {
|
|
2435
|
+
"category": "color",
|
|
2436
|
+
"type": "light-mode",
|
|
2437
|
+
"item": "background",
|
|
2438
|
+
"subitem": "brand-secondary"
|
|
2439
|
+
},
|
|
2440
|
+
"path": [
|
|
2441
|
+
"color",
|
|
2442
|
+
"light-mode",
|
|
2443
|
+
"background",
|
|
2444
|
+
"brand-secondary"
|
|
2445
|
+
]
|
|
2421
2446
|
}
|
|
2422
2447
|
},
|
|
2423
2448
|
"border": {
|
|
@@ -1506,34 +1506,17 @@
|
|
|
1506
1506
|
]
|
|
1507
1507
|
}
|
|
1508
1508
|
},
|
|
1509
|
-
"scale-ratio": {
|
|
1510
|
-
"value": "1.2",
|
|
1511
|
-
"comment": "The base ratio/multiplier of the typographic scale.",
|
|
1512
|
-
"filePath": "tokens/typography/base/size.json",
|
|
1513
|
-
"isSource": true,
|
|
1514
|
-
"original": {
|
|
1515
|
-
"value": "1.2",
|
|
1516
|
-
"comment": "The base ratio/multiplier of the typographic scale."
|
|
1517
|
-
},
|
|
1518
|
-
"name": "typography-scale-ratio",
|
|
1519
|
-
"attributes": {
|
|
1520
|
-
"category": "typography",
|
|
1521
|
-
"type": "scale-ratio"
|
|
1522
|
-
},
|
|
1523
|
-
"path": [
|
|
1524
|
-
"typography",
|
|
1525
|
-
"scale-ratio"
|
|
1526
|
-
]
|
|
1527
|
-
},
|
|
1528
1509
|
"size": {
|
|
1529
1510
|
"4XL": {
|
|
1530
|
-
"value": "
|
|
1511
|
+
"value": "3.052",
|
|
1531
1512
|
"defaultUnit": "rem",
|
|
1513
|
+
"public": true,
|
|
1532
1514
|
"filePath": "tokens/typography/base/size.json",
|
|
1533
1515
|
"isSource": true,
|
|
1534
1516
|
"original": {
|
|
1535
|
-
"value": "
|
|
1536
|
-
"defaultUnit": "rem"
|
|
1517
|
+
"value": "3.052",
|
|
1518
|
+
"defaultUnit": "rem",
|
|
1519
|
+
"public": true
|
|
1537
1520
|
},
|
|
1538
1521
|
"name": "typography-size-4-xl",
|
|
1539
1522
|
"attributes": {
|
|
@@ -1550,11 +1533,13 @@
|
|
|
1550
1533
|
"3XL": {
|
|
1551
1534
|
"value": "2.074",
|
|
1552
1535
|
"defaultUnit": "rem",
|
|
1536
|
+
"public": true,
|
|
1553
1537
|
"filePath": "tokens/typography/base/size.json",
|
|
1554
1538
|
"isSource": true,
|
|
1555
1539
|
"original": {
|
|
1556
1540
|
"value": "2.074",
|
|
1557
|
-
"defaultUnit": "rem"
|
|
1541
|
+
"defaultUnit": "rem",
|
|
1542
|
+
"public": true
|
|
1558
1543
|
},
|
|
1559
1544
|
"name": "typography-size-3-xl",
|
|
1560
1545
|
"attributes": {
|
|
@@ -1571,11 +1556,13 @@
|
|
|
1571
1556
|
"2XL": {
|
|
1572
1557
|
"value": "1.728",
|
|
1573
1558
|
"defaultUnit": "rem",
|
|
1559
|
+
"public": true,
|
|
1574
1560
|
"filePath": "tokens/typography/base/size.json",
|
|
1575
1561
|
"isSource": true,
|
|
1576
1562
|
"original": {
|
|
1577
1563
|
"value": "1.728",
|
|
1578
|
-
"defaultUnit": "rem"
|
|
1564
|
+
"defaultUnit": "rem",
|
|
1565
|
+
"public": true
|
|
1579
1566
|
},
|
|
1580
1567
|
"name": "typography-size-2-xl",
|
|
1581
1568
|
"attributes": {
|
|
@@ -1592,11 +1579,13 @@
|
|
|
1592
1579
|
"XL": {
|
|
1593
1580
|
"value": "1.44",
|
|
1594
1581
|
"defaultUnit": "rem",
|
|
1582
|
+
"public": true,
|
|
1595
1583
|
"filePath": "tokens/typography/base/size.json",
|
|
1596
1584
|
"isSource": true,
|
|
1597
1585
|
"original": {
|
|
1598
1586
|
"value": "1.44",
|
|
1599
|
-
"defaultUnit": "rem"
|
|
1587
|
+
"defaultUnit": "rem",
|
|
1588
|
+
"public": true
|
|
1600
1589
|
},
|
|
1601
1590
|
"name": "typography-size-xl",
|
|
1602
1591
|
"attributes": {
|
|
@@ -1613,11 +1602,13 @@
|
|
|
1613
1602
|
"L": {
|
|
1614
1603
|
"value": "1.2",
|
|
1615
1604
|
"defaultUnit": "rem",
|
|
1605
|
+
"public": true,
|
|
1616
1606
|
"filePath": "tokens/typography/base/size.json",
|
|
1617
1607
|
"isSource": true,
|
|
1618
1608
|
"original": {
|
|
1619
1609
|
"value": "1.2",
|
|
1620
|
-
"defaultUnit": "rem"
|
|
1610
|
+
"defaultUnit": "rem",
|
|
1611
|
+
"public": true
|
|
1621
1612
|
},
|
|
1622
1613
|
"name": "typography-size-l",
|
|
1623
1614
|
"attributes": {
|
|
@@ -1635,12 +1626,14 @@
|
|
|
1635
1626
|
"value": "1",
|
|
1636
1627
|
"comment": "Base value.",
|
|
1637
1628
|
"defaultUnit": "rem",
|
|
1629
|
+
"public": true,
|
|
1638
1630
|
"filePath": "tokens/typography/base/size.json",
|
|
1639
1631
|
"isSource": true,
|
|
1640
1632
|
"original": {
|
|
1641
1633
|
"value": "1",
|
|
1642
1634
|
"comment": "Base value.",
|
|
1643
|
-
"defaultUnit": "rem"
|
|
1635
|
+
"defaultUnit": "rem",
|
|
1636
|
+
"public": true
|
|
1644
1637
|
},
|
|
1645
1638
|
"name": "typography-size-m",
|
|
1646
1639
|
"attributes": {
|
|
@@ -1657,11 +1650,13 @@
|
|
|
1657
1650
|
"S": {
|
|
1658
1651
|
"value": "0.875",
|
|
1659
1652
|
"defaultUnit": "rem",
|
|
1653
|
+
"public": true,
|
|
1660
1654
|
"filePath": "tokens/typography/base/size.json",
|
|
1661
1655
|
"isSource": true,
|
|
1662
1656
|
"original": {
|
|
1663
1657
|
"value": "0.875",
|
|
1664
|
-
"defaultUnit": "rem"
|
|
1658
|
+
"defaultUnit": "rem",
|
|
1659
|
+
"public": true
|
|
1665
1660
|
},
|
|
1666
1661
|
"name": "typography-size-s",
|
|
1667
1662
|
"attributes": {
|
|
@@ -1678,11 +1673,13 @@
|
|
|
1678
1673
|
"XS": {
|
|
1679
1674
|
"value": "0.75",
|
|
1680
1675
|
"defaultUnit": "rem",
|
|
1676
|
+
"public": true,
|
|
1681
1677
|
"filePath": "tokens/typography/base/size.json",
|
|
1682
1678
|
"isSource": true,
|
|
1683
1679
|
"original": {
|
|
1684
1680
|
"value": "0.75",
|
|
1685
|
-
"defaultUnit": "rem"
|
|
1681
|
+
"defaultUnit": "rem",
|
|
1682
|
+
"public": true
|
|
1686
1683
|
},
|
|
1687
1684
|
"name": "typography-size-xs",
|
|
1688
1685
|
"attributes": {
|