@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/dark-tritanopia.json CHANGED
@@ -12418,11 +12418,20 @@
12418
12418
  "collection": "mode",
12419
12419
  "group": "component (internal)",
12420
12420
  "scopes": ["bgColor"]
12421
+ },
12422
+ "org.primer.overrides": {
12423
+ "dark": {
12424
+ "$value": "#151b23",
12425
+ "alpha": 0.95,
12426
+ "filePath": "src/tokens/component/header.json5",
12427
+ "isSource": true,
12428
+ "$type": "color"
12429
+ }
12421
12430
  }
12422
12431
  },
12423
- "alpha": 0.95,
12424
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12432
+ "filePath": "src/tokens/component/header.json5",
12425
12433
  "isSource": true,
12434
+ "alpha": 0.95,
12426
12435
  "original": {
12427
12436
  "$value": "{base.color.neutral.2}",
12428
12437
  "$type": "color",
@@ -12431,6 +12440,15 @@
12431
12440
  "collection": "mode",
12432
12441
  "group": "component (internal)",
12433
12442
  "scopes": ["bgColor"]
12443
+ },
12444
+ "org.primer.overrides": {
12445
+ "dark": {
12446
+ "$value": "{base.color.neutral.2}",
12447
+ "alpha": 0.95,
12448
+ "filePath": "src/tokens/component/header.json5",
12449
+ "isSource": true,
12450
+ "$type": "color"
12451
+ }
12434
12452
  }
12435
12453
  },
12436
12454
  "alpha": 0.95
@@ -12450,7 +12468,7 @@
12450
12468
  "scopes": ["borderColor"]
12451
12469
  }
12452
12470
  },
12453
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12471
+ "filePath": "src/tokens/component/header.json5",
12454
12472
  "isSource": true,
12455
12473
  "original": {
12456
12474
  "$value": "{base.color.neutral.8}",
@@ -12476,10 +12494,13 @@
12476
12494
  "collection": "mode",
12477
12495
  "group": "component (internal)",
12478
12496
  "scopes": ["fgColor"]
12497
+ },
12498
+ "org.primer.overrides": {
12499
+ "dark": "#ffffff"
12479
12500
  }
12480
12501
  },
12481
12502
  "alpha": 0.7,
12482
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12503
+ "filePath": "src/tokens/component/header.json5",
12483
12504
  "isSource": true,
12484
12505
  "original": {
12485
12506
  "$value": "{base.color.neutral.13}",
@@ -12489,6 +12510,9 @@
12489
12510
  "collection": "mode",
12490
12511
  "group": "component (internal)",
12491
12512
  "scopes": ["fgColor"]
12513
+ },
12514
+ "org.primer.overrides": {
12515
+ "dark": "{base.color.neutral.13}"
12492
12516
  }
12493
12517
  },
12494
12518
  "alpha": 0.7
@@ -12506,9 +12530,12 @@
12506
12530
  "collection": "mode",
12507
12531
  "group": "component (internal)",
12508
12532
  "scopes": ["fgColor"]
12533
+ },
12534
+ "org.primer.overrides": {
12535
+ "dark": "#f0f6fc"
12509
12536
  }
12510
12537
  },
12511
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12538
+ "filePath": "src/tokens/component/header.json5",
12512
12539
  "isSource": true,
12513
12540
  "original": {
12514
12541
  "$value": "{base.color.neutral.12}",
@@ -12518,6 +12545,9 @@
12518
12545
  "collection": "mode",
12519
12546
  "group": "component (internal)",
12520
12547
  "scopes": ["fgColor"]
12548
+ },
12549
+ "org.primer.overrides": {
12550
+ "dark": "{base.color.neutral.12}"
12521
12551
  }
12522
12552
  }
12523
12553
  },
@@ -12534,9 +12564,12 @@
12534
12564
  "collection": "mode",
12535
12565
  "group": "component (internal)",
12536
12566
  "scopes": ["bgColor"]
12567
+ },
12568
+ "org.primer.overrides": {
12569
+ "dark": "#0d1117"
12537
12570
  }
12538
12571
  },
12539
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12572
+ "filePath": "src/tokens/component/headerSerach.json5",
12540
12573
  "isSource": true,
12541
12574
  "original": {
12542
12575
  "$value": "{base.color.neutral.1}",
@@ -12546,6 +12579,9 @@
12546
12579
  "collection": "mode",
12547
12580
  "group": "component (internal)",
12548
12581
  "scopes": ["bgColor"]
12582
+ },
12583
+ "org.primer.overrides": {
12584
+ "dark": "{base.color.neutral.1}"
12549
12585
  }
12550
12586
  }
12551
12587
  },
@@ -12562,9 +12598,12 @@
12562
12598
  "collection": "mode",
12563
12599
  "group": "component (internal)",
12564
12600
  "scopes": ["borderColor"]
12601
+ },
12602
+ "org.primer.overrides": {
12603
+ "dark": "#2a313c"
12565
12604
  }
12566
12605
  },
12567
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12606
+ "filePath": "src/tokens/component/headerSerach.json5",
12568
12607
  "isSource": true,
12569
12608
  "original": {
12570
12609
  "$value": "{base.color.neutral.5}",
@@ -12574,6 +12613,9 @@
12574
12613
  "collection": "mode",
12575
12614
  "group": "component (internal)",
12576
12615
  "scopes": ["borderColor"]
12616
+ },
12617
+ "org.primer.overrides": {
12618
+ "dark": "{base.color.neutral.5}"
12577
12619
  }
12578
12620
  }
12579
12621
  },
@@ -15858,10 +15900,16 @@
15858
15900
  "collection": "mode",
15859
15901
  "group": "component (internal)",
15860
15902
  "scopes": ["bgColor"]
15903
+ },
15904
+ "org.primer.overrides": {
15905
+ "dark": "#212830",
15906
+ "dark-dimmed": "#262c36",
15907
+ "light-high-contrast": "#d1d7e0",
15908
+ "dark-high-contrast": "#d1d7e0"
15861
15909
  }
15862
15910
  },
15863
15911
  "alpha": 0.4,
15864
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15912
+ "filePath": "src/tokens/component/overlay.json5",
15865
15913
  "isSource": true,
15866
15914
  "original": {
15867
15915
  "$value": "{base.color.neutral.3}",
@@ -15871,6 +15919,12 @@
15871
15919
  "collection": "mode",
15872
15920
  "group": "component (internal)",
15873
15921
  "scopes": ["bgColor"]
15922
+ },
15923
+ "org.primer.overrides": {
15924
+ "dark": "{base.color.neutral.3}",
15925
+ "dark-dimmed": "{base.color.neutral.4}",
15926
+ "light-high-contrast": "{base.color.neutral.11}",
15927
+ "dark-high-contrast": "{base.color.neutral.11}"
15874
15928
  }
15875
15929
  },
15876
15930
  "alpha": 0.4
@@ -15888,9 +15942,13 @@
15888
15942
  "collection": "mode",
15889
15943
  "group": "component (internal)",
15890
15944
  "scopes": ["bgColor"]
15945
+ },
15946
+ "org.primer.overrides": {
15947
+ "dark": "#151b23",
15948
+ "dark-dimmed": "#2a313c"
15891
15949
  }
15892
15950
  },
15893
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15951
+ "filePath": "src/tokens/component/overlay.json5",
15894
15952
  "isSource": true,
15895
15953
  "original": {
15896
15954
  "$value": "{bgColor.muted}",
@@ -15900,6 +15958,10 @@
15900
15958
  "collection": "mode",
15901
15959
  "group": "component (internal)",
15902
15960
  "scopes": ["bgColor"]
15961
+ },
15962
+ "org.primer.overrides": {
15963
+ "dark": "{bgColor.muted}",
15964
+ "dark-dimmed": "{base.color.neutral.5}"
15903
15965
  }
15904
15966
  }
15905
15967
  },
@@ -15915,9 +15977,40 @@
15915
15977
  "org.primer.figma": {
15916
15978
  "collection": "mode",
15917
15979
  "group": "component (internal)"
15980
+ },
15981
+ "org.primer.overrides": {
15982
+ "dark": {
15983
+ "alpha": 1,
15984
+ "$value": "#3d444db3",
15985
+ "filePath": "src/tokens/component/overlay.json5",
15986
+ "isSource": true,
15987
+ "$type": "color"
15988
+ },
15989
+ "dark-dimmed": {
15990
+ "$value": "#3d444d",
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": "#3d444d",
15999
+ "filePath": "src/tokens/component/overlay.json5",
16000
+ "isSource": true,
16001
+ "$type": "color"
16002
+ },
16003
+ "dark-high-contrast": {
16004
+ "$value": "#3d444d",
16005
+ "alpha": 1,
16006
+ "filePath": "src/tokens/component/overlay.json5",
16007
+ "isSource": true,
16008
+ "$type": "color"
16009
+ }
15918
16010
  }
15919
16011
  },
15920
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16012
+ "alpha": 1,
16013
+ "filePath": "src/tokens/component/overlay.json5",
15921
16014
  "isSource": true,
15922
16015
  "original": {
15923
16016
  "$value": "{borderColor.muted}",
@@ -15926,8 +16019,39 @@
15926
16019
  "org.primer.figma": {
15927
16020
  "collection": "mode",
15928
16021
  "group": "component (internal)"
16022
+ },
16023
+ "org.primer.overrides": {
16024
+ "dark": {
16025
+ "alpha": 1,
16026
+ "$value": "{borderColor.muted}",
16027
+ "filePath": "src/tokens/component/overlay.json5",
16028
+ "isSource": true,
16029
+ "$type": "color"
16030
+ },
16031
+ "dark-dimmed": {
16032
+ "$value": "{base.color.neutral.7}",
16033
+ "alpha": 0.7,
16034
+ "filePath": "src/tokens/component/overlay.json5",
16035
+ "isSource": true,
16036
+ "$type": "color"
16037
+ },
16038
+ "light-high-contrast": {
16039
+ "alpha": 1,
16040
+ "$value": "{borderColor.default}",
16041
+ "filePath": "src/tokens/component/overlay.json5",
16042
+ "isSource": true,
16043
+ "$type": "color"
16044
+ },
16045
+ "dark-high-contrast": {
16046
+ "$value": "{borderColor.default}",
16047
+ "alpha": 1,
16048
+ "filePath": "src/tokens/component/overlay.json5",
16049
+ "isSource": true,
16050
+ "$type": "color"
16051
+ }
15929
16052
  }
15930
- }
16053
+ },
16054
+ "alpha": 1
15931
16055
  },
15932
16056
  "name": "overlay-borderColor",
15933
16057
  "attributes": {},
@@ -16664,10 +16788,29 @@
16664
16788
  "collection": "mode",
16665
16789
  "group": "component",
16666
16790
  "scopes": ["bgColor"]
16791
+ },
16792
+ "org.primer.overrides": {
16793
+ "dark": {
16794
+ "alpha": 0.2
16795
+ },
16796
+ "light-high-contrast": {
16797
+ "$value": "#2a313c",
16798
+ "alpha": 1,
16799
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16800
+ "isSource": true,
16801
+ "$type": "color"
16802
+ },
16803
+ "dark-high-contrast": {
16804
+ "$value": "#2a313c",
16805
+ "alpha": 1,
16806
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16807
+ "isSource": true,
16808
+ "$type": "color"
16809
+ }
16667
16810
  }
16668
16811
  },
16669
16812
  "alpha": 0.2,
16670
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16813
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16671
16814
  "isSource": true,
16672
16815
  "original": {
16673
16816
  "$value": "{base.color.neutral.8}",
@@ -16677,6 +16820,25 @@
16677
16820
  "collection": "mode",
16678
16821
  "group": "component",
16679
16822
  "scopes": ["bgColor"]
16823
+ },
16824
+ "org.primer.overrides": {
16825
+ "dark": {
16826
+ "alpha": 0.2
16827
+ },
16828
+ "light-high-contrast": {
16829
+ "$value": "{base.color.neutral.5}",
16830
+ "alpha": 1,
16831
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16832
+ "isSource": true,
16833
+ "$type": "color"
16834
+ },
16835
+ "dark-high-contrast": {
16836
+ "$value": "{base.color.neutral.5}",
16837
+ "alpha": 1,
16838
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16839
+ "isSource": true,
16840
+ "$type": "color"
16841
+ }
16680
16842
  }
16681
16843
  },
16682
16844
  "alpha": 0.2
package/dist/docs/functional/themes/dark.json CHANGED
@@ -13058,11 +13058,20 @@
13058
13058
  "collection": "mode",
13059
13059
  "group": "component (internal)",
13060
13060
  "scopes": ["bgColor"]
13061
+ },
13062
+ "org.primer.overrides": {
13063
+ "dark": {
13064
+ "$value": "#151b23",
13065
+ "alpha": 0.95,
13066
+ "filePath": "src/tokens/component/header.json5",
13067
+ "isSource": true,
13068
+ "$type": "color"
13069
+ }
13061
13070
  }
13062
13071
  },
13063
- "alpha": 0.95,
13064
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13072
+ "filePath": "src/tokens/component/header.json5",
13065
13073
  "isSource": true,
13074
+ "alpha": 0.95,
13066
13075
  "original": {
13067
13076
  "$value": "{base.color.neutral.2}",
13068
13077
  "$type": "color",
@@ -13071,6 +13080,15 @@
13071
13080
  "collection": "mode",
13072
13081
  "group": "component (internal)",
13073
13082
  "scopes": ["bgColor"]
13083
+ },
13084
+ "org.primer.overrides": {
13085
+ "dark": {
13086
+ "$value": "{base.color.neutral.2}",
13087
+ "alpha": 0.95,
13088
+ "filePath": "src/tokens/component/header.json5",
13089
+ "isSource": true,
13090
+ "$type": "color"
13091
+ }
13074
13092
  }
13075
13093
  },
13076
13094
  "alpha": 0.95
@@ -13090,7 +13108,7 @@
13090
13108
  "scopes": ["borderColor"]
13091
13109
  }
13092
13110
  },
13093
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13111
+ "filePath": "src/tokens/component/header.json5",
13094
13112
  "isSource": true,
13095
13113
  "original": {
13096
13114
  "$value": "{base.color.neutral.8}",
@@ -13116,10 +13134,13 @@
13116
13134
  "collection": "mode",
13117
13135
  "group": "component (internal)",
13118
13136
  "scopes": ["fgColor"]
13137
+ },
13138
+ "org.primer.overrides": {
13139
+ "dark": "#ffffff"
13119
13140
  }
13120
13141
  },
13121
13142
  "alpha": 0.7,
13122
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13143
+ "filePath": "src/tokens/component/header.json5",
13123
13144
  "isSource": true,
13124
13145
  "original": {
13125
13146
  "$value": "{base.color.neutral.13}",
@@ -13129,6 +13150,9 @@
13129
13150
  "collection": "mode",
13130
13151
  "group": "component (internal)",
13131
13152
  "scopes": ["fgColor"]
13153
+ },
13154
+ "org.primer.overrides": {
13155
+ "dark": "{base.color.neutral.13}"
13132
13156
  }
13133
13157
  },
13134
13158
  "alpha": 0.7
@@ -13146,9 +13170,12 @@
13146
13170
  "collection": "mode",
13147
13171
  "group": "component (internal)",
13148
13172
  "scopes": ["fgColor"]
13173
+ },
13174
+ "org.primer.overrides": {
13175
+ "dark": "#f0f6fc"
13149
13176
  }
13150
13177
  },
13151
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13178
+ "filePath": "src/tokens/component/header.json5",
13152
13179
  "isSource": true,
13153
13180
  "original": {
13154
13181
  "$value": "{base.color.neutral.12}",
@@ -13158,6 +13185,9 @@
13158
13185
  "collection": "mode",
13159
13186
  "group": "component (internal)",
13160
13187
  "scopes": ["fgColor"]
13188
+ },
13189
+ "org.primer.overrides": {
13190
+ "dark": "{base.color.neutral.12}"
13161
13191
  }
13162
13192
  }
13163
13193
  },
@@ -13174,9 +13204,12 @@
13174
13204
  "collection": "mode",
13175
13205
  "group": "component (internal)",
13176
13206
  "scopes": ["bgColor"]
13207
+ },
13208
+ "org.primer.overrides": {
13209
+ "dark": "#0d1117"
13177
13210
  }
13178
13211
  },
13179
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13212
+ "filePath": "src/tokens/component/headerSerach.json5",
13180
13213
  "isSource": true,
13181
13214
  "original": {
13182
13215
  "$value": "{base.color.neutral.1}",
@@ -13186,6 +13219,9 @@
13186
13219
  "collection": "mode",
13187
13220
  "group": "component (internal)",
13188
13221
  "scopes": ["bgColor"]
13222
+ },
13223
+ "org.primer.overrides": {
13224
+ "dark": "{base.color.neutral.1}"
13189
13225
  }
13190
13226
  }
13191
13227
  },
@@ -13202,9 +13238,12 @@
13202
13238
  "collection": "mode",
13203
13239
  "group": "component (internal)",
13204
13240
  "scopes": ["borderColor"]
13241
+ },
13242
+ "org.primer.overrides": {
13243
+ "dark": "#2a313c"
13205
13244
  }
13206
13245
  },
13207
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13246
+ "filePath": "src/tokens/component/headerSerach.json5",
13208
13247
  "isSource": true,
13209
13248
  "original": {
13210
13249
  "$value": "{base.color.neutral.5}",
@@ -13214,6 +13253,9 @@
13214
13253
  "collection": "mode",
13215
13254
  "group": "component (internal)",
13216
13255
  "scopes": ["borderColor"]
13256
+ },
13257
+ "org.primer.overrides": {
13258
+ "dark": "{base.color.neutral.5}"
13217
13259
  }
13218
13260
  }
13219
13261
  },
@@ -16498,10 +16540,16 @@
16498
16540
  "collection": "mode",
16499
16541
  "group": "component (internal)",
16500
16542
  "scopes": ["bgColor"]
16543
+ },
16544
+ "org.primer.overrides": {
16545
+ "dark": "#212830",
16546
+ "dark-dimmed": "#262c36",
16547
+ "light-high-contrast": "#d1d7e0",
16548
+ "dark-high-contrast": "#d1d7e0"
16501
16549
  }
16502
16550
  },
16503
16551
  "alpha": 0.4,
16504
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16552
+ "filePath": "src/tokens/component/overlay.json5",
16505
16553
  "isSource": true,
16506
16554
  "original": {
16507
16555
  "$value": "{base.color.neutral.3}",
@@ -16511,6 +16559,12 @@
16511
16559
  "collection": "mode",
16512
16560
  "group": "component (internal)",
16513
16561
  "scopes": ["bgColor"]
16562
+ },
16563
+ "org.primer.overrides": {
16564
+ "dark": "{base.color.neutral.3}",
16565
+ "dark-dimmed": "{base.color.neutral.4}",
16566
+ "light-high-contrast": "{base.color.neutral.11}",
16567
+ "dark-high-contrast": "{base.color.neutral.11}"
16514
16568
  }
16515
16569
  },
16516
16570
  "alpha": 0.4
@@ -16528,9 +16582,13 @@
16528
16582
  "collection": "mode",
16529
16583
  "group": "component (internal)",
16530
16584
  "scopes": ["bgColor"]
16585
+ },
16586
+ "org.primer.overrides": {
16587
+ "dark": "#151b23",
16588
+ "dark-dimmed": "#2a313c"
16531
16589
  }
16532
16590
  },
16533
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16591
+ "filePath": "src/tokens/component/overlay.json5",
16534
16592
  "isSource": true,
16535
16593
  "original": {
16536
16594
  "$value": "{bgColor.muted}",
@@ -16540,6 +16598,10 @@
16540
16598
  "collection": "mode",
16541
16599
  "group": "component (internal)",
16542
16600
  "scopes": ["bgColor"]
16601
+ },
16602
+ "org.primer.overrides": {
16603
+ "dark": "{bgColor.muted}",
16604
+ "dark-dimmed": "{base.color.neutral.5}"
16543
16605
  }
16544
16606
  }
16545
16607
  },
@@ -16555,9 +16617,40 @@
16555
16617
  "org.primer.figma": {
16556
16618
  "collection": "mode",
16557
16619
  "group": "component (internal)"
16620
+ },
16621
+ "org.primer.overrides": {
16622
+ "dark": {
16623
+ "alpha": 1,
16624
+ "$value": "#3d444db3",
16625
+ "filePath": "src/tokens/component/overlay.json5",
16626
+ "isSource": true,
16627
+ "$type": "color"
16628
+ },
16629
+ "dark-dimmed": {
16630
+ "$value": "#3d444d",
16631
+ "alpha": 0.7,
16632
+ "filePath": "src/tokens/component/overlay.json5",
16633
+ "isSource": true,
16634
+ "$type": "color"
16635
+ },
16636
+ "light-high-contrast": {
16637
+ "alpha": 1,
16638
+ "$value": "#3d444d",
16639
+ "filePath": "src/tokens/component/overlay.json5",
16640
+ "isSource": true,
16641
+ "$type": "color"
16642
+ },
16643
+ "dark-high-contrast": {
16644
+ "$value": "#3d444d",
16645
+ "alpha": 1,
16646
+ "filePath": "src/tokens/component/overlay.json5",
16647
+ "isSource": true,
16648
+ "$type": "color"
16649
+ }
16558
16650
  }
16559
16651
  },
16560
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16652
+ "alpha": 1,
16653
+ "filePath": "src/tokens/component/overlay.json5",
16561
16654
  "isSource": true,
16562
16655
  "original": {
16563
16656
  "$value": "{borderColor.muted}",
@@ -16566,8 +16659,39 @@
16566
16659
  "org.primer.figma": {
16567
16660
  "collection": "mode",
16568
16661
  "group": "component (internal)"
16662
+ },
16663
+ "org.primer.overrides": {
16664
+ "dark": {
16665
+ "alpha": 1,
16666
+ "$value": "{borderColor.muted}",
16667
+ "filePath": "src/tokens/component/overlay.json5",
16668
+ "isSource": true,
16669
+ "$type": "color"
16670
+ },
16671
+ "dark-dimmed": {
16672
+ "$value": "{base.color.neutral.7}",
16673
+ "alpha": 0.7,
16674
+ "filePath": "src/tokens/component/overlay.json5",
16675
+ "isSource": true,
16676
+ "$type": "color"
16677
+ },
16678
+ "light-high-contrast": {
16679
+ "alpha": 1,
16680
+ "$value": "{borderColor.default}",
16681
+ "filePath": "src/tokens/component/overlay.json5",
16682
+ "isSource": true,
16683
+ "$type": "color"
16684
+ },
16685
+ "dark-high-contrast": {
16686
+ "$value": "{borderColor.default}",
16687
+ "alpha": 1,
16688
+ "filePath": "src/tokens/component/overlay.json5",
16689
+ "isSource": true,
16690
+ "$type": "color"
16691
+ }
16569
16692
  }
16570
- }
16693
+ },
16694
+ "alpha": 1
16571
16695
  },
16572
16696
  "name": "overlay-borderColor",
16573
16697
  "attributes": {},
@@ -17304,10 +17428,29 @@
17304
17428
  "collection": "mode",
17305
17429
  "group": "component",
17306
17430
  "scopes": ["bgColor"]
17431
+ },
17432
+ "org.primer.overrides": {
17433
+ "dark": {
17434
+ "alpha": 0.2
17435
+ },
17436
+ "light-high-contrast": {
17437
+ "$value": "#2a313c",
17438
+ "alpha": 1,
17439
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17440
+ "isSource": true,
17441
+ "$type": "color"
17442
+ },
17443
+ "dark-high-contrast": {
17444
+ "$value": "#2a313c",
17445
+ "alpha": 1,
17446
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17447
+ "isSource": true,
17448
+ "$type": "color"
17449
+ }
17307
17450
  }
17308
17451
  },
17309
17452
  "alpha": 0.2,
17310
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
17453
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17311
17454
  "isSource": true,
17312
17455
  "original": {
17313
17456
  "$value": "{base.color.neutral.8}",
@@ -17317,6 +17460,25 @@
17317
17460
  "collection": "mode",
17318
17461
  "group": "component",
17319
17462
  "scopes": ["bgColor"]
17463
+ },
17464
+ "org.primer.overrides": {
17465
+ "dark": {
17466
+ "alpha": 0.2
17467
+ },
17468
+ "light-high-contrast": {
17469
+ "$value": "{base.color.neutral.5}",
17470
+ "alpha": 1,
17471
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17472
+ "isSource": true,
17473
+ "$type": "color"
17474
+ },
17475
+ "dark-high-contrast": {
17476
+ "$value": "{base.color.neutral.5}",
17477
+ "alpha": 1,
17478
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17479
+ "isSource": true,
17480
+ "$type": "color"
17481
+ }
17320
17482
  }
17321
17483
  },
17322
17484
  "alpha": 0.2