@primer/primitives 9.0.0-rc.fa8264ac → 9.0.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 (81) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -8
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +54 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -8
  5. package/dist/css/functional/themes/dark.css +10 -6
  6. package/dist/css/functional/themes/light-colorblind.css +16 -12
  7. package/dist/css/functional/themes/light-high-contrast.css +22 -18
  8. package/dist/css/functional/themes/light-tritanopia.css +16 -12
  9. package/dist/css/functional/themes/light.css +14 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +153 -97
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -99
  12. package/dist/docs/functional/themes/dark-high-contrast.json +243 -161
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -97
  14. package/dist/docs/functional/themes/dark.json +152 -96
  15. package/dist/docs/functional/themes/light-colorblind.json +159 -101
  16. package/dist/docs/functional/themes/light-high-contrast.json +177 -117
  17. package/dist/docs/functional/themes/light-tritanopia.json +159 -101
  18. package/dist/docs/functional/themes/light.json +158 -100
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +56 -24
  21. package/dist/figma/scales/dark-high-constrast.json +56 -24
  22. package/dist/figma/scales/dark.json +56 -24
  23. package/dist/figma/scales/light-high-constrast.json +59 -27
  24. package/dist/figma/scales/light.json +59 -27
  25. package/dist/figma/shadows/dark-colorblind.json +167 -167
  26. package/dist/figma/shadows/dark-dimmed.json +167 -167
  27. package/dist/figma/shadows/dark-high-contrast.json +167 -167
  28. package/dist/figma/shadows/dark-tritanopia.json +167 -167
  29. package/dist/figma/shadows/dark.json +167 -167
  30. package/dist/figma/shadows/light-colorblind.json +84 -84
  31. package/dist/figma/shadows/light-high-contrast.json +84 -84
  32. package/dist/figma/shadows/light-tritanopia.json +84 -84
  33. package/dist/figma/shadows/light.json +84 -84
  34. package/dist/figma/themes/dark-colorblind.json +1023 -992
  35. package/dist/figma/themes/dark-dimmed.json +1943 -1912
  36. package/dist/figma/themes/dark-high-contrast.json +2865 -2830
  37. package/dist/figma/themes/dark-tritanopia.json +1022 -991
  38. package/dist/figma/themes/dark.json +1019 -988
  39. package/dist/figma/themes/light-colorblind.json +1419 -1387
  40. package/dist/figma/themes/light-high-contrast.json +1254 -1221
  41. package/dist/figma/themes/light-tritanopia.json +1419 -1387
  42. package/dist/figma/themes/light.json +1357 -1325
  43. package/dist/internalCss/dark-colorblind.css +40 -32
  44. package/dist/internalCss/dark-dimmed.css +38 -30
  45. package/dist/internalCss/dark-high-contrast.css +82 -74
  46. package/dist/internalCss/dark-tritanopia.css +40 -32
  47. package/dist/internalCss/dark.css +38 -30
  48. package/dist/internalCss/light-colorblind.css +46 -38
  49. package/dist/internalCss/light-high-contrast.css +52 -44
  50. package/dist/internalCss/light-tritanopia.css +46 -38
  51. package/dist/internalCss/light.css +44 -36
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +153 -97
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -99
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +243 -161
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -97
  56. package/dist/styleLint/functional/themes/dark.json +152 -96
  57. package/dist/styleLint/functional/themes/light-colorblind.json +159 -101
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +177 -117
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +159 -101
  60. package/dist/styleLint/functional/themes/light.json +158 -100
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
  66. package/src/tokens/base/color/dark/dark.json5 +29 -11
  67. package/src/tokens/base/color/light/light.json5 +29 -11
  68. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  69. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
  70. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +62 -37
  72. package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  74. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  75. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
  76. package/src/tokens/functional/color/light/patterns-light.json5 +65 -39
  77. package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
  78. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  79. package/src/tokens/functional/shadow/dark.json5 +15 -15
  80. package/src/tokens/functional/shadow/light.json5 +16 -16
  81. package/src/transformers/figmaAttributes.ts +6 -0
@@ -685,7 +685,7 @@
685
685
  "path": ["codeMirror", "selection", "bgColor"]
686
686
  },
