@primer/primitives 10.3.0-rc.8d184d75 → 10.3.0-rc.a435cda1

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 (31) hide show
  1. package/dist/docs/functional/themes/dark-colorblind.json +7 -1
  2. package/dist/docs/functional/themes/dark-dimmed.json +7 -1
  3. package/dist/docs/functional/themes/dark-high-contrast.json +7 -1
  4. package/dist/docs/functional/themes/dark-tritanopia.json +7 -1
  5. package/dist/docs/functional/themes/dark.json +7 -1
  6. package/dist/docs/functional/themes/light-colorblind.json +7 -1
  7. package/dist/docs/functional/themes/light-high-contrast.json +7 -1
  8. package/dist/docs/functional/themes/light-tritanopia.json +7 -1
  9. package/dist/docs/functional/themes/light.json +7 -1
  10. package/dist/figma/themes/dark-colorblind.json +16 -16
  11. package/dist/figma/themes/dark-dimmed.json +16 -16
  12. package/dist/figma/themes/dark-high-contrast.json +14 -14
  13. package/dist/figma/themes/dark-tritanopia.json +16 -16
  14. package/dist/figma/themes/dark.json +16 -16
  15. package/dist/figma/themes/light-colorblind.json +16 -16
  16. package/dist/figma/themes/light-high-contrast.json +14 -14
  17. package/dist/figma/themes/light-tritanopia.json +16 -16
  18. package/dist/figma/themes/light.json +16 -16
  19. package/dist/styleLint/functional/themes/dark-colorblind.json +7 -1
  20. package/dist/styleLint/functional/themes/dark-dimmed.json +7 -1
  21. package/dist/styleLint/functional/themes/dark-high-contrast.json +7 -1
  22. package/dist/styleLint/functional/themes/dark-tritanopia.json +7 -1
  23. package/dist/styleLint/functional/themes/dark.json +7 -1
  24. package/dist/styleLint/functional/themes/light-colorblind.json +7 -1
  25. package/dist/styleLint/functional/themes/light-high-contrast.json +7 -1
  26. package/dist/styleLint/functional/themes/light-tritanopia.json +7 -1
  27. package/dist/styleLint/functional/themes/light.json +7 -1
  28. package/package.json +1 -1
  29. package/src/tokens/component/page.json5 +20 -0
  30. package/src/tokens/functional/color/dark/app-dark.json5 +0 -16
  31. package/src/tokens/functional/color/light/app-light.json5 +0 -16
@@ -15862,9 +15862,12 @@
15862
15862
  "collection": "mode",
15863
15863
  "group": "component",
15864
15864
  "scopes": ["bgColor"]
15865
+ },
15866
+ "org.primer.overrides": {
15867
+ "dark": "#0d1117"
15865
15868
  }
15866
15869
  },
15867
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15870
+ "filePath": "src/tokens/component/page.json5",
15868
15871
  "isSource": true,
15869
15872
  "original": {
15870
15873
  "$value": "{bgColor.default}",
@@ -15874,6 +15877,9 @@
15874
15877
  "collection": "mode",
15875
15878
  "group": "component",
15876
15879
  "scopes": ["bgColor"]
15880
+ },
15881
+ "org.primer.overrides": {
15882
+ "dark": "{bgColor.default}"
15877
15883
  }
15878
15884
  }
15879
15885
  },
@@ -15896,9 +15896,12 @@
15896
15896
  "collection": "mode",
15897
15897
  "group": "component",
15898
15898
  "scopes": ["bgColor"]
15899
+ },
15900
+ "org.primer.overrides": {
15901
+ "dark": "#212830"
15899
15902
  }
15900
15903
  },
15901
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15904
+ "filePath": "src/tokens/component/page.json5",
15902
15905
  "isSource": true,
15903
15906
  "original": {
15904
15907
  "$value": "{bgColor.default}",
@@ -15908,6 +15911,9 @@
15908
15911
  "collection": "mode",
15909
15912
  "group": "component",
15910
15913
  "scopes": ["bgColor"]
15914
+ },
15915
+ "org.primer.overrides": {
15916
+ "dark": "{bgColor.default}"
15911
15917
  }
15912
15918
  }
15913
15919
  },
@@ -14444,9 +14444,12 @@
14444
14444
  "collection": "mode",
14445
14445
  "group": "component",
14446
14446
  "scopes": ["bgColor"]
14447
+ },
14448
+ "org.primer.overrides": {
14449
+ "dark": "#010409"
14447
14450
  }
14448
14451
  },
14449
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
14452
+ "filePath": "src/tokens/component/page.json5",
14450
14453
  "isSource": true,
14451
14454
  "original": {
14452
14455
  "$value": "{bgColor.default}",
@@ -14456,6 +14459,9 @@
14456
14459
  "collection": "mode",
14457
14460
  "group": "component",
14458
14461
  "scopes": ["bgColor"]
14462
+ },
14463
+ "org.primer.overrides": {
14464
+ "dark": "{bgColor.default}"
14459
14465
  }
14460
14466
  }
14461
14467
  },
@@ -15942,9 +15942,12 @@
15942
15942
  "collection": "mode",
15943
15943
  "group": "component",
15944
15944
  "scopes": ["bgColor"]
15945
+ },
15946
+ "org.primer.overrides": {
15947
+ "dark": "#0d1117"
15945
15948
  }
15946
15949
  },
15947
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15950
+ "filePath": "src/tokens/component/page.json5",
15948
15951
  "isSource": true,
15949
15952
  "original": {
15950
15953
  "$value": "{bgColor.default}",
@@ -15954,6 +15957,9 @@
15954
15957
  "collection": "mode",
15955
15958
  "group": "component",
15956
15959
  "scopes": ["bgColor"]
15960
+ },
15961
+ "org.primer.overrides": {
15962
+ "dark": "{bgColor.default}"
15957
15963
  }
15958
15964
  }
15959
15965
  },
@@ -16582,9 +16582,12 @@
16582
16582
  "collection": "mode",
16583
16583
  "group": "component",
16584
16584
  "scopes": ["bgColor"]
16585
+ },
16586
+ "org.primer.overrides": {
16587
+ "dark": "#0d1117"
16585
16588
  }
16586
16589
  },
16587
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
16590
+ "filePath": "src/tokens/component/page.json5",
16588
16591
  "isSource": true,
16589
16592
  "original": {
16590
16593
  "$value": "{bgColor.default}",
@@ -16594,6 +16597,9 @@
16594
16597
  "collection": "mode",
16595
16598
  "group": "component",
16596
16599
  "scopes": ["bgColor"]
16600
+ },
16601
+ "org.primer.overrides": {
16602
+ "dark": "{bgColor.default}"
16597
16603
  }
16598
16604
  }
16599
16605
  },
@@ -15900,9 +15900,12 @@
15900
15900
  "collection": "mode",
15901
15901
  "group": "component",
15902
15902
  "scopes": ["bgColor"]
15903
+ },
15904
+ "org.primer.overrides": {
15905
+ "dark": "#ffffff"
15903
15906
  }
15904
15907
  },
15905
- "filePath": "src/tokens/functional/color/light/app-light.json5",
15908
+ "filePath": "src/tokens/component/page.json5",
15906
15909
  "isSource": true,
15907
15910
  "original": {
15908
15911
  "$value": "{bgColor.muted}",
@@ -15912,6 +15915,9 @@
15912
15915
  "collection": "mode",
15913
15916
  "group": "component",
15914
15917
  "scopes": ["bgColor"]
15918
+ },
15919
+ "org.primer.overrides": {
15920
+ "dark": "{bgColor.default}"
15915
15921
  }
15916
15922
  }
15917
15923
  },
@@ -14554,9 +14554,12 @@
14554
14554
  "collection": "mode",
14555
14555
  "group": "component",
14556
14556
  "scopes": ["bgColor"]
14557
+ },
14558
+ "org.primer.overrides": {
14559
+ "dark": "#ffffff"
14557
14560
  }
14558
14561
  },
14559
- "filePath": "src/tokens/functional/color/light/app-light.json5",
14562
+ "filePath": "src/tokens/component/page.json5",
14560
14563
  "isSource": true,
14561
14564
  "original": {
14562
14565
  "$value": "{bgColor.muted}",
@@ -14566,6 +14569,9 @@
14566
14569
  "collection": "mode",
14567
14570
  "group": "component",
14568
14571
  "scopes": ["bgColor"]
14572
+ },
14573
+ "org.primer.overrides": {
14574
+ "dark": "{bgColor.default}"
14569
14575
  }
14570
14576
  }
14571
14577
  },
@@ -15982,9 +15982,12 @@
15982
15982
  "collection": "mode",
15983
15983
  "group": "component",
15984
15984
  "scopes": ["bgColor"]
15985
+ },
15986
+ "org.primer.overrides": {
15987
+ "dark": "#ffffff"
15985
15988
  }
15986
15989
  },
15987
- "filePath": "src/tokens/functional/color/light/app-light.json5",
15990
+ "filePath": "src/tokens/component/page.json5",
15988
15991
  "isSource": true,
15989
15992
  "original": {
15990
15993
  "$value": "{bgColor.muted}",
@@ -15994,6 +15997,9 @@
15994
15997
  "collection": "mode",
15995
15998
  "group": "component",
15996
15999
  "scopes": ["bgColor"]
16000
+ },
16001
+ "org.primer.overrides": {
16002
+ "dark": "{bgColor.default}"
15997
16003
  }
15998
16004
  }
15999
16005
  },
@@ -16534,9 +16534,12 @@
16534
16534
  "collection": "mode",
16535
16535
  "group": "component",
16536
16536
  "scopes": ["bgColor"]
16537
+ },
16538
+ "org.primer.overrides": {
16539
+ "dark": "#ffffff"
16537
16540
  }
16538
16541
  },
16539
- "filePath": "src/tokens/functional/color/light/app-light.json5",
16542
+ "filePath": "src/tokens/component/page.json5",
16540
16543
  "isSource": true,
16541
16544
  "original": {
16542
16545
  "$value": "{bgColor.muted}",
@@ -16546,6 +16549,9 @@
16546
16549
  "collection": "mode",
16547
16550
  "group": "component",
16548
16551
  "scopes": ["bgColor"]
16552
+ },
16553
+ "org.primer.overrides": {
16554
+ "dark": "{bgColor.default}"
16549
16555
  }
16550
16556
  }
16551
16557
  },
@@ -2409,22 +2409,6 @@
2409
2409
  "group": "component",
2410
2410
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2411
2411
  },
2412
- {
2413
- "name": "topicTag/borderColor",
2414
- "value": {
2415
- "r": 0,
2416
- "g": 0,
2417
- "b": 0,
2418
- "a": 0
2419
- },
2420
- "type": "COLOR",
2421
- "refId": "mode/topicTag/borderColor",
2422
- "reference": "base/color/dark/base/color/transparent",
2423
- "collection": "mode",
2424
- "mode": "dark protanopia deuteranopia",
2425
- "group": "component",
2426
- "scopes": ["STROKE_COLOR"]
2427
- },
2428
2412
  {
2429
2413
  "name": "page/header/bgColor",
2430
2414
  "value": {
@@ -2441,6 +2425,22 @@
2441
2425
  "group": "component",
2442
2426
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2443
2427
  },
2428
+ {
2429
+ "name": "topicTag/borderColor",
2430
+ "value": {
2431
+ "r": 0,
2432
+ "g": 0,
2433
+ "b": 0,
2434
+ "a": 0
2435
+ },
2436
+ "type": "COLOR",
2437
+ "refId": "mode/topicTag/borderColor",
2438
+ "reference": "base/color/dark/base/color/transparent",
2439
+ "collection": "mode",
2440
+ "mode": "dark protanopia deuteranopia",
2441
+ "group": "component",
2442
+ "scopes": ["STROKE_COLOR"]
2443
+ },
2444
2444
  {
2445
2445
  "name": "codeMirror/fgColor",
2446
2446
  "value": {
@@ -2311,22 +2311,6 @@
2311
2311
  "group": "component",
2312
2312
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2313
2313
  },
2314
- {
2315
- "name": "topicTag/borderColor",
2316
- "value": {
2317
- "r": 0,
2318
- "g": 0,
2319
- "b": 0,
2320
- "a": 0
2321
- },
2322
- "type": "COLOR",
2323
- "refId": "mode/topicTag/borderColor",
2324
- "reference": "base/color/dark/base/color/transparent",
2325
- "collection": "mode",
2326
- "mode": "dark dimmed",
2327
- "group": "component",
2328
- "scopes": ["STROKE_COLOR"]
2329
- },
2330
2314
  {
2331
2315
  "name": "page/header/bgColor",
2332
2316
  "value": {
@@ -2343,6 +2327,22 @@
2343
2327
  "group": "component",
2344
2328
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2345
2329
  },
2330
+ {
2331
+ "name": "topicTag/borderColor",
2332
+ "value": {
2333
+ "r": 0,
2334
+ "g": 0,
2335
+ "b": 0,
2336
+ "a": 0
2337
+ },
2338
+ "type": "COLOR",
2339
+ "refId": "mode/topicTag/borderColor",
2340
+ "reference": "base/color/dark/base/color/transparent",
2341
+ "collection": "mode",
2342
+ "mode": "dark dimmed",
2343
+ "group": "component",
2344
+ "scopes": ["STROKE_COLOR"]
2345
+ },
2346
2346
  {
2347
2347
  "name": "codeMirror/fgColor",
2348
2348
  "value": {
@@ -2233,36 +2233,36 @@
2233
2233
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2234
2234
  },
2235
2235
  {
2236
- "name": "topicTag/borderColor",
2236
+ "name": "page/header/bgColor",
2237
2237
  "value": {
2238
- "r": 0.25098039215686274,
2239
- "g": 0.6196078431372549,
2240
- "b": 1,
2238
+ "r": 0.00392156862745098,
2239
+ "g": 0.01568627450980392,
2240
+ "b": 0.03529411764705882,
2241
2241
  "a": 1
2242
2242
  },
2243
2243
  "type": "COLOR",
2244
- "refId": "mode/topicTag/borderColor",
2245
- "reference": "mode/borderColor/accent-emphasis",
2244
+ "refId": "mode/page/header/bgColor",
2245
+ "reference": "bgColor/default",
2246
2246
  "collection": "mode",
2247
2247
  "mode": "dark high contrast",
2248
2248
  "group": "component",
2249
- "scopes": ["STROKE_COLOR"]
2249
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2250
2250
  },
2251
2251
  {
2252
- "name": "page/header/bgColor",
2252
+ "name": "topicTag/borderColor",
2253
2253
  "value": {
2254
- "r": 0.00392156862745098,
2255
- "g": 0.01568627450980392,
2256
- "b": 0.03529411764705882,
2254
+ "r": 0.25098039215686274,
2255
+ "g": 0.6196078431372549,
2256
+ "b": 1,
2257
2257
  "a": 1
2258
2258
  },
2259
2259
  "type": "COLOR",
2260
- "refId": "mode/page/header/bgColor",
2261
- "reference": "bgColor/default",
2260
+ "refId": "mode/topicTag/borderColor",
2261
+ "reference": "mode/borderColor/accent-emphasis",
2262
2262
  "collection": "mode",
2263
2263
  "mode": "dark high contrast",
2264
2264
  "group": "component",
2265
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2265
+ "scopes": ["STROKE_COLOR"]
2266
2266
  },
2267
2267
  {
2268
2268
  "name": "codeMirror/fgColor",
@@ -2421,22 +2421,6 @@
2421
2421
  "group": "component",
2422
2422
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2423
2423
  },
2424
- {
2425
- "name": "topicTag/borderColor",
2426
- "value": {
2427
- "r": 0,
2428
- "g": 0,
2429
- "b": 0,
2430
- "a": 0
2431
- },
2432
- "type": "COLOR",
2433
- "refId": "mode/topicTag/borderColor",
2434
- "reference": "base/color/dark/base/color/transparent",
2435
- "collection": "mode",
2436
- "mode": "dark tritanopia",
2437
- "group": "component",
2438
- "scopes": ["STROKE_COLOR"]
2439
- },
2440
2424
  {
2441
2425
  "name": "page/header/bgColor",
2442
2426
  "value": {
@@ -2453,6 +2437,22 @@
2453
2437
  "group": "component",
2454
2438
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2455
2439
  },
2440
+ {
2441
+ "name": "topicTag/borderColor",
2442
+ "value": {
2443
+ "r": 0,
2444
+ "g": 0,
2445
+ "b": 0,
2446
+ "a": 0
2447
+ },
2448
+ "type": "COLOR",
2449
+ "refId": "mode/topicTag/borderColor",
2450
+ "reference": "base/color/dark/base/color/transparent",
2451
+ "collection": "mode",
2452
+ "mode": "dark tritanopia",
2453
+ "group": "component",
2454
+ "scopes": ["STROKE_COLOR"]
2455
+ },
2456
2456
  {
2457
2457
  "name": "codeMirror/fgColor",
2458
2458
  "value": {
@@ -2529,22 +2529,6 @@
2529
2529
  "group": "component",
2530
2530
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2531
2531
  },
2532
- {
2533
- "name": "topicTag/borderColor",
2534
- "value": {
2535
- "r": 0,
2536
- "g": 0,
2537
- "b": 0,
2538
- "a": 0
2539
- },
2540
- "type": "COLOR",
2541
- "refId": "mode/topicTag/borderColor",
2542
- "reference": "base/color/dark/base/color/transparent",
2543
- "collection": "mode",
2544
- "mode": "dark",
2545
- "group": "component",
2546
- "scopes": ["STROKE_COLOR"]
2547
- },
2548
2532
  {
2549
2533
  "name": "page/header/bgColor",
2550
2534
  "value": {
@@ -2561,6 +2545,22 @@
2561
2545
  "group": "component",
2562
2546
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2563
2547
  },
2548
+ {
2549
+ "name": "topicTag/borderColor",
2550
+ "value": {
2551
+ "r": 0,
2552
+ "g": 0,
2553
+ "b": 0,
2554
+ "a": 0
2555
+ },
2556
+ "type": "COLOR",
2557
+ "refId": "mode/topicTag/borderColor",
2558
+ "reference": "base/color/dark/base/color/transparent",
2559
+ "collection": "mode",
2560
+ "mode": "dark",
2561
+ "group": "component",
2562
+ "scopes": ["STROKE_COLOR"]
2563
+ },
2564
2564
  {
2565
2565
  "name": "codeMirror/fgColor",
2566
2566
  "value": {
@@ -2333,22 +2333,6 @@
2333
2333
  "group": "component",
2334
2334
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2335
2335
  },
2336
- {
2337
- "name": "topicTag/borderColor",
2338
- "value": {
2339
- "r": 1,
2340
- "g": 1,
2341
- "b": 1,
2342
- "a": 0
2343
- },
2344
- "type": "COLOR",
2345
- "refId": "mode/topicTag/borderColor",
2346
- "reference": "base/color/light/base/color/transparent",
2347
- "collection": "mode",
2348
- "mode": "light protanopia deuteranopia",
2349
- "group": "component",
2350
- "scopes": ["STROKE_COLOR"]
2351
- },
2352
2336
  {
2353
2337
  "name": "page/header/bgColor",
2354
2338
  "value": {
@@ -2365,6 +2349,22 @@
2365
2349
  "group": "component",
2366
2350
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2367
2351
  },
2352
+ {
2353
+ "name": "topicTag/borderColor",
2354
+ "value": {
2355
+ "r": 1,
2356
+ "g": 1,
2357
+ "b": 1,
2358
+ "a": 0
2359
+ },
2360
+ "type": "COLOR",
2361
+ "refId": "mode/topicTag/borderColor",
2362
+ "reference": "base/color/light/base/color/transparent",
2363
+ "collection": "mode",
2364
+ "mode": "light protanopia deuteranopia",
2365
+ "group": "component",
2366
+ "scopes": ["STROKE_COLOR"]
2367
+ },
2368
2368
  {
2369
2369
  "name": "codeMirror/fgColor",
2370
2370
  "value": {
@@ -2190,36 +2190,36 @@
2190
2190
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2191
2191
  },
2192
2192
  {
2193
- "name": "topicTag/borderColor",
2193
+ "name": "page/header/bgColor",
2194
2194
  "value": {
2195
- "r": 0.011764705882352941,
2196
- "g": 0.28627450980392155,
2197
- "b": 0.7058823529411765,
2195
+ "r": 0.9019607843137255,
2196
+ "g": 0.9176470588235294,
2197
+ "b": 0.9372549019607843,
2198
2198
  "a": 1
2199
2199
  },
2200
2200
  "type": "COLOR",
2201
- "refId": "mode/topicTag/borderColor",
2202
- "reference": "mode/borderColor/accent-emphasis",
2201
+ "refId": "mode/page/header/bgColor",
2202
+ "reference": "bgColor/muted",
2203
2203
  "collection": "mode",
2204
2204
  "mode": "light high contrast",
2205
2205
  "group": "component",
2206
- "scopes": ["STROKE_COLOR"]
2206
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2207
2207
  },
2208
2208
  {
2209
- "name": "page/header/bgColor",
2209
+ "name": "topicTag/borderColor",
2210
2210
  "value": {
2211
- "r": 0.9019607843137255,
2212
- "g": 0.9176470588235294,
2213
- "b": 0.9372549019607843,
2211
+ "r": 0.011764705882352941,
2212
+ "g": 0.28627450980392155,
2213
+ "b": 0.7058823529411765,
2214
2214
  "a": 1
2215
2215
  },
2216
2216
  "type": "COLOR",
2217
- "refId": "mode/page/header/bgColor",
2218
- "reference": "bgColor/muted",
2217
+ "refId": "mode/topicTag/borderColor",
2218
+ "reference": "mode/borderColor/accent-emphasis",
2219
2219
  "collection": "mode",
2220
2220
  "mode": "light high contrast",
2221
2221
  "group": "component",
2222
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2222
+ "scopes": ["STROKE_COLOR"]
2223
2223
  },
2224
2224
  {
2225
2225
  "name": "codeMirror/fgColor",
@@ -2364,22 +2364,6 @@
2364
2364
  "group": "component",
2365
2365
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2366
2366
  },
2367
- {
2368
- "name": "topicTag/borderColor",
2369
- "value": {
2370
- "r": 1,
2371
- "g": 1,
2372
- "b": 1,
2373
- "a": 0
2374
- },
2375
- "type": "COLOR",
2376
- "refId": "mode/topicTag/borderColor",
2377
- "reference": "base/color/light/base/color/transparent",
2378
- "collection": "mode",
2379
- "mode": "light tritanopia",
2380
- "group": "component",
2381
- "scopes": ["STROKE_COLOR"]
2382
- },
2383
2367
  {
2384
2368
  "name": "page/header/bgColor",
2385
2369
  "value": {
@@ -2396,6 +2380,22 @@
2396
2380
  "group": "component",
2397
2381
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2398
2382
  },
2383
+ {
2384
+ "name": "topicTag/borderColor",
2385
+ "value": {
2386
+ "r": 1,
2387
+ "g": 1,
2388
+ "b": 1,
2389
+ "a": 0
2390
+ },
2391
+ "type": "COLOR",
2392
+ "refId": "mode/topicTag/borderColor",
2393
+ "reference": "base/color/light/base/color/transparent",
2394
+ "collection": "mode",
2395
+ "mode": "light tritanopia",
2396
+ "group": "component",
2397
+ "scopes": ["STROKE_COLOR"]
2398
+ },
2399
2399
  {
2400
2400
  "name": "codeMirror/fgColor",
2401
2401
  "value": {
@@ -1,20 +1,4 @@
1
1
  [
2
- {
3
- "name": "page/header/bgColor",
4
- "value": {
5
- "r": 0.9647058823529412,
6
- "g": 0.9725490196078431,
7
- "b": 0.9803921568627451,
8
- "a": 1
9
- },
10
- "type": "COLOR",
11
- "refId": "mode/page/header/bgColor",
12
- "reference": "mode/bgColor/muted",
13
- "collection": "mode",
14
- "mode": "light",
15
- "group": "component",
16
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
17
- },
18
2
  {
19
3
  "name": "codeMirror/fgColor",
20
4
  "value": {
@@ -10184,6 +10168,22 @@
10184
10168
  "group": "component",
10185
10169
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10186
10170
  },
10171
+ {
10172
+ "name": "page/header/bgColor",
10173
+ "value": {
10174
+ "r": 0.9647058823529412,
10175
+ "g": 0.9725490196078431,
10176
+ "b": 0.9803921568627451,
10177
+ "a": 1
10178
+ },
10179
+ "type": "COLOR",
10180
+ "refId": "mode/page/header/bgColor",
10181
+ "reference": "mode/bgColor/muted",
10182
+ "collection": "mode",
10183
+ "mode": "light",
10184
+ "group": "component",
10185
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10186
+ },
10187
10187
  {
10188
10188
  "name": "topicTag/borderColor",
10189
10189
  "value": {
@@ -15864,9 +15864,12 @@
15864
15864
  "collection": "mode",
15865
15865
  "group": "component",
15866
15866
  "scopes": ["bgColor"]
15867
+ },
15868
+ "org.primer.overrides": {
15869
+ "dark": "#0d1117"
15867
15870
  }
15868
15871
  },
15869
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15872
+ "filePath": "src/tokens/component/page.json5",
15870
15873
  "isSource": true,
15871
15874
  "original": {
15872
15875
  "$value": "{bgColor.default}",
@@ -15876,6 +15879,9 @@
15876
15879
  "collection": "mode",
15877
15880
  "group": "component",
15878
15881
  "scopes": ["bgColor"]
15882
+ },
15883
+ "org.primer.overrides": {
15884
+ "dark": "{bgColor.default}"
15879
15885
  }
15880
15886
  }
15881
15887
  },
@@ -15898,9 +15898,12 @@
15898
15898
  "collection": "mode",
15899
15899
  "group": "component",
15900
15900
  "scopes": ["bgColor"]
15901
+ },
15902
+ "org.primer.overrides": {
15903
+ "dark": "#212830"
15901
15904
  }
15902
15905
  },
15903
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15906
+ "filePath": "src/tokens/component/page.json5",
15904
15907
  "isSource": true,
15905
15908
  "original": {
15906
15909
  "$value": "{bgColor.default}",
@@ -15910,6 +15913,9 @@
15910
15913
  "collection": "mode",
15911
15914
  "group": "component",
15912
15915
  "scopes": ["bgColor"]
15916
+ },
15917
+ "org.primer.overrides": {
15918
+ "dark": "{bgColor.default}"
15913
15919
  }
15914
15920
  }
15915
15921
  },
@@ -14446,9 +14446,12 @@
14446
14446
  "collection": "mode",
14447
14447
  "group": "component",
14448
14448
  "scopes": ["bgColor"]
14449
+ },
14450
+ "org.primer.overrides": {
14451
+ "dark": "#010409"
14449
14452
  }
14450
14453
  },
14451
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
14454
+ "filePath": "src/tokens/component/page.json5",
14452
14455
  "isSource": true,
14453
14456
  "original": {
14454
14457
  "$value": "{bgColor.default}",
@@ -14458,6 +14461,9 @@
14458
14461
  "collection": "mode",
14459
14462
  "group": "component",
14460
14463
  "scopes": ["bgColor"]
14464
+ },
14465
+ "org.primer.overrides": {
14466
+ "dark": "{bgColor.default}"
14461
14467
  }
14462
14468
  }
14463
14469
  },
@@ -15944,9 +15944,12 @@
15944
15944
  "collection": "mode",
15945
15945
  "group": "component",
15946
15946
  "scopes": ["bgColor"]
15947
+ },
15948
+ "org.primer.overrides": {
15949
+ "dark": "#0d1117"
15947
15950
  }
15948
15951
  },
15949
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15952
+ "filePath": "src/tokens/component/page.json5",
15950
15953
  "isSource": true,
15951
15954
  "original": {
15952
15955
  "$value": "{bgColor.default}",
@@ -15956,6 +15959,9 @@
15956
15959
  "collection": "mode",
15957
15960
  "group": "component",
15958
15961
  "scopes": ["bgColor"]
15962
+ },
15963
+ "org.primer.overrides": {
15964
+ "dark": "{bgColor.default}"
15959
15965
  }
15960
15966
  }
15961
15967
  },
@@ -16584,9 +16584,12 @@
16584
16584
  "collection": "mode",
16585
16585
  "group": "component",
16586
16586
  "scopes": ["bgColor"]
16587
+ },
16588
+ "org.primer.overrides": {
16589
+ "dark": "#0d1117"
16587
16590
  }
