@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/docs/functional/themes/light-tritanopia.json CHANGED
@@ -12460,9 +12460,18 @@
12460
12460
  "collection": "mode",
12461
12461
  "group": "component (internal)",
12462
12462
  "scopes": ["bgColor"]
12463
+ },
12464
+ "org.primer.overrides": {
12465
+ "dark": {
12466
+ "$value": "#eff2f5",
12467
+ "alpha": 0.95,
12468
+ "filePath": "src/tokens/component/header.json5",
12469
+ "isSource": true,
12470
+ "$type": "color"
12471
+ }
12463
12472
  }
12464
12473
  },
12465
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12474
+ "filePath": "src/tokens/component/header.json5",
12466
12475
  "isSource": true,
12467
12476
  "original": {
12468
12477
  "$value": "{base.color.neutral.12}",
@@ -12472,6 +12481,15 @@
12472
12481
  "collection": "mode",
12473
12482
  "group": "component (internal)",
12474
12483
  "scopes": ["bgColor"]
12484
+ },
12485
+ "org.primer.overrides": {
12486
+ "dark": {
12487
+ "$value": "{base.color.neutral.2}",
12488
+ "alpha": 0.95,
12489
+ "filePath": "src/tokens/component/header.json5",
12490
+ "isSource": true,
12491
+ "$type": "color"
12492
+ }
12475
12493
  }
12476
12494
  }
12477
12495
  },
@@ -12490,7 +12508,7 @@
12490
12508
  "scopes": ["borderColor"]
12491
12509
  }
12492
12510
  },
12493
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12511
+ "filePath": "src/tokens/component/header.json5",
12494
12512
  "isSource": true,
12495
12513
  "original": {
12496
12514
  "$value": "{base.color.neutral.8}",
@@ -12516,10 +12534,13 @@
12516
12534
  "collection": "mode",
12517
12535
  "group": "component (internal)",
12518
12536
  "scopes": ["fgColor"]
12537
+ },
12538
+ "org.primer.overrides": {
12539
+ "dark": "#1f2328"
12519
12540
  }
12520
12541
  },
12521
12542
  "alpha": 0.7,
12522
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12543
+ "filePath": "src/tokens/component/header.json5",
12523
12544
  "isSource": true,
12524
12545
  "original": {
12525
12546
  "$value": "{base.color.neutral.0}",
@@ -12529,6 +12550,9 @@
12529
12550
  "collection": "mode",
12530
12551
  "group": "component (internal)",
12531
12552
  "scopes": ["fgColor"]
12553
+ },
12554
+ "org.primer.overrides": {
12555
+ "dark": "{base.color.neutral.13}"
12532
12556
  }
12533
12557
  },
12534
12558
  "alpha": 0.7
@@ -12546,9 +12570,12 @@
12546
12570
  "collection": "mode",
12547
12571
  "group": "component (internal)",
12548
12572
  "scopes": ["fgColor"]
12573
+ },
12574
+ "org.primer.overrides": {
12575
+ "dark": "#25292e"
12549
12576
  }
12550
12577
  },
12551
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12578
+ "filePath": "src/tokens/component/header.json5",
12552
12579
  "isSource": true,
12553
12580
  "original": {
12554
12581
  "$value": "{base.color.neutral.0}",
@@ -12558,6 +12585,9 @@
12558
12585
  "collection": "mode",
12559
12586
  "group": "component (internal)",
12560
12587
  "scopes": ["fgColor"]
12588
+ },
12589
+ "org.primer.overrides": {
12590
+ "dark": "{base.color.neutral.12}"
12561
12591
  }
12562
12592
  }
12563
12593
  },
@@ -12574,9 +12604,12 @@
12574
12604
  "collection": "mode",
12575
12605
  "group": "component (internal)",
12576
12606
  "scopes": ["bgColor"]
12607
+ },
12608
+ "org.primer.overrides": {
12609
+ "dark": "#f6f8fa"
12577
12610
  }
12578
12611
  },
12579
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12612
+ "filePath": "src/tokens/component/headerSerach.json5",
12580
12613
  "isSource": true,
12581
12614
  "original": {
12582
12615
  "$value": "{base.color.neutral.12}",
@@ -12586,6 +12619,9 @@
12586
12619
  "collection": "mode",
12587
12620
  "group": "component (internal)",
12588
12621
  "scopes": ["bgColor"]
12622
+ },
12623
+ "org.primer.overrides": {
12624
+ "dark": "{base.color.neutral.1}"
12589
12625
  }
12590
12626
  }
12591
12627
  },
@@ -12602,9 +12638,12 @@
12602
12638
  "collection": "mode",
12603
12639
  "group": "component (internal)",
12604
12640
  "scopes": ["borderColor"]
12641
+ },
12642
+ "org.primer.overrides": {
12643
+ "dark": "#dae0e7"
12605
12644
  }
12606
12645
  },
12607
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12646
+ "filePath": "src/tokens/component/headerSerach.json5",
12608
12647
  "isSource": true,
12609
12648
  "original": {
12610
12649
  "$value": "{base.color.neutral.8}",
@@ -12614,6 +12653,9 @@
12614
12653
  "collection": "mode",
12615
12654
  "group": "component (internal)",
12616
12655
  "scopes": ["borderColor"]
12656
+ },
12657
+ "org.primer.overrides": {
12658
+ "dark": "{base.color.neutral.5}"
12617
12659
  }
12618
12660
  }
12619
12661
  },
@@ -15896,10 +15938,16 @@
15896
15938
  "collection": "mode",
15897
15939
  "group": "component (internal)",
15898
15940
  "scopes": ["bgColor"]
15941
+ },
15942
+ "org.primer.overrides": {
15943
+ "dark": "#e6eaef",
15944
+ "dark-dimmed": "#e0e6eb",
15945
+ "light-high-contrast": "#393f46",
15946
+ "dark-high-contrast": "#393f46"
15899
15947
  }
15900
15948
  },
15901
15949
  "alpha": 0.4,
15902
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15950
+ "filePath": "src/tokens/component/overlay.json5",
15903
15951
  "isSource": true,
15904
15952
  "original": {
15905
15953
  "$value": "{base.color.neutral.7}",
@@ -15909,6 +15957,12 @@
15909
15957
  "collection": "mode",
15910
15958
  "group": "component (internal)",
15911
15959
  "scopes": ["bgColor"]
15960
+ },
15961
+ "org.primer.overrides": {
15962
+ "dark": "{base.color.neutral.3}",
15963
+ "dark-dimmed": "{base.color.neutral.4}",
15964
+ "light-high-contrast": "{base.color.neutral.11}",
15965
+ "dark-high-contrast": "{base.color.neutral.11}"
15912
15966
  }
15913
15967
  },
15914
15968
  "alpha": 0.4
@@ -15926,9 +15980,13 @@
15926
15980
  "collection": "mode",
15927
15981
  "group": "component (internal)",
15928
15982
  "scopes": ["bgColor"]
15983
+ },
15984
+ "org.primer.overrides": {
15985
+ "dark": "#f6f8fa",
15986
+ "dark-dimmed": "#dae0e7"
15929
15987
  }
15930
15988
  },
15931
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15989
+ "filePath": "src/tokens/component/overlay.json5",
15932
15990
  "isSource": true,
15933
15991
  "original": {
15934
15992
  "$value": "{base.color.neutral.0}",
@@ -15938,6 +15996,10 @@
15938
15996
  "collection": "mode",
15939
15997
  "group": "component (internal)",
15940
15998
  "scopes": ["bgColor"]
15999
+ },
16000
+ "org.primer.overrides": {
16001
+ "dark": "{bgColor.muted}",
16002
+ "dark-dimmed": "{base.color.neutral.5}"
15941
16003
  }
15942
16004
  }
15943
16005
  },
@@ -15953,10 +16015,40 @@
15953
16015
  "org.primer.figma": {
15954
16016
  "collection": "mode",
15955
16017
  "group": "component (internal)"
16018
+ },
16019
+ "org.primer.overrides": {
16020
+ "dark": {
16021
+ "alpha": 1,
16022
+ "$value": "#d1d9e0b3",
16023
+ "filePath": "src/tokens/component/overlay.json5",
16024
+ "isSource": true,
16025
+ "$type": "color"
16026
+ },
16027
+ "dark-dimmed": {
16028
+ "$value": "#c8d1da",
16029
+ "alpha": 0.7,
16030
+ "filePath": "src/tokens/component/overlay.json5",
16031
+ "isSource": true,
16032
+ "$type": "color"
16033
+ },
16034
+ "light-high-contrast": {
16035
+ "alpha": 1,
16036
+ "$value": "#d1d9e0",
16037
+ "filePath": "src/tokens/component/overlay.json5",
16038
+ "isSource": true,
16039
+ "$type": "color"
16040
+ },
16041
+ "dark-high-contrast": {
16042
+ "$value": "#d1d9e0",
16043
+ "alpha": 1,
16044
+ "filePath": "src/tokens/component/overlay.json5",
16045
+ "isSource": true,
16046
+ "$type": "color"
16047
+ }
15956
16048
  }
15957
16049
  },
15958
16050
  "alpha": 0.5,
15959
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16051
+ "filePath": "src/tokens/component/overlay.json5",
15960
16052
  "isSource": true,
15961
16053
  "original": {
15962
16054
  "$value": "{borderColor.muted}",
@@ -15965,6 +16057,36 @@
15965
16057
  "org.primer.figma": {
15966
16058
  "collection": "mode",
15967
16059
  "group": "component (internal)"
16060
+ },
16061
+ "org.primer.overrides": {
16062
+ "dark": {
16063
+ "alpha": 1,
16064
+ "$value": "{borderColor.muted}",
16065
+ "filePath": "src/tokens/component/overlay.json5",
16066
+ "isSource": true,
16067
+ "$type": "color"
16068
+ },
16069
+ "dark-dimmed": {
16070
+ "$value": "{base.color.neutral.7}",
16071
+ "alpha": 0.7,
16072
+ "filePath": "src/tokens/component/overlay.json5",
16073
+ "isSource": true,
16074
+ "$type": "color"
16075
+ },
16076
+ "light-high-contrast": {
16077
+ "alpha": 1,
16078
+ "$value": "{borderColor.default}",
16079
+ "filePath": "src/tokens/component/overlay.json5",
16080
+ "isSource": true,
16081
+ "$type": "color"
16082
+ },
16083
+ "dark-high-contrast": {
16084
+ "$value": "{borderColor.default}",
16085
+ "alpha": 1,
16086
+ "filePath": "src/tokens/component/overlay.json5",
16087
+ "isSource": true,
16088
+ "$type": "color"
16089
+ }
15968
16090
  }
15969
16091
  },
15970
16092
  "alpha": 0.5
@@ -16688,10 +16810,29 @@
16688
16810
  "collection": "mode",
16689
16811
  "group": "component",
16690
16812
  "scopes": ["bgColor"]
16813
+ },
16814
+ "org.primer.overrides": {
16815
+ "dark": {
16816
+ "alpha": 0.2
16817
+ },
16818
+ "light-high-contrast": {
16819
+ "$value": "#dae0e7",
16820
+ "alpha": 1,
16821
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16822
+ "isSource": true,
16823
+ "$type": "color"
16824
+ },
16825
+ "dark-high-contrast": {
16826
+ "$value": "#dae0e7",
16827
+ "alpha": 1,
16828
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16829
+ "isSource": true,
16830
+ "$type": "color"
16831
+ }
16691
16832
  }
16692
16833
  },
16693
16834
  "alpha": 0.1,
16694
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16835
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16695
16836
  "isSource": true,
16696
16837
  "original": {
16697
16838
  "$value": "{base.color.neutral.8}",
@@ -16701,6 +16842,25 @@
16701
16842
  "collection": "mode",
16702
16843
  "group": "component",
16703
16844
  "scopes": ["bgColor"]
16845
+ },
16846
+ "org.primer.overrides": {
16847
+ "dark": {
16848
+ "alpha": 0.2
16849
+ },
16850
+ "light-high-contrast": {
16851
+ "$value": "{base.color.neutral.5}",
16852
+ "alpha": 1,
16853
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16854
+ "isSource": true,
16855
+ "$type": "color"
16856
+ },
16857
+ "dark-high-contrast": {
16858
+ "$value": "{base.color.neutral.5}",
16859
+ "alpha": 1,
16860
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16861
+ "isSource": true,
16862
+ "$type": "color"
16863
+ }
16704
16864
  }
16705
16865
  },
16706
16866
  "alpha": 0.1
package/dist/docs/functional/themes/light.json CHANGED
@@ -13012,9 +13012,18 @@
13012
13012
  "collection": "mode",
13013
13013
  "group": "component (internal)",
13014
13014
  "scopes": ["bgColor"]
13015
+ },
13016
+ "org.primer.overrides": {
13017
+ "dark": {
13018
+ "$value": "#eff2f5",
13019
+ "alpha": 0.95,
13020
+ "filePath": "src/tokens/component/header.json5",
13021
+ "isSource": true,
13022
+ "$type": "color"
13023
+ }
13015
13024
  }
13016
13025
  },
13017
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13026
+ "filePath": "src/tokens/component/header.json5",
13018
13027
  "isSource": true,
13019
13028
  "original": {
13020
13029
  "$value": "{base.color.neutral.12}",
@@ -13024,6 +13033,15 @@
13024
13033
  "collection": "mode",
13025
13034
  "group": "component (internal)",
13026
13035
  "scopes": ["bgColor"]
13036
+ },
13037
+ "org.primer.overrides": {
13038
+ "dark": {
13039
+ "$value": "{base.color.neutral.2}",
13040
+ "alpha": 0.95,
13041
+ "filePath": "src/tokens/component/header.json5",
13042
+ "isSource": true,
13043
+ "$type": "color"
13044
+ }
13027
13045
  }
13028
13046
  }
13029
13047
  },
@@ -13042,7 +13060,7 @@
13042
13060
  "scopes": ["borderColor"]
13043
13061
  }
13044
13062
  },
13045
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13063
+ "filePath": "src/tokens/component/header.json5",
13046
13064
  "isSource": true,
13047
13065
  "original": {
13048
13066
  "$value": "{base.color.neutral.8}",
@@ -13068,10 +13086,13 @@
13068
13086
  "collection": "mode",
13069
13087
  "group": "component (internal)",
13070
13088
  "scopes": ["fgColor"]
13089
+ },
13090
+ "org.primer.overrides": {
13091
+ "dark": "#1f2328"
13071
13092
  }
13072
13093
  },
13073
13094
  "alpha": 0.7,
13074
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13095
+ "filePath": "src/tokens/component/header.json5",
13075
13096
  "isSource": true,
13076
13097
  "original": {
13077
13098
  "$value": "{base.color.neutral.0}",
@@ -13081,6 +13102,9 @@
13081
13102
  "collection": "mode",
13082
13103
  "group": "component (internal)",
13083
13104
  "scopes": ["fgColor"]
13105
+ },
13106
+ "org.primer.overrides": {
13107
+ "dark": "{base.color.neutral.13}"
13084
13108
  }
13085
13109
  },
13086
13110
  "alpha": 0.7
@@ -13098,9 +13122,12 @@
13098
13122
  "collection": "mode",
13099
13123
  "group": "component (internal)",
13100
13124
  "scopes": ["fgColor"]
13125
+ },
13126
+ "org.primer.overrides": {
13127
+ "dark": "#25292e"
13101
13128
  }
13102
13129
  },
13103
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13130
+ "filePath": "src/tokens/component/header.json5",
13104
13131
  "isSource": true,
13105
13132
  "original": {
13106
13133
  "$value": "{base.color.neutral.0}",
@@ -13110,6 +13137,9 @@
13110
13137
  "collection": "mode",
13111
13138
  "group": "component (internal)",
13112
13139
  "scopes": ["fgColor"]
13140
+ },
13141
+ "org.primer.overrides": {
13142
+ "dark": "{base.color.neutral.12}"
13113
13143
  }
13114
13144
  }
13115
13145
  },
@@ -13126,9 +13156,12 @@
13126
13156
  "collection": "mode",
13127
13157
  "group": "component (internal)",
13128
13158
  "scopes": ["bgColor"]
13159
+ },
13160
+ "org.primer.overrides": {
13161
+ "dark": "#f6f8fa"
13129
13162
  }
13130
13163
  },
13131
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13164
+ "filePath": "src/tokens/component/headerSerach.json5",
13132
13165
  "isSource": true,
