@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-colorblind.json CHANGED
@@ -12378,9 +12378,18 @@
12378
12378
  "collection": "mode",
12379
12379
  "group": "component (internal)",
12380
12380
  "scopes": ["bgColor"]
12381
+ },
12382
+ "org.primer.overrides": {
12383
+ "dark": {
12384
+ "$value": "#eff2f5",
12385
+ "alpha": 0.95,
12386
+ "filePath": "src/tokens/component/header.json5",
12387
+ "isSource": true,
12388
+ "$type": "color"
12389
+ }
12381
12390
  }
12382
12391
  },
12383
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12392
+ "filePath": "src/tokens/component/header.json5",
12384
12393
  "isSource": true,
12385
12394
  "original": {
12386
12395
  "$value": "{base.color.neutral.12}",
@@ -12390,6 +12399,15 @@
12390
12399
  "collection": "mode",
12391
12400
  "group": "component (internal)",
12392
12401
  "scopes": ["bgColor"]
12402
+ },
12403
+ "org.primer.overrides": {
12404
+ "dark": {
12405
+ "$value": "{base.color.neutral.2}",
12406
+ "alpha": 0.95,
12407
+ "filePath": "src/tokens/component/header.json5",
12408
+ "isSource": true,
12409
+ "$type": "color"
12410
+ }
12393
12411
  }
12394
12412
  }
12395
12413
  },
@@ -12408,7 +12426,7 @@
12408
12426
  "scopes": ["borderColor"]
12409
12427
  }
12410
12428
  },
12411
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12429
+ "filePath": "src/tokens/component/header.json5",
12412
12430
  "isSource": true,
12413
12431
  "original": {
12414
12432
  "$value": "{base.color.neutral.8}",
@@ -12434,10 +12452,13 @@
12434
12452
  "collection": "mode",
12435
12453
  "group": "component (internal)",
12436
12454
  "scopes": ["fgColor"]
12455
+ },
12456
+ "org.primer.overrides": {
12457
+ "dark": "#1f2328"
12437
12458
  }
12438
12459
  },
12439
12460
  "alpha": 0.7,
12440
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12461
+ "filePath": "src/tokens/component/header.json5",
12441
12462
  "isSource": true,
12442
12463
  "original": {
12443
12464
  "$value": "{base.color.neutral.0}",
@@ -12447,6 +12468,9 @@
12447
12468
  "collection": "mode",
12448
12469
  "group": "component (internal)",
12449
12470
  "scopes": ["fgColor"]
12471
+ },
12472
+ "org.primer.overrides": {
12473
+ "dark": "{base.color.neutral.13}"
12450
12474
  }
12451
12475
  },
12452
12476
  "alpha": 0.7
@@ -12464,9 +12488,12 @@
12464
12488
  "collection": "mode",
12465
12489
  "group": "component (internal)",
12466
12490
  "scopes": ["fgColor"]
12491
+ },
12492
+ "org.primer.overrides": {
12493
+ "dark": "#25292e"
12467
12494
  }
12468
12495
  },
12469
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12496
+ "filePath": "src/tokens/component/header.json5",
12470
12497
  "isSource": true,
12471
12498
  "original": {
12472
12499
  "$value": "{base.color.neutral.0}",
@@ -12476,6 +12503,9 @@
12476
12503
  "collection": "mode",
12477
12504
  "group": "component (internal)",
12478
12505
  "scopes": ["fgColor"]
12506
+ },
12507
+ "org.primer.overrides": {
12508
+ "dark": "{base.color.neutral.12}"
12479
12509
  }
12480
12510
  }
12481
12511
  },
@@ -12492,9 +12522,12 @@
12492
12522
  "collection": "mode",
12493
12523
  "group": "component (internal)",
12494
12524
  "scopes": ["bgColor"]
12525
+ },
12526
+ "org.primer.overrides": {
12527
+ "dark": "#f6f8fa"
12495
12528
  }
12496
12529
  },
12497
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12530
+ "filePath": "src/tokens/component/headerSerach.json5",
12498
12531
  "isSource": true,
12499
12532
  "original": {
12500
12533
  "$value": "{base.color.neutral.12}",
@@ -12504,6 +12537,9 @@
12504
12537
  "collection": "mode",
12505
12538
  "group": "component (internal)",
12506
12539
  "scopes": ["bgColor"]
12540
+ },
12541
+ "org.primer.overrides": {
12542
+ "dark": "{base.color.neutral.1}"
12507
12543
  }
