@primer/primitives 8.2.0-rc.d4121ebd → 8.2.0

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 (48) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +20 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +20 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +20 -0
  5. package/dist/css/functional/themes/dark.css +20 -0
  6. package/dist/css/functional/themes/light-colorblind.css +20 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +20 -0
  9. package/dist/css/functional/themes/light.css +20 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +300 -10
  11. package/dist/docs/functional/themes/dark-dimmed.json +300 -10
  12. package/dist/docs/functional/themes/dark-high-contrast.json +300 -10
  13. package/dist/docs/functional/themes/dark-tritanopia.json +300 -10
  14. package/dist/docs/functional/themes/dark.json +300 -10
  15. package/dist/docs/functional/themes/light-colorblind.json +300 -10
  16. package/dist/docs/functional/themes/light-high-contrast.json +300 -10
  17. package/dist/docs/functional/themes/light-tritanopia.json +300 -10
  18. package/dist/docs/functional/themes/light.json +300 -10
  19. package/dist/figma/themes/dark-colorblind.json +160 -0
  20. package/dist/figma/themes/dark-dimmed.json +160 -0
  21. package/dist/figma/themes/dark-high-contrast.json +160 -0
  22. package/dist/figma/themes/dark-tritanopia.json +160 -0
  23. package/dist/figma/themes/dark.json +160 -0
  24. package/dist/figma/themes/light-colorblind.json +160 -0
  25. package/dist/figma/themes/light-high-contrast.json +160 -0
  26. package/dist/figma/themes/light-tritanopia.json +160 -0
  27. package/dist/figma/themes/light.json +160 -0
  28. package/dist/internalCss/dark-colorblind.css +20 -0
  29. package/dist/internalCss/dark-dimmed.css +20 -0
  30. package/dist/internalCss/dark-high-contrast.css +20 -0
  31. package/dist/internalCss/dark-tritanopia.css +20 -0
  32. package/dist/internalCss/dark.css +20 -0
  33. package/dist/internalCss/light-colorblind.css +20 -0
  34. package/dist/internalCss/light-high-contrast.css +20 -0
  35. package/dist/internalCss/light-tritanopia.css +20 -0
  36. package/dist/internalCss/light.css +20 -0
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +300 -10
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +300 -10
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +300 -10
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +300 -10
  41. package/dist/styleLint/functional/themes/dark.json +300 -10
  42. package/dist/styleLint/functional/themes/light-colorblind.json +300 -10
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +300 -10
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +300 -10
  45. package/dist/styleLint/functional/themes/light.json +300 -10
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/data-vis-dark.json5 +220 -80
  48. package/src/tokens/functional/color/light/data-vis-light.json5 +220 -80
@@ -1212,7 +1212,36 @@
1212
1212
  },
1213
1213
  "name": "data-blue-color",
1214
1214
  "attributes": {},
1215
- "path": ["data", "blue", "color"]
1215
+ "path": ["data", "blue", "color", "@"]
1216
+ },
1217
+ "data-blue-color-muted": {
1218
+ "value": "#001a47",
1219
+ "$type": "color",
1220
+ "$extensions": {
1221
+ "org.primer.figma": {
1222
+ "collection": "mode",
1223
+ "mode": "dark",
1224
+ "group": "component",
1225
+ "scopes": ["bgColor"]
1226
+ }
1227
+ },
1228
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1229
+ "isSource": true,
1230
+ "original": {
1231
+ "value": "{base.display.color.blue.0}",
1232
+ "$type": "color",
1233
+ "$extensions": {
1234
+ "org.primer.figma": {
1235
+ "collection": "mode",
1236
+ "mode": "dark",
1237
+ "group": "component",
1238
+ "scopes": ["bgColor"]
1239
+ }
1240
+ }
1241
+ },
1242
+ "name": "data-blue-color-muted",
1243
+ "attributes": {},
1244
+ "path": ["data", "blue", "color", "muted"]
1216
1245
  },
1217
1246
  "data-auburn-color": {
1218
1247
  "value": "#a86f6b",
@@ -1241,7 +1270,36 @@
1241
1270
  },
