@primer/primitives 10.3.0-rc.b425078b → 10.3.0

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 (56) hide show
  1. package/dist/build/transformers/colorToHex.js +3 -3
  2. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  3. package/dist/build/transformers/shadowToCss.js +2 -2
  4. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  5. package/dist/build/transformers/utilities/alpha.js +3 -3
  6. package/dist/build/utilities/log.d.ts +6 -0
  7. package/dist/build/utilities/log.js +34 -0
  8. package/dist/docs/functional/themes/dark-colorblind.json +174 -12
  9. package/dist/docs/functional/themes/dark-dimmed.json +212 -12
  10. package/dist/docs/functional/themes/dark-high-contrast.json +213 -13
  11. package/dist/docs/functional/themes/dark-tritanopia.json +174 -12
  12. package/dist/docs/functional/themes/dark.json +174 -12
  13. package/dist/docs/functional/themes/light-colorblind.json +170 -10
  14. package/dist/docs/functional/themes/light-high-contrast.json +211 -11
  15. package/dist/docs/functional/themes/light-tritanopia.json +170 -10
  16. package/dist/docs/functional/themes/light.json +170 -10
  17. package/dist/figma/themes/dark-colorblind.json +165 -164
  18. package/dist/figma/themes/dark-dimmed.json +165 -115
  19. package/dist/figma/themes/dark-high-contrast.json +165 -114
  20. package/dist/figma/themes/dark-tritanopia.json +165 -164
  21. package/dist/figma/themes/dark.json +165 -164
  22. package/dist/figma/themes/light-colorblind.json +164 -164
  23. package/dist/figma/themes/light-high-contrast.json +151 -100
  24. package/dist/figma/themes/light-tritanopia.json +164 -164
  25. package/dist/figma/themes/light.json +164 -164
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +174 -12
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +212 -12
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +213 -13
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +174 -12
  30. package/dist/styleLint/functional/themes/dark.json +174 -12
  31. package/dist/styleLint/functional/themes/light-colorblind.json +170 -10
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +211 -11
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +170 -10
  34. package/dist/styleLint/functional/themes/light.json +170 -10
  35. package/package.json +1 -1
  36. package/src/tokens/component/header.json5 +65 -0
  37. package/src/tokens/component/headerSerach.json5 +32 -0
  38. package/src/tokens/component/overlay.json5 +68 -0
  39. package/src/tokens/component/skeletonLoader.json5 +29 -0
  40. package/src/tokens/functional/color/dark/app-dark.json5 +0 -81
  41. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -18
  42. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -21
  43. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -127
  44. package/src/tokens/functional/color/light/app-light.json5 +0 -75
  45. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -21
  46. package/src/tokens/functional/color/light/patterns-light.json5 +0 -127
  47. package/dist/figma/figma.json +0 -133
  48. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  49. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  50. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  51. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  52. package/dist/figma/shadows/dark.json +0 -1152
  53. package/dist/figma/shadows/light-colorblind.json +0 -1052
  54. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  55. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  56. package/dist/figma/shadows/light.json +0 -1052
package/dist/styleLint/functional/themes/light-colorblind.json CHANGED
@@ -12380,9 +12380,18 @@
12380
12380
  "collection": "mode",
12381
12381
  "group": "component (internal)",
12382
12382
  "scopes": ["bgColor"]
12383
+ },
12384
+ "org.primer.overrides": {
12385
+ "dark": {
12386
+ "$value": "#eff2f5",
12387
+ "alpha": 0.95,
12388
+ "filePath": "src/tokens/component/header.json5",
12389
+ "isSource": true,
12390
+ "$type": "color"
12391
+ }
12383
12392
  }
12384
12393
  },
12385
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12394
+ "filePath": "src/tokens/component/header.json5",
12386
12395
  "isSource": true,
12387
12396
  "original": {
12388
12397
  "$value": "{base.color.neutral.12}",
@@ -12392,6 +12401,15 @@
12392
12401
  "collection": "mode",
12393
12402
  "group": "component (internal)",
12394
12403
  "scopes": ["bgColor"]
12404
+ },
12405
+ "org.primer.overrides": {
12406
+ "dark": {
12407
+ "$value": "{base.color.neutral.2}",
12408
+ "alpha": 0.95,
12409
+ "filePath": "src/tokens/component/header.json5",
12410
+ "isSource": true,
12411
+ "$type": "color"
12412
+ }
12395
12413
  }