687
687
  "codeMirror-activeline-bgColor": {
688
- "value": "#2f3742b3",
688
+ "value": "#656c7633",
689
689
  "$type": "color",
690
690
  "$extensions": {
691
691
  "org.primer.figma": {
@@ -785,7 +785,7 @@
785
785
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
786
786
  "isSource": true,
787
787
  "original": {
788
- "value": "{base.color.neutral.7}",
788
+ "value": "{base.color.neutral.8}",
789
789
  "$type": "color",
790
790
  "$extensions": {
791
791
  "org.primer.figma": {
@@ -1018,7 +1018,7 @@
1018
1018
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1019
1019
  "isSource": true,
1020
1020
  "original": {
1021
- "value": "{base.color.white}",
1021
+ "value": "{base.color.neutral.13}",
1022
1022
  "$type": "color",
1023
1023
  "$extensions": {
1024
1024
  "org.primer.figma": {
@@ -1048,7 +1048,7 @@
1048
1048
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1049
1049
  "isSource": true,
1050
1050
  "original": {
1051
- "value": "{base.color.neutral.11}",
1051
+ "value": "{base.color.neutral.12}",
1052
1052
  "$type": "color",
1053
1053
  "$extensions": {
1054
1054
  "org.primer.figma": {
@@ -1078,7 +1078,7 @@
1078
1078
  "isSource": true,
1079
1079
  "alpha": 0.95,
1080
1080
  "original": {
1081
- "value": "{base.color.neutral.1}",
1081
+ "value": "{base.color.neutral.2}",
1082
1082
  "$type": "color",
1083
1083
  "$extensions": {
1084
1084
  "org.primer.figma": {
@@ -1108,7 +1108,7 @@
1108
1108
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1109
1109
  "isSource": true,
1110
1110
  "original": {
1111
- "value": "{base.color.neutral.7}",
1111
+ "value": "{base.color.neutral.8}",
1112
1112
  "$type": "color",
1113
1113
  "$extensions": {
1114
1114
  "org.primer.figma": {
@@ -1137,7 +1137,7 @@
1137
1137
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1138
1138
  "isSource": true,
1139
1139
  "original": {
1140
- "value": "{base.color.neutral.0}",
1140
+ "value": "{base.color.neutral.1}",
1141
1141
  "$type": "color",
1142
1142
  "$extensions": {
1143
1143
  "org.primer.figma": {
@@ -1166,7 +1166,7 @@
1166
1166
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1167
1167
  "isSource": true,
1168
1168
  "original": {
1169
- "value": "{base.color.neutral.4}",
1169
+ "value": "{base.color.neutral.5}",
1170
1170
  "$type": "color",
1171
1171
  "$extensions": {
1172
1172
  "org.primer.figma": {
@@ -4531,7 +4531,7 @@
4531
4531
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4532
4532
  "isSource": true,
4533
4533
  "original": {
4534
- "value": "{base.color.white}",
4534
+ "value": "{base.color.neutral.13}",
4535
4535
  "$type": "color",
4536
4536
  "$extensions": {
4537
4537
  "org.primer.figma": {
@@ -4591,7 +4591,7 @@
4591
4591
  "original": {
4592
4592
  "value": [
4593
4593
  {
4594
- "color": "{base.color.neutral.0}",
4594
+ "color": "{base.color.neutral.1}",
4595
4595
  "alpha": 1,
4596
4596
  "offsetX": "0px",
4597
4597
  "offsetY": "0px",
@@ -4626,7 +4626,7 @@
4626
4626
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4627
4627
  "isSource": true,
4628
4628
  "original": {
4629
- "value": "{base.color.neutral.6}",
4629
+ "value": "{base.color.neutral.7}",
4630
4630
  "$type": "color",
4631
4631
  "$extensions": {
4632
4632
  "org.primer.figma": {
@@ -4655,7 +4655,7 @@
4655
4655
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4656
4656
  "isSource": true,
4657
4657
  "original": {
4658
- "value": "{base.color.neutral.4}",
4658
+ "value": "{base.color.neutral.5}",
4659
4659
  "$type": "color",
4660
4660
  "$extensions": {
4661
4661
  "org.primer.figma": {
@@ -4684,7 +4684,7 @@
4684
4684
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4685
4685
  "isSource": true,
4686
4686
  "original": {
4687
- "value": "{base.color.neutral.2}",
4687
+ "value": "{base.color.neutral.3}",
4688
4688
  "$type": "color",
4689
4689
  "$extensions": {
4690
4690
  "org.primer.figma": {
@@ -4713,7 +4713,7 @@
4713
4713
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4714
4714
  "isSource": true,
4715
4715
  "original": {
4716
- "value": "{base.color.neutral.3}",
4716
+ "value": "{base.color.neutral.4}",
4717
4717
  "$type": "color",
4718
4718
  "$extensions": {
4719
4719
  "org.primer.figma": {
@@ -4742,7 +4742,7 @@
4742
4742
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4743
4743
  "isSource": true,
4744
4744
  "original": {
4745
- "value": "{base.color.neutral.4}",
4745
+ "value": "{base.color.neutral.5}",
4746
4746
  "$type": "color",
4747
4747
  "$extensions": {
4748
4748
  "org.primer.figma": {
@@ -5003,7 +5003,7 @@
5003
5003
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5004
5004
  "isSource": true,
5005
5005
  "original": {
5006
- "value": "{base.color.neutral.11}",
5006
+ "value": "{base.color.neutral.12}",
5007
5007
  "$type": "color",
5008
5008
  "$extensions": {
5009
5009
  "org.primer.figma": {
@@ -5178,7 +5178,7 @@
5178
5178
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5179
5179
  "isSource": true,
5180
5180
  "original": {
5181
- "value": "{base.color.neutral.7}",
5181
+ "value": "{base.color.neutral.8}",
5182
5182
  "$type": "color",
5183
5183
  "$extensions": {
5184
5184
  "org.primer.figma": {
@@ -5209,7 +5209,7 @@
5209
5209
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5210
5210
  "isSource": true,
5211
5211
  "original": {
5212
- "value": "{base.color.neutral.7}",
5212
+ "value": "{base.color.neutral.8}",
5213
5213
  "$type": "color",
5214
5214
  "$extensions": {
5215
5215
  "org.primer.figma": {
@@ -5269,7 +5269,7 @@
5269
5269
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5270
5270
  "isSource": true,
5271
5271
  "original": {
5272
- "value": "{base.color.neutral.7}",
5272
+ "value": "{base.color.neutral.8}",
5273
5273
  "$type": "color",
5274
5274
  "$extensions": {
5275
5275
  "org.primer.figma": {
@@ -5810,7 +5810,7 @@
5810
5810
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5811
5811
  "isSource": true,
5812
5812
  "original": {
5813
- "value": "{base.color.neutral.3}",
5813
+ "value": "{base.color.neutral.4}",
5814
5814
  "$type": "color",
5815
5815
  "$extensions": {
5816
5816
  "org.primer.figma": {
@@ -5839,7 +5839,7 @@
5839
5839
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5840
5840
  "isSource": true,
5841
5841
  "original": {
5842
- "value": "{base.color.neutral.4}",
5842
+ "value": "{base.color.neutral.5}",
5843
5843
  "$type": "color",
5844
5844
  "$extensions": {
5845
5845
  "org.primer.figma": {
@@ -5868,7 +5868,7 @@
5868
5868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5869
5869
  "isSource": true,
5870
5870
  "original": {
5871
- "value": "{base.color.neutral.5}",
5871
+ "value": "{base.color.neutral.6}",
5872
5872
  "$type": "color",
5873
5873
  "$extensions": {
5874
5874
  "org.primer.figma": {
@@ -6100,7 +6100,7 @@
6100
6100
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6101
6101
  "isSource": true,
6102
6102
  "original": {
6103
- "value": "{base.color.white}",
6103
+ "value": "{base.color.neutral.13}",
6104
6104
  "$type": "color",
6105
6105
  "$extensions": {
6106
6106
  "org.primer.figma": {
@@ -6231,6 +6231,64 @@
6231
6231
  "attributes": {},
6232
6232
  "path": ["counter", "borderColor"]
6233
6233
  },
6234
+ "counter-bgColor-muted": {
6235
+ "value": "#656c7633",
6236
+ "$type": "color",
6237
+ "$extensions": {
6238
+ "org.primer.figma": {
6239
+ "collection": "mode",
6240
+ "mode": "dark",
6241
+ "group": "component",
6242
+ "scopes": ["bgColor"]
6243
+ }
6244
+ },
6245
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6246
+ "isSource": true,
6247
+ "original": {
6248
+ "value": "{bgColor.neutral.muted}",
6249
+ "$type": "color",
6250
+ "$extensions": {
6251
+ "org.primer.figma": {
6252
+ "collection": "mode",
6253
+ "mode": "dark",
6254
+ "group": "component",
6255
+ "scopes": ["bgColor"]
6256
+ }
6257
+ }
6258
+ },
6259
+ "name": "counter-bgColor-muted",
6260
+ "attributes": {},
6261
+ "path": ["counter", "bgColor", "muted"]
6262
+ },
6263
+ "counter-bgColor-emphasis": {
6264
+ "value": "#656c76",
6265
+ "$type": "color",
6266
+ "$extensions": {
6267
+ "org.primer.figma": {
6268
+ "collection": "mode",
6269
+ "mode": "dark",
6270
+ "group": "component",
6271
+ "scopes": ["bgColor"]
6272
+ }
6273
+ },
6274
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6275
+ "isSource": true,
6276
+ "original": {
6277
+ "value": "{bgColor.neutral.emphasis}",
6278
+ "$type": "color",
6279
+ "$extensions": {
6280
+ "org.primer.figma": {
6281
+ "collection": "mode",
6282
+ "mode": "dark",
6283
+ "group": "component",
6284
+ "scopes": ["bgColor"]
6285
+ }
6286
+ }
6287
+ },
6288
+ "name": "counter-bgColor-emphasis",
6289
+ "attributes": {},
6290
+ "path": ["counter", "bgColor", "emphasis"]
6291
+ },
6234
6292
  "button-default-fgColor-rest": {
6235
6293
  "value": "#f0f6fc",
6236
6294
  "$type": "color",
@@ -6602,7 +6660,7 @@
6602
6660
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6603
6661
  "isSource": true,
6604
6662
  "original": {
6605
- "value": "{base.color.white}",
6663
+ "value": "{base.color.neutral.13}",
6606
6664
  "$type": "color",
6607
6665
  "$extensions": {
6608
6666
  "org.primer.figma": {
@@ -6796,7 +6854,7 @@
6796
6854
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6797
6855
  "isSource": true,
6798
6856
  "original": {
6799
- "value": "{base.color.white}",
6857
+ "value": "{base.color.neutral.13}",
6800
6858
  "$type": "color",
6801
6859
  "$extensions": {
6802
6860
  "org.primer.figma": {
@@ -7385,7 +7443,7 @@
7385
7443
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7386
7444
  "isSource": true,
7387
7445
  "original": {
7388
- "value": "{base.color.white}",
7446
+ "value": "{base.color.neutral.13}",
7389
7447
  "$type": "color",
7390
7448
  "$extensions": {
7391
7449
  "org.primer.figma": {
@@ -7445,7 +7503,7 @@
7445
7503
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7446
7504
  "isSource": true,
7447
7505
  "original": {
7448
- "value": "{base.color.neutral.11}",
7506
+ "value": "{base.color.neutral.12}",
7449
7507
  "$type": "color",
7450
7508
  "$extensions": {
7451
7509
  "org.primer.figma": {
@@ -7685,7 +7743,7 @@
7685
7743
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7686
7744
  "isSource": true,
7687
7745
  "original": {
7688
- "value": "{base.color.white}",
7746
+ "value": "{base.color.neutral.13}",
7689
7747
  "$type": "color",
7690
7748
  "$extensions": {
7691
7749
  "org.primer.figma": {
@@ -7714,7 +7772,7 @@
7714
7772
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7715
7773
  "isSource": true,
7716
7774
  "original": {
7717
- "value": "{base.color.white}",
7775
+ "value": "{base.color.neutral.13}",
7718
7776
  "$type": "color",
7719
7777
  "$extensions": {
7720
7778
  "org.primer.figma": {
@@ -7803,7 +7861,7 @@
7803
7861
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7804
7862
  "isSource": true,
7805
7863
  "original": {
7806
- "value": "{base.color.white}",
7864
+ "value": "{base.color.neutral.13}",
7807
7865
  "$type": "color",
7808
7866
  "$extensions": {
7809
7867
  "org.primer.figma": {
@@ -8080,7 +8138,7 @@
8080
8138
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8081
8139
  "isSource": true,
8082
8140
  "original": {
8083
- "value": "{base.color.neutral.8}",
8141
+ "value": "{base.color.neutral.9}",
8084
8142
  "$type": "color",
8085
8143
  "$extensions": {
8086
8144
  "org.primer.figma": {
@@ -8109,7 +8167,7 @@
8109
8167
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8110
8168
  "isSource": true,
8111
8169
  "original": {
8112
- "value": "{base.color.neutral.3}",
8170
+ "value": "{base.color.neutral.4}",
8113
8171
  "$type": "color",
8114
8172
  "$extensions": {
8115
8173
  "org.primer.figma": {
@@ -8167,7 +8225,7 @@
8167
8225
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8168
8226
  "isSource": true,
8169
8227
  "original": {
8170
- "value": "{base.color.neutral.5}",
8228
+ "value": "{base.color.neutral.6}",
8171
8229
  "$type": "color",
8172
8230
  "$extensions": {
8173
8231
  "org.primer.figma": {
@@ -8183,7 +8241,7 @@
8183
8241
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8184
8242
  },
8185
8243
  "buttonCounter-invisible-bgColor-rest": {
8186
- "value": "#2f3742",
8244
+ "value": "#656c7633",
8187
8245
  "$type": "color",
8188
8246
  "$extensions": {
8189
8247
  "org.primer.figma": {
@@ -8193,7 +8251,6 @@
8193
8251
  "scopes": ["bgColor"]
8194
8252
  }
8195
8253
  },
8196
- "alpha": 1,
8197
8254
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8198
8255
  "isSource": true,
8199
8256
  "original": {
@@ -8206,8 +8263,7 @@
8206
8263
  "group": "component (internal)",
8207
8264
  "scopes": ["bgColor"]
8208
8265
  }
8209
- },
8210
- "alpha": 1
8266
+ }
8211
8267
  },
8212
8268
  "name": "buttonCounter-invisible-bgColor-rest",
8213
8269
  "attributes": {},
@@ -8441,7 +8497,7 @@
8441
8497
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8442
8498
  "isSource": true,
8443
8499
  "original": {
8444
- "value": "{base.color.white}",
8500
+ "value": "{base.color.neutral.13}",
8445
8501
  "$type": "color",
8446
8502
  "$extensions": {
8447
8503
  "org.primer.figma": {
@@ -8562,7 +8618,7 @@
8562
8618
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8563
8619
  "isSource": true,
8564
8620
  "original": {
8565
- "value": "{base.color.white}",
8621
+ "value": "{base.color.neutral.13}",
8566
8622
  "$type": "color",
8567
8623
  "$extensions": {
8568
8624
  "org.primer.figma": {
@@ -8779,7 +8835,7 @@
8779
8835
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8780
8836
  "isSource": true,
8781
8837
  "original": {
8782
- "value": "{base.color.neutral.1}",
8838
+ "value": "{base.color.neutral.2}",
8783
8839
  "$type": "color",
8784
8840
  "$extensions": {
8785
8841
  "org.primer.figma": {
@@ -8865,7 +8921,7 @@
8865
8921
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8866
8922
  "isSource": true,
8867
8923
  "original": {
8868
- "value": "{base.color.neutral.2}",
8924
+ "value": "{base.color.neutral.3}",
8869
8925
  "$type": "color",
8870
8926
  "$extensions": {
8871
8927
  "org.primer.figma": {
@@ -8953,7 +9009,7 @@
8953
9009
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8954
9010
  "isSource": true,
8955
9011
  "original": {
8956
- "value": "{base.color.neutral.2}",
9012
+ "value": "{base.color.neutral.3}",
8957
9013
  "$type": "color",
8958
9014
  "$extensions": {
8959
9015
  "org.primer.figma": {
@@ -8995,7 +9051,7 @@
8995
9051
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8996
9052
  "isSource": true,
8997
9053
  "original": {
8998
- "value": "{base.color.neutral.2}",
9054
+ "value": "{base.color.neutral.3}",
8999
9055
  "$type": "color",
9000
9056
  "$extensions": {
9001
9057
  "org.primer.figma": {
@@ -12567,7 +12623,7 @@
12567
12623
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12568
12624
  "isSource": true,
12569
12625
  "original": {
12570
- "value": "{base.color.neutral.11}",
12626
+ "value": "{base.color.neutral.12}",
12571
12627
  "$type": "color",
12572
12628
  "$extensions": {
12573
12629
  "org.primer.figma": {
@@ -12602,7 +12658,7 @@
12602
12658
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12603
12659
  "isSource": true,
12604
12660
  "original": {
12605
- "value": "{base.color.neutral.8}",
12661
+ "value": "{base.color.neutral.9}",
12606
12662
  "$type": "color",
12607
12663
  "$extensions": {
12608
12664
  "org.primer.figma": {
@@ -12637,7 +12693,7 @@
12637
12693
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12638
12694
  "isSource": true,
12639
12695
  "original": {
12640
- "value": "{base.color.white}",
12696
+ "value": "{base.color.neutral.13}",
12641
12697
  "$type": "color",
12642
12698
  "$extensions": {
12643
12699
  "org.primer.figma": {
@@ -12669,7 +12725,7 @@
12669
12725
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12670
12726
  "isSource": true,
12671
12727
  "original": {
12672
- "value": "{base.color.black}",
12728
+ "value": "{base.color.neutral.0}",
12673
12729
  "$type": "color",
12674
12730
  "$extensions": {
12675
12731
  "org.primer.figma": {
@@ -12698,7 +12754,7 @@
12698
12754
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12699
12755
  "isSource": true,
12700
12756
  "original": {
12701
- "value": "{base.color.white}",
12757
+ "value": "{base.color.neutral.13}",
12702
12758
  "$type": "color",
12703
12759
  "$extensions": {
12704
12760
  "org.primer.figma": {
@@ -12727,7 +12783,7 @@
12727
12783
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12728
12784
  "isSource": true,
12729
12785
  "original": {
12730
- "value": "{base.color.black}",
12786
+ "value": "{base.color.neutral.0}",
12731
12787
  "$type": "color",
12732
12788
  "$extensions": {
12733
12789
  "org.primer.figma": {
@@ -12757,7 +12813,7 @@
12757
12813
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12758
12814
  "isSource": true,
12759
12815
  "original": {
12760
- "value": "{base.color.neutral.7}",
12816
+ "value": "{base.color.neutral.8}",
12761
12817
  "$type": "color",
12762
12818
  "$extensions": {
12763
12819
  "org.primer.figma": {
@@ -12822,7 +12878,7 @@
12822
12878
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12823
12879
  "isSource": true,
12824
12880
  "original": {
12825
- "value": "{base.color.neutral.8}",
12881
+ "value": "{base.color.neutral.9}",
12826
12882
  "$type": "color",
12827
12883
  "$extensions": {
12828
12884
  "org.primer.figma": {
@@ -13212,7 +13268,7 @@
13212
13268
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13213
13269
  "isSource": true,
13214
13270
  "original": {
13215
- "value": "{base.color.neutral.0}",
13271
+ "value": "{base.color.neutral.1}",
13216
13272
  "$type": "color",
13217
13273
  "$extensions": {
13218
13274
  "org.primer.figma": {
@@ -13247,7 +13303,7 @@
13247
13303
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13248
13304
  "isSource": true,
13249
13305
  "original": {
13250
- "value": "{base.color.neutral.1}",
13306
+ "value": "{base.color.neutral.2}",
13251
13307
  "$type": "color",
13252
13308
  "$extensions": {
13253
13309
  "org.primer.figma": {
@@ -13282,7 +13338,7 @@
13282
13338
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13283
13339
  "isSource": true,
13284
13340
  "original": {
13285
- "value": "{base.color.black}",
13341
+ "value": "{base.color.neutral.0}",
13286
13342
  "$type": "color",
13287
13343
  "$extensions": {
13288
13344
  "org.primer.figma": {
@@ -13317,7 +13373,7 @@
13317
13373
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13318
13374
  "isSource": true,
13319
13375
  "original": {
13320
- "value": "{base.color.neutral.6}",
13376
+ "value": "{base.color.neutral.7}",
13321
13377
  "$type": "color",
13322
13378
  "$extensions": {
13323
13379
  "org.primer.figma": {
@@ -13349,7 +13405,7 @@
13349
13405
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13350
13406
  "isSource": true,
13351
13407
  "original": {
13352
- "value": "{base.color.white}",
13408
+ "value": "{base.color.neutral.13}",
13353
13409
  "$type": "color",
13354
13410
  "$extensions": {
13355
13411
  "org.primer.figma": {
@@ -13378,7 +13434,7 @@
13378
13434
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13379
13435
  "isSource": true,
13380
13436
  "original": {
13381
- "value": "{base.color.white}",
13437
+ "value": "{base.color.neutral.13}",
13382
13438
  "$type": "color",
13383
13439
  "$extensions": {
13384
13440
  "org.primer.figma": {
@@ -13407,7 +13463,7 @@
13407
13463
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13408
13464
  "isSource": true,
13409
13465
  "original": {
13410
- "value": "{base.color.black}",
13466
+ "value": "{base.color.neutral.0}",
13411
13467
  "$type": "color",
13412
13468
  "$extensions": {
13413
13469
  "org.primer.figma": {
@@ -13436,7 +13492,7 @@
13436
13492
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13437
13493
  "isSource": true,
13438
13494
  "original": {
13439
- "value": "{base.color.neutral.2}",
13495
+ "value": "{base.color.neutral.3}",
13440
13496
  "$type": "color",
13441
13497
  "$extensions": {
13442
13498
  "org.primer.figma": {
@@ -13487,7 +13543,7 @@
13487
13543
  "path": ["bgColor", "transparent"]
13488
13544
  },
13489
13545
  "bgColor-neutral-muted": {
13490
- "value": "#2f3742b3",
13546
+ "value": "#656c7633",
13491
13547
  "$type": "color",
13492
13548
  "$extensions": {
13493
13549
  "org.primer.figma": {
@@ -13497,11 +13553,11 @@
13497
13553
  "scopes": ["bgColor"]
13498
13554
  }
13499
13555
  },
13500
- "alpha": 0.7,
13556
+ "alpha": 0.2,
13501
13557
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13502
13558
  "isSource": true,
13503
13559
  "original": {
13504
- "value": "{base.color.neutral.5}",
13560
+ "value": "{base.color.neutral.8}",
13505
13561
  "$type": "color",
13506
13562
  "$extensions": {
13507
13563
  "org.primer.figma": {
@@ -13511,7 +13567,7 @@
13511
13567
  "scopes": ["bgColor"]
13512
13568
  }
13513
13569
  },
13514
- "alpha": 0.7
13570
+ "alpha": 0.2
13515
13571
  },
13516
13572
  "name": "bgColor-neutral-muted",
13517
13573
  "attributes": {},
@@ -13531,7 +13587,7 @@
13531
13587
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13532
13588
  "isSource": true,
13533
13589
  "original": {
13534
- "value": "{base.color.neutral.7}",
13590
+ "value": "{base.color.neutral.8}",
13535
13591
  "$type": "color",
13536
13592
  "$extensions": {
13537
13593
  "org.primer.figma": {
@@ -13979,7 +14035,7 @@
13979
14035
  "path": ["bgColor", "danger", "emphasis"]
13980
14036
  },
13981
14037
  "bgColor-closed-muted": {
13982
- "value": "#2f37421a",
14038
+ "value": "#656c761a",
13983
14039
  "$type": "color",
13984
14040
  "$extensions": {
13985
14041
  "org.primer.figma": {
@@ -14283,7 +14339,7 @@
14283
14339
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14284
14340
  "isSource": true,
14285
14341
  "original": {
14286
- "value": "{base.color.neutral.6}",
14342
+ "value": "{base.color.neutral.7}",
14287
14343
  "$type": "color",
14288
14344
  "$extensions": {
14289
14345
  "org.primer.figma": {
@@ -14352,7 +14408,7 @@
14352
14408
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14353
14409
  "isSource": true,
14354
14410
  "original": {
14355
- "value": "{base.color.neutral.7}",
14411
+ "value": "{base.color.neutral.8}",
14356
14412
  "$type": "color",
14357
14413
  "$extensions": {
14358
14414
  "org.primer.figma": {
@@ -14382,7 +14438,7 @@
14382
14438
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14383
14439
  "isSource": true,
14384
14440
  "original": {
14385
- "value": "{base.color.neutral.7}",
14441
+ "value": "{base.color.neutral.8}",
14386
14442
  "$type": "color",
14387
14443
  "$extensions": {
14388
14444
  "org.primer.figma": {
@@ -14442,7 +14498,7 @@
14442
14498
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14443
14499
  "isSource": true,
14444
14500
  "original": {
14445
- "value": "{base.color.white}",
14501
+ "value": "{base.color.neutral.13}",
14446
14502
  "$type": "color",
14447
14503
  "$extensions": {
14448
14504
  "org.primer.figma": {
@@ -15249,7 +15305,7 @@
15249
15305
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15250
15306
  "isSource": true,
15251
15307
  "original": {
15252
- "value": "{base.color.neutral.5}",
15308
+ "value": "{base.color.neutral.6}",
15253
15309
  "$type": "color",
15254
15310
  "$extensions": {
15255
15311
  "org.primer.figma": {
@@ -15276,7 +15332,7 @@
15276
15332
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15277
15333
  "isSource": true,
15278
15334
  "original": {
15279
- "value": "{base.color.neutral.7}",
15335
+ "value": "{base.color.neutral.8}",
15280
15336
  "$type": "color",
15281
15337
  "$extensions": {
15282
15338
  "org.primer.figma": {
@@ -15303,7 +15359,7 @@
15303
15359
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15304
15360
  "isSource": true,
15305
15361
  "original": {
15306
- "value": "{base.color.neutral.11}",
15362
+ "value": "{base.color.neutral.12}",
15307
15363
  "$type": "color",
15308
15364
  "$extensions": {
15309
15365
  "org.primer.figma": {
@@ -15330,7 +15386,7 @@
15330
15386
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15331
15387
  "isSource": true,
15332
15388
  "original": {
15333
- "value": "{base.color.white}",
15389
+ "value": "{base.color.neutral.13}",
15334
15390
  "$type": "color",
15335
15391
  "$extensions": {
15336
15392
  "org.primer.figma": {
@@ -15357,7 +15413,7 @@
15357
15413
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15358
15414
  "isSource": true,
15359
15415
  "original": {
15360
- "value": "{base.color.neutral.7}",
15416
+ "value": "{base.color.neutral.8}",
15361
15417
  "$type": "color",
15362
15418
  "$extensions": {
15363
15419
  "org.primer.figma": {
@@ -15708,7 +15764,7 @@
15708
15764
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15709
15765
  "isSource": true,
15710
15766
  "original": {
15711
- "value": "{base.color.neutral.8}",
15767
+ "value": "{base.color.neutral.9}",
15712
15768
  "$type": "color",
15713
15769
  "$extensions": {
15714
15770
  "org.primer.figma": {
@@ -15816,7 +15872,7 @@
15816
15872
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15817
15873
  "isSource": true,
15818
15874
  "original": {
15819
- "value": "{base.color.neutral.11}",
15875
+ "value": "{base.color.neutral.12}",
15820
15876
  "$type": "color",
15821
15877
  "$extensions": {
15822
15878
  "org.primer.figma": {
@@ -15978,7 +16034,7 @@
15978
16034
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15979
16035
  "isSource": true,
15980
16036
  "original": {
15981
- "value": "{base.color.neutral.8}",
16037
+ "value": "{base.color.neutral.9}",
15982
16038
  "$type": "color",
15983
16039
  "$extensions": {
15984
16040
  "org.primer.figma": {
@@ -16005,7 +16061,7 @@
16005
16061
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16006
16062
  "isSource": true,
16007
16063
  "original": {
16008
- "value": "{base.color.neutral.11}",
16064
+ "value": "{base.color.neutral.12}",
16009
16065
  "$type": "color",
16010
16066
  "$extensions": {
16011
16067
  "org.primer.figma": {
@@ -16059,7 +16115,7 @@
16059
16115
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16060
16116
  "isSource": true,
16061
16117
  "original": {
16062
- "value": "{base.color.neutral.11}",
16118
+ "value": "{base.color.neutral.12}",
16063
16119
  "$type": "color",
16064
16120
  "$extensions": {
16065
16121
  "org.primer.figma": {
@@ -16194,7 +16250,7 @@
16194
16250
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16195
16251
  "isSource": true,
16196
16252
  "original": {
16197
- "value": "{base.color.neutral.11}",
16253
+ "value": "{base.color.neutral.12}",
16198
16254
  "$type": "color",
16199
16255
  "$extensions": {
16200
16256
  "org.primer.figma": {
@@ -16221,7 +16277,7 @@
16221
16277
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16222
16278
  "isSource": true,
16223
16279
  "original": {
16224
- "value": "{base.color.neutral.11}",
16280
+ "value": "{base.color.neutral.12}",
16225
16281
  "$type": "color",
16226
16282
  "$extensions": {
16227
16283
  "org.primer.figma": {
@@ -16410,7 +16466,7 @@
16410
16466
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16411
16467
  "isSource": true,
16412
16468
  "original": {
16413
- "value": "{base.color.neutral.11}",
16469
+ "value": "{base.color.neutral.12}",
16414
16470
  "$type": "color",
16415
16471
  "$extensions": {
16416
16472
  "org.primer.figma": {
@@ -16491,7 +16547,7 @@
16491
16547
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16492
16548
  "isSource": true,
16493
16549
  "original": {
16494
- "value": "{base.color.neutral.6}",
16550
+ "value": "{base.color.neutral.7}",
16495
16551
  "$type": "color",
16496
16552
  "$extensions": {
16497
16553
  "org.primer.figma": {
@@ -16519,7 +16575,7 @@
16519
16575
  "isSource": true,
16520
16576
  "original": {
16521
16577
  "value": {
16522
- "color": "{base.color.black}",
16578
+ "color": "{base.color.neutral.0}",
16523
16579
  "alpha": 0.24,
16524
16580
  "offsetX": "0px",
16525
16581
  "offsetY": "1px",
@@ -16554,7 +16610,7 @@
16554
16610
  "isSource": true,
16555
16611
  "original": {
16556
16612
  "value": {
16557
- "color": "{base.color.black}",
16613
+ "color": "{base.color.neutral.0}",
16558
16614
  "alpha": 0.8,
16559
16615
  "offsetX": "0px",
16560
16616
  "offsetY": "1px",
@@ -16590,7 +16646,7 @@
16590
16646
  "original": {
16591
16647
  "value": [
16592
16648
  {
16593
- "color": "{base.color.black}",
16649
+ "color": "{base.color.neutral.0}",
16594
16650
  "alpha": 0.4,
16595
16651
  "offsetX": "0px",
16596
16652
  "offsetY": "1px",
@@ -16627,7 +16683,7 @@
16627
16683
  "original": {
16628
16684
  "value": [
16629
16685
  {
16630
- "color": "{base.color.black}",
16686
+ "color": "{base.color.neutral.0}",
16631
16687
  "alpha": 0.8,
16632
16688
  "offsetX": "0px",
16633
16689
  "offsetY": "3px",
@@ -16671,7 +16727,7 @@
16671
16727
  "spread": "1px"
16672
16728
  },
16673
16729
  {
16674
- "color": "{base.color.black}",
16730
+ "color": "{base.color.neutral.0}",
16675
16731
  "alpha": 0.4,
16676
16732
  "offsetX": "0px",
16677
16733
  "offsetY": "6px",
@@ -16679,7 +16735,7 @@
16679
16735
  "spread": "-3px"
16680
16736
  },
16681
16737
  {
16682
- "color": "{base.color.black}",
16738
+ "color": "{base.color.neutral.0}",
16683
16739
  "alpha": 0.4,
16684
16740
  "offsetX": "0px",
16685
16741
  "offsetY": "6px",
@@ -16723,7 +16779,7 @@
16723
16779
  "spread": "1px"
16724
16780
  },
16725
16781
  {
16726
- "color": "{base.color.black}",
16782
+ "color": "{base.color.neutral.0}",
16727
16783
  "alpha": 0.4,
16728
16784
  "offsetX": "0px",
16729
16785
  "offsetY": "8px",
@@ -16731,7 +16787,7 @@
16731
16787
  "spread": "-4px"
16732
16788
  },
16733
16789
  {
16734
- "color": "{base.color.black}",
16790
+ "color": "{base.color.neutral.0}",
16735
16791
  "alpha": 0.4,
16736
16792
  "offsetX": "0px",
16737
16793
  "offsetY": "4px",
@@ -16739,7 +16795,7 @@
16739
16795
  "spread": "-4px"
16740
16796
  },
16741
16797
  {
16742
- "color": "{base.color.black}",
16798
+ "color": "{base.color.neutral.0}",
16743
16799
  "alpha": 0.4,
16744
16800
  "offsetX": "0px",
16745
16801
  "offsetY": "24px",
@@ -16747,7 +16803,7 @@
16747
16803
  "spread": "-12px"
16748
16804
  },
16749
16805
  {
16750
- "color": "{base.color.black}",
16806
+ "color": "{base.color.neutral.0}",
16751
16807
  "alpha": 0.4,
16752
16808
  "offsetX": "0px",
16753
16809
  "offsetY": "48px",
@@ -16791,7 +16847,7 @@
16791
16847
  "spread": "1px"
16792
16848
  },
16793
16849
  {
16794
- "color": "{base.color.black}",
16850
+ "color": "{base.color.neutral.0}",
16795
16851
  "alpha": 1,
16796
16852
  "offsetX": "0px",
16797
16853
  "offsetY": "24px",
@@ -16835,7 +16891,7 @@
16835
16891
  "spread": "1px"
16836
16892
  },
16837
16893
  {
16838
- "color": "{base.color.black}",
16894
+ "color": "{base.color.neutral.0}",
16839
16895
  "alpha": 1,
16840
16896
  "offsetX": "0px",
16841
16897
  "offsetY": "32px",
@@ -16871,7 +16927,7 @@
16871
16927
  "original": {
16872
16928
  "value": [
16873
16929
  {
16874
- "color": "{base.color.black}",
16930
+ "color": "{base.color.neutral.0}",
16875
16931
  "alpha": 0.4,
16876
16932
  "offsetX": "0px",
16877
16933
  "offsetY": "6px",
@@ -16879,7 +16935,7 @@
16879
16935
  "spread": "-3px"
16880
16936
  },
16881
16937
  {
16882
- "color": "{base.color.black}",
16938
+ "color": "{base.color.neutral.0}",
16883
16939
  "alpha": 0.4,
16884
16940
  "offsetX": "0px",
16885
16941
  "offsetY": "6px",