@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
@@ -1200,7 +1200,36 @@
1200
1200
  },
1201
1201
  "name": "data-blue-color",
1202
1202
  "attributes": {},
1203
- "path": ["data", "blue", "color"]
1203
+ "path": ["data", "blue", "color", "@"]
1204
+ },
1205
+ "data-blue-color-muted": {
1206
+ "value": "#d1f0ff",
1207
+ "$type": "color",
1208
+ "$extensions": {
1209
+ "org.primer.figma": {
1210
+ "collection": "mode",
1211
+ "mode": "dark",
1212
+ "group": "component",
1213
+ "scopes": ["bgColor"]
1214
+ }
1215
+ },
1216
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1217
+ "isSource": true,
1218
+ "original": {
1219
+ "value": "{base.display.color.blue.0}",
1220
+ "$type": "color",
1221
+ "$extensions": {
1222
+ "org.primer.figma": {
1223
+ "collection": "mode",
1224
+ "mode": "dark",
1225
+ "group": "component",
1226
+ "scopes": ["bgColor"]
1227
+ }
1228
+ }
1229
+ },
1230
+ "name": "data-blue-color-muted",
1231
+ "attributes": {},
1232
+ "path": ["data", "blue", "color", "muted"]
1204
1233
  },
1205
1234
  "data-auburn-color": {
1206
1235
  "value": "#9d615c",
@@ -1229,7 +1258,36 @@
1229
1258
  },
1230
1259
  "name": "data-auburn-color",
1231
1260
  "attributes": {},
1232
- "path": ["data", "auburn", "color"]
1261
+ "path": ["data", "auburn", "color", "@"]
1262
+ },
1263
+ "data-auburn-color-muted": {
1264
+ "value": "#f2e9e9",
1265
+ "$type": "color",
1266
+ "$extensions": {
1267
+ "org.primer.figma": {
1268
+ "collection": "mode",
1269
+ "mode": "dark",
1270
+ "group": "component",
1271
+ "scopes": ["bgColor"]
1272
+ }
1273
+ },
1274
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1275
+ "isSource": true,
1276
+ "original": {
1277
+ "value": "{base.display.color.auburn.0}",
1278
+ "$type": "color",
1279
+ "$extensions": {
1280
+ "org.primer.figma": {
1281
+ "collection": "mode",
1282
+ "mode": "dark",
1283
+ "group": "component",
1284
+ "scopes": ["bgColor"]
1285
+ }
1286
+ }
1287
+ },
1288
+ "name": "data-auburn-color-muted",
1289
+ "attributes": {},
1290
+ "path": ["data", "auburn", "color", "muted"]
1233
1291
  },
1234
1292
  "data-orange-color": {
1235
1293
  "value": "#eb670f",
@@ -1258,7 +1316,36 @@
1258
1316
  },
1259
1317
  "name": "data-orange-color",
1260
1318
  "attributes": {},
1261
- "path": ["data", "orange", "color"]
1319
+ "path": ["data", "orange", "color", "@"]
1320
+ },
1321
+ "data-orange-color-muted": {
1322
+ "value": "#ffe7d1",
1323
+ "$type": "color",
1324
+ "$extensions": {
1325
+ "org.primer.figma": {
1326
+ "collection": "mode",
1327
+ "mode": "dark",
1328
+ "group": "component",
1329
+ "scopes": ["bgColor"]
1330
+ }
1331
+ },
1332
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1333
+ "isSource": true,
1334
+ "original": {
1335
+ "value": "{base.display.color.orange.0}",
1336
+ "$type": "color",
1337
+ "$extensions": {
1338
+ "org.primer.figma": {
1339
+ "collection": "mode",
1340
+ "mode": "dark",
1341
+ "group": "component",
1342
+ "scopes": ["bgColor"]
1343
+ }
1344
+ }
1345
+ },
1346
+ "name": "data-orange-color-muted",
1347
+ "attributes": {},
1348
+ "path": ["data", "orange", "color", "muted"]
1262
1349
  },
1263
1350
  "data-yellow-color": {
1264
1351
  "value": "#b88700",
@@ -1287,7 +1374,36 @@
1287
1374
  },
1288
1375
  "name": "data-yellow-color",
1289
1376
  "attributes": {},
