@primer/primitives 7.15.3-rc.df85e78 → 7.15.4-rc.08151ca

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 (113) 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 +60 -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 +47 -17
  48. package/tokens-next-private/figma/figma.json +2 -1
  49. package/tokens-next-private/figma/themes/dark.json +251 -83
  50. package/tokens-next-private/figma/themes/light.json +228 -60
  51. package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
  52. package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
  53. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +9 -9
  54. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +9 -9
  55. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +9 -9
  56. package/tokens-next-private/scss/functional/themes/dark.scss +9 -9
  57. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  58. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  59. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  60. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  61. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  62. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  68. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  79. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  86. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  95. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  97. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  99. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/docs/functional/size/size.json CHANGED
@@ -1268,7 +1268,11 @@
1268
1268
  "$extensions": {
1269
1269
  "org.primer.figma": {
1270
1270
  "collection": "pattern/size",
1271
- "scopes": ["gap"]
1271
+ "scopes": ["gap"],
1272
+ "group": "component",
1273
+ "codeSyntax": {
1274
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1275
+ }
1272
1276
  }
1273
1277
  },
1274
1278
  "filePath": "src/tokens/functional/size/size.json",
@@ -1279,7 +1283,11 @@
1279
1283
  "$extensions": {
1280
1284
  "org.primer.figma": {
1281
1285
  "collection": "pattern/size",
1282
- "scopes": ["gap"]
1286
+ "scopes": ["gap"],
1287
+ "group": "component",
1288
+ "codeSyntax": {
1289
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1290
+ }
1283
1291
  }
1284
1292
  }
1285
1293
  },
@@ -1293,7 +1301,11 @@
1293
1301
  "$extensions": {
1294
1302
  "org.primer.figma": {
1295
1303
  "collection": "pattern/size",
1296
- "scopes": ["gap"]
1304
+ "group": "component",
1305
+ "scopes": ["gap"],
1306
+ "codeSyntax": {
1307
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1308
+ }
1297
1309
  }
1298
1310
  },
1299
1311
  "filePath": "src/tokens/functional/size/size.json",
@@ -1304,7 +1316,11 @@
1304
1316
  "$extensions": {
1305
1317
  "org.primer.figma": {
1306
1318
  "collection": "pattern/size",
1307
- "scopes": ["gap"]
1319
+ "group": "component",
1320
+ "scopes": ["gap"],
1321
+ "codeSyntax": {
1322
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1323
+ }
1308
1324
  }
1309
1325
  }
1310
1326
  },
@@ -1318,7 +1334,11 @@
1318
1334
  "$extensions": {
1319
1335
  "org.primer.figma": {
1320
1336
  "collection": "pattern/size",
1321
- "scopes": ["gap"]
1337
+ "group": "component",
1338
+ "scopes": ["gap"],
1339
+ "codeSyntax": {
1340
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1341
+ }
1322
1342
  }
1323
1343
  },
1324
1344
  "filePath": "src/tokens/functional/size/size.json",
@@ -1329,7 +1349,11 @@
1329
1349
  "$extensions": {
1330
1350
  "org.primer.figma": {
1331
1351
  "collection": "pattern/size",
1332
- "scopes": ["gap"]
1352
+ "group": "component",
1353
+ "scopes": ["gap"],
1354
+ "codeSyntax": {
1355
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1356
+ }
1333
1357
  }
1334
1358
  }
1335
1359
  },
@@ -1343,7 +1367,11 @@
1343
1367
  "$extensions": {
1344
1368
  "org.primer.figma": {
1345
1369
  "collection": "pattern/size",
1346
- "scopes": ["gap"]
1370
+ "group": "component",
1371
+ "scopes": ["gap"],
1372
+ "codeSyntax": {
1373
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1374
+ }
1347
1375
  }
1348
1376
  },
1349
1377
  "filePath": "src/tokens/functional/size/size.json",
@@ -1354,7 +1382,11 @@
1354
1382
  "$extensions": {
1355
1383
  "org.primer.figma": {
1356
1384
  "collection": "pattern/size",
1357
- "scopes": ["gap"]
1385
+ "group": "component",
1386
+ "scopes": ["gap"],
1387
+ "codeSyntax": {
1388
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1389
+ }
1358
1390
  }
1359
1391
  }
1360
1392
  },
@@ -1368,7 +1400,11 @@
1368
1400
  "$extensions": {
1369
1401
  "org.primer.figma": {
1370
1402
  "collection": "pattern/size",
1371
- "scopes": ["gap"]
1403
+ "group": "component",
1404
+ "scopes": ["gap"],
1405
+ "codeSyntax": {
1406
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1407
+ }
1372
1408
  }
1373
1409
  },
1374
1410
  "filePath": "src/tokens/functional/size/size.json",
@@ -1379,7 +1415,11 @@
1379
1415
  "$extensions": {
1380
1416
  "org.primer.figma": {
1381
1417
  "collection": "pattern/size",
1382
- "scopes": ["gap"]
1418
+ "group": "component",
1419
+ "scopes": ["gap"],
1420
+ "codeSyntax": {
1421
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1422
+ }
1383
1423
  }
1384
1424
  }
1385
1425
  },
@@ -1393,7 +1433,11 @@
1393
1433
  "$extensions": {
1394
1434
  "org.primer.figma": {
1395
1435
  "collection": "pattern/size",
1396
- "scopes": ["gap"]
1436
+ "group": "component",
1437
+ "scopes": ["gap"],
1438
+ "codeSyntax": {
1439
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1440
+ }
1397
1441
  }
1398
1442
  },
1399
1443
  "filePath": "src/tokens/functional/size/size.json",
@@ -1404,7 +1448,11 @@
1404
1448
  "$extensions": {
1405
1449
  "org.primer.figma": {
1406
1450
  "collection": "pattern/size",
1407
- "scopes": ["gap"]
1451
+ "group": "component",
1452
+ "scopes": ["gap"],
1453
+ "codeSyntax": {
1454
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1455
+ }
1408
1456
  }
1409
1457
  }
1410
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,