@pantheon-systems/pds-design-tokens 1.0.0-dev.113 → 1.0.0-dev.115

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.
@@ -121,6 +121,7 @@
121
121
  --pds-color-foreground-reverse: #ffffff;
122
122
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%);
123
123
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
124
+ --pds-color-gradient-pastel-1: linear-gradient(175deg, rgba(229, 219, 255, 0.36) 15.74%, rgba(217, 217, 217, 0.00) 90.08%);
124
125
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
125
126
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
126
127
  --pds-color-icon-button-background-active: #cfcfd3;
@@ -41,9 +41,9 @@
41
41
  --pds-container-padding-standard-bp-md: 6%;
42
42
  --pds-container-padding-wide-bp-lg: 2%;
43
43
  --pds-container-padding-wide-bp-md: 4%;
44
- --pds-grid-marketing-column-medium-large: 5.125%;
44
+ --pds-grid-marketing-column-medium-large: 4.36875%;
45
45
  --pds-grid-marketing-column-small: 21.34375%;
46
- --pds-grid-marketing-gap-medium-large: 3.5%;
46
+ --pds-grid-marketing-gap-medium-large: 4.325%;
47
47
  --pds-grid-marketing-gap-small: 4.875%;
48
48
  --pds-spacing-2xl: 1.953rem;
49
49
  --pds-spacing-2xs: 0.512rem;
@@ -77,13 +77,16 @@
77
77
  --pds-typography-line-height-m: 140%;
78
78
  --pds-typography-line-height-s: 120%;
79
79
  --pds-typography-line-height-xl: 195%;
80
- --pds-typography-multiplier-medium: 0.88;
81
- --pds-typography-multiplier-small: 0.84;
80
+ --pds-typography-multiplier-medium: 0.78;
81
+ --pds-typography-multiplier-small: 0.625;
82
82
  --pds-typography-size-2xl: 1.728rem;
83
83
  --pds-typography-size-3xl: 2.074rem;
84
84
  --pds-typography-size-4xl: 2.488rem;
85
85
  --pds-typography-size-5xl: 2.986rem;
86
86
  --pds-typography-size-6xl: 3.583rem;
87
+ --pds-typography-size-7xl: 4.3rem;
88
+ --pds-typography-size-8xl: 5.160rem;
89
+ --pds-typography-size-9xl: 6.192rem;
87
90
  --pds-typography-size-l: 1.2rem;
88
91
  --pds-typography-size-m: 1rem;
89
92
  --pds-typography-size-s: 0.833rem;
@@ -1626,6 +1626,99 @@
1626
1626
  },
