@primer/primitives 7.15.4-rc.b720f44 → 7.15.4

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 (112) hide show
  1. package/dist/js/colors/dark.js +15 -15
  2. package/dist/js/colors/light.js +1 -1
  3. package/dist/js/colors/light_colorblind.js +1 -1
  4. package/dist/js/colors/light_high_contrast.js +1 -1
  5. package/dist/js/colors/light_tritanopia.js +1 -1
  6. package/dist/json/colors/dark.json +15 -15
  7. package/dist/json/colors/light.json +1 -1
  8. package/dist/json/colors/light_colorblind.json +1 -1
  9. package/dist/json/colors/light_high_contrast.json +1 -1
  10. package/dist/json/colors/light_tritanopia.json +1 -1
  11. package/dist/scss/colors/_dark.scss +15 -15
  12. package/dist/scss/colors/_light.scss +1 -1
  13. package/dist/scss/colors/_light_colorblind.scss +1 -1
  14. package/dist/scss/colors/_light_high_contrast.scss +1 -1
  15. package/dist/scss/colors/_light_tritanopia.scss +1 -1
  16. package/dist/ts/colors/dark.ts +15 -15
  17. package/dist/ts/colors/light.ts +1 -1
  18. package/dist/ts/colors/light_colorblind.ts +1 -1
  19. package/dist/ts/colors/light_high_contrast.ts +1 -1
  20. package/dist/ts/colors/light_tritanopia.ts +1 -1
  21. package/package.json +1 -1
  22. package/tokens-next-private/css/functional/size/breakpoints.css +1 -1
  23. package/tokens-next-private/css/functional/size/viewport.css +1 -1
  24. package/tokens-next-private/css/functional/themes/dark-colorblind.css +18 -18
  25. package/tokens-next-private/css/functional/themes/dark-dimmed.css +18 -18
  26. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +18 -18
  27. package/tokens-next-private/css/functional/themes/dark.css +18 -18
  28. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  29. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  30. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  31. package/tokens-next-private/css/functional/themes/light.css +2 -2
  32. package/tokens-next-private/docs/functional/size/border.json +32 -8
  33. package/tokens-next-private/docs/functional/size/breakpoints.json +2 -2
  34. package/tokens-next-private/docs/functional/size/size.json +48 -12
  35. package/tokens-next-private/docs/functional/size/viewport.json +1 -1
  36. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +459 -123
  37. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +459 -123
  38. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +448 -112
  39. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +459 -123
  40. package/tokens-next-private/docs/functional/themes/dark.json +459 -123
  41. package/tokens-next-private/docs/functional/themes/light-colorblind.json +450 -114
  42. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +450 -114
  43. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +450 -114
  44. package/tokens-next-private/docs/functional/themes/light.json +450 -114
  45. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +1 -1
  46. package/tokens-next-private/fallbacks/functional/size/viewport.json +1 -1
  47. package/tokens-next-private/figma/dimension/dimension.json +41 -11
  48. package/tokens-next-private/figma/themes/dark.json +251 -83
  49. package/tokens-next-private/figma/themes/light.json +228 -60
  50. package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
  51. package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
  52. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +9 -9
  53. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +9 -9
  54. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +9 -9
  55. package/tokens-next-private/scss/functional/themes/dark.scss +9 -9
  56. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  57. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  58. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  59. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  60. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  61. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  68. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  77. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  86. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  95. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  97. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/docs/functional/size/size.json CHANGED
@@ -1268,8 +1268,11 @@
1268
1268
  "$extensions": {
1269
1269
  "org.primer.figma": {
1270
1270
  "collection": "pattern/size",
1271
+ "scopes": ["gap"],
1271
1272
  "group": "component",
1272
- "scopes": ["gap"]
1273
+ "codeSyntax": {
1274
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1275
+ }
1273
1276
  }
1274
1277
  },
1275
1278
  "filePath": "src/tokens/functional/size/size.json",
@@ -1280,8 +1283,11 @@
1280
1283
  "$extensions": {
1281
1284
  "org.primer.figma": {
1282
1285
  "collection": "pattern/size",
1286
+ "scopes": ["gap"],
1283
1287
  "group": "component",
1284
- "scopes": ["gap"]
1288
+ "codeSyntax": {
1289
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1290
+ }
1285
1291
  }
1286
1292
  }
1287
1293
  },