13133
13166
  "original": {
13134
13167
  "$value": "{base.color.neutral.12}",
@@ -13138,6 +13171,9 @@
13138
13171
  "collection": "mode",
13139
13172
  "group": "component (internal)",
13140
13173
  "scopes": ["bgColor"]
13174
+ },
13175
+ "org.primer.overrides": {
13176
+ "dark": "{base.color.neutral.1}"
13141
13177
  }
13142
13178
  }
13143
13179
  },
@@ -13154,9 +13190,12 @@
13154
13190
  "collection": "mode",
13155
13191
  "group": "component (internal)",
13156
13192
  "scopes": ["borderColor"]
13193
+ },
13194
+ "org.primer.overrides": {
13195
+ "dark": "#dae0e7"
13157
13196
  }
13158
13197
  },
13159
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13198
+ "filePath": "src/tokens/component/headerSerach.json5",
13160
13199
  "isSource": true,
13161
13200
  "original": {
13162
13201
  "$value": "{base.color.neutral.8}",
@@ -13166,6 +13205,9 @@
13166
13205
  "collection": "mode",
13167
13206
  "group": "component (internal)",
13168
13207
  "scopes": ["borderColor"]
13208
+ },
13209
+ "org.primer.overrides": {
13210
+ "dark": "{base.color.neutral.5}"
13169
13211
  }
13170
13212
  }
13171
13213
  },
@@ -16448,10 +16490,16 @@
16448
16490
  "collection": "mode",
16449
16491
  "group": "component (internal)",
16450
16492
  "scopes": ["bgColor"]
16493
+ },
16494
+ "org.primer.overrides": {
16495
+ "dark": "#e6eaef",
16496
+ "dark-dimmed": "#e0e6eb",
16497
+ "light-high-contrast": "#393f46",
16498
+ "dark-high-contrast": "#393f46"
16451
16499
  }
16452
16500
  },
16453
16501
  "alpha": 0.4,
16454
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16502
+ "filePath": "src/tokens/component/overlay.json5",
16455
16503
  "isSource": true,
16456
16504
  "original": {
16457
16505
  "$value": "{base.color.neutral.7}",
@@ -16461,6 +16509,12 @@
16461
16509
  "collection": "mode",
16462
16510
  "group": "component (internal)",
16463
16511
  "scopes": ["bgColor"]
16512
+ },
16513
+ "org.primer.overrides": {
16514
+ "dark": "{base.color.neutral.3}",
16515
+ "dark-dimmed": "{base.color.neutral.4}",
16516
+ "light-high-contrast": "{base.color.neutral.11}",
16517
+ "dark-high-contrast": "{base.color.neutral.11}"
16464
16518
  }
16465
16519
  },
16466
16520
  "alpha": 0.4
@@ -16478,9 +16532,13 @@
16478
16532
  "collection": "mode",
16479
16533
  "group": "component (internal)",
16480
16534
  "scopes": ["bgColor"]
16535
+ },
16536
+ "org.primer.overrides": {
16537
+ "dark": "#f6f8fa",
16538
+ "dark-dimmed": "#dae0e7"
16481
16539
  }
16482
16540
  },
16483
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16541
+ "filePath": "src/tokens/component/overlay.json5",
16484
16542
  "isSource": true,
16485
16543
  "original": {
16486
16544
  "$value": "{base.color.neutral.0}",
@@ -16490,6 +16548,10 @@
16490
16548
  "collection": "mode",
16491
16549
  "group": "component (internal)",
16492
16550
  "scopes": ["bgColor"]
16551
+ },
16552
+ "org.primer.overrides": {
16553
+ "dark": "{bgColor.muted}",
16554
+ "dark-dimmed": "{base.color.neutral.5}"
16493
16555
  }
16494
16556
  }
16495
16557
  },
