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