@@ -1296,7 +1302,10 @@
1296
1302
  "org.primer.figma": {
1297
1303
  "collection": "pattern/size",
1298
1304
  "group": "component",
1299
- "scopes": ["gap"]
1305
+ "scopes": ["gap"],
1306
+ "codeSyntax": {
1307
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1308
+ }
1300
1309
  }
1301
1310
  },
1302
1311
  "filePath": "src/tokens/functional/size/size.json",
@@ -1308,7 +1317,10 @@
1308
1317
  "org.primer.figma": {
1309
1318
  "collection": "pattern/size",
1310
1319
  "group": "component",
1311
- "scopes": ["gap"]
1320
+ "scopes": ["gap"],
1321
+ "codeSyntax": {
1322
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1323
+ }
1312
1324
  }
1313
1325
  }
1314
1326
  },
@@ -1323,7 +1335,10 @@
1323
1335
  "org.primer.figma": {
1324
1336
  "collection": "pattern/size",
1325
1337
  "group": "component",
1326
- "scopes": ["gap"]
1338
+ "scopes": ["gap"],
1339
+ "codeSyntax": {
1340
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1341
+ }
1327
1342
  }
1328
1343
  },
1329
1344
  "filePath": "src/tokens/functional/size/size.json",
@@ -1335,7 +1350,10 @@
1335
1350
  "org.primer.figma": {
1336
1351
  "collection": "pattern/size",
1337
1352
  "group": "component",
1338
- "scopes": ["gap"]
1353
+ "scopes": ["gap"],
1354
+ "codeSyntax": {
1355
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1356
+ }
1339
1357
  }
1340
1358
  }
1341
1359
  },
@@ -1350,7 +1368,10 @@
1350
1368
  "org.primer.figma": {
1351
1369
  "collection": "pattern/size",
1352
1370
  "group": "component",
1353
- "scopes": ["gap"]
1371
+ "scopes": ["gap"],
1372
+ "codeSyntax": {
1373
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1374
+ }
1354
1375
  }
1355
1376
  },
1356
1377
  "filePath": "src/tokens/functional/size/size.json",
@@ -1362,7 +1383,10 @@
1362
1383
  "org.primer.figma": {
1363
1384
  "collection": "pattern/size",
1364
1385
  "group": "component",
1365
- "scopes": ["gap"]
1386
+ "scopes": ["gap"],
1387
+ "codeSyntax": {
1388
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1389
+ }
1366
1390
  }
1367
1391
  }
1368
1392
  },
@@ -1377,7 +1401,10 @@
1377
1401
  "org.primer.figma": {
1378
1402
  "collection": "pattern/size",
1379
1403
  "group": "component",
1380
- "scopes": ["gap"]
1404
+ "scopes": ["gap"],
1405
+ "codeSyntax": {
1406
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1407
+ }
1381
1408
  }
1382
1409
  },
1383
1410
  "filePath": "src/tokens/functional/size/size.json",
@@ -1389,7 +1416,10 @@
1389
1416
  "org.primer.figma": {
1390
1417
  "collection": "pattern/size",
1391
1418
  "group": "component",
1392
- "scopes": ["gap"]
1419
+ "scopes": ["gap"],
1420
+ "codeSyntax": {
1421
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1422
+ }
1393
1423
  }
1394
1424
  }
1395
1425
  },
@@ -1404,7 +1434,10 @@
1404
1434
  "org.primer.figma": {
1405
1435
  "collection": "pattern/size",
1406
1436
  "group": "component",
1407
- "scopes": ["gap"]
1437
+ "scopes": ["gap"],
1438
+ "codeSyntax": {
1439
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1440
+ }
1408
1441
  }
1409
1442
  },
1410
1443
  "filePath": "src/tokens/functional/size/size.json",
@@ -1416,7 +1449,10 @@
1416
1449
  "org.primer.figma": {
1417
1450
  "collection": "pattern/size",
1418
1451
  "group": "component",
1419
- "scopes": ["gap"]
1452
+ "scopes": ["gap"],
1453
+ "codeSyntax": {
1454
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1455
+ }
1420
1456
  }
1421
1457
  }
1422
1458
  },
package/tokens-next-private/docs/functional/size/viewport.json CHANGED
@@ -39,7 +39,7 @@
39
39
  "path": ["viewportRange", "regular"]
40
40
  },
41
41
  "viewportRange-wide": {
42
- "value": "(min-width: 90rem)",
42
+ "value": "(min-width: 87.5rem)",
43
43
  "$type": "custom-viewportRange",
44
44
  "filePath": "src/tokens/functional/size/viewport.json",
45
45
  "isSource": true,