12508
12544
  }
12509
12545
  },
@@ -12520,9 +12556,12 @@
12520
12556
  "collection": "mode",
12521
12557
  "group": "component (internal)",
12522
12558
  "scopes": ["borderColor"]
12559
+ },
12560
+ "org.primer.overrides": {
12561
+ "dark": "#dae0e7"
12523
12562
  }
12524
12563
  },
12525
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12564
+ "filePath": "src/tokens/component/headerSerach.json5",
12526
12565
  "isSource": true,
12527
12566
  "original": {
12528
12567
  "$value": "{base.color.neutral.8}",
@@ -12532,6 +12571,9 @@
12532
12571
  "collection": "mode",
12533
12572
  "group": "component (internal)",
12534
12573
  "scopes": ["borderColor"]
12574
+ },
12575
+ "org.primer.overrides": {
12576
+ "dark": "{base.color.neutral.5}"
12535
12577
  }
12536
12578
  }
12537
12579
  },
@@ -15814,10 +15856,16 @@
15814
15856
  "collection": "mode",
15815
15857
  "group": "component (internal)",
15816
15858
  "scopes": ["bgColor"]
15859
+ },
15860
+ "org.primer.overrides": {
15861
+ "dark": "#e6eaef",
15862
+ "dark-dimmed": "#e0e6eb",
15863
+ "light-high-contrast": "#393f46",
15864
+ "dark-high-contrast": "#393f46"
15817
15865
  }
15818
15866
  },
15819
15867
  "alpha": 0.4,
15820
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15868
+ "filePath": "src/tokens/component/overlay.json5",
15821
15869
  "isSource": true,
15822
15870
  "original": {
15823
15871
  "$value": "{base.color.neutral.7}",
@@ -15827,6 +15875,12 @@
15827
15875
  "collection": "mode",
15828
15876
  "group": "component (internal)",
15829
15877
  "scopes": ["bgColor"]
15878
+ },
15879
+ "org.primer.overrides": {
15880
+ "dark": "{base.color.neutral.3}",
15881
+ "dark-dimmed": "{base.color.neutral.4}",
15882
+ "light-high-contrast": "{base.color.neutral.11}",
15883
+ "dark-high-contrast": "{base.color.neutral.11}"
15830
15884
  }
15831
15885
  },
15832
15886
  "alpha": 0.4
@@ -15844,9 +15898,13 @@
15844
15898
  "collection": "mode",
15845
15899
  "group": "component (internal)",
15846
15900
  "scopes": ["bgColor"]
15901
+ },
15902
+ "org.primer.overrides": {
15903
+ "dark": "#f6f8fa",
15904
+ "dark-dimmed": "#dae0e7"
15847
15905
  }
15848
15906
  },
15849
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15907
+ "filePath": "src/tokens/component/overlay.json5",
15850
15908
  "isSource": true,
15851
15909
  "original": {
15852
15910
  "$value": "{base.color.neutral.0}",
@@ -15856,6 +15914,10 @@
15856
15914
  "collection": "mode",
15857
15915
  "group": "component (internal)",
15858
15916
  "scopes": ["bgColor"]
15917
+ },
15918
+ "org.primer.overrides": {
15919
+ "dark": "{bgColor.muted}",
15920
+ "dark-dimmed": "{base.color.neutral.5}"
15859
15921
  }
15860
15922
  }
15861
15923
  },
@@ -15871,10 +15933,40 @@
15871
15933
  "org.primer.figma": {
15872
15934
  "collection": "mode",
15873
15935
  "group": "component (internal)"
15936
+ },
15937
+ "org.primer.overrides": {
15938
+ "dark": {
15939
+ "alpha": 1,
15940
+ "$value": "#d1d9e0b3",
15941
+ "filePath": "src/tokens/component/overlay.json5",
15942
+ "isSource": true,
15943
+ "$type": "color"
15944
+ },
15945
+ "dark-dimmed": {
15946
+ "$value": "#c8d1da",
15947
+ "alpha": 0.7,
15948
+ "filePath": "src/tokens/component/overlay.json5",
15949
+ "isSource": true,
15950
+ "$type": "color"
15951
+ },
15952
+ "light-high-contrast": {
15953
+ "alpha": 1,
15954
+ "$value": "#d1d9e0",
15955
+ "filePath": "src/tokens/component/overlay.json5",
15956
+ "isSource": true,
15957
+ "$type": "color"
15958
+ },
15959
+ "dark-high-contrast": {
15960
+ "$value": "#d1d9e0",
15961
+ "alpha": 1,
15962
+ "filePath": "src/tokens/component/overlay.json5",
15963
+ "isSource": true,
15964
+ "$type": "color"
15965
+ }
15874
15966
  }
