@primer/primitives 7.15.10-rc.d7a91629 → 7.15.10

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 (126) 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 +22 -2
  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 +290 -0
  11. package/dist/docs/functional/themes/dark-dimmed.json +290 -0
  12. package/dist/docs/functional/themes/dark-high-contrast.json +295 -5
  13. package/dist/docs/functional/themes/dark-tritanopia.json +290 -0
  14. package/dist/docs/functional/themes/dark.json +290 -0
  15. package/dist/docs/functional/themes/light-colorblind.json +290 -0
  16. package/dist/docs/functional/themes/light-high-contrast.json +290 -0
  17. package/dist/docs/functional/themes/light-tritanopia.json +290 -0
  18. package/dist/docs/functional/themes/light.json +290 -0
  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 +176 -16
  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/scss/functional/themes/dark-colorblind.scss +10 -0
  29. package/dist/scss/functional/themes/dark-dimmed.scss +10 -0
  30. package/dist/scss/functional/themes/dark-high-contrast.scss +11 -1
  31. package/dist/scss/functional/themes/dark-tritanopia.scss +10 -0
  32. package/dist/scss/functional/themes/dark.scss +10 -0
  33. package/dist/scss/functional/themes/light-colorblind.scss +10 -0
  34. package/dist/scss/functional/themes/light-high-contrast.scss +10 -0
  35. package/dist/scss/functional/themes/light-tritanopia.scss +10 -0
  36. package/dist/scss/functional/themes/light.scss +10 -0
  37. package/package.json +1 -1
  38. package/tokens-next-private/css/functional/themes/dark-colorblind.css +20 -0
  39. package/tokens-next-private/css/functional/themes/dark-dimmed.css +20 -0
  40. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +22 -2
  41. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +20 -0
  42. package/tokens-next-private/css/functional/themes/dark.css +20 -0
  43. package/tokens-next-private/css/functional/themes/light-colorblind.css +20 -0
  44. package/tokens-next-private/css/functional/themes/light-high-contrast.css +20 -0
  45. package/tokens-next-private/css/functional/themes/light-tritanopia.css +20 -0
  46. package/tokens-next-private/css/functional/themes/light.css +20 -0
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +290 -0
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +290 -0
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +295 -5
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +290 -0
  51. package/tokens-next-private/docs/functional/themes/dark.json +290 -0
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +290 -0
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +290 -0
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +290 -0
  55. package/tokens-next-private/docs/functional/themes/light.json +290 -0
  56. package/tokens-next-private/figma/themes/dark-colorblind.json +160 -0
  57. package/tokens-next-private/figma/themes/dark-dimmed.json +160 -0
  58. package/tokens-next-private/figma/themes/dark-high-contrast.json +176 -16
  59. package/tokens-next-private/figma/themes/dark-tritanopia.json +160 -0
  60. package/tokens-next-private/figma/themes/dark.json +160 -0
  61. package/tokens-next-private/figma/themes/light-colorblind.json +160 -0
  62. package/tokens-next-private/figma/themes/light-high-contrast.json +160 -0
  63. package/tokens-next-private/figma/themes/light-tritanopia.json +160 -0
  64. package/tokens-next-private/figma/themes/light.json +160 -0
  65. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +10 -0
  66. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +10 -0
  67. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +11 -1
  68. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +10 -0
  69. package/tokens-next-private/scss/functional/themes/dark.scss +10 -0
  70. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +10 -0
  71. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +10 -0
  72. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +10 -0
  73. package/tokens-next-private/scss/functional/themes/light.scss +10 -0
  74. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  75. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  77. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  78. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  79. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  80. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  81. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  82. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  86. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  87. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  88. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  89. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  90. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  91. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  92. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  96. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  97. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  98. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  99. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  100. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  104. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  105. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  106. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  107. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  108. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  109. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1173,6 +1173,296 @@
1173
1173
  "attributes": {},
1174
1174
  "path": ["headerSearch", "borderColor"]
1175
1175
  },