1627
1627
  "type-scale": {
1628
1628
  "regular": {
1629
+ "9XL": {
1630
+ "value": {
1631
+ "fontSize": "6.192 * 16",
1632
+ "fontFamily": "Poppins",
1633
+ "fontWeight": 400
1634
+ },
1635
+ "type": "typography",
1636
+ "filePath": "tokens-figma/typography/base.json",
1637
+ "isSource": true,
1638
+ "original": {
1639
+ "value": {
1640
+ "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
1641
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1642
+ "fontWeight": "{typography.font-weight.regular}"
1643
+ },
1644
+ "type": "typography"
1645
+ },
1646
+ "name": "text-type-scale-regular-9-xl",
1647
+ "attributes": {
1648
+ "category": "text",
1649
+ "type": "type-scale",
1650
+ "item": "regular",
1651
+ "subitem": "9XL"
1652
+ },
1653
+ "path": [
1654
+ "text",
1655
+ "type-scale",
1656
+ "regular",
1657
+ "9XL"
1658
+ ]
1659
+ },
1660
+ "8XL": {
1661
+ "value": {
1662
+ "fontSize": "5.160 * 16",
1663
+ "fontFamily": "Poppins",
1664
+ "fontWeight": 400
1665
+ },
1666
+ "type": "typography",
1667
+ "filePath": "tokens-figma/typography/base.json",
1668
+ "isSource": true,
1669
+ "original": {
1670
+ "value": {
1671
+ "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
1672
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1673
+ "fontWeight": "{typography.font-weight.regular}"
1674
+ },
1675
+ "type": "typography"
1676
+ },
1677
+ "name": "text-type-scale-regular-8-xl",
1678
+ "attributes": {
1679
+ "category": "text",
1680
+ "type": "type-scale",
1681
+ "item": "regular",
1682
+ "subitem": "8XL"
1683
+ },
1684
+ "path": [
1685
+ "text",
1686
+ "type-scale",
1687
+ "regular",
1688
+ "8XL"
1689
+ ]
1690
+ },
1691
+ "7XL": {
1692
+ "value": {
1693
+ "fontSize": "4.3 * 16",
1694
+ "fontFamily": "Poppins",
1695
+ "fontWeight": 400
1696
+ },
1697
+ "type": "typography",
1698
+ "filePath": "tokens-figma/typography/base.json",
1699
+ "isSource": true,
1700
+ "original": {
1701
+ "value": {
1702
+ "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
1703
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1704
+ "fontWeight": "{typography.font-weight.regular}"
1705
+ },
1706
+ "type": "typography"
1707
+ },
1708
+ "name": "text-type-scale-regular-7-xl",
1709
+ "attributes": {
1710
+ "category": "text",
1711
+ "type": "type-scale",
1712
+ "item": "regular",
1713
+ "subitem": "7XL"
1714
+ },
1715
+ "path": [
1716
+ "text",
1717
+ "type-scale",
1718
+ "regular",
1719
+ "7XL"
1720
+ ]
1721
+ },
1629
1722
  "6XL": {
1630
1723
  "value": {
1631
1724
  "fontSize": "3.583 * 16",
@@ -1940,6 +2033,99 @@
1940
2033
  }
1941
2034
  },
1942
2035
  "semibold": {
2036
+ "9XL": {
2037
+ "value": {
2038
+ "fontSize": "6.192 * 16",
2039
+ "fontFamily": "Poppins",
2040
+ "fontWeight": 600
2041
+ },
2042
+ "type": "typography",
2043
+ "filePath": "tokens-figma/typography/base.json",
2044
+ "isSource": true,
2045
+ "original": {
2046
+ "value": {
2047
+ "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
2048
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2049
+ "fontWeight": "{typography.font-weight.semibold}"
2050
+ },
2051
+ "type": "typography"
2052
+ },
2053
+ "name": "text-type-scale-semibold-9-xl",
2054
+ "attributes": {
2055
+ "category": "text",
2056
+ "type": "type-scale",
2057
+ "item": "semibold",
2058
+ "subitem": "9XL"
2059
+ },
2060
+ "path": [
2061
+ "text",
2062
+ "type-scale",
2063
+ "semibold",
2064
+ "9XL"
2065
+ ]
2066
+ },
2067
+ "8XL": {
2068
+ "value": {
2069
+ "fontSize": "5.160 * 16",
2070
+ "fontFamily": "Poppins",
2071
+ "fontWeight": 600
2072
+ },
2073
+ "type": "typography",
2074
+ "filePath": "tokens-figma/typography/base.json",
2075
+ "isSource": true,
2076
+ "original": {
2077
+ "value": {
2078
+ "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
2079
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2080
+ "fontWeight": "{typography.font-weight.semibold}"
2081
+ },
2082
+ "type": "typography"
2083
+ },
2084
+ "name": "text-type-scale-semibold-8-xl",
2085
+ "attributes": {
2086
+ "category": "text",
2087
+ "type": "type-scale",
2088
+ "item": "semibold",
2089
+ "subitem": "8XL"
2090
+ },
2091
+ "path": [
2092
+ "text",
2093
+ "type-scale",
2094
+ "semibold",
2095
+ "8XL"
2096
+ ]
2097
+ },
2098
+ "7XL": {
2099
+ "value": {
2100
+ "fontSize": "4.3 * 16",
2101
+ "fontFamily": "Poppins",
2102
+ "fontWeight": 600
2103
+ },
2104
+ "type": "typography",
2105
+ "filePath": "tokens-figma/typography/base.json",
2106
+ "isSource": true,
2107
+ "original": {
2108
+ "value": {
2109
+ "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
2110
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2111
+ "fontWeight": "{typography.font-weight.semibold}"
2112
+ },
2113
+ "type": "typography"
2114
+ },
2115
+ "name": "text-type-scale-semibold-7-xl",
2116
+ "attributes": {
2117
+ "category": "text",
2118
+ "type": "type-scale",
2119
+ "item": "semibold",
2120
+ "subitem": "7XL"
2121
+ },
2122
+ "path": [
2123
+ "text",
2124
+ "type-scale",
2125
+ "semibold",
2126
+ "7XL"
2127
+ ]
2128
+ },
1943
2129
  "6XL": {
1944
2130
  "value": {
1945
2131
  "fontSize": "3.583 * 16",
@@ -2254,6 +2440,99 @@
2254
2440
  }
2255
2441
  },
2256
2442
  "bold": {
2443
+ "9XL": {
2444
+ "value": {
2445
+ "fontSize": "6.192 * 16",
2446
+ "fontFamily": "Poppins",
2447
+ "fontWeight": 700
2448
+ },
2449
+ "type": "typography",
2450
+ "filePath": "tokens-figma/typography/base.json",
2451
+ "isSource": true,
2452
+ "original": {
2453
+ "value": {
2454
+ "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
2455
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2456
+ "fontWeight": "{typography.font-weight.bold}"
2457
+ },
2458
+ "type": "typography"
2459
+ },
2460
+ "name": "text-type-scale-bold-9-xl",
2461
+ "attributes": {
2462
+ "category": "text",
2463
+ "type": "type-scale",
2464
+ "item": "bold",
2465
+ "subitem": "9XL"
2466
+ },
2467
+ "path": [
2468
+ "text",
2469
+ "type-scale",
2470
+ "bold",
2471
+ "9XL"
2472
+ ]
2473
+ },
2474
+ "8XL": {
2475
+ "value": {
2476
+ "fontSize": "5.160 * 16",
2477
+ "fontFamily": "Poppins",
2478
+ "fontWeight": 700
2479
+ },
2480
+ "type": "typography",
2481
+ "filePath": "tokens-figma/typography/base.json",
2482
+ "isSource": true,
2483
+ "original": {
2484
+ "value": {
2485
+ "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
2486
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2487
+ "fontWeight": "{typography.font-weight.bold}"
2488
+ },
2489
+ "type": "typography"
2490
+ },
2491
+ "name": "text-type-scale-bold-8-xl",
2492
+ "attributes": {
2493
+ "category": "text",
2494
+ "type": "type-scale",
2495
+ "item": "bold",
2496
+ "subitem": "8XL"
2497
+ },
2498
+ "path": [
2499
+ "text",
2500
+ "type-scale",
2501
+ "bold",
2502
+ "8XL"
2503
+ ]
2504
+ },
2505
+ "7XL": {
2506
+ "value": {
2507
+ "fontSize": "4.3 * 16",
2508
+ "fontFamily": "Poppins",
2509
+ "fontWeight": 700
2510
+ },
2511
+ "type": "typography",
2512
+ "filePath": "tokens-figma/typography/base.json",
2513
+ "isSource": true,
2514
+ "original": {
2515
+ "value": {
2516
+ "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
2517
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2518
+ "fontWeight": "{typography.font-weight.bold}"
2519
+ },
2520
+ "type": "typography"
2521
+ },
2522
+ "name": "text-type-scale-bold-7-xl",
2523
+ "attributes": {
2524
+ "category": "text",
2525
+ "type": "type-scale",
2526
+ "item": "bold",
2527
+ "subitem": "7XL"
2528
+ },
2529
+ "path": [
2530
+ "text",
2531
+ "type-scale",
2532
+ "bold",
2533
+ "7XL"
2534
+ ]
2535
+ },
2257
2536
  "6XL": {
2258
2537
  "value": {
2259
2538
  "fontSize": "3.583 * 16",
@@ -15461,6 +15740,38 @@
15461
15740
  "gradient",
15462
15741
  "midnight"
15463
15742
  ]
15743
+ },
15744
+ "pastel-1": {
15745
+ "value": "linear-gradient(175deg, rgba(229, 219, 255, 0.36) 15.74%, rgba(217, 217, 217, 0.00) 90.08%)",
15746
+ "type": "color",
15747
+ "public": true,
15748
+ "filePath": "tokens/color/base/gradients.light.json",
15749
+ "isSource": true,
15750
+ "original": {
15751
+ "value": {
15752
+ "type": "linear-gradient",
15753
+ "angle": "175deg",
15754
+ "colors": {
15755
+ "1": "rgba(229, 219, 255, 0.36) 15.74%",
15756
+ "2": "rgba(217, 217, 217, 0.00) 90.08%"
15757
+ }
15758
+ },
15759
+ "type": "color",
15760
+ "public": true
15761
+ },
15762
+ "name": "color-light-mode-gradient-pastel-1",
15763
+ "attributes": {
15764
+ "category": "color",
15765
+ "type": "light-mode",
15766
+ "item": "gradient",
15767
+ "subitem": "pastel-1"
15768
+ },
15769
+ "path": [
15770
+ "color",
15771
+ "light-mode",
15772
+ "gradient",
15773
+ "pastel-1"
15774
+ ]
15464
15775
  }
15465
15776
  },
15466
15777
  "interactive": {
@@ -6170,6 +6170,38 @@
6170
6170
  "midnight"
6171
6171
  ]
6172
6172
  },
6173
+ "pastel-1": {
6174
+ "value": "linear-gradient(175deg, rgba(229, 219, 255, 0.36) 15.74%, rgba(217, 217, 217, 0.00) 90.08%)",
6175
+ "type": "color",
6176
+ "public": true,
6177
+ "filePath": "tokens/color/base/gradients.light.json",
6178
+ "isSource": true,
6179
+ "original": {
6180
+ "value": {
6181
+ "type": "linear-gradient",
6182
+ "angle": "175deg",
6183
+ "colors": {
6184
+ "1": "rgba(229, 219, 255, 0.36) 15.74%",
6185
+ "2": "rgba(217, 217, 217, 0.00) 90.08%"
6186
+ }
6187
+ },
6188
+ "type": "color",
6189
+ "public": true
6190
+ },
6191
+ "name": "color-light-mode-gradient-pastel-1",
6192
+ "attributes": {
6193
+ "category": "color",
6194
+ "type": "light-mode",
6195
+ "item": "gradient",
6196
+ "subitem": "pastel-1"
6197
+ },
6198
+ "path": [
6199
+ "color",
6200
+ "light-mode",
6201
+ "gradient",
6202
+ "pastel-1"
6203
+ ]
6204
+ },
6173
6205
  "banner": {
6174
6206
  "info": {
6175
6207
  "background": {
@@ -912,12 +912,12 @@
912
912
  ]
913
913
  },
914
914
  "medium-large": {
915
- "value": "5.125%",
915
+ "value": "4.36875%",
916
916
  "public": true,
917
917
  "filePath": "tokens/grid/base.json",
918
918
  "isSource": true,
919
919
  "original": {
920
- "value": "5.125%",
920
+ "value": "4.36875%",
921
921
  "public": true
922
922
  },
923
923
  "name": "grid-marketing-column-medium-large",
@@ -960,12 +960,12 @@
960
960
  ]
961
961
  },
962
962
  "medium-large": {
963
- "value": "3.5%",
963
+ "value": "4.325%",
964
964
  "public": true,
965
965
  "filePath": "tokens/grid/base.json",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "3.5%",
968
+ "value": "4.325%",
969
969
  "public": true
970
970
  },
971
971
  "name": "grid-marketing-gap-medium-large",
@@ -1792,12 +1792,12 @@
1792
1792
  },
1793
1793
  "multiplier": {
1794
1794
  "small": {
1795
- "value": "0.84",
1795
+ "value": "0.625",
1796
1796
  "public": true,
1797
1797
  "filePath": "tokens/typography/base/multipliers.json",
1798
1798
  "isSource": true,
1799
1799
  "original": {
1800
- "value": "0.84",
1800
+ "value": "0.625",
1801
1801
  "public": true
1802
1802
  },
1803
1803
  "name": "typography-multiplier-small",
@@ -1813,12 +1813,12 @@
1813
1813
  ]
1814
1814
  },
1815
1815
  "medium": {
1816
- "value": "0.88",
1816
+ "value": "0.78",
1817
1817
  "public": true,
1818
1818
  "filePath": "tokens/typography/base/multipliers.json",
1819
1819
  "isSource": true,
1820
1820
  "original": {
1821
- "value": "0.88",
1821
+ "value": "0.78",
1822
1822
  "public": true
1823
1823
  },
1824
1824
  "name": "typography-multiplier-medium",
@@ -1835,6 +1835,75 @@
1835
1835
  }
1836
1836
  },