15875
15967
  },
15876
15968
  "alpha": 0.5,
15877
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15969
+ "filePath": "src/tokens/component/overlay.json5",
15878
15970
  "isSource": true,
15879
15971
  "original": {
15880
15972
  "$value": "{borderColor.muted}",
@@ -15883,6 +15975,36 @@
15883
15975
  "org.primer.figma": {
15884
15976
  "collection": "mode",
15885
15977
  "group": "component (internal)"
15978
+ },
15979
+ "org.primer.overrides": {
15980
+ "dark": {
15981
+ "alpha": 1,
15982
+ "$value": "{borderColor.muted}",
15983
+ "filePath": "src/tokens/component/overlay.json5",
15984
+ "isSource": true,
15985
+ "$type": "color"
15986
+ },
15987
+ "dark-dimmed": {
15988
+ "$value": "{base.color.neutral.7}",
15989
+ "alpha": 0.7,
15990
+ "filePath": "src/tokens/component/overlay.json5",
15991
+ "isSource": true,
15992
+ "$type": "color"
15993
+ },
15994
+ "light-high-contrast": {
15995
+ "alpha": 1,
15996
+ "$value": "{borderColor.default}",
15997
+ "filePath": "src/tokens/component/overlay.json5",
15998
+ "isSource": true,
15999
+ "$type": "color"
16000
+ },
16001
+ "dark-high-contrast": {
16002
+ "$value": "{borderColor.default}",
16003
+ "alpha": 1,
16004
+ "filePath": "src/tokens/component/overlay.json5",
16005
+ "isSource": true,
16006
+ "$type": "color"
16007
+ }
15886
16008
  }
15887
16009
  },
15888
16010
  "alpha": 0.5
@@ -16606,10 +16728,29 @@
16606
16728
  "collection": "mode",
16607
16729
  "group": "component",
16608
16730
  "scopes": ["bgColor"]
16731
+ },
16732
+ "org.primer.overrides": {
16733
+ "dark": {
16734
+ "alpha": 0.2
16735
+ },
16736
+ "light-high-contrast": {
16737
+ "$value": "#dae0e7",
16738
+ "alpha": 1,
16739
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16740
+ "isSource": true,
16741
+ "$type": "color"
16742
+ },
16743
+ "dark-high-contrast": {
16744
+ "$value": "#dae0e7",
16745
+ "alpha": 1,
16746
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16747
+ "isSource": true,
16748
+ "$type": "color"
16749
+ }
16609
16750
  }
16610
16751
  },
16611
16752
  "alpha": 0.1,
16612
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16753
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16613
16754
  "isSource": true,
16614
16755
  "original": {
16615
16756
  "$value": "{base.color.neutral.8}",
@@ -16619,6 +16760,25 @@
16619
16760
  "collection": "mode",
16620
16761
  "group": "component",
16621
16762
  "scopes": ["bgColor"]
16763
+ },
16764
+ "org.primer.overrides": {
16765
+ "dark": {
16766
+ "alpha": 0.2
16767
+ },
16768
+ "light-high-contrast": {
16769
+ "$value": "{base.color.neutral.5}",
16770
+ "alpha": 1,
16771
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16772
+ "isSource": true,
16773
+ "$type": "color"
16774
+ },
16775
+ "dark-high-contrast": {
16776
+ "$value": "{base.color.neutral.5}",
16777
+ "alpha": 1,
16778
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16779
+ "isSource": true,
16780
+ "$type": "color"
16781
+ }
16622
16782
  }
16623
16783
  },
16624
16784
  "alpha": 0.1
package/dist/docs/functional/themes/light-high-contrast.json CHANGED
@@ -11072,9 +11072,18 @@
11072
11072
  "collection": "mode",
11073
11073
  "group": "component (internal)",
11074
11074
  "scopes": ["bgColor"]
11075
+ },
11076
+ "org.primer.overrides": {
11077
+ "dark": {
11078
+ "$value": "#eff2f5",
11079
+ "alpha": 0.95,
11080
+ "filePath": "src/tokens/component/header.json5",
11081
+ "isSource": true,
11082
+ "$type": "color"
11083
+ }
11075
11084
  }
11076
11085
  },
11077
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11086
+ "filePath": "src/tokens/component/header.json5",
11078
11087
  "isSource": true,
11079
11088
  "original": {
11080
11089
  "$value": "{base.color.neutral.12}",
@@ -11084,6 +11093,15 @@
11084
11093
  "collection": "mode",
11085
11094
  "group": "component (internal)",
11086
11095
  "scopes": ["bgColor"]
11096
+ },
11097
+ "org.primer.overrides": {
11098
+ "dark": {
11099
+ "$value": "{base.color.neutral.2}",
11100
+ "alpha": 0.95,
11101
+ "filePath": "src/tokens/component/header.json5",
11102
+ "isSource": true,
11103
+ "$type": "color"
11104
+ }
11087
11105
  }
11088
11106
  }
11089
11107
  },
@@ -11114,10 +11132,13 @@
11114
11132
  "collection": "mode",
11115
11133
  "group": "component (internal)",
11116
11134
  "scopes": ["fgColor"]
11135
+ },
11136
+ "org.primer.overrides": {
11137
+ "dark": "#010409"
11117
11138
  }
11118
11139
  },
11119
11140
  "alpha": 0.7,
11120
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11141
+ "filePath": "src/tokens/component/header.json5",
11121
11142
  "isSource": true,
11122
11143
  "original": {
11123
11144
  "$value": "{base.color.neutral.0}",
@@ -11127,6 +11148,9 @@
11127
11148
  "collection": "mode",
11128
11149
  "group": "component (internal)",
11129
11150
  "scopes": ["fgColor"]
11151
+ },
11152
+ "org.primer.overrides": {
11153
+ "dark": "{base.color.neutral.13}"
11130
11154
  }
11131
11155
  },
11132
11156
  "alpha": 0.7
@@ -11144,9 +11168,12 @@
11144
11168
  "collection": "mode",
11145
11169
  "group": "component (internal)",
11146
11170
  "scopes": ["fgColor"]
11171
+ },
11172
+ "org.primer.overrides": {
11173
+ "dark": "#25292e"
11147
11174
  }
11148
11175
  },
11149
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11176
+ "filePath": "src/tokens/component/header.json5",
11150
11177
  "isSource": true,
11151
11178
  "original": {
11152
11179
  "$value": "{base.color.neutral.0}",
@@ -11156,6 +11183,9 @@
11156
11183
  "collection": "mode",
11157
11184
  "group": "component (internal)",
11158
11185
  "scopes": ["fgColor"]
11186
+ },
11187
+ "org.primer.overrides": {
11188
+ "dark": "{base.color.neutral.12}"
11159
11189
  }
11160
11190
  }
11161
11191
  },
@@ -11172,9 +11202,12 @@
11172
11202
  "collection": "mode",
11173
11203
  "group": "component (internal)",
11174
11204
  "scopes": ["bgColor"]
11205
+ },
11206
+ "org.primer.overrides": {
11207
+ "dark": "#f6f8fa"
11175
11208
  }
11176
11209
  },
11177
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11210
+ "filePath": "src/tokens/component/headerSerach.json5",
11178
11211
  "isSource": true,
11179
11212
  "original": {
11180
11213
  "$value": "{base.color.neutral.12}",
@@ -11184,6 +11217,9 @@
11184
11217
  "collection": "mode",
11185
11218
  "group": "component (internal)",
11186
11219
  "scopes": ["bgColor"]
11220
+ },
11221
+ "org.primer.overrides": {
11222
+ "dark": "{base.color.neutral.1}"
11187
11223
  }
11188
11224
  }
11189
11225
  },
@@ -11200,9 +11236,12 @@
11200
11236
  "collection": "mode",
11201
11237
  "group": "component (internal)",
11202
11238
  "scopes": ["borderColor"]
11239
+ },
11240
+ "org.primer.overrides": {
11241
+ "dark": "#dae0e7"
11203
11242
  }
11204
11243
  },
11205
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
11244
+ "filePath": "src/tokens/component/headerSerach.json5",
11206
11245
  "isSource": true,
11207
11246
  "original": {
11208
11247
  "$value": "{base.color.neutral.8}",
@@ -11212,6 +11251,9 @@
11212
11251
  "collection": "mode",
11213
11252
  "group": "component (internal)",
11214
11253
  "scopes": ["borderColor"]
11254
+ },
11255
+ "org.primer.overrides": {
11256
+ "dark": "{base.color.neutral.5}"
11215
11257
  }
11216
11258
  }
11217
11259
  },
@@ -14489,12 +14531,38 @@
14489
14531
  "type": "color"
14490
14532
  },
14491
14533
  "overlay-backdrop-bgColor": {
14534
+ "$extensions": {
14535
+ "org.primer.figma": {
14536
+ "collection": "mode",
14537
+ "group": "component (internal)",
14538
+ "scopes": ["bgColor"]
14539
+ },
14540
+ "org.primer.overrides": {
14541
+ "dark": "#e6eaef",
14542
+ "dark-dimmed": "#e0e6eb",
14543
+ "light-high-contrast": "#393f46",
14544
+ "dark-high-contrast": "#393f46"
14545
+ }
14546
+ },
14492
14547
  "alpha": 0.4,
14493
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
14548
+ "filePath": "src/tokens/component/overlay.json5",
14494
14549
  "isSource": true,
14495
14550
  "original": {
14496
14551
  "$value": "{base.color.neutral.11}",
14497
14552
  "$type": "color",
14553
+ "$extensions": {
14554
+ "org.primer.figma": {
14555
+ "collection": "mode",
14556
+ "group": "component (internal)",
14557
+ "scopes": ["bgColor"]
14558
+ },
14559
+ "org.primer.overrides": {
14560
+ "dark": "{base.color.neutral.3}",
14561
+ "dark-dimmed": "{base.color.neutral.4}",
14562
+ "light-high-contrast": "{base.color.neutral.11}",
14563
+ "dark-high-contrast": "{base.color.neutral.11}"
14564
+ }
14565
+ },
14498
14566
  "alpha": 0.4
14499
14567
  },
14500
14568
  "name": "overlay-backdrop-bgColor",
@@ -14510,9 +14578,13 @@
14510
14578
  "collection": "mode",
14511
14579
  "group": "component (internal)",
14512
14580
  "scopes": ["bgColor"]
14581
+ },
14582
+ "org.primer.overrides": {
14583
+ "dark": "#e6eaef",
14584
+ "dark-dimmed": "#dae0e7"
14513
14585
  }
14514
14586
  },
14515
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
14587
+ "filePath": "src/tokens/component/overlay.json5",
14516
14588
  "isSource": true,
14517
14589
  "original": {
14518
14590
  "$value": "{base.color.neutral.0}",
@@ -14522,6 +14594,10 @@
14522
14594
  "collection": "mode",
14523
14595
  "group": "component (internal)",
14524
14596
  "scopes": ["bgColor"]
14597
+ },
14598
+ "org.primer.overrides": {
14599
+ "dark": "{bgColor.muted}",
14600
+ "dark-dimmed": "{base.color.neutral.5}"
14525
14601
  }
14526
14602
  }
14527
14603
  },
@@ -14533,13 +14609,85 @@
14533
14609
  "type": "color"
14534
14610
  },
