@baseline-ui/tokens 0.48.0 → 0.48.2

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 (6) hide show
  1. package/Acknowledgements.md +421 -179
  2. package/dist/index.d.mts +72 -72
  3. package/dist/index.d.ts +72 -72
  4. package/dist/index.js +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/package.json +3 -3
package/dist/index.d.mts CHANGED
@@ -1252,9 +1252,9 @@ var color$4 = {
1252
1252
  strong: "#000000"
1253
1253
  },
1254
1254
  overlay: {
1255
- subtle: "rgb(100% 100% 100% / 0.25)",
1256
- medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
1257
- interactive: "rgb(0% 0% 0% / 0.25)"
1255
+ subtle: "#ffffff40",
1256
+ medium: "#0e121880",
1257
+ interactive: "#00000040"
1258
1258
  },
1259
1259
  secondary: {
1260
1260
  subtle: "#f0f3f9",
@@ -1282,7 +1282,7 @@ var color$4 = {
1282
1282
  hovered: "#21242c",
1283
1283
  active: "#000000",
1284
1284
  visited: "#4537de",
1285
- disabled: "rgb(0% 0% 0% / 0.5)"
1285
+ disabled: "#00000080"
1286
1286
  }
1287
1287
  },
1288
1288
  icon: {
@@ -1295,7 +1295,7 @@ var color$4 = {
1295
1295
  hovered: "#21242c",
1296
1296
  active: "#000000",
1297
1297
  visited: "#4537de",
1298
- disabled: "rgb(0% 0% 0% / 0.5)"
1298
+ disabled: "#00000080"
1299
1299
  }
1300
1300
  },
