@primer/primitives 10.3.0-rc.b425078b → 10.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/build/transformers/colorToHex.js +3 -3
  2. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  3. package/dist/build/transformers/shadowToCss.js +2 -2
  4. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  5. package/dist/build/transformers/utilities/alpha.js +3 -3
  6. package/dist/build/utilities/log.d.ts +6 -0
  7. package/dist/build/utilities/log.js +34 -0
  8. package/dist/docs/functional/themes/dark-colorblind.json +174 -12
  9. package/dist/docs/functional/themes/dark-dimmed.json +212 -12
  10. package/dist/docs/functional/themes/dark-high-contrast.json +213 -13
  11. package/dist/docs/functional/themes/dark-tritanopia.json +174 -12
  12. package/dist/docs/functional/themes/dark.json +174 -12
  13. package/dist/docs/functional/themes/light-colorblind.json +170 -10
  14. package/dist/docs/functional/themes/light-high-contrast.json +211 -11
  15. package/dist/docs/functional/themes/light-tritanopia.json +170 -10
  16. package/dist/docs/functional/themes/light.json +170 -10
  17. package/dist/figma/themes/dark-colorblind.json +165 -164
  18. package/dist/figma/themes/dark-dimmed.json +165 -115
  19. package/dist/figma/themes/dark-high-contrast.json +165 -114
  20. package/dist/figma/themes/dark-tritanopia.json +165 -164
  21. package/dist/figma/themes/dark.json +165 -164
  22. package/dist/figma/themes/light-colorblind.json +164 -164
  23. package/dist/figma/themes/light-high-contrast.json +151 -100
  24. package/dist/figma/themes/light-tritanopia.json +164 -164
  25. package/dist/figma/themes/light.json +164 -164
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +174 -12
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +212 -12
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +213 -13
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +174 -12
  30. package/dist/styleLint/functional/themes/dark.json +174 -12
  31. package/dist/styleLint/functional/themes/light-colorblind.json +170 -10
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +211 -11
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +170 -10
  34. package/dist/styleLint/functional/themes/light.json +170 -10
  35. package/package.json +1 -1
  36. package/src/tokens/component/header.json5 +65 -0
  37. package/src/tokens/component/headerSerach.json5 +32 -0
  38. package/src/tokens/component/overlay.json5 +68 -0
  39. package/src/tokens/component/skeletonLoader.json5 +29 -0
  40. package/src/tokens/functional/color/dark/app-dark.json5 +0 -81
  41. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -18
  42. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -21
  43. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -127
  44. package/src/tokens/functional/color/light/app-light.json5 +0 -75
  45. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -21
  46. package/src/tokens/functional/color/light/patterns-light.json5 +0 -127
  47. package/dist/figma/figma.json +0 -133
  48. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  49. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  50. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  51. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  52. package/dist/figma/shadows/dark.json +0 -1152
  53. package/dist/figma/shadows/light-colorblind.json +0 -1052
  54. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  55. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  56. package/dist/figma/shadows/light.json +0 -1052
package/dist/styleLint/functional/themes/light-tritanopia.json CHANGED
@@ -12462,9 +12462,18 @@
12462
12462
  "collection": "mode",
12463
12463
  "group": "component (internal)",
12464
12464
  "scopes": ["bgColor"]
12465
+ },
12466
+ "org.primer.overrides": {
12467
+ "dark": {
12468
+ "$value": "#eff2f5",
12469
+ "alpha": 0.95,
12470
+ "filePath": "src/tokens/component/header.json5",
12471
+ "isSource": true,
12472
+ "$type": "color"
12473
+ }
12465
12474
  }
12466
12475
  },
12467
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12476
+ "filePath": "src/tokens/component/header.json5",
12468
12477
  "isSource": true,
12469
12478
  "original": {
12470
12479
  "$value": "{base.color.neutral.12}",
@@ -12474,6 +12483,15 @@
12474
12483
  "collection": "mode",
12475
12484
  "group": "component (internal)",
12476
12485
  "scopes": ["bgColor"]
12486
+ },
12487
+ "org.primer.overrides": {
12488
+ "dark": {
12489
+ "$value": "{base.color.neutral.2}",
12490
+ "alpha": 0.95,
12491
+ "filePath": "src/tokens/component/header.json5",
12492
+ "isSource": true,
12493
+ "$type": "color"
12494
+ }
12477
12495
  }