1242
1271
  "name": "data-auburn-color",
1243
1272
  "attributes": {},
1244
- "path": ["data", "auburn", "color"]
1273
+ "path": ["data", "auburn", "color", "@"]
1274
+ },
1275
+ "data-auburn-color-muted": {
1276
+ "value": "#271817",
1277
+ "$type": "color",
1278
+ "$extensions": {
1279
+ "org.primer.figma": {
1280
+ "collection": "mode",
1281
+ "mode": "dark",
1282
+ "group": "component",
1283
+ "scopes": ["bgColor"]
1284
+ }
1285
+ },
1286
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1287
+ "isSource": true,
1288
+ "original": {
1289
+ "value": "{base.display.color.auburn.0}",
1290
+ "$type": "color",
1291
+ "$extensions": {
1292
+ "org.primer.figma": {
1293
+ "collection": "mode",
1294
+ "mode": "dark",
1295
+ "group": "component",
1296
+ "scopes": ["bgColor"]
1297
+ }
1298
+ }
1299
+ },
1300
+ "name": "data-auburn-color-muted",
1301
+ "attributes": {},
1302
+ "path": ["data", "auburn", "color", "muted"]
1245
1303
  },
1246
1304
  "data-orange-color": {
1247
1305
  "value": "#984b10",
@@ -1270,7 +1328,36 @@
1270
1328
  },
1271
1329
  "name": "data-orange-color",
1272
1330
  "attributes": {},
1273
- "path": ["data", "orange", "color"]
1331
+ "path": ["data", "orange", "color", "@"]
1332
+ },
1333
+ "data-orange-color-muted": {
1334
+ "value": "#311708",
1335
+ "$type": "color",
1336
+ "$extensions": {
1337
+ "org.primer.figma": {
1338
+ "collection": "mode",
1339
+ "mode": "dark",
1340
+ "group": "component",
1341
+ "scopes": ["bgColor"]
1342
+ }
1343
+ },
1344
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1345
+ "isSource": true,
1346
+ "original": {
1347
+ "value": "{base.display.color.orange.0}",
1348
+ "$type": "color",
1349
+ "$extensions": {
1350
+ "org.primer.figma": {
1351
+ "collection": "mode",
1352
+ "mode": "dark",
1353
+ "group": "component",
1354
+ "scopes": ["bgColor"]
1355
+ }
1356
+ }
1357
+ },
1358
+ "name": "data-orange-color-muted",
1359
+ "attributes": {},
1360
+ "path": ["data", "orange", "color", "muted"]
1274
1361
  },
1275
1362
  "data-yellow-color": {
1276
1363
  "value": "#895906",
@@ -1299,7 +1386,36 @@
1299
1386
  },
1300
1387
  "name": "data-yellow-color",
1301
1388
  "attributes": {},
1302
- "path": ["data", "yellow", "color"]
1389
+ "path": ["data", "yellow", "color", "@"]
1390
+ },
1391
+ "data-yellow-color-muted": {
1392
+ "value": "#2e1a00",
1393
+ "$type": "color",
1394
+ "$extensions": {
1395
+ "org.primer.figma": {
1396
+ "collection": "mode",
1397
+ "mode": "dark",
1398
+ "group": "component",
1399
+ "scopes": ["bgColor"]
1400
+ }
1401
+ },
1402
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1403
+ "isSource": true,
1404
+ "original": {
1405
+ "value": "{base.display.color.yellow.0}",
1406
+ "$type": "color",
1407
+ "$extensions": {
1408
+ "org.primer.figma": {
1409
+ "collection": "mode",
1410
+ "mode": "dark",
1411
+ "group": "component",
1412
+ "scopes": ["bgColor"]
1413
+ }
1414
+ }
1415
+ },
1416
+ "name": "data-yellow-color-muted",
1417
+ "attributes": {},
1418
+ "path": ["data", "yellow", "color", "muted"]
1303
1419
  },
