@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
package/dist/styleLint/functional/themes/dark-dimmed.json CHANGED
@@ -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/overrides/dark.dimmed.json5",
4685
4685
  "isSource": true,
4686
4686
  "original": {
4687
- "value": "{base.color.neutral.4}",
4687
+ "value": "{base.color.neutral.5}",
4688
4688
  "$type": "color",
4689
4689
  "$extensions": {
4690
4690
  "org.primer.figma": {
@@ -4713,7 +4713,7 @@
4713
4713
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
4714
4714
  "isSource": true,
4715
4715
  "original": {
4716
- "value": "{base.color.neutral.5}",
4716
+ "value": "{base.color.neutral.6}",
4717
4717
  "$type": "color",
4718
4718
  "$extensions": {
4719
4719
  "org.primer.figma": {
@@ -4742,7 +4742,7 @@
4742
4742
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
4743
4743
  "isSource": true,
4744
4744
  "original": {
4745
- "value": "{base.color.neutral.6}",
4745
+ "value": "{base.color.neutral.7}",
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/overrides/dark.dimmed.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/overrides/dark.dimmed.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/overrides/dark.dimmed.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/overrides/dark.dimmed.json5",
5811
5811
  "isSource": true,
5812
5812
  "original": {
5813
- "value": "{base.color.neutral.4}",
5813
+ "value": "{base.color.neutral.5}",
5814
5814
  "$type": "color",
5815
5815
  "$extensions": {
5816
5816
  "org.primer.figma": {
@@ -5839,7 +5839,7 @@
5839
5839
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5840
5840
  "isSource": true,
5841
5841
  "original": {
5842
- "value": "{base.color.neutral.5}",
5842
+ "value": "{base.color.neutral.6}",
5843
5843
  "$type": "color",
5844
5844
  "$extensions": {
5845
5845
  "org.primer.figma": {
@@ -5868,7 +5868,7 @@
5868
5868
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
5869
5869
  "isSource": true,
5870
5870
  "original": {
5871
- "value": "{base.color.neutral.6}",
5871
+ "value": "{base.color.neutral.7}",
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": "#d1d7e0",
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": {
@@ -6802,7 +6860,7 @@
6802
6860
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6803
6861
  "isSource": true,
6804
6862
  "original": {
6805
- "value": "{base.color.white}",
6863
+ "value": "{base.color.neutral.13}",
6806
6864
  "$type": "color",
6807
6865
  "$extensions": {
6808
6866
  "org.primer.figma": {
@@ -7043,7 +7101,7 @@
7043
7101
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
7044
7102
  "isSource": true,
7045
7103
  "original": {
7046
- "value": "{base.color.neutral.9}",
7104
+ "value": "{base.color.neutral.10}",
7047
7105
  "$type": "color",
7048
7106
  "$extensions": {
7049
7107
  "org.primer.figma": {
@@ -7072,7 +7130,7 @@
7072
7130
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
7073
7131
  "isSource": true,
7074
7132
  "original": {
7075
- "value": "{base.color.neutral.9}",
7133
+ "value": "{base.color.neutral.10}",
7076
7134
  "$type": "color",
7077
7135
  "$extensions": {
7078
7136
  "org.primer.figma": {
@@ -7391,7 +7449,7 @@
7391
7449
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7392
7450
  "isSource": true,
7393
7451
  "original": {
7394
- "value": "{base.color.white}",
7452
+ "value": "{base.color.neutral.13}",
7395
7453
  "$type": "color",
7396
7454
  "$extensions": {
7397
7455
  "org.primer.figma": {
@@ -7451,7 +7509,7 @@
7451
7509
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7452
7510
  "isSource": true,
7453
7511
  "original": {
7454
- "value": "{base.color.neutral.11}",
7512
+ "value": "{base.color.neutral.12}",
7455
7513
  "$type": "color",
7456
7514
  "$extensions": {
7457
7515
  "org.primer.figma": {
@@ -7691,7 +7749,7 @@
7691
7749
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7692
7750
  "isSource": true,
7693
7751
  "original": {
7694
- "value": "{base.color.white}",
7752
+ "value": "{base.color.neutral.13}",
7695
7753
  "$type": "color",
7696
7754
  "$extensions": {
7697
7755
  "org.primer.figma": {
@@ -7720,7 +7778,7 @@
7720
7778
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7721
7779
  "isSource": true,
7722
7780
  "original": {
7723
- "value": "{base.color.white}",
7781
+ "value": "{base.color.neutral.13}",
7724
7782
  "$type": "color",
7725
7783
  "$extensions": {
7726
7784
  "org.primer.figma": {
@@ -7809,7 +7867,7 @@
7809
7867
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7810
7868
  "isSource": true,
7811
7869
  "original": {
7812
- "value": "{base.color.white}",
7870
+ "value": "{base.color.neutral.13}",
7813
7871
  "$type": "color",
7814
7872
  "$extensions": {
7815
7873
  "org.primer.figma": {
@@ -8086,7 +8144,7 @@
8086
8144
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
8087
8145
  "isSource": true,
8088
8146
  "original": {
8089
- "value": "{base.color.neutral.7}",
8147
+ "value": "{base.color.neutral.8}",
8090
8148
  "$type": "color",
8091
8149
  "$extensions": {
8092
8150
  "org.primer.figma": {
@@ -8115,7 +8173,7 @@
8115
8173
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
8116
8174
  "isSource": true,
8117
8175
  "original": {
8118
- "value": "{base.color.neutral.4}",
8176
+ "value": "{base.color.neutral.5}",
8119
8177
  "$type": "color",
8120
8178
  "$extensions": {
8121
8179
  "org.primer.figma": {
@@ -8173,7 +8231,7 @@
8173
8231
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8174
8232
  "isSource": true,
8175
8233
  "original": {
8176
- "value": "{base.color.neutral.5}",
8234
+ "value": "{base.color.neutral.6}",
8177
8235
  "$type": "color",
8178
8236
  "$extensions": {
8179
8237
  "org.primer.figma": {
@@ -8189,7 +8247,7 @@
8189
8247
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8190
8248
  },
8191
8249
  "buttonCounter-invisible-bgColor-rest": {
8192
- "value": "#2f3742",
8250
+ "value": "#656c7633",
8193
8251
  "$type": "color",
8194
8252
  "$extensions": {
8195
8253
  "org.primer.figma": {
@@ -8199,7 +8257,6 @@
8199
8257
  "scopes": ["bgColor"]
8200
8258
  }
8201
8259
  },
8202
- "alpha": 1,
8203
8260
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8204
8261
  "isSource": true,
8205
8262
  "original": {
@@ -8212,8 +8269,7 @@
8212
8269
  "group": "component (internal)",
8213
8270
  "scopes": ["bgColor"]
8214
8271
  }
8215
- },
8216
- "alpha": 1
8272
+ }
8217
8273
  },
8218
8274
  "name": "buttonCounter-invisible-bgColor-rest",
8219
8275
  "attributes": {},
@@ -8447,7 +8503,7 @@
8447
8503
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8448
8504
  "isSource": true,
8449
8505
  "original": {
8450
- "value": "{base.color.white}",
8506
+ "value": "{base.color.neutral.13}",
8451
8507
  "$type": "color",
8452
8508
  "$extensions": {
8453
8509
  "org.primer.figma": {
@@ -8568,7 +8624,7 @@
8568
8624
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8569
8625
  "isSource": true,
8570
8626
  "original": {
8571
- "value": "{base.color.white}",
8627
+ "value": "{base.color.neutral.13}",
8572
8628
  "$type": "color",
8573
8629
  "$extensions": {
8574
8630
  "org.primer.figma": {
@@ -8785,7 +8841,7 @@
8785
8841
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8786
8842
  "isSource": true,
8787
8843
  "original": {
8788
- "value": "{base.color.neutral.1}",
8844
+ "value": "{base.color.neutral.2}",
8789
8845
  "$type": "color",
8790
8846
  "$extensions": {
8791
8847
  "org.primer.figma": {
@@ -8814,7 +8870,7 @@
8814
8870
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
8815
8871
  "isSource": true,
8816
8872
  "original": {
8817
- "value": "{base.color.neutral.4}",
8873
+ "value": "{base.color.neutral.5}",
8818
8874
  "$type": "color",
8819
8875
  "$extensions": {
8820
8876
  "org.primer.figma": {
@@ -8871,7 +8927,7 @@
8871
8927
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
8872
8928
  "isSource": true,
8873
8929
  "original": {
8874
- "value": "{base.color.neutral.3}",
8930
+ "value": "{base.color.neutral.4}",
8875
8931
  "$type": "color",
8876
8932
  "$extensions": {
8877
8933
  "org.primer.figma": {
@@ -8959,7 +9015,7 @@
8959
9015
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8960
9016
  "isSource": true,
8961
9017
  "original": {
8962
- "value": "{base.color.neutral.2}",
9018
+ "value": "{base.color.neutral.3}",
8963
9019
  "$type": "color",
8964
9020
  "$extensions": {
8965
9021
  "org.primer.figma": {
@@ -9001,7 +9057,7 @@
9001
9057
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
9002
9058
  "isSource": true,
9003
9059
  "original": {
9004
- "value": "{base.color.neutral.3}",
9060
+ "value": "{base.color.neutral.4}",
9005
9061
  "$type": "color",
9006
9062
  "$extensions": {
9007
9063
  "org.primer.figma": {
@@ -12573,7 +12629,7 @@
12573
12629
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
12574
12630
  "isSource": true,
12575
12631
  "original": {
12576
- "value": "{base.color.neutral.10}",
12632
+ "value": "{base.color.neutral.11}",
12577
12633
  "$type": "color",
12578
12634
  "$extensions": {
12579
12635
  "org.primer.figma": {
@@ -12608,7 +12664,7 @@
12608
12664
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12609
12665
  "isSource": true,
12610
12666
  "original": {
12611
- "value": "{base.color.neutral.8}",
12667
+ "value": "{base.color.neutral.9}",
12612
12668
  "$type": "color",
12613
12669
  "$extensions": {
12614
12670
  "org.primer.figma": {
@@ -12643,7 +12699,7 @@
12643
12699
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
12644
12700
  "isSource": true,
12645
12701
  "original": {
12646
- "value": "{base.color.neutral.11}",
12702
+ "value": "{base.color.neutral.12}",
12647
12703
  "$type": "color",
12648
12704
  "$extensions": {
12649
12705
  "org.primer.figma": {
@@ -12675,7 +12731,7 @@
12675
12731
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12676
12732
  "isSource": true,
12677
12733
  "original": {
12678
- "value": "{base.color.black}",
12734
+ "value": "{base.color.neutral.0}",
12679
12735
  "$type": "color",
12680
12736
  "$extensions": {
12681
12737
  "org.primer.figma": {
@@ -12704,7 +12760,7 @@
12704
12760
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12705
12761
  "isSource": true,
12706
12762
  "original": {
12707
- "value": "{base.color.white}",
12763
+ "value": "{base.color.neutral.13}",
12708
12764
  "$type": "color",
12709
12765
  "$extensions": {
12710
12766
  "org.primer.figma": {
@@ -12733,7 +12789,7 @@
12733
12789
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12734
12790
  "isSource": true,
12735
12791
  "original": {
12736
- "value": "{base.color.black}",
12792
+ "value": "{base.color.neutral.0}",
12737
12793
  "$type": "color",
12738
12794
  "$extensions": {
12739
12795
  "org.primer.figma": {
@@ -12763,7 +12819,7 @@
12763
12819
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
12764
12820
  "isSource": true,
12765
12821
  "original": {
12766
- "value": "{base.color.neutral.7}",
12822
+ "value": "{base.color.neutral.8}",
12767
12823
  "$type": "color",
12768
12824
  "$extensions": {
12769
12825
  "org.primer.figma": {
@@ -12828,7 +12884,7 @@
12828
12884
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12829
12885
  "isSource": true,
12830
12886
  "original": {
12831
- "value": "{base.color.neutral.8}",
12887
+ "value": "{base.color.neutral.9}",
12832
12888
  "$type": "color",
12833
12889
  "$extensions": {
12834
12890
  "org.primer.figma": {
@@ -13218,7 +13274,7 @@
13218
13274
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13219
13275
  "isSource": true,
13220
13276
  "original": {
13221
- "value": "{base.color.neutral.2}",
13277
+ "value": "{base.color.neutral.3}",
13222
13278
  "$type": "color",
13223
13279
  "$extensions": {
13224
13280
  "org.primer.figma": {
@@ -13253,7 +13309,7 @@
13253
13309
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13254
13310
  "isSource": true,
13255
13311
  "original": {
13256
- "value": "{base.color.neutral.3}",
13312
+ "value": "{base.color.neutral.4}",
13257
13313
  "$type": "color",
13258
13314
  "$extensions": {
13259
13315
  "org.primer.figma": {
@@ -13288,7 +13344,7 @@
13288
13344
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13289
13345
  "isSource": true,
13290
13346
  "original": {
13291
- "value": "{base.color.neutral.1}",
13347
+ "value": "{base.color.neutral.2}",
13292
13348
  "$type": "color",
13293
13349
  "$extensions": {
13294
13350
  "org.primer.figma": {
@@ -13323,7 +13379,7 @@
13323
13379
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13324
13380
  "isSource": true,
13325
13381
  "original": {
13326
- "value": "{base.color.neutral.6}",
13382
+ "value": "{base.color.neutral.7}",
13327
13383
  "$type": "color",
13328
13384
  "$extensions": {
13329
13385
  "org.primer.figma": {
@@ -13355,7 +13411,7 @@
13355
13411
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13356
13412
  "isSource": true,
13357
13413
  "original": {
13358
- "value": "{base.color.white}",
13414
+ "value": "{base.color.neutral.13}",
13359
13415
  "$type": "color",
13360
13416
  "$extensions": {
13361
13417
  "org.primer.figma": {
@@ -13384,7 +13440,7 @@
13384
13440
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13385
13441
  "isSource": true,
13386
13442
  "original": {
13387
- "value": "{base.color.white}",
13443
+ "value": "{base.color.neutral.13}",
13388
13444
  "$type": "color",
13389
13445
  "$extensions": {
13390
13446
  "org.primer.figma": {
@@ -13413,7 +13469,7 @@
13413
13469
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13414
13470
  "isSource": true,
13415
13471
  "original": {
13416
- "value": "{base.color.black}",
13472
+ "value": "{base.color.neutral.0}",
13417
13473
  "$type": "color",
13418
13474
  "$extensions": {
13419
13475
  "org.primer.figma": {
@@ -13442,7 +13498,7 @@
13442
13498
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13443
13499
  "isSource": true,
13444
13500
  "original": {
13445
- "value": "{base.color.neutral.4}",
13501
+ "value": "{base.color.neutral.5}",
13446
13502
  "$type": "color",
13447
13503
  "$extensions": {
13448
13504
  "org.primer.figma": {
@@ -13493,7 +13549,7 @@
13493
13549
  "path": ["bgColor", "transparent"]
13494
13550
  },
13495
13551
  "bgColor-neutral-muted": {
13496
- "value": "#2f3742b3",
13552
+ "value": "#656c7633",
13497
13553
  "$type": "color",
13498
13554
  "$extensions": {
13499
13555
  "org.primer.figma": {
@@ -13503,11 +13559,11 @@
13503
13559
  "scopes": ["bgColor"]
13504
13560
  }
13505
13561
  },
13506
- "alpha": 0.7,
13562
+ "alpha": 0.2,
13507
13563
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13508
13564
  "isSource": true,
13509
13565
  "original": {
13510
- "value": "{base.color.neutral.5}",
13566
+ "value": "{base.color.neutral.8}",
13511
13567
  "$type": "color",
13512
13568
  "$extensions": {
13513
13569
  "org.primer.figma": {
@@ -13517,7 +13573,7 @@
13517
13573
  "scopes": ["bgColor"]
13518
13574
  }
13519
13575
  },
13520
- "alpha": 0.7
13576
+ "alpha": 0.2
13521
13577
  },
13522
13578
  "name": "bgColor-neutral-muted",
13523
13579
  "attributes": {},
@@ -13537,7 +13593,7 @@
13537
13593
  "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
13538
13594
  "isSource": true,
13539
13595
  "original": {
13540
- "value": "{base.color.neutral.7}",
13596
+ "value": "{base.color.neutral.8}",
13541
13597
  "$type": "color",
13542
13598
  "$extensions": {
13543
13599
  "org.primer.figma": {
@@ -14289,7 +14345,7 @@
14289
14345
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14290
14346
  "isSource": true,
14291
14347
  "original": {
14292
- "value": "{base.color.neutral.6}",
14348
+ "value": "{base.color.neutral.7}",
14293
14349
  "$type": "color",
14294
14350
  "$extensions": {
14295
14351
  "org.primer.figma": {
@@ -14358,7 +14414,7 @@
14358
14414
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14359
14415
  "isSource": true,
14360
14416
  "original": {
14361
- "value": "{base.color.neutral.7}",
14417
+ "value": "{base.color.neutral.8}",
14362
14418
  "$type": "color",
14363
14419
  "$extensions": {
14364
14420
  "org.primer.figma": {
@@ -14388,7 +14444,7 @@
14388
14444
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14389
14445
  "isSource": true,
14390
14446
  "original": {
14391
- "value": "{base.color.neutral.7}",
14447
+ "value": "{base.color.neutral.8}",
14392
14448
  "$type": "color",
14393
14449
  "$extensions": {
14394
14450
  "org.primer.figma": {
@@ -14448,7 +14504,7 @@
14448
14504
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14449
14505
  "isSource": true,
14450
14506
  "original": {
14451
- "value": "{base.color.white}",
14507
+ "value": "{base.color.neutral.13}",
14452
14508
  "$type": "color",
14453
14509
  "$extensions": {
14454
14510
  "org.primer.figma": {
@@ -15255,7 +15311,7 @@
15255
15311
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15256
15312
  "isSource": true,
15257
15313
  "original": {
15258
- "value": "{base.color.neutral.5}",
15314
+ "value": "{base.color.neutral.6}",
15259
15315
  "$type": "color",
15260
15316
  "$extensions": {
15261
15317
  "org.primer.figma": {
@@ -15282,7 +15338,7 @@
15282
15338
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15283
15339
  "isSource": true,
15284
15340
  "original": {
15285
- "value": "{base.color.neutral.7}",
15341
+ "value": "{base.color.neutral.8}",
15286
15342
  "$type": "color",
15287
15343
  "$extensions": {
15288
15344
  "org.primer.figma": {
@@ -15309,7 +15365,7 @@
15309
15365
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15310
15366
  "isSource": true,
15311
15367
  "original": {
15312
- "value": "{base.color.neutral.11}",
15368
+ "value": "{base.color.neutral.12}",
15313
15369
  "$type": "color",
15314
15370
  "$extensions": {
15315
15371
  "org.primer.figma": {
@@ -15336,7 +15392,7 @@
15336
15392
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15337
15393
  "isSource": true,
15338
15394
  "original": {
15339
- "value": "{base.color.white}",
15395
+ "value": "{base.color.neutral.13}",
15340
15396
  "$type": "color",
15341
15397
  "$extensions": {
15342
15398
  "org.primer.figma": {
@@ -15363,7 +15419,7 @@
15363
15419
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15364
15420
  "isSource": true,
15365
15421
  "original": {
15366
- "value": "{base.color.neutral.7}",
15422
+ "value": "{base.color.neutral.8}",
15367
15423
  "$type": "color",
15368
15424
  "$extensions": {
15369
15425
  "org.primer.figma": {
@@ -15714,7 +15770,7 @@
15714
15770
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15715
15771
  "isSource": true,
15716
15772
  "original": {
15717
- "value": "{base.color.neutral.8}",
15773
+ "value": "{base.color.neutral.9}",
15718
15774
  "$type": "color",
15719
15775
  "$extensions": {
15720
15776
  "org.primer.figma": {
@@ -15822,7 +15878,7 @@
15822
15878
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15823
15879
  "isSource": true,
15824
15880
  "original": {
15825
- "value": "{base.color.neutral.11}",
15881
+ "value": "{base.color.neutral.12}",
15826
15882
  "$type": "color",
15827
15883
  "$extensions": {
15828
15884
  "org.primer.figma": {
@@ -15984,7 +16040,7 @@
15984
16040
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15985
16041
  "isSource": true,
15986
16042
  "original": {
15987
- "value": "{base.color.neutral.8}",
16043
+ "value": "{base.color.neutral.9}",
15988
16044
  "$type": "color",
15989
16045
  "$extensions": {
15990
16046
  "org.primer.figma": {
@@ -16011,7 +16067,7 @@
16011
16067
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16012
16068
  "isSource": true,
16013
16069
  "original": {
16014
- "value": "{base.color.neutral.11}",
16070
+ "value": "{base.color.neutral.12}",
16015
16071
  "$type": "color",
16016
16072
  "$extensions": {
16017
16073
  "org.primer.figma": {
@@ -16065,7 +16121,7 @@
16065
16121
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16066
16122
  "isSource": true,
16067
16123
  "original": {
16068
- "value": "{base.color.neutral.11}",
16124
+ "value": "{base.color.neutral.12}",
16069
16125
  "$type": "color",
16070
16126
  "$extensions": {
16071
16127
  "org.primer.figma": {
@@ -16200,7 +16256,7 @@
16200
16256
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16201
16257
  "isSource": true,
16202
16258
  "original": {
16203
- "value": "{base.color.neutral.11}",
16259
+ "value": "{base.color.neutral.12}",
16204
16260
  "$type": "color",
16205
16261
  "$extensions": {
16206
16262
  "org.primer.figma": {
@@ -16227,7 +16283,7 @@
16227
16283
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16228
16284
  "isSource": true,
16229
16285
  "original": {
16230
- "value": "{base.color.neutral.11}",
16286
+ "value": "{base.color.neutral.12}",
16231
16287
  "$type": "color",
16232
16288
  "$extensions": {
16233
16289
  "org.primer.figma": {
@@ -16416,7 +16472,7 @@
16416
16472
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16417
16473
  "isSource": true,
16418
16474
  "original": {
16419
- "value": "{base.color.neutral.11}",
16475
+ "value": "{base.color.neutral.12}",
16420
16476
  "$type": "color",
16421
16477
  "$extensions": {
16422
16478
  "org.primer.figma": {
@@ -16497,7 +16553,7 @@
16497
16553
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16498
16554
  "isSource": true,
16499
16555
  "original": {
16500
- "value": "{base.color.neutral.6}",
16556
+ "value": "{base.color.neutral.7}",
16501
16557
  "$type": "color",
16502
16558
  "$extensions": {
16503
16559
  "org.primer.figma": {
@@ -16525,7 +16581,7 @@
16525
16581
  "isSource": true,
16526
16582
  "original": {
16527
16583
  "value": {
16528
- "color": "{base.color.black}",
16584
+ "color": "{base.color.neutral.0}",
16529
16585
  "alpha": 0.24,
16530
16586
  "offsetX": "0px",
16531
16587
  "offsetY": "1px",
@@ -16560,7 +16616,7 @@
16560
16616
  "isSource": true,
16561
16617
  "original": {
16562
16618
  "value": {
16563
- "color": "{base.color.black}",
16619
+ "color": "{base.color.neutral.0}",
16564
16620
  "alpha": 0.8,
16565
16621
  "offsetX": "0px",
16566
16622
  "offsetY": "1px",
@@ -16596,7 +16652,7 @@
16596
16652
  "original": {
16597
16653
  "value": [
16598
16654
  {
16599
- "color": "{base.color.black}",
16655
+ "color": "{base.color.neutral.0}",
16600
16656
  "alpha": 0.4,
16601
16657
  "offsetX": "0px",
16602
16658
  "offsetY": "1px",
@@ -16633,7 +16689,7 @@
16633
16689
  "original": {
16634
16690
  "value": [
16635
16691
  {
16636
- "color": "{base.color.black}",
16692
+ "color": "{base.color.neutral.0}",
16637
16693
  "alpha": 0.8,
16638
16694
  "offsetX": "0px",
16639
16695
  "offsetY": "3px",
@@ -16677,7 +16733,7 @@
16677
16733
  "spread": "1px"
16678
16734
  },
16679
16735
  {
16680
- "color": "{base.color.black}",
16736
+ "color": "{base.color.neutral.0}",
16681
16737
  "alpha": 0.4,
16682
16738
  "offsetX": "0px",
16683
16739
  "offsetY": "6px",
@@ -16685,7 +16741,7 @@
16685
16741
  "spread": "-3px"
16686
16742
  },
16687
16743
  {
16688
- "color": "{base.color.black}",
16744
+ "color": "{base.color.neutral.0}",
16689
16745
  "alpha": 0.4,
16690
16746
  "offsetX": "0px",
16691
16747
  "offsetY": "6px",
@@ -16729,7 +16785,7 @@
16729
16785
  "spread": "1px"
16730
16786
  },
16731
16787
  {
16732
- "color": "{base.color.black}",
16788
+ "color": "{base.color.neutral.0}",
16733
16789
  "alpha": 0.4,
16734
16790
  "offsetX": "0px",
16735
16791
  "offsetY": "8px",
@@ -16737,7 +16793,7 @@
16737
16793
  "spread": "-4px"
16738
16794
  },
16739
16795
  {
16740
- "color": "{base.color.black}",
16796
+ "color": "{base.color.neutral.0}",
16741
16797
  "alpha": 0.4,
16742
16798
  "offsetX": "0px",
16743
16799
  "offsetY": "4px",
@@ -16745,7 +16801,7 @@
16745
16801
  "spread": "-4px"
16746
16802
  },
16747
16803
  {
16748
- "color": "{base.color.black}",
16804
+ "color": "{base.color.neutral.0}",
16749
16805
  "alpha": 0.4,
16750
16806
  "offsetX": "0px",
16751
16807
  "offsetY": "24px",
@@ -16753,7 +16809,7 @@
16753
16809
  "spread": "-12px"
16754
16810
  },
16755
16811
  {
16756
- "color": "{base.color.black}",
16812
+ "color": "{base.color.neutral.0}",
16757
16813
  "alpha": 0.4,
16758
16814
  "offsetX": "0px",
16759
16815
  "offsetY": "48px",
@@ -16797,7 +16853,7 @@
16797
16853
  "spread": "1px"
16798
16854
  },
16799
16855
  {
16800
- "color": "{base.color.black}",
16856
+ "color": "{base.color.neutral.0}",
16801
16857
  "alpha": 1,
16802
16858
  "offsetX": "0px",
16803
16859
  "offsetY": "24px",
@@ -16841,7 +16897,7 @@
16841
16897
  "spread": "1px"
16842
16898
  },
16843
16899
  {
16844
- "color": "{base.color.black}",
16900
+ "color": "{base.color.neutral.0}",
16845
16901
  "alpha": 1,
16846
16902
  "offsetX": "0px",
16847
16903
  "offsetY": "32px",
@@ -16877,7 +16933,7 @@
16877
16933
  "original": {
16878
16934
  "value": [
16879
16935
  {
16880
- "color": "{base.color.black}",
16936
+ "color": "{base.color.neutral.0}",
16881
16937
  "alpha": 0.4,
16882
16938
  "offsetX": "0px",
16883
16939
  "offsetY": "6px",
@@ -16885,7 +16941,7 @@
16885
16941
  "spread": "-3px"
16886
16942
  },
16887
16943
  {
16888
- "color": "{base.color.black}",
16944
+ "color": "{base.color.neutral.0}",
16889
16945
  "alpha": 0.4,
16890
16946
  "offsetX": "0px",
16891
16947
  "offsetY": "6px",