1837
1837
  "size": {
1838
+ "9XL": {
1839
+ "value": "6.192",
1840
+ "defaultUnit": "rem",
1841
+ "public": true,
1842
+ "filePath": "tokens/typography/base/size.json",
1843
+ "isSource": true,
1844
+ "original": {
1845
+ "value": "6.192",
1846
+ "defaultUnit": "rem",
1847
+ "public": true
1848
+ },
1849
+ "name": "typography-size-9-xl",
1850
+ "attributes": {
1851
+ "category": "typography",
1852
+ "type": "size",
1853
+ "item": "9XL"
1854
+ },
1855
+ "path": [
1856
+ "typography",
1857
+ "size",
1858
+ "9XL"
1859
+ ]
1860
+ },
1861
+ "8XL": {
1862
+ "value": "5.160",
1863
+ "defaultUnit": "rem",
1864
+ "public": true,
1865
+ "filePath": "tokens/typography/base/size.json",
1866
+ "isSource": true,
1867
+ "original": {
1868
+ "value": "5.160",
1869
+ "defaultUnit": "rem",
1870
+ "public": true
1871
+ },
1872
+ "name": "typography-size-8-xl",
1873
+ "attributes": {
1874
+ "category": "typography",
1875
+ "type": "size",
1876
+ "item": "8XL"
1877
+ },
1878
+ "path": [
1879
+ "typography",
1880
+ "size",
1881
+ "8XL"
1882
+ ]
1883
+ },
1884
+ "7XL": {
1885
+ "value": "4.3",
1886
+ "defaultUnit": "rem",
1887
+ "public": true,
1888
+ "filePath": "tokens/typography/base/size.json",
1889
+ "isSource": true,
1890
+ "original": {
1891
+ "value": "4.3",
1892
+ "defaultUnit": "rem",
1893
+ "public": true
1894
+ },
1895
+ "name": "typography-size-7-xl",
1896
+ "attributes": {
1897
+ "category": "typography",
1898
+ "type": "size",
1899
+ "item": "7XL"
1900
+ },
1901
+ "path": [
1902
+ "typography",
1903
+ "size",
1904
+ "7XL"
1905
+ ]
1906
+ },
1838
1907
  "6XL": {
1839
1908
  "value": "3.583",
1840
1909
  "defaultUnit": "rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.113",
3
+ "version": "1.0.0-dev.115",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [