@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
@@ -1177,6 +1177,296 @@
1177
1177
  "attributes": {},
1178
1178
  "path": ["headerSearch", "borderColor"]
1179
1179
  },
1180
+ "data-blue-color": {
1181
+ "value": "#006edb",
1182
+ "$type": "color",
1183
+ "$extensions": {
1184
+ "org.primer.figma": {
1185
+ "collection": "mode",
1186
+ "mode": "dark",
1187
+ "group": "component",
1188
+ "scopes": ["bgColor"]
1189
+ }
1190
+ },
1191
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1192
+ "isSource": true,
1193
+ "original": {
1194
+ "value": "{base.display.color.blue.5}",
1195
+ "$type": "color",
1196
+ "$extensions": {
1197
+ "org.primer.figma": {
1198
+ "collection": "mode",
1199
+ "mode": "dark",
1200
+ "group": "component",
1201
+ "scopes": ["bgColor"]
1202
+ }
1203
+ }
1204
+ },
1205
+ "name": "data-blue-color",
1206
+ "attributes": {},
1207
+ "path": ["data", "blue", "color"]
1208
+ },
1209
+ "data-auburn-color": {
1210
+ "value": "#9d615c",
1211
+ "$type": "color",
1212
+ "$extensions": {
1213
+ "org.primer.figma": {
1214
+ "collection": "mode",
1215
+ "mode": "dark",
1216
+ "group": "component",
1217
+ "scopes": ["bgColor"]
1218
+ }
1219
+ },
1220
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1221
+ "isSource": true,
1222
+ "original": {
1223
+ "value": "{base.display.color.auburn.5}",
1224
+ "$type": "color",
1225
+ "$extensions": {
1226
+ "org.primer.figma": {
1227
+ "collection": "mode",
1228
+ "mode": "dark",
1229
+ "group": "component",
1230
+ "scopes": ["bgColor"]
1231
+ }
1232
+ }
1233
+ },
1234
+ "name": "data-auburn-color",
1235
+ "attributes": {},
1236
+ "path": ["data", "auburn", "color"]
1237
+ },
1238
+ "data-orange-color": {
1239
+ "value": "#eb670f",
1240
+ "$type": "color",
1241
+ "$extensions": {
1242
+ "org.primer.figma": {
1243
+ "collection": "mode",
1244
+ "mode": "dark",
1245
+ "group": "component",
1246
+ "scopes": ["bgColor"]
1247
+ }
1248
+ },
1249
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1250
+ "isSource": true,
1251
+ "original": {
1252
+ "value": "{base.display.color.orange.4}",
1253
+ "$type": "color",
1254
+ "$extensions": {
1255
+ "org.primer.figma": {
1256
+ "collection": "mode",
1257
+ "mode": "dark",
1258
+ "group": "component",
1259
+ "scopes": ["bgColor"]
1260
+ }
1261
+ }
1262
+ },
1263
+ "name": "data-orange-color",
1264
+ "attributes": {},
1265
+ "path": ["data", "orange", "color"]
1266
+ },
1267
+ "data-yellow-color": {
1268
+ "value": "#b88700",
1269
+ "$type": "color",
1270
+ "$extensions": {
1271
+ "org.primer.figma": {
1272
+ "collection": "mode",
1273
+ "mode": "dark",
1274
+ "group": "component",
1275
+ "scopes": ["bgColor"]
1276
+ }
1277
+ },
1278
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1279
+ "isSource": true,
1280
+ "original": {
1281
+ "value": "{base.display.color.yellow.4}",
1282
+ "$type": "color",
1283
+ "$extensions": {
1284
+ "org.primer.figma": {
1285
+ "collection": "mode",
1286
+ "mode": "dark",
1287
+ "group": "component",
1288
+ "scopes": ["bgColor"]
1289
+ }
1290
+ }
1291
+ },
1292
+ "name": "data-yellow-color",
1293
+ "attributes": {},
1294
+ "path": ["data", "yellow", "color"]
1295
+ },
1296
+ "data-green-color": {
1297
+ "value": "#30a147",
1298
+ "$type": "color",
1299
+ "$extensions": {
1300
+ "org.primer.figma": {
1301
+ "collection": "mode",
1302
+ "mode": "dark",
1303
+ "group": "component",
1304
+ "scopes": ["bgColor"]
1305
+ }
1306
+ },
1307
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1308
+ "isSource": true,
1309
+ "original": {
1310
+ "value": "{base.display.color.green.4}",
1311
+ "$type": "color",
1312
+ "$extensions": {
1313
+ "org.primer.figma": {
1314
+ "collection": "mode",
1315
+ "mode": "dark",
1316
+ "group": "component",
1317
+ "scopes": ["bgColor"]
1318
+ }
1319
+ }
1320
+ },
1321
+ "name": "data-green-color",
1322
+ "attributes": {},
1323
+ "path": ["data", "green", "color"]
1324
+ },
1325
+ "data-teal-color": {
1326
+ "value": "#179b9b",
1327
+ "$type": "color",
1328
+ "$extensions": {
1329
+ "org.primer.figma": {
1330
+ "collection": "mode",
1331
+ "mode": "dark",
1332
+ "group": "component",
1333
+ "scopes": ["bgColor"]
1334
+ }
1335
+ },
1336
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1337
+ "isSource": true,
1338
+ "original": {
1339
+ "value": "{base.display.color.teal.4}",
1340
+ "$type": "color",
1341
+ "$extensions": {
1342
+ "org.primer.figma": {
1343
+ "collection": "mode",
1344
+ "mode": "dark",
1345
+ "group": "component",
1346
+ "scopes": ["bgColor"]
1347
+ }
1348
+ }
1349
+ },
1350
+ "name": "data-teal-color",
1351
+ "attributes": {},
1352
+ "path": ["data", "teal", "color"]
1353
+ },
1354
+ "data-purple-color": {
1355
+ "value": "#894ceb",
1356
+ "$type": "color",
1357
+ "$extensions": {
1358
+ "org.primer.figma": {
1359
+ "collection": "mode",
1360
+ "mode": "dark",
1361
+ "group": "component",
1362
+ "scopes": ["bgColor"]
1363
+ }
1364
+ },
1365
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1366
+ "isSource": true,
1367
+ "original": {
1368
+ "value": "{base.display.color.purple.5}",
1369
+ "$type": "color",
1370
+ "$extensions": {
1371
+ "org.primer.figma": {
1372
+ "collection": "mode",
1373
+ "mode": "dark",
1374
+ "group": "component",
1375
+ "scopes": ["bgColor"]
1376
+ }
1377
+ }
1378
+ },
1379
+ "name": "data-purple-color",
1380
+ "attributes": {},
1381
+ "path": ["data", "purple", "color"]
1382
+ },
1383
+ "data-pink-color": {
1384
+ "value": "#ce2c85",
1385
+ "$type": "color",
1386
+ "$extensions": {
1387
+ "org.primer.figma": {
1388
+ "collection": "mode",
1389
+ "mode": "dark",
1390
+ "group": "component",
1391
+ "scopes": ["bgColor"]
1392
+ }
1393
+ },
1394
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1395
+ "isSource": true,
1396
+ "original": {
1397
+ "value": "{base.display.color.pink.5}",
1398
+ "$type": "color",
1399
+ "$extensions": {
1400
+ "org.primer.figma": {
1401
+ "collection": "mode",
1402
+ "mode": "dark",
1403
+ "group": "component",
1404
+ "scopes": ["bgColor"]
1405
+ }
1406
+ }
1407
+ },
1408
+ "name": "data-pink-color",
1409
+ "attributes": {},
1410
+ "path": ["data", "pink", "color"]
1411
+ },
1412
+ "data-red-color": {
1413
+ "value": "#df0c24",
1414
+ "$type": "color",
1415
+ "$extensions": {
1416
+ "org.primer.figma": {
1417
+ "collection": "mode",
1418
+ "mode": "dark",
1419
+ "group": "component",
1420
+ "scopes": ["bgColor"]
1421
+ }
1422
+ },
1423
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1424
+ "isSource": true,
1425
+ "original": {
1426
+ "value": "{base.display.color.red.5}",
1427
+ "$type": "color",
1428
+ "$extensions": {
1429
+ "org.primer.figma": {
1430
+ "collection": "mode",
1431
+ "mode": "dark",
1432
+ "group": "component",
1433
+ "scopes": ["bgColor"]
1434
+ }
1435
+ }
1436
+ },
1437
+ "name": "data-red-color",
1438
+ "attributes": {},
1439
+ "path": ["data", "red", "color"]
1440
+ },
1441
+ "data-gray-color": {
1442
+ "value": "#808fa3",
1443
+ "$type": "color",
1444
+ "$extensions": {
1445
+ "org.primer.figma": {
1446
+ "collection": "mode",
1447
+ "mode": "dark",
1448
+ "group": "component",
1449
+ "scopes": ["bgColor"]
1450
+ }
1451
+ },
1452
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1453
+ "isSource": true,
1454
+ "original": {
1455
+ "value": "{base.display.color.gray.4}",
1456
+ "$type": "color",
1457
+ "$extensions": {
1458
+ "org.primer.figma": {
1459
+ "collection": "mode",
1460
+ "mode": "dark",
1461
+ "group": "component",
1462
+ "scopes": ["bgColor"]
1463
+ }
1464
+ }
1465
+ },
1466
+ "name": "data-gray-color",
1467
+ "attributes": {},
1468
+ "path": ["data", "gray", "color"]
1469
+ },
1180
1470
  "avatar-bgColor": {
1181
1471
  "value": "#ffffff",
1182
1472
  "$type": "color",
@@ -1175,6 +1175,296 @@
1175
1175
  "attributes": {},
1176
1176
  "path": ["headerSearch", "borderColor"]
1177
1177
  },
1178
+ "data-blue-color": {
1179
+ "value": "#006edb",
1180
+ "$type": "color",
1181
+ "$extensions": {
1182
+ "org.primer.figma": {
1183
+ "collection": "mode",
1184
+ "mode": "dark",
1185
+ "group": "component",
1186
+ "scopes": ["bgColor"]
1187
+ }
1188
+ },
1189
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1190
+ "isSource": true,
1191
+ "original": {
1192
+ "value": "{base.display.color.blue.5}",
1193
+ "$type": "color",
1194
+ "$extensions": {
1195
+ "org.primer.figma": {
1196
+ "collection": "mode",
1197
+ "mode": "dark",
1198
+ "group": "component",
1199
+ "scopes": ["bgColor"]
1200
+ }
1201
+ }
1202
+ },
1203
+ "name": "data-blue-color",
1204
+ "attributes": {},
1205
+ "path": ["data", "blue", "color"]
1206
+ },
1207
+ "data-auburn-color": {
1208
+ "value": "#9d615c",
1209
+ "$type": "color",
1210
+ "$extensions": {
1211
+ "org.primer.figma": {
1212
+ "collection": "mode",
1213
+ "mode": "dark",
1214
+ "group": "component",
1215
+ "scopes": ["bgColor"]
1216
+ }
1217
+ },
1218
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1219
+ "isSource": true,
1220
+ "original": {
1221
+ "value": "{base.display.color.auburn.5}",
1222
+ "$type": "color",
1223
+ "$extensions": {
1224
+ "org.primer.figma": {
1225
+ "collection": "mode",
1226
+ "mode": "dark",
1227
+ "group": "component",
1228
+ "scopes": ["bgColor"]
1229
+ }
1230
+ }
1231
+ },
1232
+ "name": "data-auburn-color",
1233
+ "attributes": {},
1234
+ "path": ["data", "auburn", "color"]
1235
+ },
1236
+ "data-orange-color": {
1237
+ "value": "#eb670f",
1238
+ "$type": "color",
1239
+ "$extensions": {
1240
+ "org.primer.figma": {
1241
+ "collection": "mode",
1242
+ "mode": "dark",
1243
+ "group": "component",
1244
+ "scopes": ["bgColor"]
1245
+ }
1246
+ },
1247
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1248
+ "isSource": true,
1249
+ "original": {
1250
+ "value": "{base.display.color.orange.4}",
1251
+ "$type": "color",
1252
+ "$extensions": {
1253
+ "org.primer.figma": {
1254
+ "collection": "mode",
1255
+ "mode": "dark",
1256
+ "group": "component",
1257
+ "scopes": ["bgColor"]
1258
+ }
1259
+ }
1260
+ },
1261
+ "name": "data-orange-color",
1262
+ "attributes": {},
1263
+ "path": ["data", "orange", "color"]
1264
+ },
1265
+ "data-yellow-color": {
1266
+ "value": "#b88700",
1267
+ "$type": "color",
1268
+ "$extensions": {
1269
+ "org.primer.figma": {
1270
+ "collection": "mode",
1271
+ "mode": "dark",
1272
+ "group": "component",
1273
+ "scopes": ["bgColor"]
1274
+ }
1275
+ },
1276
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1277
+ "isSource": true,
1278
+ "original": {
1279
+ "value": "{base.display.color.yellow.4}",
1280
+ "$type": "color",
1281
+ "$extensions": {
1282
+ "org.primer.figma": {
1283
+ "collection": "mode",
1284
+ "mode": "dark",
1285
+ "group": "component",
1286
+ "scopes": ["bgColor"]
1287
+ }
1288
+ }
1289
+ },
1290
+ "name": "data-yellow-color",
1291
+ "attributes": {},
1292
+ "path": ["data", "yellow", "color"]
1293
+ },
1294
+ "data-green-color": {
1295
+ "value": "#30a147",
1296
+ "$type": "color",
1297
+ "$extensions": {
1298
+ "org.primer.figma": {
1299
+ "collection": "mode",
1300
+ "mode": "dark",
1301
+ "group": "component",
1302
+ "scopes": ["bgColor"]
1303
+ }
1304
+ },
1305
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1306
+ "isSource": true,
1307
+ "original": {
1308
+ "value": "{base.display.color.green.4}",
1309
+ "$type": "color",
1310
+ "$extensions": {
1311
+ "org.primer.figma": {
1312
+ "collection": "mode",
1313
+ "mode": "dark",
1314
+ "group": "component",
1315
+ "scopes": ["bgColor"]
1316
+ }
1317
+ }
1318
+ },
1319
+ "name": "data-green-color",
1320
+ "attributes": {},
1321
+ "path": ["data", "green", "color"]
1322
+ },
1323
+ "data-teal-color": {
1324
+ "value": "#179b9b",
1325
+ "$type": "color",
1326
+ "$extensions": {
1327
+ "org.primer.figma": {
1328
+ "collection": "mode",
1329
+ "mode": "dark",
1330
+ "group": "component",
1331
+ "scopes": ["bgColor"]
1332
+ }
1333
+ },
1334
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1335
+ "isSource": true,
1336
+ "original": {
1337
+ "value": "{base.display.color.teal.4}",
1338
+ "$type": "color",
1339
+ "$extensions": {
1340
+ "org.primer.figma": {
1341
+ "collection": "mode",
1342
+ "mode": "dark",
1343
+ "group": "component",
1344
+ "scopes": ["bgColor"]
1345
+ }
1346
+ }
1347
+ },
1348
+ "name": "data-teal-color",
1349
+ "attributes": {},
1350
+ "path": ["data", "teal", "color"]
1351
+ },
1352
+ "data-purple-color": {
1353
+ "value": "#894ceb",
1354
+ "$type": "color",
1355
+ "$extensions": {
1356
+ "org.primer.figma": {
1357
+ "collection": "mode",
1358
+ "mode": "dark",
1359
+ "group": "component",
1360
+ "scopes": ["bgColor"]
1361
+ }
1362
+ },
1363
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1364
+ "isSource": true,
1365
+ "original": {
1366
+ "value": "{base.display.color.purple.5}",
1367
+ "$type": "color",
1368
+ "$extensions": {
1369
+ "org.primer.figma": {
1370
+ "collection": "mode",
1371
+ "mode": "dark",
1372
+ "group": "component",
1373
+ "scopes": ["bgColor"]
1374
+ }
1375
+ }
1376
+ },
1377
+ "name": "data-purple-color",
1378
+ "attributes": {},
1379
+ "path": ["data", "purple", "color"]
1380
+ },
1381
+ "data-pink-color": {
1382
+ "value": "#ce2c85",
1383
+ "$type": "color",
1384
+ "$extensions": {
1385
+ "org.primer.figma": {
1386
+ "collection": "mode",
1387
+ "mode": "dark",
1388
+ "group": "component",
1389
+ "scopes": ["bgColor"]
1390
+ }
1391
+ },
1392
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1393
+ "isSource": true,
1394
+ "original": {
1395
+ "value": "{base.display.color.pink.5}",
1396
+ "$type": "color",
1397
+ "$extensions": {
1398
+ "org.primer.figma": {
1399
+ "collection": "mode",
1400
+ "mode": "dark",
1401
+ "group": "component",
1402
+ "scopes": ["bgColor"]
1403
+ }
1404
+ }
1405
+ },
1406
+ "name": "data-pink-color",
1407
+ "attributes": {},
1408
+ "path": ["data", "pink", "color"]
1409
+ },
1410
+ "data-red-color": {
1411
+ "value": "#df0c24",
1412
+ "$type": "color",
1413
+ "$extensions": {
1414
+ "org.primer.figma": {
1415
+ "collection": "mode",
1416
+ "mode": "dark",
1417
+ "group": "component",
1418
+ "scopes": ["bgColor"]
1419
+ }
1420
+ },
1421
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1422
+ "isSource": true,
1423
+ "original": {
1424
+ "value": "{base.display.color.red.5}",
1425
+ "$type": "color",
1426
+ "$extensions": {
1427
+ "org.primer.figma": {
1428
+ "collection": "mode",
1429
+ "mode": "dark",
1430
+ "group": "component",
1431
+ "scopes": ["bgColor"]
1432
+ }
1433
+ }
1434
+ },
1435
+ "name": "data-red-color",
1436
+ "attributes": {},
1437
+ "path": ["data", "red", "color"]
1438
+ },
1439
+ "data-gray-color": {
1440
+ "value": "#808fa3",
1441
+ "$type": "color",
1442
+ "$extensions": {
1443
+ "org.primer.figma": {
1444
+ "collection": "mode",
1445
+ "mode": "dark",
1446
+ "group": "component",
1447
+ "scopes": ["bgColor"]
1448
+ }
1449
+ },
1450
+ "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
1451
+ "isSource": true,
1452
+ "original": {
1453
+ "value": "{base.display.color.gray.4}",
1454
+ "$type": "color",
1455
+ "$extensions": {
1456
+ "org.primer.figma": {
1457
+ "collection": "mode",
1458
+ "mode": "dark",
1459
+ "group": "component",
1460
+ "scopes": ["bgColor"]
1461
+ }
1462
+ }
1463
+ },
1464
+ "name": "data-gray-color",
1465
+ "attributes": {},
1466
+ "path": ["data", "gray", "color"]
1467
+ },
1178
1468
  "avatar-bgColor": {
1179
1469
  "value": "#ffffff",
1180
1470
  "$type": "color",