12478
12496
  }
12479
12497
  },
@@ -12492,7 +12510,7 @@
12492
12510
  "scopes": ["borderColor"]
12493
12511
  }
12494
12512
  },
12495
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12513
+ "filePath": "src/tokens/component/header.json5",
12496
12514
  "isSource": true,
12497
12515
  "original": {
12498
12516
  "$value": "{base.color.neutral.8}",
@@ -12518,10 +12536,13 @@
12518
12536
  "collection": "mode",
12519
12537
  "group": "component (internal)",
12520
12538
  "scopes": ["fgColor"]
12539
+ },
12540
+ "org.primer.overrides": {
12541
+ "dark": "#1f2328"
12521
12542
  }
12522
12543
  },
12523
12544
  "alpha": 0.7,
12524
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12545
+ "filePath": "src/tokens/component/header.json5",
12525
12546
  "isSource": true,
12526
12547
  "original": {
12527
12548
  "$value": "{base.color.neutral.0}",
@@ -12531,6 +12552,9 @@
12531
12552
  "collection": "mode",
12532
12553
  "group": "component (internal)",
12533
12554
  "scopes": ["fgColor"]
12555
+ },
12556
+ "org.primer.overrides": {
12557
+ "dark": "{base.color.neutral.13}"
12534
12558
  }
12535
12559
  },
12536
12560
  "alpha": 0.7
@@ -12548,9 +12572,12 @@
12548
12572
  "collection": "mode",
12549
12573
  "group": "component (internal)",
12550
12574
  "scopes": ["fgColor"]
12575
+ },
12576
+ "org.primer.overrides": {
12577
+ "dark": "#25292e"
12551
12578
  }
12552
12579
  },
12553
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12580
+ "filePath": "src/tokens/component/header.json5",
12554
12581
  "isSource": true,
12555
12582
  "original": {
12556
12583
  "$value": "{base.color.neutral.0}",
@@ -12560,6 +12587,9 @@
12560
12587
  "collection": "mode",
12561
12588
  "group": "component (internal)",
12562
12589
  "scopes": ["fgColor"]
12590
+ },
12591
+ "org.primer.overrides": {
12592
+ "dark": "{base.color.neutral.12}"
12563
12593
  }
12564
12594
  }
12565
12595
  },
@@ -12576,9 +12606,12 @@
12576
12606
  "collection": "mode",
12577
12607
  "group": "component (internal)",
12578
12608
  "scopes": ["bgColor"]
12609
+ },
12610
+ "org.primer.overrides": {
12611
+ "dark": "#f6f8fa"
12579
12612
  }
12580
12613
  },
12581
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12614
+ "filePath": "src/tokens/component/headerSerach.json5",
12582
12615
  "isSource": true,
12583
12616
  "original": {
12584
12617
  "$value": "{base.color.neutral.12}",
@@ -12588,6 +12621,9 @@
12588
12621
  "collection": "mode",
12589
12622
  "group": "component (internal)",
12590
12623
  "scopes": ["bgColor"]
12624
+ },
12625
+ "org.primer.overrides": {
12626
+ "dark": "{base.color.neutral.1}"
12591
12627
  }
12592
12628
  }
12593
12629
  },
@@ -12604,9 +12640,12 @@
12604
12640
  "collection": "mode",
12605
12641
  "group": "component (internal)",
12606
12642
  "scopes": ["borderColor"]
12643
+ },
12644
+ "org.primer.overrides": {
12645
+ "dark": "#dae0e7"
12607
12646
  }
12608
12647
  },
12609
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12648
+ "filePath": "src/tokens/component/headerSerach.json5",
12610
12649
  "isSource": true,