1301
1301
  border: {
@@ -1324,85 +1324,85 @@ var typography$4 = {
1324
1324
  heading: {
1325
1325
  h6: {
1326
1326
  regular: {
1327
- font: "400 1rem/1.5 'Bw Gradual'",
1327
+ font: "400 1rem/1.5 Bw Gradual",
1328
1328
  letterSpacing: "0.1px"
1329
1329
  },
1330
1330
  medium: {
1331
- font: "500 1rem/1.5 'Bw Gradual'",
1331
+ font: "500 1rem/1.5 Bw Gradual",
1332
1332
  letterSpacing: "0.1px"
1333
1333
  },
1334
1334
  semibold: {
1335
- font: "700 1rem/1.5 'Bw Gradual'",
1335
+ font: "700 1rem/1.5 Bw Gradual",
1336
1336
  letterSpacing: "0.1px"
1337
1337
  }
1338
1338
  },
1339
1339
  h5: {
1340
1340
  regular: {
1341
- font: "400 1.375rem/1.5 'Bw Gradual'",
1341
+ font: "400 1.375rem/1.5 Bw Gradual",
1342
1342
  letterSpacing: "0.1px"
1343
1343
  },
1344
1344
  medium: {
1345
- font: "500 1.375rem/1.5 'Bw Gradual'",
1345
+ font: "500 1.375rem/1.5 Bw Gradual",
1346
1346
  letterSpacing: "0.1px"
1347
1347
  },
1348
1348
  semibold: {
1349
- font: "700 1.375rem/1.5 'Bw Gradual'",
1349
+ font: "700 1.375rem/1.5 Bw Gradual",
1350
1350
  letterSpacing: "0.1px"
1351
1351
  }
1352
1352
  },
1353
1353
  h4: {
1354
1354
  regular: {
1355
- font: "400 1.5rem/1.25 'Bw Gradual'",
1355
+ font: "400 1.5rem/1.25 Bw Gradual",
1356
1356
  letterSpacing: "0"
1357
1357
  },
1358
1358
  medium: {
1359
- font: "500 1.5rem/1.25 'Bw Gradual'",
1359
+ font: "500 1.5rem/1.25 Bw Gradual",
1360
1360
  letterSpacing: "0"
1361
1361
  },
1362
1362
  semibold: {
1363
- font: "700 1.5rem/1.25 'Bw Gradual'",
1363
+ font: "700 1.5rem/1.25 Bw Gradual",
1364
1364
  letterSpacing: "0"
1365
1365
  }
1366
1366
  },
1367
1367
  h3: {
1368
1368
  regular: {
1369
- font: "400 1.75rem/1.25 'Bw Gradual'",
1369
+ font: "400 1.75rem/1.25 Bw Gradual",
1370
1370
  letterSpacing: "0"
1371
1371
  },
1372
1372
  medium: {
1373
- font: "500 1.75rem/1.25 'Bw Gradual'",
1373
+ font: "500 1.75rem/1.25 Bw Gradual",
1374
1374
  letterSpacing: "0"
1375
1375
  },
1376
1376
  semibold: {
1377
- font: "700 1.75rem/1.25 'Bw Gradual'",
1377
+ font: "700 1.75rem/1.25 Bw Gradual",
1378
1378
  letterSpacing: "0"
1379
1379
  }
1380
1380
  },
1381
1381
  h2: {
1382
1382
  regular: {
1383
- font: "400 2.25rem/1.25 'Bw Gradual'",
1383
+ font: "400 2.25rem/1.25 Bw Gradual",
1384
1384
  letterSpacing: "0"
1385
1385
  },
1386
1386
  medium: {
1387
- font: "500 2.25rem/1.25 'Bw Gradual'",
1387
+ font: "500 2.25rem/1.25 Bw Gradual",
1388
1388
  letterSpacing: "0"
1389
1389
  },
1390
1390
  semibold: {
1391
- font: "700 2.25rem/1.25 'Bw Gradual'",
1391
+ font: "700 2.25rem/1.25 Bw Gradual",
1392
1392
  letterSpacing: "0"
1393
1393
  }
1394
1394
  },
1395
1395
  h1: {
1396
1396
  regular: {
1397
- font: "400 3rem/1 'Bw Gradual'",
1397
+ font: "400 3rem/1 Bw Gradual",
1398
1398
  letterSpacing: "0"
1399
1399
  },
1400
1400
  medium: {
1401
- font: "500 3rem/1.25 'Bw Gradual'",
1401
+ font: "500 3rem/1.25 Bw Gradual",
1402
1402
  letterSpacing: "0"
1403
1403
  },
1404
1404
  semibold: {
1405
- font: "700 3rem/1.25 'Bw Gradual'",
1405
+ font: "700 3rem/1.25 Bw Gradual",
1406
1406
  letterSpacing: "0"
1407
1407
  }
1408
1408
  }
@@ -1594,9 +1594,9 @@ var color$3 = {
1594
1594
  strong: "#3d434e"
1595
1595
  },
1596
1596
  overlay: {
1597
- subtle: "rgb(100% 100% 100% / 0.25)",
1598
- medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
1599
- interactive: "rgb(100% 100% 100% / 0.25)"
1597
+ subtle: "#ffffff40",
1598
+ medium: "#0e121880",
1599
+ interactive: "#ffffff40"
1600
1600
  },
1601
1601
  positive: {
1602
1602
  subtle: "#ffffff",
@@ -1619,7 +1619,7 @@ var color$3 = {
1619
1619
  hovered: "#f0f3f9",
1620
1620
  active: "#ffffff",
1621
1621
  visited: "#a8bbf8",
1622
- disabled: "rgb(100% 100% 100% / 0.5)"
1622
+ disabled: "#ffffff80"
1623
1623
  }
1624
1624
  },
1625
1625
  icon: {
@@ -1632,7 +1632,7 @@ var color$3 = {
1632
1632
  hovered: "#f0f3f9",
1633
1633
  active: "#ffffff",
1634
1634
  visited: "#a8bbf8",
1635
- disabled: "rgb(100% 100% 100% / 0.5)"
1635
+ disabled: "#ffffff80"
1636
1636
  }
1637
1637
  },
1638
1638
  border: {
@@ -1661,85 +1661,85 @@ var typography$3 = {
1661
1661
  heading: {
1662
1662
  h6: {
1663
1663
  regular: {
1664
- font: "400 1rem/1.5 'Bw Gradual'",
1664
+ font: "400 1rem/1.5 Bw Gradual",
1665
1665
  letterSpacing: "0.1px"
1666
1666
  },
1667
1667
  medium: {
1668
- font: "500 1rem/1.5 'Bw Gradual'",
1668
+ font: "500 1rem/1.5 Bw Gradual",
1669
1669
  letterSpacing: "0.1px"
1670
1670
  },
1671
1671
  semibold: {
1672
- font: "700 1rem/1.5 'Bw Gradual'",
1672
+ font: "700 1rem/1.5 Bw Gradual",
1673
1673
  letterSpacing: "0.1px"
1674
1674
  }
1675
1675
  },
1676
1676
  h5: {
1677
1677
  regular: {
1678
- font: "400 1.375rem/1.5 'Bw Gradual'",
1678
+ font: "400 1.375rem/1.5 Bw Gradual",
1679
1679
  letterSpacing: "0.1px"
1680
1680
  },
1681
1681
  medium: {
1682
- font: "500 1.375rem/1.5 'Bw Gradual'",
1682
+ font: "500 1.375rem/1.5 Bw Gradual",
1683
1683
  letterSpacing: "0.1px"
1684
1684
  },
1685
1685
  semibold: {
1686
- font: "700 1.375rem/1.5 'Bw Gradual'",
1686
+ font: "700 1.375rem/1.5 Bw Gradual",
1687
1687
  letterSpacing: "0.1px"
1688
1688
  }
1689
1689
  },
1690
1690
  h4: {
1691
1691
  regular: {
1692
- font: "400 1.5rem/1.25 'Bw Gradual'",
1692
+ font: "400 1.5rem/1.25 Bw Gradual",
1693
1693
  letterSpacing: "0"
1694
1694
  },
1695
1695
  medium: {
1696
- font: "500 1.5rem/1.25 'Bw Gradual'",
1696
+ font: "500 1.5rem/1.25 Bw Gradual",
1697
1697
  letterSpacing: "0"
1698
1698
  },
1699
1699
  semibold: {
1700
- font: "700 1.5rem/1.25 'Bw Gradual'",
1700
+ font: "700 1.5rem/1.25 Bw Gradual",
1701
1701
  letterSpacing: "0"
1702
1702
  }
1703
1703
  },
1704
1704
  h3: {
1705
1705
  regular: {
1706
- font: "400 1.75rem/1.25 'Bw Gradual'",
1706
+ font: "400 1.75rem/1.25 Bw Gradual",
1707
1707
  letterSpacing: "0"
1708
1708
  },
1709
1709
  medium: {
1710
- font: "500 1.75rem/1.25 'Bw Gradual'",
1710
+ font: "500 1.75rem/1.25 Bw Gradual",
1711
1711
  letterSpacing: "0"
1712
1712
  },
1713
1713
  semibold: {
1714
- font: "700 1.75rem/1.25 'Bw Gradual'",
1714
+ font: "700 1.75rem/1.25 Bw Gradual",
1715
1715
  letterSpacing: "0"
1716
1716
  }
1717
1717
  },
1718
1718
  h2: {
1719
1719
  regular: {
1720
- font: "400 2.25rem/1.25 'Bw Gradual'",
1720
+ font: "400 2.25rem/1.25 Bw Gradual",
1721
1721
  letterSpacing: "0"
1722
1722
  },
1723
1723
  medium: {
1724
- font: "500 2.25rem/1.25 'Bw Gradual'",
1724
+ font: "500 2.25rem/1.25 Bw Gradual",
1725
1725
  letterSpacing: "0"
1726
1726
  },
1727
1727
  semibold: {
1728
- font: "700 2.25rem/1.25 'Bw Gradual'",
1728
+ font: "700 2.25rem/1.25 Bw Gradual",
1729
1729
  letterSpacing: "0"
1730
1730
  }
1731
1731
  },
1732
1732
  h1: {
1733
1733
  regular: {
1734
- font: "400 3rem/1 'Bw Gradual'",
1734
+ font: "400 3rem/1 Bw Gradual",
1735
1735
  letterSpacing: "0"
1736
1736
  },
1737
1737
  medium: {
1738
- font: "500 3rem/1.25 'Bw Gradual'",
1738
+ font: "500 3rem/1.25 Bw Gradual",
1739
1739
  letterSpacing: "0"
1740
1740
  },
1741
1741
  semibold: {
1742
- font: "700 3rem/1.25 'Bw Gradual'",
1742
+ font: "700 3rem/1.25 Bw Gradual",
1743
1743
  letterSpacing: "0"
1744
1744
  }
1745
1745
  }
@@ -1918,7 +1918,7 @@ var color$2 = {
1918
1918
  hovered: "#bf7fad",
1919
1919
  active: "#de9dcc",
1920
1920
  visited: "#de9dcc",
1921
- disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1921
+ disabled: "#1a141480"
1922
1922
  },
1923
1923
  inverse: {
1924
1924
  subtle: "#6d6965",
@@ -1926,9 +1926,9 @@ var color$2 = {
1926
1926
  strong: "#1a1414"
1927
1927
  },
1928
1928
  overlay: {
1929
- subtle: "rgb(98% 98% 98% / 0.25)",
1930
- medium: "rgb(10.2% 7.84% 7.84% / 0.5)",
1931
- interactive: "rgb(87.1% 61.6% 80% / 0.25)"
1929
+ subtle: "#fafafa40",
1930
+ medium: "#1a141480",
1931
+ interactive: "#de9dcc40"
1932
1932
  },
1933
1933
  secondary: {
1934
1934
  subtle: "#d1d0cc",
@@ -1956,7 +1956,7 @@ var color$2 = {
1956
1956
  hovered: "#4a4646",
1957
1957
  active: "#1a1414",
1958
1958
  visited: "#1a1414",
1959
- disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1959
+ disabled: "#1a141480"
1960
1960
  }
1961
1961
  },
1962
1962
  icon: {
@@ -1969,7 +1969,7 @@ var color$2 = {
1969
1969
  hovered: "#de9dcc",
1970
1970
  active: "#a26190",
1971
1971
  visited: "#824974",
1972
- disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1972
+ disabled: "#1a141480"
1973
1973
  }
1974
1974
  },
1975
1975
  border: {
@@ -1982,7 +1982,7 @@ var color$2 = {
1982
1982
  hovered: "#824974",
1983
1983
  active: "#de9dcc",
1984
1984
  visited: "#de9dcc",
1985
- disabled: "rgb(10.2% 7.84% 7.84% / 0.5)"
1985
+ disabled: "#1a141480"
1986
1986
  },
1987
1987
  positive: {
1988
1988
  interactive: {
@@ -2084,15 +2084,15 @@ var typography$2 = {
2084
2084
  label: {
2085
2085
  sm: {
2086
2086
  regular: {
2087
- font: "400 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2087
+ font: "400 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2088
2088
  letterSpacing: "0.05px"
2089
2089
  },
2090
2090
  medium: {
2091
- font: "500 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2091
+ font: "500 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2092
2092
  letterSpacing: "0.05px"
2093
2093
  },
2094
2094
  semibold: {
2095
- font: "600 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2095
+ font: "600 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2096
2096
  letterSpacing: "0.05px"
2097
2097
  }
2098
2098
  },
@@ -2263,9 +2263,9 @@ var color$1 = {
2263
2263
  strong: "#2b2e36"
2264
2264
  },
2265
2265
  overlay: {
2266
- subtle: "rgb(100% 100% 100% / 0.25)",
2267
- medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
2268
- interactive: "rgb(27.1% 21.6% 87.1% / 0.25)"
2266
+ subtle: "#ffffff40",
2267
+ medium: "#0e121880",
2268
+ interactive: "#4537de40"
2269
2269
  },
2270
2270
  secondary: {
2271
2271
  subtle: "#f0f3f9",
@@ -2293,7 +2293,7 @@ var color$1 = {
2293
2293
  hovered: "#2b1cc1",
2294
2294
  active: "#190d94",
2295
2295
  visited: "#190d94",
2296
- disabled: "rgb(16.9% 18% 21.2% / 0.5)"
2296
+ disabled: "#2b2e3680"
2297
2297
  }
2298
2298
  },
2299
2299
  icon: {
@@ -2306,7 +2306,7 @@ var color$1 = {
2306
2306
  hovered: "#2b1cc1",
2307
2307
  active: "#190d94",
2308
2308
  visited: "#190d94",
2309
- disabled: "rgb(16.9% 18% 21.2% / 0.5)"
2309
+ disabled: "#2b2e3680"
2310
2310
  }
2311
2311
  },
2312
2312
  border: {
@@ -2421,15 +2421,15 @@ var typography$1 = {
2421
2421
  label: {
2422
2422
  sm: {
2423
2423
  regular: {
2424
- font: "400 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2424
+ font: "400 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2425
2425
  letterSpacing: "0.05px"
2426
2426
  },
2427
2427
  medium: {
2428
- font: "500 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2428
+ font: "500 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2429
2429
  letterSpacing: "0.05px"
2430
2430
  },
2431
2431
  semibold: {
2432
- font: "600 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2432
+ font: "600 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2433
2433
  letterSpacing: "0.05px"
2434
2434
  }
2435
2435
  },
@@ -2605,9 +2605,9 @@ var color = {
2605
2605
  strong: "#606671"
2606
2606
  },
2607
2607
  overlay: {
2608
- subtle: "rgb(100% 100% 100% / 0.25)",
2609
- medium: "rgb(5.49% 7.06% 9.41% / 0.5)",
2610
- interactive: "rgb(65.9% 73.3% 97.3% / 0.25)"
2608
+ subtle: "#ffffff40",
2609
+ medium: "#0e121880",
2610
+ interactive: "#a8bbf840"
2611
2611
  },
2612
2612
  positive: {
2613
2613
  subtle: "#f0f3f9",
@@ -2630,7 +2630,7 @@ var color = {
2630
2630
  hovered: "#d3dcff",
2631
2631
  active: "#eff4fb",
2632
2632
  visited: "#eff4fb",
2633
- disabled: "rgb(100% 100% 100% / 0.5)"
2633
+ disabled: "#ffffff80"
2634
2634
  }
2635
2635
  },
2636
2636
  icon: {
@@ -2643,7 +2643,7 @@ var color = {
2643
2643
  hovered: "#d3dcff",
2644
2644
  active: "#eff4fb",
2645
2645
  visited: "#eff4fb",
2646
- disabled: "rgb(100% 100% 100% / 0.5)"
2646
+ disabled: "#ffffff80"
2647
2647
  }
2648
2648
  },
2649
2649
  border: {
@@ -2758,15 +2758,15 @@ var typography = {
2758
2758
  label: {
2759
2759
  sm: {
2760
2760
  regular: {
2761
- font: "400 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2761
+ font: "400 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2762
2762
  letterSpacing: "0.05px"
2763
2763
  },
2764
2764
  medium: {
2765
- font: "500 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2765
+ font: "500 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2766
2766
  letterSpacing: "0.05px"
2767
2767
  },
2768
2768
  semibold: {
2769
- font: "600 0.688rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2769
+ font: "600 0.6875rem/1.25 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif",
2770
2770
  letterSpacing: "0.05px"
2771
2771
  }
2772
2772
  },