12396
12414
  }
12397
12415
  },
@@ -12410,7 +12428,7 @@
12410
12428
  "scopes": ["borderColor"]
12411
12429
  }
12412
12430
  },
12413
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12431
+ "filePath": "src/tokens/component/header.json5",
12414
12432
  "isSource": true,
12415
12433
  "original": {
12416
12434
  "$value": "{base.color.neutral.8}",
@@ -12436,10 +12454,13 @@
12436
12454
  "collection": "mode",
12437
12455
  "group": "component (internal)",
12438
12456
  "scopes": ["fgColor"]
12457
+ },
12458
+ "org.primer.overrides": {
12459
+ "dark": "#1f2328"
12439
12460
  }
12440
12461
  },
12441
12462
  "alpha": 0.7,
12442
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12463
+ "filePath": "src/tokens/component/header.json5",
12443
12464
  "isSource": true,
12444
12465
  "original": {
12445
12466
  "$value": "{base.color.neutral.0}",
@@ -12449,6 +12470,9 @@
12449
12470
  "collection": "mode",
12450
12471
  "group": "component (internal)",
12451
12472
  "scopes": ["fgColor"]
12473
+ },
12474
+ "org.primer.overrides": {
12475
+ "dark": "{base.color.neutral.13}"
12452
12476
  }
12453
12477
  },
12454
12478
  "alpha": 0.7
@@ -12466,9 +12490,12 @@
12466
12490
  "collection": "mode",
12467
12491
  "group": "component (internal)",
12468
12492
  "scopes": ["fgColor"]
12493
+ },
12494
+ "org.primer.overrides": {
12495
+ "dark": "#25292e"
12469
12496
  }
12470
12497
  },
12471
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12498
+ "filePath": "src/tokens/component/header.json5",
12472
12499
  "isSource": true,
12473
12500
  "original": {
12474
12501
  "$value": "{base.color.neutral.0}",
@@ -12478,6 +12505,9 @@
12478
12505
  "collection": "mode",
12479
12506
  "group": "component (internal)",
12480
12507
  "scopes": ["fgColor"]
12508
+ },
12509
+ "org.primer.overrides": {
12510
+ "dark": "{base.color.neutral.12}"
12481
12511
  }
12482
12512
  }
12483
12513
  },
@@ -12494,9 +12524,12 @@
12494
12524
  "collection": "mode",
12495
12525
  "group": "component (internal)",
12496
12526
  "scopes": ["bgColor"]
12527
+ },
12528
+ "org.primer.overrides": {
12529
+ "dark": "#f6f8fa"
12497
12530
  }
12498
12531
  },
12499
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12532
+ "filePath": "src/tokens/component/headerSerach.json5",
12500
12533
  "isSource": true,
12501
12534
  "original": {
12502
12535
  "$value": "{base.color.neutral.12}",
@@ -12506,6 +12539,9 @@
12506
12539
  "collection": "mode",
12507
12540
  "group": "component (internal)",
12508
12541
  "scopes": ["bgColor"]
12542
+ },
12543
+ "org.primer.overrides": {
12544
+ "dark": "{base.color.neutral.1}"
12509
12545
  }
12510
12546
  }
12511
12547
  },
@@ -12522,9 +12558,12 @@
12522
12558
  "collection": "mode",
12523
12559
  "group": "component (internal)",
12524
12560
  "scopes": ["borderColor"]
12561
+ },
12562
+ "org.primer.overrides": {
12563
+ "dark": "#dae0e7"
12525
12564
  }
12526
12565
  },
12527
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12566
+ "filePath": "src/tokens/component/headerSerach.json5",
12528
12567
  "isSource": true,
12529
12568
  "original": {
12530
12569
  "$value": "{base.color.neutral.8}",
@@ -12534,6 +12573,9 @@
12534
12573
  "collection": "mode",
12535
12574
  "group": "component (internal)",
12536
12575
  "scopes": ["borderColor"]
12576
+ },
12577
+ "org.primer.overrides": {
12578
+ "dark": "{base.color.neutral.5}"
12537
12579
  }
12538
12580
  }
12539
12581
  },
@@ -15816,10 +15858,16 @@
15816
15858
  "collection": "mode",
15817
15859
  "group": "component (internal)",
15818
15860
  "scopes": ["bgColor"]
15861
+ },
15862
+ "org.primer.overrides": {
15863
+ "dark": "#e6eaef",
15864
+ "dark-dimmed": "#e0e6eb",
15865
+ "light-high-contrast": "#393f46",
15866
+ "dark-high-contrast": "#393f46"
15819
15867
  }
15820
15868
  },
15821
15869
  "alpha": 0.4,
15822
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15870
+ "filePath": "src/tokens/component/overlay.json5",
15823
15871
  "isSource": true,
15824
15872
  "original": {
15825
15873
  "$value": "{base.color.neutral.7}",
@@ -15829,6 +15877,12 @@
15829
15877
  "collection": "mode",
15830
15878
  "group": "component (internal)",
15831
15879
  "scopes": ["bgColor"]
15880
+ },
15881
+ "org.primer.overrides": {
15882
+ "dark": "{base.color.neutral.3}",
15883
+ "dark-dimmed": "{base.color.neutral.4}",
15884
+ "light-high-contrast": "{base.color.neutral.11}",
15885
+ "dark-high-contrast": "{base.color.neutral.11}"
15832
15886
  }
15833
15887
  },
15834
15888
  "alpha": 0.4
@@ -15846,9 +15900,13 @@
15846
15900
  "collection": "mode",
15847
15901
  "group": "component (internal)",
15848
15902
  "scopes": ["bgColor"]
15903
+ },
15904
+ "org.primer.overrides": {
15905
+ "dark": "#f6f8fa",
15906
+ "dark-dimmed": "#dae0e7"
15849
15907
  }
15850
15908
  },
15851
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15909
+ "filePath": "src/tokens/component/overlay.json5",
15852
15910
  "isSource": true,
15853
15911
  "original": {
15854
15912
  "$value": "{base.color.neutral.0}",
@@ -15858,6 +15916,10 @@
15858
15916
  "collection": "mode",
15859
15917
  "group": "component (internal)",
15860
15918
  "scopes": ["bgColor"]
15919
+ },
15920
+ "org.primer.overrides": {
15921
+ "dark": "{bgColor.muted}",
15922
+ "dark-dimmed": "{base.color.neutral.5}"
15861
15923
  }
15862
15924
  }
15863
15925
  },
@@ -15873,10 +15935,40 @@
15873
15935
  "org.primer.figma": {
15874
15936
  "collection": "mode",
15875
15937
  "group": "component (internal)"
15938
+ },
15939
+ "org.primer.overrides": {
15940
+ "dark": {
15941
+ "alpha": 1,
15942
+ "$value": "#d1d9e0b3",
15943
+ "filePath": "src/tokens/component/overlay.json5",
15944
+ "isSource": true,
15945
+ "$type": "color"
15946
+ },
15947
+ "dark-dimmed": {
15948
+ "$value": "#c8d1da",
15949
+ "alpha": 0.7,
15950
+ "filePath": "src/tokens/component/overlay.json5",
15951
+ "isSource": true,
15952
+ "$type": "color"
15953
+ },
15954
+ "light-high-contrast": {
15955
+ "alpha": 1,
15956
+ "$value": "#d1d9e0",
15957
+ "filePath": "src/tokens/component/overlay.json5",
15958
+ "isSource": true,
15959
+ "$type": "color"
15960
+ },
15961
+ "dark-high-contrast": {
15962
+ "$value": "#d1d9e0",
15963
+ "alpha": 1,
15964
+ "filePath": "src/tokens/component/overlay.json5",
15965
+ "isSource": true,
15966
+ "$type": "color"
15967
+ }
15876
15968
  }
15877
15969
  },
15878
15970
  "alpha": 0.5,
15879
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15971
+ "filePath": "src/tokens/component/overlay.json5",
15880
15972
  "isSource": true,
15881
15973
  "original": {
15882
15974
  "$value": "{borderColor.muted}",
@@ -15885,6 +15977,36 @@
15885
15977
  "org.primer.figma": {
15886
15978
  "collection": "mode",
15887
15979
  "group": "component (internal)"
15980
+ },
15981
+ "org.primer.overrides": {
15982
+ "dark": {
15983
+ "alpha": 1,
15984
+ "$value": "{borderColor.muted}",
15985
+ "filePath": "src/tokens/component/overlay.json5",
15986
+ "isSource": true,
15987
+ "$type": "color"
15988
+ },
15989
+ "dark-dimmed": {
15990
+ "$value": "{base.color.neutral.7}",
15991
+ "alpha": 0.7,
15992
+ "filePath": "src/tokens/component/overlay.json5",
15993
+ "isSource": true,
15994
+ "$type": "color"
15995
+ },
15996
+ "light-high-contrast": {
15997
+ "alpha": 1,
15998
+ "$value": "{borderColor.default}",
15999
+ "filePath": "src/tokens/component/overlay.json5",
16000
+ "isSource": true,
16001
+ "$type": "color"
16002
+ },
16003
+ "dark-high-contrast": {
16004
+ "$value": "{borderColor.default}",
16005
+ "alpha": 1,
16006
+ "filePath": "src/tokens/component/overlay.json5",
16007
+ "isSource": true,
16008
+ "$type": "color"
16009
+ }
15888
16010
  }
15889
16011
  },
15890
16012
  "alpha": 0.5
@@ -16608,10 +16730,29 @@
16608
16730
  "collection": "mode",
16609
16731
  "group": "component",
16610
16732
  "scopes": ["bgColor"]
16733
+ },
16734
+ "org.primer.overrides": {
16735
+ "dark": {
16736
+ "alpha": 0.2
16737
+ },
16738
+ "light-high-contrast": {
16739
+ "$value": "#dae0e7",
16740
+ "alpha": 1,
16741
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16742
+ "isSource": true,
16743
+ "$type": "color"
16744
+ },
16745
+ "dark-high-contrast": {
16746
+ "$value": "#dae0e7",
16747
+ "alpha": 1,
16748
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16749
+ "isSource": true,
16750
+ "$type": "color"
16751
+ }
16611
16752
  }
16612
16753
  },
16613
16754
  "alpha": 0.1,
16614
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16755
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16615
16756
  "isSource": true,
16616
16757
  "original": {
16617
16758
  "$value": "{base.color.neutral.8}",
@@ -16621,6 +16762,25 @@
16621
16762
  "collection": "mode",
16622
16763
  "group": "component",
16623
16764
  "scopes": ["bgColor"]
16765
+ },
16766
+ "org.primer.overrides": {
16767
+ "dark": {
16768
+ "alpha": 0.2
16769
+ },
16770
+ "light-high-contrast": {
16771
+ "$value": "{base.color.neutral.5}",
16772
+ "alpha": 1,
16773
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16774
+ "isSource": true,
16775
+ "$type": "color"
16776
+ },
16777
+ "dark-high-contrast": {
16778
+ "$value": "{base.color.neutral.5}",
16779
+ "alpha": 1,
16780
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16781
+ "isSource": true,
16782
+ "$type": "color"
16783
+ }
16624
16784
  }
16625
16785
  },
16626
16786
  "alpha": 0.1
package/dist/styleLint/functional/themes/light-high-contrast.json CHANGED
@@ -11074,9 +11074,18 @@
11074
11074
  "collection": "mode",
11075
11075
  "group": "component (internal)",
11076
11076
  "scopes": ["bgColor"]
11077
+ },
11078
+ "org.primer.overrides": {
11079
+ "dark": {
11080
+ "$value": "#eff2f5",
11081
+ "alpha": 0.95,
11082
+ "filePath": "src/tokens/component/header.json5",
11083
+ "isSource": true,
11084
+ "$type": "color"
11085
+ }
11077
11086
  }
11078
11087
  },
11079
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11088
+ "filePath": "src/tokens/component/header.json5",
11080
11089
  "isSource": true,
11081
11090
  "original": {
11082
11091
  "$value": "{base.color.neutral.12}",
@@ -11086,6 +11095,15 @@
11086
11095
  "collection": "mode",
11087
11096
  "group": "component (internal)",
11088
11097
  "scopes": ["bgColor"]
11098
+ },
11099
+ "org.primer.overrides": {
11100
+ "dark": {
11101
+ "$value": "{base.color.neutral.2}",
11102
+ "alpha": 0.95,
11103
+ "filePath": "src/tokens/component/header.json5",
11104
+ "isSource": true,
11105
+ "$type": "color"
11106
+ }
11089
11107
  }
11090
11108
  }
11091
11109
  },
@@ -11116,10 +11134,13 @@
11116
11134
  "collection": "mode",
11117
11135
  "group": "component (internal)",
11118
11136
  "scopes": ["fgColor"]
11137
+ },
11138
+ "org.primer.overrides": {
11139
+ "dark": "#010409"
11119
11140
  }
11120
11141
  },
11121
11142
  "alpha": 0.7,
11122
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11143
+ "filePath": "src/tokens/component/header.json5",
11123
11144
  "isSource": true,
11124
11145
  "original": {
11125
11146
  "$value": "{base.color.neutral.0}",
@@ -11129,6 +11150,9 @@
11129
11150
  "collection": "mode",
11130
11151
  "group": "component (internal)",
11131
11152
  "scopes": ["fgColor"]
11153
+ },
11154
+ "org.primer.overrides": {
11155
+ "dark": "{base.color.neutral.13}"
11132
11156
  }
11133
11157
  },
11134
11158
  "alpha": 0.7
@@ -11146,9 +11170,12 @@
11146
11170
  "collection": "mode",
11147
11171
  "group": "component (internal)",
11148
11172
  "scopes": ["fgColor"]
11173
+ },
11174
+ "org.primer.overrides": {
11175
+ "dark": "#25292e"
11149
11176
  }
11150
11177
  },
11151
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11178
+ "filePath": "src/tokens/component/header.json5",
11152
11179
  "isSource": true,
11153
11180
  "original": {
11154
11181
  "$value": "{base.color.neutral.0}",
@@ -11158,6 +11185,9 @@
11158
11185
  "collection": "mode",
11159
11186
  "group": "component (internal)",
11160
11187
  "scopes": ["fgColor"]
11188
+ },
11189
+ "org.primer.overrides": {
11190
+ "dark": "{base.color.neutral.12}"
11161
11191
  }
11162
11192
  }
11163
11193
  },
@@ -11174,9 +11204,12 @@
11174
11204
  "collection": "mode",
11175
11205
  "group": "component (internal)",
11176
11206
  "scopes": ["bgColor"]
11207
+ },
11208
+ "org.primer.overrides": {
11209
+ "dark": "#f6f8fa"
11177
11210
  }
11178
11211
  },
11179
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11212
+ "filePath": "src/tokens/component/headerSerach.json5",
11180
11213
  "isSource": true,
11181
11214
  "original": {
11182
11215
  "$value": "{base.color.neutral.12}",
@@ -11186,6 +11219,9 @@
11186
11219
  "collection": "mode",
11187
11220
  "group": "component (internal)",
11188
11221
  "scopes": ["bgColor"]
11222
+ },
11223
+ "org.primer.overrides": {
11224
+ "dark": "{base.color.neutral.1}"
11189
11225
  }
11190
11226
  }
11191
11227
  },
@@ -11202,9 +11238,12 @@
11202
11238
  "collection": "mode",
11203
11239
  "group": "component (internal)",
11204
11240
  "scopes": ["borderColor"]
11241
+ },
11242
+ "org.primer.overrides": {
11243
+ "dark": "#dae0e7"
11205
11244
  }
11206
11245
  },
11207
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11246
+ "filePath": "src/tokens/component/headerSerach.json5",
11208
11247
  "isSource": true,
11209
11248
  "original": {
11210
11249
  "$value": "{base.color.neutral.8}",
@@ -11214,6 +11253,9 @@
11214
11253
  "collection": "mode",
11215
11254
  "group": "component (internal)",
11216
11255
  "scopes": ["borderColor"]
11256
+ },
11257
+ "org.primer.overrides": {
11258
+ "dark": "{base.color.neutral.5}"
11217
11259
  }
11218
11260
  }
11219
11261
  },
@@ -14491,12 +14533,38 @@
14491
14533
  "overlay-backdrop-bgColor": {
14492
14534
  "$value": "#393f4666",
14493
14535
  "$type": "color",
14536
+ "$extensions": {
14537
+ "org.primer.figma": {
14538
+ "collection": "mode",
14539
+ "group": "component (internal)",
14540
+ "scopes": ["bgColor"]
14541
+ },
14542
+ "org.primer.overrides": {
14543
+ "dark": "#e6eaef",
14544
+ "dark-dimmed": "#e0e6eb",
14545
+ "light-high-contrast": "#393f46",
14546
+ "dark-high-contrast": "#393f46"
14547
+ }
14548
+ },
14494
14549
  "alpha": 0.4,
14495
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
14550
+ "filePath": "src/tokens/component/overlay.json5",
14496
14551
  "isSource": true,
14497
14552
  "original": {
14498
14553
  "$value": "{base.color.neutral.11}",
14499
14554
  "$type": "color",
14555
+ "$extensions": {
14556
+ "org.primer.figma": {
14557
+ "collection": "mode",
14558
+ "group": "component (internal)",
14559
+ "scopes": ["bgColor"]
14560
+ },
14561
+ "org.primer.overrides": {
14562
+ "dark": "{base.color.neutral.3}",
14563
+ "dark-dimmed": "{base.color.neutral.4}",
14564
+ "light-high-contrast": "{base.color.neutral.11}",
14565
+ "dark-high-contrast": "{base.color.neutral.11}"
14566
+ }
14567
+ },
14500
14568
  "alpha": 0.4
14501
14569
  },
14502
14570
  "name": "overlay-backdrop-bgColor",
@@ -14512,9 +14580,13 @@
14512
14580
  "collection": "mode",
14513
14581
  "group": "component (internal)",
14514
14582
  "scopes": ["bgColor"]
14583
+ },
14584
+ "org.primer.overrides": {
14585
+ "dark": "#e6eaef",
14586
+ "dark-dimmed": "#dae0e7"
14515
14587
  }
14516
14588
  },
14517
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
14589
+ "filePath": "src/tokens/component/overlay.json5",
14518
14590
  "isSource": true,
14519
14591
  "original": {
14520
14592
  "$value": "{base.color.neutral.0}",
@@ -14524,6 +14596,10 @@
14524
14596
  "collection": "mode",
14525
14597
  "group": "component (internal)",
14526
14598
  "scopes": ["bgColor"]
14599
+ },
14600
+ "org.primer.overrides": {
14601
+ "dark": "{bgColor.muted}",
14602
+ "dark-dimmed": "{base.color.neutral.5}"
14527
14603
  }
14528
14604
  }
14529
14605
  },