12611
12650
  "original": {
12612
12651
  "$value": "{base.color.neutral.8}",
@@ -12616,6 +12655,9 @@
12616
12655
  "collection": "mode",
12617
12656
  "group": "component (internal)",
12618
12657
  "scopes": ["borderColor"]
12658
+ },
12659
+ "org.primer.overrides": {
12660
+ "dark": "{base.color.neutral.5}"
12619
12661
  }
12620
12662
  }
12621
12663
  },
@@ -15898,10 +15940,16 @@
15898
15940
  "collection": "mode",
15899
15941
  "group": "component (internal)",
15900
15942
  "scopes": ["bgColor"]
15943
+ },
15944
+ "org.primer.overrides": {
15945
+ "dark": "#e6eaef",
15946
+ "dark-dimmed": "#e0e6eb",
15947
+ "light-high-contrast": "#393f46",
15948
+ "dark-high-contrast": "#393f46"
15901
15949
  }
15902
15950
  },
15903
15951
  "alpha": 0.4,
15904
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15952
+ "filePath": "src/tokens/component/overlay.json5",
15905
15953
  "isSource": true,
15906
15954
  "original": {
15907
15955
  "$value": "{base.color.neutral.7}",
@@ -15911,6 +15959,12 @@
15911
15959
  "collection": "mode",
15912
15960
  "group": "component (internal)",
15913
15961
  "scopes": ["bgColor"]
15962
+ },
15963
+ "org.primer.overrides": {
15964
+ "dark": "{base.color.neutral.3}",
15965
+ "dark-dimmed": "{base.color.neutral.4}",
15966
+ "light-high-contrast": "{base.color.neutral.11}",
15967
+ "dark-high-contrast": "{base.color.neutral.11}"
15914
15968
  }
15915
15969
  },
15916
15970
  "alpha": 0.4
@@ -15928,9 +15982,13 @@
15928
15982
  "collection": "mode",
15929
15983
  "group": "component (internal)",
15930
15984
  "scopes": ["bgColor"]
15985
+ },
15986
+ "org.primer.overrides": {
15987
+ "dark": "#f6f8fa",
15988
+ "dark-dimmed": "#dae0e7"
15931
15989
  }
15932
15990
  },
15933
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
15991
+ "filePath": "src/tokens/component/overlay.json5",
15934
15992
  "isSource": true,
15935
15993
  "original": {
15936
15994
  "$value": "{base.color.neutral.0}",
@@ -15940,6 +15998,10 @@
15940
15998
  "collection": "mode",
15941
15999
  "group": "component (internal)",
15942
16000
  "scopes": ["bgColor"]
16001
+ },
16002
+ "org.primer.overrides": {
16003
+ "dark": "{bgColor.muted}",
16004
+ "dark-dimmed": "{base.color.neutral.5}"
15943
16005
  }
15944
16006
  }
15945
16007
  },
@@ -15955,10 +16017,40 @@
15955
16017
  "org.primer.figma": {
15956
16018
  "collection": "mode",
15957
16019
  "group": "component (internal)"
16020
+ },
16021
+ "org.primer.overrides": {
16022
+ "dark": {
16023
+ "alpha": 1,
16024
+ "$value": "#d1d9e0b3",
16025
+ "filePath": "src/tokens/component/overlay.json5",
16026
+ "isSource": true,
16027
+ "$type": "color"
16028
+ },
16029
+ "dark-dimmed": {
16030
+ "$value": "#c8d1da",
16031
+ "alpha": 0.7,
16032
+ "filePath": "src/tokens/component/overlay.json5",
16033
+ "isSource": true,
16034
+ "$type": "color"
16035
+ },
16036
+ "light-high-contrast": {
16037
+ "alpha": 1,
16038
+ "$value": "#d1d9e0",
16039
+ "filePath": "src/tokens/component/overlay.json5",
16040
+ "isSource": true,
16041
+ "$type": "color"
16042
+ },
16043
+ "dark-high-contrast": {
16044
+ "$value": "#d1d9e0",
16045
+ "alpha": 1,
16046
+ "filePath": "src/tokens/component/overlay.json5",
16047
+ "isSource": true,
16048
+ "$type": "color"
16049
+ }
15958
16050
  }
15959
16051
  },
15960
16052
  "alpha": 0.5,
15961
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16053
+ "filePath": "src/tokens/component/overlay.json5",
15962
16054
  "isSource": true,
15963
16055
  "original": {
15964
16056
  "$value": "{borderColor.muted}",
@@ -15967,6 +16059,36 @@
15967
16059
  "org.primer.figma": {
15968
16060
  "collection": "mode",
15969
16061
  "group": "component (internal)"
16062
+ },
16063
+ "org.primer.overrides": {
16064
+ "dark": {
16065
+ "alpha": 1,
16066
+ "$value": "{borderColor.muted}",
16067
+ "filePath": "src/tokens/component/overlay.json5",
16068
+ "isSource": true,
16069
+ "$type": "color"
16070
+ },
16071
+ "dark-dimmed": {
16072
+ "$value": "{base.color.neutral.7}",
16073
+ "alpha": 0.7,
16074
+ "filePath": "src/tokens/component/overlay.json5",
16075
+ "isSource": true,
16076
+ "$type": "color"
16077
+ },
16078
+ "light-high-contrast": {
16079
+ "alpha": 1,
16080
+ "$value": "{borderColor.default}",
16081
+ "filePath": "src/tokens/component/overlay.json5",
16082
+ "isSource": true,
16083
+ "$type": "color"
16084
+ },
16085
+ "dark-high-contrast": {
16086
+ "$value": "{borderColor.default}",
16087
+ "alpha": 1,
16088
+ "filePath": "src/tokens/component/overlay.json5",
16089
+ "isSource": true,
16090
+ "$type": "color"
16091
+ }
15970
16092
  }
15971
16093
  },
15972
16094
  "alpha": 0.5
@@ -16690,10 +16812,29 @@
16690
16812
  "collection": "mode",
16691
16813
  "group": "component",
16692
16814
  "scopes": ["bgColor"]
16815
+ },
16816
+ "org.primer.overrides": {
16817
+ "dark": {
16818
+ "alpha": 0.2
16819
+ },
16820
+ "light-high-contrast": {
16821
+ "$value": "#dae0e7",
16822
+ "alpha": 1,
16823
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16824
+ "isSource": true,
16825
+ "$type": "color"
16826
+ },
16827
+ "dark-high-contrast": {
16828
+ "$value": "#dae0e7",
16829
+ "alpha": 1,
16830
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16831
+ "isSource": true,
16832
+ "$type": "color"
16833
+ }
16693
16834
  }
16694
16835
  },
16695
16836
  "alpha": 0.1,
16696
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16837
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16697
16838
  "isSource": true,
16698
16839
  "original": {
16699
16840
  "$value": "{base.color.neutral.8}",
@@ -16703,6 +16844,25 @@
16703
16844
  "collection": "mode",
16704
16845
  "group": "component",
16705
16846
  "scopes": ["bgColor"]
16847
+ },
16848
+ "org.primer.overrides": {
16849
+ "dark": {
16850
+ "alpha": 0.2
16851
+ },
16852
+ "light-high-contrast": {
16853
+ "$value": "{base.color.neutral.5}",
16854
+ "alpha": 1,
16855
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16856
+ "isSource": true,
16857
+ "$type": "color"
16858
+ },
16859
+ "dark-high-contrast": {
16860
+ "$value": "{base.color.neutral.5}",
16861
+ "alpha": 1,
16862
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16863
+ "isSource": true,
16864
+ "$type": "color"
16865
+ }
16706
16866
  }
16707
16867
  },
16708
16868
  "alpha": 0.1
package/dist/styleLint/functional/themes/light.json CHANGED
@@ -13014,9 +13014,18 @@
13014
13014
  "collection": "mode",
13015
13015
  "group": "component (internal)",
13016
13016
  "scopes": ["bgColor"]
13017
+ },
13018
+ "org.primer.overrides": {
13019
+ "dark": {
13020
+ "$value": "#eff2f5",
13021
+ "alpha": 0.95,
13022
+ "filePath": "src/tokens/component/header.json5",
13023
+ "isSource": true,
13024
+ "$type": "color"
13025
+ }
13017
13026
  }