@@ -16505,10 +16567,40 @@
16505
16567
  "org.primer.figma": {
16506
16568
  "collection": "mode",
16507
16569
  "group": "component (internal)"
16570
+ },
16571
+ "org.primer.overrides": {
16572
+ "dark": {
16573
+ "alpha": 1,
16574
+ "$value": "#d1d9e0b3",
16575
+ "filePath": "src/tokens/component/overlay.json5",
16576
+ "isSource": true,
16577
+ "$type": "color"
16578
+ },
16579
+ "dark-dimmed": {
16580
+ "$value": "#c8d1da",
16581
+ "alpha": 0.7,
16582
+ "filePath": "src/tokens/component/overlay.json5",
16583
+ "isSource": true,
16584
+ "$type": "color"
16585
+ },
16586
+ "light-high-contrast": {
16587
+ "alpha": 1,
16588
+ "$value": "#d1d9e0",
16589
+ "filePath": "src/tokens/component/overlay.json5",
16590
+ "isSource": true,
16591
+ "$type": "color"
16592
+ },
16593
+ "dark-high-contrast": {
16594
+ "$value": "#d1d9e0",
16595
+ "alpha": 1,
16596
+ "filePath": "src/tokens/component/overlay.json5",
16597
+ "isSource": true,
16598
+ "$type": "color"
16599
+ }
16508
16600
  }
16509
16601
  },
16510
16602
  "alpha": 0.5,
16511
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16603
+ "filePath": "src/tokens/component/overlay.json5",
16512
16604
  "isSource": true,
16513
16605
  "original": {
16514
16606
  "$value": "{borderColor.muted}",
@@ -16517,6 +16609,36 @@
16517
16609
  "org.primer.figma": {
16518
16610
  "collection": "mode",
16519
16611
  "group": "component (internal)"
16612
+ },
16613
+ "org.primer.overrides": {
16614
+ "dark": {
16615
+ "alpha": 1,
16616
+ "$value": "{borderColor.muted}",
16617
+ "filePath": "src/tokens/component/overlay.json5",
16618
+ "isSource": true,
16619
+ "$type": "color"
16620
+ },
16621
+ "dark-dimmed": {
16622
+ "$value": "{base.color.neutral.7}",
16623
+ "alpha": 0.7,
16624
+ "filePath": "src/tokens/component/overlay.json5",
16625
+ "isSource": true,
16626
+ "$type": "color"
16627
+ },
16628
+ "light-high-contrast": {
16629
+ "alpha": 1,
16630
+ "$value": "{borderColor.default}",
16631
+ "filePath": "src/tokens/component/overlay.json5",
16632
+ "isSource": true,
16633
+ "$type": "color"
16634
+ },
16635
+ "dark-high-contrast": {
16636
+ "$value": "{borderColor.default}",
16637
+ "alpha": 1,
16638
+ "filePath": "src/tokens/component/overlay.json5",
16639
+ "isSource": true,
16640
+ "$type": "color"
16641
+ }
16520
16642
  }
16521
16643
  },
16522
16644
  "alpha": 0.5
@@ -17240,10 +17362,29 @@
17240
17362
  "collection": "mode",
17241
17363
  "group": "component",
17242
17364
  "scopes": ["bgColor"]
17365
+ },
17366
+ "org.primer.overrides": {
17367
+ "dark": {
17368
+ "alpha": 0.2
17369
+ },
17370
+ "light-high-contrast": {
17371
+ "$value": "#dae0e7",
17372
+ "alpha": 1,
17373
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17374
+ "isSource": true,
17375
+ "$type": "color"
17376
+ },
17377
+ "dark-high-contrast": {
17378
+ "$value": "#dae0e7",
17379
+ "alpha": 1,
17380
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17381
+ "isSource": true,
17382
+ "$type": "color"
17383
+ }
17243
17384
  }
17244
17385
  },
17245
17386
  "alpha": 0.1,
17246
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
17387
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17247
17388
  "isSource": true,
17248
17389
  "original": {
17249
17390
  "$value": "{base.color.neutral.8}",
@@ -17253,6 +17394,25 @@
17253
17394
  "collection": "mode",
17254
17395
  "group": "component",
17255
17396
  "scopes": ["bgColor"]
17397
+ },
17398
+ "org.primer.overrides": {
17399
+ "dark": {
17400
+ "alpha": 0.2
17401
+ },
17402
+ "light-high-contrast": {
17403
+ "$value": "{base.color.neutral.5}",
17404
+ "alpha": 1,
17405
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17406
+ "isSource": true,
17407
+ "$type": "color"
17408
+ },
17409
+ "dark-high-contrast": {
17410
+ "$value": "{base.color.neutral.5}",
17411
+ "alpha": 1,
17412
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17413
+ "isSource": true,
17414
+ "$type": "color"
17415
+ }
17256
17416
  }
17257
17417
  },
17258
17418
  "alpha": 0.1