1176
+ "data-blue-color": {
1177
+ "value": "#006edb",
1178
+ "$type": "color",
1179
+ "$extensions": {
1180
+ "org.primer.figma": {
1181
+ "collection": "mode",
1182
+ "mode": "dark",
1183
+ "group": "component",
1184
+ "scopes": ["bgColor"]
1185
+ }
1186
+ },
1187
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1188
+ "isSource": true,
1189
+ "original": {
1190
+ "value": "{base.display.color.blue.5}",
1191
+ "$type": "color",
1192
+ "$extensions": {
1193
+ "org.primer.figma": {
1194
+ "collection": "mode",
1195
+ "mode": "dark",
1196
+ "group": "component",
1197
+ "scopes": ["bgColor"]
1198
+ }
1199
+ }
1200
+ },
1201
+ "name": "data-blue-color",
1202
+ "attributes": {},
1203
+ "path": ["data", "blue", "color"]
1204
+ },
1205
+ "data-auburn-color": {
1206
+ "value": "#9d615c",
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.auburn.5}",
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-auburn-color",
1231
+ "attributes": {},
1232
+ "path": ["data", "auburn", "color"]
1233
+ },
1234
+ "data-orange-color": {
1235
+ "value": "#eb670f",
1236
+ "$type": "color",
1237
+ "$extensions": {
1238
+ "org.primer.figma": {
1239
+ "collection": "mode",
1240
+ "mode": "dark",
1241
+ "group": "component",
1242
+ "scopes": ["bgColor"]
1243
+ }
1244
+ },
1245
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1246
+ "isSource": true,
1247
+ "original": {
1248
+ "value": "{base.display.color.orange.4}",
1249
+ "$type": "color",
1250
+ "$extensions": {
1251
+ "org.primer.figma": {
1252
+ "collection": "mode",
1253
+ "mode": "dark",
1254
+ "group": "component",
1255
+ "scopes": ["bgColor"]
1256
+ }
1257
+ }
1258
+ },
1259
+ "name": "data-orange-color",
1260
+ "attributes": {},
1261
+ "path": ["data", "orange", "color"]
1262
+ },
1263
+ "data-yellow-color": {
1264
+ "value": "#b88700",
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.yellow.4}",
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-yellow-color",
1289
+ "attributes": {},
1290
+ "path": ["data", "yellow", "color"]
1291
+ },
1292
+ "data-green-color": {
1293
+ "value": "#30a147",
1294
+ "$type": "color",
1295
+ "$extensions": {
1296
+ "org.primer.figma": {
1297
+ "collection": "mode",
1298
+ "mode": "dark",
1299
+ "group": "component",
1300
+ "scopes": ["bgColor"]
1301
+ }
1302
+ },
1303
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1304
+ "isSource": true,
1305
+ "original": {
1306
+ "value": "{base.display.color.green.4}",
1307
+ "$type": "color",
1308
+ "$extensions": {
1309
+ "org.primer.figma": {
1310
+ "collection": "mode",
1311
+ "mode": "dark",
1312
+ "group": "component",
1313
+ "scopes": ["bgColor"]
1314
+ }
1315
+ }
1316
+ },
1317
+ "name": "data-green-color",
1318
+ "attributes": {},
1319
+ "path": ["data", "green", "color"]
1320
+ },
1321
+ "data-teal-color": {
1322
+ "value": "#179b9b",
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.teal.4}",
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-teal-color",
1347
+ "attributes": {},
1348
+ "path": ["data", "teal", "color"]
1349
+ },
1350
+ "data-purple-color": {
1351
+ "value": "#894ceb",
1352
+ "$type": "color",
1353
+ "$extensions": {
1354
+ "org.primer.figma": {
1355
+ "collection": "mode",
1356
+ "mode": "dark",
1357
+ "group": "component",
1358
+ "scopes": ["bgColor"]
1359
+ }
1360
+ },
1361
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1362
+ "isSource": true,
1363
+ "original": {
1364
+ "value": "{base.display.color.purple.5}",
1365
+ "$type": "color",
1366
+ "$extensions": {
1367
+ "org.primer.figma": {
1368
+ "collection": "mode",
1369
+ "mode": "dark",
1370
+ "group": "component",
1371
+ "scopes": ["bgColor"]
1372
+ }
1373
+ }
1374
+ },
1375
+ "name": "data-purple-color",
1376
+ "attributes": {},
1377
+ "path": ["data", "purple", "color"]
1378
+ },
1379
+ "data-pink-color": {
1380
+ "value": "#ce2c85",
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.pink.5}",
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-pink-color",
1405
+ "attributes": {},
1406
+ "path": ["data", "pink", "color"]
1407
+ },
1408
+ "data-red-color": {
1409
+ "value": "#df0c24",
1410
+ "$type": "color",
1411
+ "$extensions": {
1412
+ "org.primer.figma": {
1413
+ "collection": "mode",
1414
+ "mode": "dark",
1415
+ "group": "component",
1416
+ "scopes": ["bgColor"]
1417
+ }
1418
+ },
1419
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1420
+ "isSource": true,
1421
+ "original": {
1422
+ "value": "{base.display.color.red.5}",
1423
+ "$type": "color",
1424
+ "$extensions": {
1425
+ "org.primer.figma": {
1426
+ "collection": "mode",
1427
+ "mode": "dark",
1428
+ "group": "component",
1429
+ "scopes": ["bgColor"]
1430
+ }
1431
+ }
1432
+ },
1433
+ "name": "data-red-color",
1434
+ "attributes": {},
1435
+ "path": ["data", "red", "color"]
1436
+ },
1437
+ "data-gray-color": {
1438
+ "value": "#808fa3",
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.gray.4}",
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-gray-color",
1463
+ "attributes": {},
1464
+ "path": ["data", "gray", "color"]
1465
+ },
1176
1466
  "avatar-bgColor": {
1177
1467
  "value": "#ffffff",
1178
1468
  "$type": "color",
@@ -1173,6 +1173,296 @@
1173
1173
  "attributes": {},
1174
1174
  "path": ["headerSearch", "borderColor"]
1175
1175
  },
1176
+ "data-blue-color": {
1177
+ "value": "#006edb",
1178
+ "$type": "color",
1179
+ "$extensions": {
1180
+ "org.primer.figma": {
1181
+ "collection": "mode",
1182
+ "mode": "dark",
1183
+ "group": "component",
1184
+ "scopes": ["bgColor"]
1185
+ }
1186
+ },
1187
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1188
+ "isSource": true,
1189
+ "original": {
1190
+ "value": "{base.display.color.blue.5}",
1191
+ "$type": "color",
1192
+ "$extensions": {
1193
+ "org.primer.figma": {
1194
+ "collection": "mode",
1195
+ "mode": "dark",
1196
+ "group": "component",
1197
+ "scopes": ["bgColor"]
1198
+ }
1199
+ }
1200
+ },
1201
+ "name": "data-blue-color",
1202
+ "attributes": {},
1203
+ "path": ["data", "blue", "color"]
1204
+ },
1205
+ "data-auburn-color": {
1206
+ "value": "#9d615c",
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.auburn.5}",
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-auburn-color",
1231
+ "attributes": {},
1232
+ "path": ["data", "auburn", "color"]
1233
+ },
1234
+ "data-orange-color": {
1235
+ "value": "#eb670f",
1236
+ "$type": "color",
1237
+ "$extensions": {
1238
+ "org.primer.figma": {
1239
+ "collection": "mode",
1240
+ "mode": "dark",
1241
+ "group": "component",
1242
+ "scopes": ["bgColor"]
1243
+ }
1244
+ },
1245
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1246
+ "isSource": true,
1247
+ "original": {
1248
+ "value": "{base.display.color.orange.4}",
1249
+ "$type": "color",
1250
+ "$extensions": {
1251
+ "org.primer.figma": {
1252
+ "collection": "mode",
1253
+ "mode": "dark",
1254
+ "group": "component",
1255
+ "scopes": ["bgColor"]
1256
+ }
1257
+ }
1258
+ },
1259
+ "name": "data-orange-color",
1260
+ "attributes": {},
1261
+ "path": ["data", "orange", "color"]
1262
+ },
1263
+ "data-yellow-color": {
1264
+ "value": "#b88700",
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.yellow.4}",
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-yellow-color",
1289
+ "attributes": {},
1290
+ "path": ["data", "yellow", "color"]
1291
+ },
1292
+ "data-green-color": {
1293
+ "value": "#30a147",
1294
+ "$type": "color",
1295
+ "$extensions": {
1296
+ "org.primer.figma": {
1297
+ "collection": "mode",
1298
+ "mode": "dark",
1299
+ "group": "component",
1300
+ "scopes": ["bgColor"]
1301
+ }
1302
+ },
1303
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1304
+ "isSource": true,
1305
+ "original": {
1306
+ "value": "{base.display.color.green.4}",
1307
+ "$type": "color",
1308
+ "$extensions": {
1309
+ "org.primer.figma": {
1310
+ "collection": "mode",
1311
+ "mode": "dark",
1312
+ "group": "component",
1313
+ "scopes": ["bgColor"]
1314
+ }
1315
+ }
1316
+ },
1317
+ "name": "data-green-color",
1318
+ "attributes": {},
1319
+ "path": ["data", "green", "color"]
1320
+ },
1321
+ "data-teal-color": {
1322
+ "value": "#179b9b",
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.teal.4}",
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-teal-color",
1347
+ "attributes": {},
1348
+ "path": ["data", "teal", "color"]
1349
+ },
1350
+ "data-purple-color": {
1351
+ "value": "#894ceb",
1352
+ "$type": "color",
1353
+ "$extensions": {
1354
+ "org.primer.figma": {
1355
+ "collection": "mode",
1356
+ "mode": "dark",
1357
+ "group": "component",
1358
+ "scopes": ["bgColor"]
1359
+ }
1360
+ },
1361
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1362
+ "isSource": true,
1363
+ "original": {
1364
+ "value": "{base.display.color.purple.5}",
1365
+ "$type": "color",
1366
+ "$extensions": {
1367
+ "org.primer.figma": {
1368
+ "collection": "mode",
1369
+ "mode": "dark",
1370
+ "group": "component",
1371
+ "scopes": ["bgColor"]
1372
+ }
1373
+ }
1374
+ },
1375
+ "name": "data-purple-color",
1376
+ "attributes": {},
1377
+ "path": ["data", "purple", "color"]
1378
+ },
1379
+ "data-pink-color": {
1380
+ "value": "#ce2c85",
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.pink.5}",
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-pink-color",
1405
+ "attributes": {},
1406
+ "path": ["data", "pink", "color"]
1407
+ },
1408
+ "data-red-color": {
1409
+ "value": "#df0c24",
1410
+ "$type": "color",
1411
+ "$extensions": {
1412
+ "org.primer.figma": {
1413
+ "collection": "mode",
1414
+ "mode": "dark",
1415
+ "group": "component",
1416
+ "scopes": ["bgColor"]
1417
+ }
1418
+ },
1419
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1420
+ "isSource": true,
1421
+ "original": {
1422
+ "value": "{base.display.color.red.5}",
1423
+ "$type": "color",
1424
+ "$extensions": {
1425
+ "org.primer.figma": {
1426
+ "collection": "mode",
1427
+ "mode": "dark",
1428
+ "group": "component",
1429
+ "scopes": ["bgColor"]
1430
+ }
1431
+ }
1432
+ },
1433
+ "name": "data-red-color",
1434
+ "attributes": {},
1435
+ "path": ["data", "red", "color"]
1436
+ },
1437
+ "data-gray-color": {
1438
+ "value": "#808fa3",
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.gray.4}",
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-gray-color",
1463
+ "attributes": {},
1464
+ "path": ["data", "gray", "color"]
1465
+ },
1176
1466
  "avatar-bgColor": {
1177
1467
  "value": "#ffffff",
1178
1468
  "$type": "color",