1304
1420
  "data-green-color": {
1305
1421
  "value": "#2f6f37",
@@ -1328,7 +1444,36 @@
1328
1444
  },
1329
1445
  "name": "data-green-color",
1330
1446
  "attributes": {},
1331
- "path": ["data", "green", "color"]
1447
+ "path": ["data", "green", "color", "@"]
1448
+ },
1449
+ "data-green-color-muted": {
1450
+ "value": "#122117",
1451
+ "$type": "color",
1452
+ "$extensions": {
1453
+ "org.primer.figma": {
1454
+ "collection": "mode",
1455
+ "mode": "dark",
1456
+ "group": "component",
1457
+ "scopes": ["bgColor"]
1458
+ }
1459
+ },
1460
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1461
+ "isSource": true,
1462
+ "original": {
1463
+ "value": "{base.display.color.green.0}",
1464
+ "$type": "color",
1465
+ "$extensions": {
1466
+ "org.primer.figma": {
1467
+ "collection": "mode",
1468
+ "mode": "dark",
1469
+ "group": "component",
1470
+ "scopes": ["bgColor"]
1471
+ }
1472
+ }
1473
+ },
1474
+ "name": "data-green-color-muted",
1475
+ "attributes": {},
1476
+ "path": ["data", "green", "color", "muted"]
1332
1477
  },
1333
1478
  "data-teal-color": {
1334
1479
  "value": "#106c70",
@@ -1357,7 +1502,36 @@
1357
1502
  },
1358
1503
  "name": "data-teal-color",
1359
1504
  "attributes": {},
1360
- "path": ["data", "teal", "color"]
1505
+ "path": ["data", "teal", "color", "@"]
1506
+ },
1507
+ "data-teal-color-muted": {
1508
+ "value": "#041f25",
1509
+ "$type": "color",
1510
+ "$extensions": {
1511
+ "org.primer.figma": {
1512
+ "collection": "mode",
1513
+ "mode": "dark",
1514
+ "group": "component",
1515
+ "scopes": ["bgColor"]
1516
+ }
1517
+ },
1518
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1519
+ "isSource": true,
1520
+ "original": {
1521
+ "value": "{base.display.color.teal.0}",
1522
+ "$type": "color",
1523
+ "$extensions": {
1524
+ "org.primer.figma": {
1525
+ "collection": "mode",
1526
+ "mode": "dark",
1527
+ "group": "component",
1528
+ "scopes": ["bgColor"]
1529
+ }
1530
+ }
1531
+ },
1532
+ "name": "data-teal-color-muted",
1533
+ "attributes": {},
1534
+ "path": ["data", "teal", "color", "muted"]
1361
1535
  },
1362
1536
  "data-purple-color": {
1363
1537
  "value": "#975bf1",
@@ -1386,7 +1560,36 @@
1386
1560
  },
1387
1561
  "name": "data-purple-color",
1388
1562
  "attributes": {},
1389
- "path": ["data", "purple", "color"]
1563
+ "path": ["data", "purple", "color", "@"]
1564
+ },
1565
+ "data-purple-color-muted": {
1566
+ "value": "#211047",
1567
+ "$type": "color",
1568
+ "$extensions": {
1569
+ "org.primer.figma": {
1570
+ "collection": "mode",
1571
+ "mode": "dark",
1572
+ "group": "component",
1573
+ "scopes": ["bgColor"]
1574
+ }
1575
+ },
1576
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1577
+ "isSource": true,
1578
+ "original": {
1579
+ "value": "{base.display.color.purple.0}",
1580
+ "$type": "color",
1581
+ "$extensions": {
1582
+ "org.primer.figma": {
1583
+ "collection": "mode",
1584
+ "mode": "dark",
1585
+ "group": "component",
1586
+ "scopes": ["bgColor"]
1587
+ }
1588
+ }
1589
+ },
1590
+ "name": "data-purple-color-muted",
1591
+ "attributes": {},
1592
+ "path": ["data", "purple", "color", "muted"]
1390
1593
  },
1391
1594
  "data-pink-color": {
1392
1595
  "value": "#d34591",
@@ -1415,7 +1618,36 @@
1415
1618
  },