14535
14611
  "overlay-borderColor": {
14536
- "alpha": null,
14537
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
14612
+ "$extensions": {
14613
+ "org.primer.figma": {
14614
+ "collection": "mode",
14615
+ "group": "component (internal)"
14616
+ },
14617
+ "org.primer.overrides": {
14618
+ "dark": {
14619
+ "alpha": 1,
14620
+ "$value": "#454c54",
14621
+ "filePath": "src/tokens/component/overlay.json5",
14622
+ "isSource": true,
14623
+ "$type": "color"
14624
+ },
14625
+ "dark-dimmed": {
14626
+ "$value": "#c8d1da",
14627
+ "alpha": 0.7,
14628
+ "filePath": "src/tokens/component/overlay.json5",
14629
+ "isSource": true,
14630
+ "$type": "color"
14631
+ },
14632
+ "light-high-contrast": {
14633
+ "alpha": 1,
14634
+ "$value": "#454c54",
14635
+ "filePath": "src/tokens/component/overlay.json5",
14636
+ "isSource": true,
14637
+ "$type": "color"
14638
+ },
14639
+ "dark-high-contrast": {
14640
+ "$value": "#454c54",
14641
+ "alpha": 1,
14642
+ "filePath": "src/tokens/component/overlay.json5",
14643
+ "isSource": true,
14644
+ "$type": "color"
14645
+ }
14646
+ }
14647
+ },
14648
+ "alpha": 1,
14649
+ "filePath": "src/tokens/component/overlay.json5",
14538
14650
  "isSource": true,
14539
14651
  "original": {
14540
14652
  "$value": "{borderColor.default}",
14541
14653
  "$type": "color",
14542
- "alpha": null
14654
+ "$extensions": {
14655
+ "org.primer.figma": {
14656
+ "collection": "mode",
14657
+ "group": "component (internal)"
14658
+ },
14659
+ "org.primer.overrides": {
14660
+ "dark": {
14661
+ "alpha": 1,
14662
+ "$value": "{borderColor.muted}",
14663
+ "filePath": "src/tokens/component/overlay.json5",
14664
+ "isSource": true,
14665
+ "$type": "color"
14666
+ },
14667
+ "dark-dimmed": {
14668
+ "$value": "{base.color.neutral.7}",
14669
+ "alpha": 0.7,
14670
+ "filePath": "src/tokens/component/overlay.json5",
14671
+ "isSource": true,
14672
+ "$type": "color"
14673
+ },
14674
+ "light-high-contrast": {
14675
+ "alpha": 1,
14676
+ "$value": "{borderColor.default}",
14677
+ "filePath": "src/tokens/component/overlay.json5",
14678
+ "isSource": true,
14679
+ "$type": "color"
14680
+ },
14681
+ "dark-high-contrast": {
14682
+ "$value": "{borderColor.default}",
14683
+ "alpha": 1,
14684
+ "filePath": "src/tokens/component/overlay.json5",
14685
+ "isSource": true,
14686
+ "$type": "color"
14687
+ }
14688
+ }
14689
+ },
14690
+ "alpha": 1
14543
14691
  },
14544
14692
  "name": "overlay-borderColor",
14545
14693
  "attributes": {},
@@ -15255,12 +15403,64 @@
15255
15403
  "type": "color"
15256
15404
  },
15257
15405
  "skeletonLoader-bgColor": {
15406
+ "$extensions": {
15407
+ "org.primer.figma": {
15408
+ "collection": "mode",
15409
+ "group": "component",
15410
+ "scopes": ["bgColor"]
15411
+ },
15412
+ "org.primer.overrides": {
15413
+ "dark": {
15414
+ "alpha": 0.2
15415
+ },
15416
+ "light-high-contrast": {
15417
+ "$value": "#dae0e7",
15418
+ "alpha": 1,
15419
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15420
+ "isSource": true,
15421
+ "$type": "color"
15422
+ },
15423
+ "dark-high-contrast": {
15424
+ "$value": "#dae0e7",
15425
+ "alpha": 1,
15426
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15427
+ "isSource": true,
15428
+ "$type": "color"
15429
+ }
15430
+ }
15431
+ },
15258
15432
  "alpha": 1,
15259
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
15433
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15260
15434
  "isSource": true,
15261
15435
  "original": {
15262
15436
  "$value": "{base.color.neutral.5}",
15263
15437
  "$type": "color",
15438
+ "$extensions": {
15439
+ "org.primer.figma": {
15440
+ "collection": "mode",
15441
+ "group": "component",
15442
+ "scopes": ["bgColor"]
15443
+ },
15444
+ "org.primer.overrides": {
15445
+ "dark": {
15446
+ "alpha": 0.2
15447
+ },
15448
+ "light-high-contrast": {
15449
+ "$value": "{base.color.neutral.5}",
15450
+ "alpha": 1,
15451
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15452
+ "isSource": true,
15453
+ "$type": "color"
15454
+ },
15455
+ "dark-high-contrast": {
15456
+ "$value": "{base.color.neutral.5}",
15457
+ "alpha": 1,
15458
+ "filePath": "src/tokens/component/skeletonLoader.json5",
15459
+ "isSource": true,
15460
+ "$type": "color"
15461
+ }
15462
+ }
15463
+ },
15264
15464
  "alpha": 1
15265
15465
  },
15266
15466
  "name": "skeletonLoader-bgColor",