@@ -14535,13 +14611,85 @@
14535
14611
  "overlay-borderColor": {
14536
14612
  "$value": "#454c54",
14537
14613
  "$type": "color",
14538
- "alpha": null,
14539
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
14614
+ "$extensions": {
14615
+ "org.primer.figma": {
14616
+ "collection": "mode",
14617
+ "group": "component (internal)"
14618
+ },
14619
+ "org.primer.overrides": {
14620
+ "dark": {
14621
+ "alpha": 1,
14622
+ "$value": "#454c54",
14623
+ "filePath": "src/tokens/component/overlay.json5",
14624
+ "isSource": true,
14625
+ "$type": "color"
14626
+ },
14627
+ "dark-dimmed": {
14628
+ "$value": "#c8d1da",
14629
+ "alpha": 0.7,
14630
+ "filePath": "src/tokens/component/overlay.json5",
14631
+ "isSource": true,
14632
+ "$type": "color"
14633
+ },
14634
+ "light-high-contrast": {
14635
+ "alpha": 1,
14636
+ "$value": "#454c54",
14637
+ "filePath": "src/tokens/component/overlay.json5",
14638
+ "isSource": true,
14639
+ "$type": "color"
14640
+ },
14641
+ "dark-high-contrast": {
14642
+ "$value": "#454c54",
14643
+ "alpha": 1,
14644
+ "filePath": "src/tokens/component/overlay.json5",
14645
+ "isSource": true,
14646
+ "$type": "color"
14647
+ }
14648
+ }
14649
+ },
14650
+ "alpha": 1,
14651
+ "filePath": "src/tokens/component/overlay.json5",
14540
14652
  "isSource": true,
14541
14653
  "original": {
14542
14654
  "$value": "{borderColor.default}",
14543
14655
  "$type": "color",
14544
- "alpha": null
14656
+ "$extensions": {
14657
+ "org.primer.figma": {
14658
+ "collection": "mode",
14659
+ "group": "component (internal)"
14660
+ },
14661
+ "org.primer.overrides": {
14662
+ "dark": {
14663
+ "alpha": 1,
14664
+ "$value": "{borderColor.muted}",
14665
+ "filePath": "src/tokens/component/overlay.json5",
14666
+ "isSource": true,
14667
+ "$type": "color"
14668
+ },
14669
+ "dark-dimmed": {
14670
+ "$value": "{base.color.neutral.7}",
14671
+ "alpha": 0.7,
14672
+ "filePath": "src/tokens/component/overlay.json5",
14673
+ "isSource": true,
14674
+ "$type": "color"
14675
+ },
14676
+ "light-high-contrast": {
14677
+ "alpha": 1,
14678
+ "$value": "{borderColor.default}",
14679
+ "filePath": "src/tokens/component/overlay.json5",
14680
+ "isSource": true,
14681
+ "$type": "color"
14682
+ },
14683
+ "dark-high-contrast": {
14684
+ "$value": "{borderColor.default}",
14685
+ "alpha": 1,
14686
+ "filePath": "src/tokens/component/overlay.json5",
14687
+ "isSource": true,
14688
+ "$type": "color"
14689
+ }
14690
+ }
14691
+ },
14692
+ "alpha": 1
14545
14693
  },
14546
14694
  "name": "overlay-borderColor",
14547
14695
  "attributes": {},
@@ -15257,12 +15405,64 @@
15257
15405
  "skeletonLoader-bgColor": {
15258
15406
  "$value": "#dae0e7",
15259
15407
  "$type": "color",
15408
+ "$extensions": {
15409
+ "org.primer.figma": {
15410
+ "collection": "mode",
15411
+ "group": "component",
15412
+ "scopes": ["bgColor"]
15413
+ },
15414
+ "org.primer.overrides": {
15415
+ "dark": {
15416
+ "alpha": 0.2
15417
+ },
15418
+ "light-high-contrast": {
15419
+ "$value": "#dae0e7",
15420
+ "alpha": 1,
15421
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15422
+ "isSource": true,
15423
+ "$type": "color"
15424
+ },
15425
+ "dark-high-contrast": {
15426
+ "$value": "#dae0e7",
15427
+ "alpha": 1,
15428
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15429
+ "isSource": true,
15430
+ "$type": "color"
15431
+ }
15432
+ }
15433
+ },
15260
15434
  "alpha": 1,
15261
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
15435
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15262
15436
  "isSource": true,
15263
15437
  "original": {
15264
15438
  "$value": "{base.color.neutral.5}",
15265
15439
  "$type": "color",
15440
+ "$extensions": {
15441
+ "org.primer.figma": {
15442
+ "collection": "mode",
15443
+ "group": "component",
15444
+ "scopes": ["bgColor"]
15445
+ },
15446
+ "org.primer.overrides": {
15447
+ "dark": {
15448
+ "alpha": 0.2
15449
+ },
15450
+ "light-high-contrast": {
15451
+ "$value": "{base.color.neutral.5}",
15452
+ "alpha": 1,
15453
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15454
+ "isSource": true,
15455
+ "$type": "color"
15456
+ },
15457
+ "dark-high-contrast": {
15458
+ "$value": "{base.color.neutral.5}",
15459
+ "alpha": 1,
15460
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15461
+ "isSource": true,
15462
+ "$type": "color"
15463
+ }
15464
+ }
15465
+ },
15266
15466
  "alpha": 1
15267
15467
  },
15268
15468
  "name": "skeletonLoader-bgColor",