1416
1619
  "name": "data-pink-color",
1417
1620
  "attributes": {},
1418
- "path": ["data", "pink", "color"]
1621
+ "path": ["data", "pink", "color", "@"]
1622
+ },
1623
+ "data-pink-color-muted": {
1624
+ "value": "#2d1524",
1625
+ "$type": "color",
1626
+ "$extensions": {
1627
+ "org.primer.figma": {
1628
+ "collection": "mode",
1629
+ "mode": "dark",
1630
+ "group": "component",
1631
+ "scopes": ["bgColor"]
1632
+ }
1633
+ },
1634
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1635
+ "isSource": true,
1636
+ "original": {
1637
+ "value": "{base.display.color.pink.0}",
1638
+ "$type": "color",
1639
+ "$extensions": {
1640
+ "org.primer.figma": {
1641
+ "collection": "mode",
1642
+ "mode": "dark",
1643
+ "group": "component",
1644
+ "scopes": ["bgColor"]
1645
+ }
1646
+ }
1647
+ },
1648
+ "name": "data-pink-color-muted",
1649
+ "attributes": {},
1650
+ "path": ["data", "pink", "color", "muted"]
1419
1651
  },
1420
1652
  "data-red-color": {
1421
1653
  "value": "#eb3342",
@@ -1444,7 +1676,36 @@
1444
1676
  },
1445
1677
  "name": "data-red-color",
1446
1678
  "attributes": {},
1447
- "path": ["data", "red", "color"]
1679
+ "path": ["data", "red", "color", "@"]
1680
+ },
1681
+ "data-red-color-muted": {
1682
+ "value": "#3c0614",
1683
+ "$type": "color",
1684
+ "$extensions": {
1685
+ "org.primer.figma": {
1686
+ "collection": "mode",
1687
+ "mode": "dark",
1688
+ "group": "component",
1689
+ "scopes": ["bgColor"]
1690
+ }
1691
+ },
1692
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1693
+ "isSource": true,
1694
+ "original": {
1695
+ "value": "{base.display.color.red.0}",
1696
+ "$type": "color",
1697
+ "$extensions": {
1698
+ "org.primer.figma": {
1699
+ "collection": "mode",
1700
+ "mode": "dark",
1701
+ "group": "component",
1702
+ "scopes": ["bgColor"]
1703
+ }
1704
+ }
1705
+ },
1706
+ "name": "data-red-color-muted",
1707
+ "attributes": {},
1708
+ "path": ["data", "red", "color", "muted"]
1448
1709
  },
1449
1710
  "data-gray-color": {
1450
1711
  "value": "#576270",
@@ -1473,7 +1734,36 @@
1473
1734
  },
1474
1735
  "name": "data-gray-color",
1475
1736
  "attributes": {},
1476
- "path": ["data", "gray", "color"]
1737
+ "path": ["data", "gray", "color", "@"]
1738
+ },
1739
+ "data-gray-color-muted": {
1740
+ "value": "#1c1c1c",
1741
+ "$type": "color",
1742
+ "$extensions": {
1743
+ "org.primer.figma": {
1744
+ "collection": "mode",
1745
+ "mode": "dark",
1746
+ "group": "component",
1747
+ "scopes": ["bgColor"]
1748
+ }
1749
+ },
1750
+ "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
1751
+ "isSource": true,
1752
+ "original": {
1753
+ "value": "{base.display.color.gray.0}",
1754
+ "$type": "color",
1755
+ "$extensions": {
1756
+ "org.primer.figma": {
1757
+ "collection": "mode",
1758
+ "mode": "dark",
1759
+ "group": "component",
1760
+ "scopes": ["bgColor"]
1761
+ }
1762
+ }
1763
+ },
1764
+ "name": "data-gray-color-muted",
1765
+ "attributes": {},
1766
+ "path": ["data", "gray", "color", "muted"]
1477
1767
  },
1478
1768
  "display-blue-bgColor-muted": {
1479
1769
  "value": "#001a47",