13018
13027
  },
13019
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13028
+ "filePath": "src/tokens/component/header.json5",
13020
13029
  "isSource": true,
13021
13030
  "original": {
13022
13031
  "$value": "{base.color.neutral.12}",
@@ -13026,6 +13035,15 @@
13026
13035
  "collection": "mode",
13027
13036
  "group": "component (internal)",
13028
13037
  "scopes": ["bgColor"]
13038
+ },
13039
+ "org.primer.overrides": {
13040
+ "dark": {
13041
+ "$value": "{base.color.neutral.2}",
13042
+ "alpha": 0.95,
13043
+ "filePath": "src/tokens/component/header.json5",
13044
+ "isSource": true,
13045
+ "$type": "color"
13046
+ }
13029
13047
  }
13030
13048
  }
13031
13049
  },
@@ -13044,7 +13062,7 @@
13044
13062
  "scopes": ["borderColor"]
13045
13063
  }
13046
13064
  },
13047
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13065
+ "filePath": "src/tokens/component/header.json5",
13048
13066
  "isSource": true,
13049
13067
  "original": {
13050
13068
  "$value": "{base.color.neutral.8}",
@@ -13070,10 +13088,13 @@
13070
13088
  "collection": "mode",
13071
13089
  "group": "component (internal)",
13072
13090
  "scopes": ["fgColor"]
13091
+ },
13092
+ "org.primer.overrides": {
13093
+ "dark": "#1f2328"
13073
13094
  }
13074
13095
  },
13075
13096
  "alpha": 0.7,
13076
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13097
+ "filePath": "src/tokens/component/header.json5",
13077
13098
  "isSource": true,
13078
13099
  "original": {
13079
13100
  "$value": "{base.color.neutral.0}",
@@ -13083,6 +13104,9 @@
13083
13104
  "collection": "mode",
13084
13105
  "group": "component (internal)",
13085
13106
  "scopes": ["fgColor"]
13107
+ },
13108
+ "org.primer.overrides": {
13109
+ "dark": "{base.color.neutral.13}"
13086
13110
  }
13087
13111
  },
13088
13112
  "alpha": 0.7
@@ -13100,9 +13124,12 @@
13100
13124
  "collection": "mode",
13101
13125
  "group": "component (internal)",
13102
13126
  "scopes": ["fgColor"]
13127
+ },
13128
+ "org.primer.overrides": {
13129
+ "dark": "#25292e"
13103
13130
  }
13104
13131
  },
13105
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13132
+ "filePath": "src/tokens/component/header.json5",
13106
13133
  "isSource": true,
13107
13134
  "original": {
13108
13135
  "$value": "{base.color.neutral.0}",
@@ -13112,6 +13139,9 @@
13112
13139
  "collection": "mode",
13113
13140
  "group": "component (internal)",
13114
13141
  "scopes": ["fgColor"]
13142
+ },
13143
+ "org.primer.overrides": {
13144
+ "dark": "{base.color.neutral.12}"
13115
13145
  }
13116
13146
  }
13117
13147
  },
@@ -13128,9 +13158,12 @@
13128
13158
  "collection": "mode",
13129
13159
  "group": "component (internal)",
13130
13160
  "scopes": ["bgColor"]
13161
+ },
13162
+ "org.primer.overrides": {
13163
+ "dark": "#f6f8fa"
13131
13164
  }
13132
13165
  },
13133
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13166
+ "filePath": "src/tokens/component/headerSerach.json5",
13134
13167
  "isSource": true,
13135
13168
  "original": {
13136
13169
  "$value": "{base.color.neutral.12}",
@@ -13140,6 +13173,9 @@
13140
13173
  "collection": "mode",
13141
13174
  "group": "component (internal)",
13142
13175
  "scopes": ["bgColor"]
13176
+ },
13177
+ "org.primer.overrides": {
13178
+ "dark": "{base.color.neutral.1}"
13143
13179
  }
13144
13180
  }
13145
13181
  },
@@ -13156,9 +13192,12 @@
13156
13192
  "collection": "mode",
13157
13193
  "group": "component (internal)",