16588
16591
  },
16589
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
16592
+ "filePath": "src/tokens/component/page.json5",
16590
16593
  "isSource": true,
16591
16594
  "original": {
16592
16595
  "$value": "{bgColor.default}",
@@ -16596,6 +16599,9 @@
16596
16599
  "collection": "mode",
16597
16600
  "group": "component",
16598
16601
  "scopes": ["bgColor"]
16602
+ },
16603
+ "org.primer.overrides": {
16604
+ "dark": "{bgColor.default}"
16599
16605
  }
16600
16606
  }
16601
16607
  },
@@ -15902,9 +15902,12 @@
15902
15902
  "collection": "mode",
15903
15903
  "group": "component",
15904
15904
  "scopes": ["bgColor"]
15905
+ },
15906
+ "org.primer.overrides": {
15907
+ "dark": "#ffffff"
15905
15908
  }
15906
15909
  },
15907
- "filePath": "src/tokens/functional/color/light/app-light.json5",
15910
+ "filePath": "src/tokens/component/page.json5",
15908
15911
  "isSource": true,
15909
15912
  "original": {
15910
15913
  "$value": "{bgColor.muted}",
@@ -15914,6 +15917,9 @@
15914
15917
  "collection": "mode",
15915
15918
  "group": "component",
15916
15919
  "scopes": ["bgColor"]
15920
+ },
15921
+ "org.primer.overrides": {
15922
+ "dark": "{bgColor.default}"
15917
15923
  }