1290
- "path": ["data", "yellow", "color"]
1377
+ "path": ["data", "yellow", "color", "@"]
1378
+ },
1379
+ "data-yellow-color-muted": {
1380
+ "value": "#ffec9e",
1381
+ "$type": "color",
1382
+ "$extensions": {
1383
+ "org.primer.figma": {
1384
+ "collection": "mode",
1385
+ "mode": "dark",
1386
+ "group": "component",
1387
+ "scopes": ["bgColor"]
1388
+ }
1389
+ },
1390
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1391
+ "isSource": true,
1392
+ "original": {
1393
+ "value": "{base.display.color.yellow.0}",
1394
+ "$type": "color",
1395
+ "$extensions": {
1396
+ "org.primer.figma": {
1397
+ "collection": "mode",
1398
+ "mode": "dark",
1399
+ "group": "component",
1400
+ "scopes": ["bgColor"]
1401
+ }
1402
+ }
1403
+ },
1404
+ "name": "data-yellow-color-muted",
1405
+ "attributes": {},
1406
+ "path": ["data", "yellow", "color", "muted"]
1291
1407
  },
1292
1408
  "data-green-color": {
1293
1409
  "value": "#30a147",
@@ -1316,7 +1432,36 @@
1316
1432
  },
1317
1433
  "name": "data-green-color",
1318
1434
  "attributes": {},
1319
- "path": ["data", "green", "color"]
1435
+ "path": ["data", "green", "color", "@"]
1436
+ },
1437
+ "data-green-color-muted": {
1438
+ "value": "#caf7ca",
1439
+ "$type": "color",
1440
+ "$extensions": {
1441
+ "org.primer.figma": {
1442
+ "collection": "mode",
1443
+ "mode": "dark",
1444
+ "group": "component",
1445
+ "scopes": ["bgColor"]
1446
+ }
1447
+ },
1448
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1449
+ "isSource": true,
1450
+ "original": {
1451
+ "value": "{base.display.color.green.0}",
1452
+ "$type": "color",
1453
+ "$extensions": {
1454
+ "org.primer.figma": {
1455
+ "collection": "mode",
1456
+ "mode": "dark",
1457
+ "group": "component",
1458
+ "scopes": ["bgColor"]
1459
+ }
1460
+ }
1461
+ },
1462
+ "name": "data-green-color-muted",
1463
+ "attributes": {},
1464
+ "path": ["data", "green", "color", "muted"]
1320
1465
  },
1321
1466
  "data-teal-color": {
1322
1467
  "value": "#179b9b",
@@ -1345,7 +1490,36 @@
1345
1490
  },
1346
1491
  "name": "data-teal-color",
1347
1492
  "attributes": {},
1348
- "path": ["data", "teal", "color"]
1493
+ "path": ["data", "teal", "color", "@"]
1494
+ },
1495
+ "data-teal-color-muted": {
1496
+ "value": "#c7f5ef",
1497
+ "$type": "color",
1498
+ "$extensions": {
1499
+ "org.primer.figma": {
1500
+ "collection": "mode",
1501
+ "mode": "dark",
1502
+ "group": "component",
1503
+ "scopes": ["bgColor"]
1504
+ }
1505
+ },
1506
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1507
+ "isSource": true,
1508
+ "original": {
1509
+ "value": "{base.display.color.teal.0}",
1510
+ "$type": "color",
1511
+ "$extensions": {
1512
+ "org.primer.figma": {
1513
+ "collection": "mode",
1514
+ "mode": "dark",
1515
+ "group": "component",
1516
+ "scopes": ["bgColor"]
1517
+ }
1518
+ }
1519
+ },
1520
+ "name": "data-teal-color-muted",
1521
+ "attributes": {},
1522
+ "path": ["data", "teal", "color", "muted"]
1349
1523
  },
1350
1524
  "data-purple-color": {
1351
1525
  "value": "#894ceb",
@@ -1374,7 +1548,36 @@
1374
1548
  },
1375
1549
  "name": "data-purple-color",
1376
1550
  "attributes": {},
1377
- "path": ["data", "purple", "color"]
1551
+ "path": ["data", "purple", "color", "@"]
1552
+ },
1553
+ "data-purple-color-muted": {
1554
+ "value": "#f1e5ff",
1555
+ "$type": "color",
1556
+ "$extensions": {
1557
+ "org.primer.figma": {
1558
+ "collection": "mode",
1559
+ "mode": "dark",
1560
+ "group": "component",
1561
+ "scopes": ["bgColor"]
1562
+ }
1563
+ },
1564
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1565
+ "isSource": true,
1566
+ "original": {
1567
+ "value": "{base.display.color.purple.0}",
1568
+ "$type": "color",
1569
+ "$extensions": {
1570
+ "org.primer.figma": {
1571
+ "collection": "mode",
1572
+ "mode": "dark",
1573
+ "group": "component",
1574
+ "scopes": ["bgColor"]
1575
+ }
1576
+ }
1577
+ },
1578
+ "name": "data-purple-color-muted",
1579
+ "attributes": {},
1580
+ "path": ["data", "purple", "color", "muted"]
1378
1581
  },
1379
1582
  "data-pink-color": {
1380
1583
  "value": "#ce2c85",
@@ -1403,7 +1606,36 @@
1403
1606
  },
1404
1607
  "name": "data-pink-color",
1405
1608
  "attributes": {},
1406
- "path": ["data", "pink", "color"]
1609
+ "path": ["data", "pink", "color", "@"]
1610
+ },
1611
+ "data-pink-color-muted": {
1612
+ "value": "#ffe5f1",
1613
+ "$type": "color",
1614
+ "$extensions": {
1615
+ "org.primer.figma": {
1616
+ "collection": "mode",
1617
+ "mode": "dark",
1618
+ "group": "component",
1619
+ "scopes": ["bgColor"]
1620
+ }
1621
+ },
1622
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1623
+ "isSource": true,
1624
+ "original": {
1625
+ "value": "{base.display.color.pink.0}",
1626
+ "$type": "color",
1627
+ "$extensions": {
1628
+ "org.primer.figma": {
1629
+ "collection": "mode",
1630
+ "mode": "dark",
1631
+ "group": "component",
1632
+ "scopes": ["bgColor"]
1633
+ }
1634
+ }
1635
+ },
1636
+ "name": "data-pink-color-muted",
1637
+ "attributes": {},
1638
+ "path": ["data", "pink", "color", "muted"]
1407
1639
  },
1408
1640
  "data-red-color": {
1409
1641
  "value": "#df0c24",
@@ -1432,7 +1664,36 @@
1432
1664
  },
1433
1665
  "name": "data-red-color",
1434
1666
  "attributes": {},
1435
- "path": ["data", "red", "color"]
1667
+ "path": ["data", "red", "color", "@"]
1668
+ },
1669
+ "data-red-color-muted": {
1670
+ "value": "#ffe2e0",
1671
+ "$type": "color",
1672
+ "$extensions": {
1673
+ "org.primer.figma": {
1674
+ "collection": "mode",
1675
+ "mode": "dark",
1676
+ "group": "component",
1677
+ "scopes": ["bgColor"]
1678
+ }
1679
+ },
1680
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1681
+ "isSource": true,
1682
+ "original": {
1683
+ "value": "{base.display.color.red.0}",
1684
+ "$type": "color",
1685
+ "$extensions": {
1686
+ "org.primer.figma": {
1687
+ "collection": "mode",
1688
+ "mode": "dark",
1689
+ "group": "component",
1690
+ "scopes": ["bgColor"]
1691
+ }
1692
+ }
1693
+ },
1694
+ "name": "data-red-color-muted",
1695
+ "attributes": {},
1696
+ "path": ["data", "red", "color", "muted"]
1436
1697
  },
1437
1698
  "data-gray-color": {
1438
1699
  "value": "#808fa3",
@@ -1461,7 +1722,36 @@
1461
1722
  },
1462
1723
  "name": "data-gray-color",
1463
1724
  "attributes": {},
1464
- "path": ["data", "gray", "color"]
1725
+ "path": ["data", "gray", "color", "@"]
1726
+ },
1727
+ "data-gray-color-muted": {
1728
+ "value": "#e8ecf2",
1729
+ "$type": "color",
1730
+ "$extensions": {
1731
+ "org.primer.figma": {
1732
+ "collection": "mode",
1733
+ "mode": "dark",
1734
+ "group": "component",
1735
+ "scopes": ["bgColor"]
1736
+ }
1737
+ },
1738
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1739
+ "isSource": true,
1740
+ "original": {
1741
+ "value": "{base.display.color.gray.0}",
1742
+ "$type": "color",
1743
+ "$extensions": {
1744
+ "org.primer.figma": {
1745
+ "collection": "mode",
1746
+ "mode": "dark",
1747
+ "group": "component",
1748
+ "scopes": ["bgColor"]
1749
+ }
1750
+ }
1751
+ },
1752
+ "name": "data-gray-color-muted",
1753
+ "attributes": {},
1754
+ "path": ["data", "gray", "color", "muted"]
1465
1755
  },
1466
1756
  "display-blue-bgColor-muted": {
1467
1757
  "value": "#d1f0ff",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "8.2.0-rc.d4121ebd",
3
+ "version": "8.2.0",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",