13158
13194
  "scopes": ["borderColor"]
13195
+ },
13196
+ "org.primer.overrides": {
13197
+ "dark": "#dae0e7"
13159
13198
  }
13160
13199
  },
13161
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13200
+ "filePath": "src/tokens/component/headerSerach.json5",
13162
13201
  "isSource": true,
13163
13202
  "original": {
13164
13203
  "$value": "{base.color.neutral.8}",
@@ -13168,6 +13207,9 @@
13168
13207
  "collection": "mode",
13169
13208
  "group": "component (internal)",
13170
13209
  "scopes": ["borderColor"]
13210
+ },
13211
+ "org.primer.overrides": {
13212
+ "dark": "{base.color.neutral.5}"
13171
13213
  }
13172
13214
  }
13173
13215
  },
@@ -16450,10 +16492,16 @@
16450
16492
  "collection": "mode",
16451
16493
  "group": "component (internal)",
16452
16494
  "scopes": ["bgColor"]
16495
+ },
16496
+ "org.primer.overrides": {
16497
+ "dark": "#e6eaef",
16498
+ "dark-dimmed": "#e0e6eb",
16499
+ "light-high-contrast": "#393f46",
16500
+ "dark-high-contrast": "#393f46"
16453
16501
  }
16454
16502
  },
16455
16503
  "alpha": 0.4,
16456
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16504
+ "filePath": "src/tokens/component/overlay.json5",
16457
16505
  "isSource": true,
16458
16506
  "original": {
16459
16507
  "$value": "{base.color.neutral.7}",
@@ -16463,6 +16511,12 @@
16463
16511
  "collection": "mode",
16464
16512
  "group": "component (internal)",
16465
16513
  "scopes": ["bgColor"]
16514
+ },
16515
+ "org.primer.overrides": {
16516
+ "dark": "{base.color.neutral.3}",
16517
+ "dark-dimmed": "{base.color.neutral.4}",
16518
+ "light-high-contrast": "{base.color.neutral.11}",
16519
+ "dark-high-contrast": "{base.color.neutral.11}"
16466
16520
  }
16467
16521
  },
16468
16522
  "alpha": 0.4
@@ -16480,9 +16534,13 @@
16480
16534
  "collection": "mode",
16481
16535
  "group": "component (internal)",
16482
16536
  "scopes": ["bgColor"]
16537
+ },
16538
+ "org.primer.overrides": {
16539
+ "dark": "#f6f8fa",
16540
+ "dark-dimmed": "#dae0e7"
16483
16541
  }
16484
16542
  },
16485
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16543
+ "filePath": "src/tokens/component/overlay.json5",
16486
16544
  "isSource": true,
16487
16545
  "original": {
16488
16546
  "$value": "{base.color.neutral.0}",
@@ -16492,6 +16550,10 @@
16492
16550
  "collection": "mode",
16493
16551
  "group": "component (internal)",
16494
16552
  "scopes": ["bgColor"]
16553
+ },
16554
+ "org.primer.overrides": {
16555
+ "dark": "{bgColor.muted}",
16556
+ "dark-dimmed": "{base.color.neutral.5}"
16495
16557
  }
16496
16558
  }
16497
16559
  },
@@ -16507,10 +16569,40 @@
16507
16569
  "org.primer.figma": {
16508
16570
  "collection": "mode",
16509
16571
  "group": "component (internal)"
16572
+ },
16573
+ "org.primer.overrides": {
16574
+ "dark": {
16575
+ "alpha": 1,
16576
+ "$value": "#d1d9e0b3",
16577
+ "filePath": "src/tokens/component/overlay.json5",
16578
+ "isSource": true,
16579
+ "$type": "color"
16580
+ },
16581
+ "dark-dimmed": {
16582
+ "$value": "#c8d1da",
16583
+ "alpha": 0.7,
16584
+ "filePath": "src/tokens/component/overlay.json5",
16585
+ "isSource": true,
16586
+ "$type": "color"
16587
+ },
16588
+ "light-high-contrast": {
16589
+ "alpha": 1,
16590
+ "$value": "#d1d9e0",
16591
+ "filePath": "src/tokens/component/overlay.json5",
16592
+ "isSource": true,
16593
+ "$type": "color"
16594
+ },
16595
+ "dark-high-contrast": {
16596
+ "$value": "#d1d9e0",
16597
+ "alpha": 1,
16598
+ "filePath": "src/tokens/component/overlay.json5",
16599
+ "isSource": true,
16600
+ "$type": "color"
16601
+ }
16510
16602
  }