15918
15924
  }
15919
15925
  },
@@ -14556,9 +14556,12 @@
14556
14556
  "collection": "mode",
14557
14557
  "group": "component",
14558
14558
  "scopes": ["bgColor"]
14559
+ },
14560
+ "org.primer.overrides": {
14561
+ "dark": "#ffffff"
14559
14562
  }
14560
14563
  },
14561
- "filePath": "src/tokens/functional/color/light/app-light.json5",
14564
+ "filePath": "src/tokens/component/page.json5",
14562
14565
  "isSource": true,
14563
14566
  "original": {
14564
14567
  "$value": "{bgColor.muted}",
@@ -14568,6 +14571,9 @@
14568
14571
  "collection": "mode",
14569
14572
  "group": "component",
14570
14573
  "scopes": ["bgColor"]
14574
+ },
14575
+ "org.primer.overrides": {
14576
+ "dark": "{bgColor.default}"
14571
14577
  }
14572
14578
  }
14573
14579
  },
@@ -15984,9 +15984,12 @@
15984
15984
  "collection": "mode",
15985
15985
  "group": "component",
15986
15986
  "scopes": ["bgColor"]
15987
+ },
15988
+ "org.primer.overrides": {
15989
+ "dark": "#ffffff"
15987
15990
  }
15988
15991
  },
15989
- "filePath": "src/tokens/functional/color/light/app-light.json5",
15992
+ "filePath": "src/tokens/component/page.json5",
15990
15993
  "isSource": true,
15991
15994
  "original": {
15992
15995
  "$value": "{bgColor.muted}",
@@ -15996,6 +15999,9 @@
15996
15999
  "collection": "mode",
15997
16000
  "group": "component",
15998
16001
  "scopes": ["bgColor"]
16002
+ },
16003
+ "org.primer.overrides": {
16004
+ "dark": "{bgColor.default}"
15999
16005
  }
16000
16006
  }
16001
16007
  },
@@ -16536,9 +16536,12 @@
16536
16536
  "collection": "mode",
16537
16537
  "group": "component",
16538
16538
  "scopes": ["bgColor"]
16539
+ },
16540
+ "org.primer.overrides": {
16541
+ "dark": "#ffffff"
16539
16542
  }
16540
16543
  },
16541
- "filePath": "src/tokens/functional/color/light/app-light.json5",
16544
+ "filePath": "src/tokens/component/page.json5",
16542
16545
  "isSource": true,
16543
16546
  "original": {
16544
16547
  "$value": "{bgColor.muted}",
@@ -16548,6 +16551,9 @@
16548
16551
  "collection": "mode",
16549
16552
  "group": "component",
16550
16553
  "scopes": ["bgColor"]
16554
+ },
16555
+ "org.primer.overrides": {
16556
+ "dark": "{bgColor.default}"
16551
16557
  }
16552
16558
  }
16553
16559
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.3.0-rc.8d184d75",
3
+ "version": "10.3.0-rc.a435cda1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -0,0 +1,20 @@
1
+ {
2
+ page: {
3
+ header: {
4
+ bgColor: {
5
+ $value: '{bgColor.muted}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component',
11
+ scopes: ['bgColor'],
12
+ },
13
+ 'org.primer.overrides': {
14
+ dark: '{bgColor.default}',
15
+ },
16
+ },
17
+ },
18
+ },
19
+ },
20
+ }
@@ -1,20 +1,4 @@
1
1
  {
2
- page: {
3
- header: {
4
- bgColor: {
5
- $value: '{bgColor.default}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
-
11
- group: 'component',
12
- scopes: ['bgColor'],
13
- },
14
- },
15
- },
16
- },
17
- },
18
2
  codeMirror: {
19
3
  fgColor: {
20
4
  $value: '{fgColor.default}',
@@ -1,20 +1,4 @@
1
1
  {
2
- page: {
3
- header: {
4
- bgColor: {
5
- $value: '{bgColor.muted}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
- group: 'component',
11
- scopes: ['bgColor'],
12
- },
13
- },
14
- },
15
- },
16
- },
17
-
18
2
  codeMirror: {
19
3
  fgColor: {
20
4
  $value: '{fgColor.default}',