16511
16603
  },
16512
16604
  "alpha": 0.5,
16513
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16605
+ "filePath": "src/tokens/component/overlay.json5",
16514
16606
  "isSource": true,
16515
16607
  "original": {
16516
16608
  "$value": "{borderColor.muted}",
@@ -16519,6 +16611,36 @@
16519
16611
  "org.primer.figma": {
16520
16612
  "collection": "mode",
16521
16613
  "group": "component (internal)"
16614
+ },
16615
+ "org.primer.overrides": {
16616
+ "dark": {
16617
+ "alpha": 1,
16618
+ "$value": "{borderColor.muted}",
16619
+ "filePath": "src/tokens/component/overlay.json5",
16620
+ "isSource": true,
16621
+ "$type": "color"
16622
+ },
16623
+ "dark-dimmed": {
16624
+ "$value": "{base.color.neutral.7}",
16625
+ "alpha": 0.7,
16626
+ "filePath": "src/tokens/component/overlay.json5",
16627
+ "isSource": true,
16628
+ "$type": "color"
16629
+ },
16630
+ "light-high-contrast": {
16631
+ "alpha": 1,
16632
+ "$value": "{borderColor.default}",
16633
+ "filePath": "src/tokens/component/overlay.json5",
16634
+ "isSource": true,
16635
+ "$type": "color"
16636
+ },
16637
+ "dark-high-contrast": {
16638
+ "$value": "{borderColor.default}",
16639
+ "alpha": 1,
16640
+ "filePath": "src/tokens/component/overlay.json5",
16641
+ "isSource": true,
16642
+ "$type": "color"
16643
+ }
16522
16644
  }
16523
16645
  },
16524
16646
  "alpha": 0.5
@@ -17242,10 +17364,29 @@
17242
17364
  "collection": "mode",
17243
17365
  "group": "component",
17244
17366
  "scopes": ["bgColor"]
17367
+ },
17368
+ "org.primer.overrides": {
17369
+ "dark": {
17370
+ "alpha": 0.2
17371
+ },
17372
+ "light-high-contrast": {
17373
+ "$value": "#dae0e7",
17374
+ "alpha": 1,
17375
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17376
+ "isSource": true,
17377
+ "$type": "color"
17378
+ },
17379
+ "dark-high-contrast": {
17380
+ "$value": "#dae0e7",
17381
+ "alpha": 1,
17382
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17383
+ "isSource": true,
17384
+ "$type": "color"
17385
+ }
17245
17386
  }
17246
17387
  },
17247
17388
  "alpha": 0.1,
17248
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
17389
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17249
17390
  "isSource": true,
17250
17391
  "original": {
17251
17392
  "$value": "{base.color.neutral.8}",
@@ -17255,6 +17396,25 @@
17255
17396
  "collection": "mode",
17256
17397
  "group": "component",
17257
17398
  "scopes": ["bgColor"]
17399
+ },
17400
+ "org.primer.overrides": {
17401
+ "dark": {
17402
+ "alpha": 0.2
17403
+ },
17404
+ "light-high-contrast": {
17405
+ "$value": "{base.color.neutral.5}",
17406
+ "alpha": 1,
17407
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17408
+ "isSource": true,
17409
+ "$type": "color"
17410
+ },
17411
+ "dark-high-contrast": {
17412
+ "$value": "{base.color.neutral.5}",
17413
+ "alpha": 1,
17414
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17415
+ "isSource": true,
17416
+ "$type": "color"
17417
+ }
17258
17418
  }
17259
17419
  },
17260
17420
  "alpha": 0.1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.3.0-rc.b425078b",
3
+ "version": "10.3.0",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [