@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
@@ -689,7 +689,7 @@
689
689
  "path": ["codeMirror", "selection", "bgColor"]
690
690
  },
691
691
  "codeMirror-activeline-bgColor": {
692
- "value": "#2f3742b3",
692
+ "value": "#212830",
693
693
  "$type": "color",
694
694
  "$extensions": {
695
695
  "org.primer.figma": {
@@ -789,7 +789,7 @@
789
789
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
790
790
  "isSource": true,
791
791
  "original": {
792
- "value": "{base.color.neutral.7}",
792
+ "value": "{base.color.neutral.8}",
793
793
  "$type": "color",
794
794
  "$extensions": {
795
795
  "org.primer.figma": {
@@ -1022,7 +1022,7 @@
1022
1022
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1023
1023
  "isSource": true,
1024
1024
  "original": {
1025
- "value": "{base.color.white}",
1025
+ "value": "{base.color.neutral.13}",
1026
1026
  "$type": "color",
1027
1027
  "$extensions": {
1028
1028
  "org.primer.figma": {
@@ -1052,7 +1052,7 @@
1052
1052
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1053
1053
  "isSource": true,
1054
1054
  "original": {
1055
- "value": "{base.color.neutral.11}",
1055
+ "value": "{base.color.neutral.12}",
1056
1056
  "$type": "color",
1057
1057
  "$extensions": {
1058
1058
  "org.primer.figma": {
@@ -1082,7 +1082,7 @@
1082
1082
  "isSource": true,
1083
1083
  "alpha": 0.95,
1084
1084
  "original": {
1085
- "value": "{base.color.neutral.1}",
1085
+ "value": "{base.color.neutral.2}",
1086
1086
  "$type": "color",
1087
1087
  "$extensions": {
1088
1088
  "org.primer.figma": {
@@ -1112,7 +1112,7 @@
1112
1112
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1113
1113
  "isSource": true,
1114
1114
  "original": {
1115
- "value": "{base.color.neutral.7}",
1115
+ "value": "{base.color.neutral.8}",
1116
1116
  "$type": "color",
1117
1117
  "$extensions": {
1118
1118
  "org.primer.figma": {
@@ -1141,7 +1141,7 @@
1141
1141
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1142
1142
  "isSource": true,
1143
1143
  "original": {
1144
- "value": "{base.color.neutral.0}",
1144
+ "value": "{base.color.neutral.1}",
1145
1145
  "$type": "color",
1146
1146
  "$extensions": {
1147
1147
  "org.primer.figma": {
@@ -1170,7 +1170,7 @@
1170
1170
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1171
1171
  "isSource": true,
1172
1172
  "original": {
1173
- "value": "{base.color.neutral.4}",
1173
+ "value": "{base.color.neutral.5}",
1174
1174
  "$type": "color",
1175
1175
  "$extensions": {
1176
1176
  "org.primer.figma": {
@@ -4535,7 +4535,7 @@
4535
4535
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4536
4536
  "isSource": true,
4537
4537
  "original": {
4538
- "value": "{base.color.white}",
4538
+ "value": "{base.color.neutral.13}",
4539
4539
  "$type": "color",
4540
4540
  "$extensions": {
4541
4541
  "org.primer.figma": {
@@ -4566,7 +4566,7 @@
4566
4566
  "isSource": true,
4567
4567
  "alpha": 0.9,
4568
4568
  "original": {
4569
- "value": "{base.color.white}",
4569
+ "value": "{base.color.neutral.13}",
4570
4570
  "$type": "color",
4571
4571
  "$extensions": {
4572
4572
  "org.primer.figma": {
@@ -4597,7 +4597,7 @@
4597
4597
  "original": {
4598
4598
  "value": [
4599
4599
  {
4600
- "color": "{base.color.neutral.0}",
4600
+ "color": "{base.color.neutral.1}",
4601
4601
  "alpha": 1,
4602
4602
  "offsetX": "0px",
4603
4603
  "offsetY": "0px",
@@ -4632,7 +4632,7 @@
4632
4632
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4633
4633
  "isSource": true,
4634
4634
  "original": {
4635
- "value": "{base.color.neutral.6}",
4635
+ "value": "{base.color.neutral.7}",
4636
4636
  "$type": "color",
4637
4637
  "$extensions": {
4638
4638
  "org.primer.figma": {
@@ -4661,7 +4661,7 @@
4661
4661
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4662
4662
  "isSource": true,
4663
4663
  "original": {
4664
- "value": "{base.color.neutral.4}",
4664
+ "value": "{base.color.neutral.5}",
4665
4665
  "$type": "color",
4666
4666
  "$extensions": {
4667
4667
  "org.primer.figma": {
@@ -4690,7 +4690,7 @@
4690
4690
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4691
4691
  "isSource": true,
4692
4692
  "original": {
4693
- "value": "{base.color.neutral.3}",
4693
+ "value": "{base.color.neutral.4}",
4694
4694
  "$type": "color",
4695
4695
  "$extensions": {
4696
4696
  "org.primer.figma": {
@@ -4719,7 +4719,7 @@
4719
4719
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4720
4720
  "isSource": true,
4721
4721
  "original": {
4722
- "value": "{base.color.neutral.4}",
4722
+ "value": "{base.color.neutral.5}",
4723
4723
  "$type": "color",
4724
4724
  "$extensions": {
4725
4725
  "org.primer.figma": {
@@ -4748,7 +4748,7 @@
4748
4748
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4749
4749
  "isSource": true,
4750
4750
  "original": {
4751
- "value": "{base.color.neutral.5}",
4751
+ "value": "{base.color.neutral.6}",
4752
4752
  "$type": "color",
4753
4753
  "$extensions": {
4754
4754
  "org.primer.figma": {
@@ -4864,7 +4864,7 @@
4864
4864
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4865
4865
  "isSource": true,
4866
4866
  "original": {
4867
- "value": "{base.color.neutral.9}",
4867
+ "value": "{base.color.neutral.10}",
4868
4868
  "$type": "color",
4869
4869
  "$extensions": {
4870
4870
  "org.primer.figma": {
@@ -5011,7 +5011,7 @@
5011
5011
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5012
5012
  "isSource": true,
5013
5013
  "original": {
5014
- "value": "{base.color.neutral.11}",
5014
+ "value": "{base.color.neutral.12}",
5015
5015
  "$type": "color",
5016
5016
  "$extensions": {
5017
5017
  "org.primer.figma": {
@@ -5186,7 +5186,7 @@
5186
5186
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5187
5187
  "isSource": true,
5188
5188
  "original": {
5189
- "value": "{base.color.neutral.5}",
5189
+ "value": "{base.color.neutral.6}",
5190
5190
  "$type": "color",
5191
5191
  "$extensions": {
5192
5192
  "org.primer.figma": {
@@ -5217,7 +5217,7 @@
5217
5217
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5218
5218
  "isSource": true,
5219
5219
  "original": {
5220
- "value": "{base.color.neutral.6}",
5220
+ "value": "{base.color.neutral.7}",
5221
5221
  "$type": "color",
5222
5222
  "$extensions": {
5223
5223
  "org.primer.figma": {
@@ -5277,7 +5277,7 @@
5277
5277
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5278
5278
  "isSource": true,
5279
5279
  "original": {
5280
- "value": "{base.color.neutral.5}",
5280
+ "value": "{base.color.neutral.6}",
5281
5281
  "$type": "color",
5282
5282
  "$extensions": {
5283
5283
  "org.primer.figma": {
@@ -5826,7 +5826,7 @@
5826
5826
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5827
5827
  "isSource": true,
5828
5828
  "original": {
5829
- "value": "{base.color.neutral.4}",
5829
+ "value": "{base.color.neutral.5}",
5830
5830
  "$type": "color",
5831
5831
  "$extensions": {
5832
5832
  "org.primer.figma": {
@@ -5855,7 +5855,7 @@
5855
5855
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5856
5856
  "isSource": true,
5857
5857
  "original": {
5858
- "value": "{base.color.neutral.5}",
5858
+ "value": "{base.color.neutral.6}",
5859
5859
  "$type": "color",
5860
5860
  "$extensions": {
5861
5861
  "org.primer.figma": {
@@ -5884,7 +5884,7 @@
5884
5884
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
5885
5885
  "isSource": true,
5886
5886
  "original": {
5887
- "value": "{base.color.neutral.6}",
5887
+ "value": "{base.color.neutral.7}",
5888
5888
  "$type": "color",
5889
5889
  "$extensions": {
5890
5890
  "org.primer.figma": {
@@ -6116,7 +6116,7 @@
6116
6116
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6117
6117
  "isSource": true,
6118
6118
  "original": {
6119
- "value": "{base.color.white}",
6119
+ "value": "{base.color.neutral.13}",
6120
6120
  "$type": "color",
6121
6121
  "$extensions": {
6122
6122
  "org.primer.figma": {
@@ -6247,6 +6247,66 @@
6247
6247
  "attributes": {},
6248
6248
  "path": ["counter", "borderColor"]
6249
6249
  },
6250
+ "counter-bgColor-muted": {
6251
+ "value": "#212830",
6252
+ "$type": "color",
6253
+ "$extensions": {
6254
+ "org.primer.figma": {
6255
+ "collection": "mode",
6256
+ "mode": "dark",
6257
+ "group": "component",
6258
+ "scopes": ["bgColor"]
6259
+ }
6260
+ },
6261
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
6262
+ "isSource": true,
6263
+ "alpha": 1,
6264
+ "original": {
6265
+ "value": "{bgColor.neutral.muted}",
6266
+ "$type": "color",
6267
+ "$extensions": {
6268
+ "org.primer.figma": {
6269
+ "collection": "mode",
6270
+ "mode": "dark",
6271
+ "group": "component",
6272
+ "scopes": ["bgColor"]
6273
+ }
6274
+ },
6275
+ "alpha": 1
6276
+ },
6277
+ "name": "counter-bgColor-muted",
6278
+ "attributes": {},
6279
+ "path": ["counter", "bgColor", "muted"]
6280
+ },
6281
+ "counter-bgColor-emphasis": {
6282
+ "value": "#3d444d",
6283
+ "$type": "color",
6284
+ "$extensions": {
6285
+ "org.primer.figma": {
6286
+ "collection": "mode",
6287
+ "mode": "dark",
6288
+ "group": "component",
6289
+ "scopes": ["bgColor"]
6290
+ }
6291
+ },
6292
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6293
+ "isSource": true,
6294
+ "original": {
6295
+ "value": "{bgColor.neutral.emphasis}",
6296
+ "$type": "color",
6297
+ "$extensions": {
6298
+ "org.primer.figma": {
6299
+ "collection": "mode",
6300
+ "mode": "dark",
6301
+ "group": "component",
6302
+ "scopes": ["bgColor"]
6303
+ }
6304
+ }
6305
+ },
6306
+ "name": "counter-bgColor-emphasis",
6307
+ "attributes": {},
6308
+ "path": ["counter", "bgColor", "emphasis"]
6309
+ },
6250
6310
  "button-default-fgColor-rest": {
6251
6311
  "value": "#ffffff",
6252
6312
  "$type": "color",
@@ -6618,7 +6678,7 @@
6618
6678
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6619
6679
  "isSource": true,
6620
6680
  "original": {
6621
- "value": "{base.color.white}",
6681
+ "value": "{base.color.neutral.13}",
6622
6682
  "$type": "color",
6623
6683
  "$extensions": {
6624
6684
  "org.primer.figma": {
@@ -7065,7 +7125,7 @@
7065
7125
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
7066
7126
  "isSource": true,
7067
7127
  "original": {
7068
- "value": "{base.color.neutral.10}",
7128
+ "value": "{base.color.neutral.11}",
7069
7129
  "$type": "color",
7070
7130
  "$extensions": {
7071
7131
  "org.primer.figma": {
@@ -7094,7 +7154,7 @@
7094
7154
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
7095
7155
  "isSource": true,
7096
7156
  "original": {
7097
- "value": "{base.color.neutral.10}",
7157
+ "value": "{base.color.neutral.11}",
7098
7158
  "$type": "color",
7099
7159
  "$extensions": {
7100
7160
  "org.primer.figma": {
@@ -7183,7 +7243,7 @@
7183
7243
  "alpha": null,
7184
7244
  "mix": null,
7185
7245
  "original": {
7186
- "value": "{base.color.neutral.1}",
7246
+ "value": "{base.color.neutral.2}",
7187
7247
  "$type": "color",
7188
7248
  "$extensions": {
7189
7249
  "org.primer.figma": {
@@ -7216,7 +7276,7 @@
7216
7276
  "alpha": null,
7217
7277
  "mix": null,
7218
7278
  "original": {
7219
- "value": "{base.color.neutral.2}",
7279
+ "value": "{base.color.neutral.3}",
7220
7280
  "$type": "color",
7221
7281
  "$extensions": {
7222
7282
  "org.primer.figma": {
@@ -7421,7 +7481,7 @@
7421
7481
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7422
7482
  "isSource": true,
7423
7483
  "original": {
7424
- "value": "{base.color.white}",
7484
+ "value": "{base.color.neutral.13}",
7425
7485
  "$type": "color",
7426
7486
  "$extensions": {
7427
7487
  "org.primer.figma": {
@@ -7437,7 +7497,7 @@
7437
7497
  "path": ["button", "outline", "fgColor", "active"]
7438
7498
  },
7439
7499
  "button-outline-fgColor-disabled": {
7440
- "value": "#73b8ff80",
7500
+ "value": "#74b9ff80",
7441
7501
  "$type": "color",
7442
7502
  "$extensions": {
7443
7503
  "org.primer.figma": {
@@ -7481,7 +7541,7 @@
7481
7541
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7482
7542
  "isSource": true,
7483
7543
  "original": {
7484
- "value": "{base.color.neutral.11}",
7544
+ "value": "{base.color.neutral.12}",
7485
7545
  "$type": "color",
7486
7546
  "$extensions": {
7487
7547
  "org.primer.figma": {
@@ -7721,7 +7781,7 @@
7721
7781
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7722
7782
  "isSource": true,
7723
7783
  "original": {
7724
- "value": "{base.color.white}",
7784
+ "value": "{base.color.neutral.13}",
7725
7785
  "$type": "color",
7726
7786
  "$extensions": {
7727
7787
  "org.primer.figma": {
@@ -7750,7 +7810,7 @@
7750
7810
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7751
7811
  "isSource": true,
7752
7812
  "original": {
7753
- "value": "{base.color.white}",
7813
+ "value": "{base.color.neutral.13}",
7754
7814
  "$type": "color",
7755
7815
  "$extensions": {
7756
7816
  "org.primer.figma": {
@@ -7839,7 +7899,7 @@
7839
7899
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7840
7900
  "isSource": true,
7841
7901
  "original": {
7842
- "value": "{base.color.white}",
7902
+ "value": "{base.color.neutral.13}",
7843
7903
  "$type": "color",
7844
7904
  "$extensions": {
7845
7905
  "org.primer.figma": {
@@ -8122,7 +8182,7 @@
8122
8182
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8123
8183
  "isSource": true,
8124
8184
  "original": {
8125
- "value": "{base.color.neutral.9}",
8185
+ "value": "{base.color.neutral.10}",
8126
8186
  "$type": "color",
8127
8187
  "$extensions": {
8128
8188
  "org.primer.figma": {
@@ -8209,7 +8269,7 @@
8209
8269
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8210
8270
  "isSource": true,
8211
8271
  "original": {
8212
- "value": "{base.color.neutral.5}",
8272
+ "value": "{base.color.neutral.6}",
8213
8273
  "$type": "color",
8214
8274
  "$extensions": {
8215
8275
  "org.primer.figma": {
@@ -8225,7 +8285,7 @@
8225
8285
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8226
8286
  },
8227
8287
  "buttonCounter-invisible-bgColor-rest": {
8228
- "value": "#2f3742",
8288
+ "value": "#212830",
8229
8289
  "$type": "color",
8230
8290
  "$extensions": {
8231
8291
  "org.primer.figma": {
@@ -8235,7 +8295,6 @@
8235
8295
  "scopes": ["bgColor"]
8236
8296
  }
8237
8297
  },
8238
- "alpha": 1,
8239
8298
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8240
8299
  "isSource": true,
8241
8300
  "original": {
@@ -8248,8 +8307,7 @@
8248
8307
  "group": "component (internal)",
8249
8308
  "scopes": ["bgColor"]
8250
8309
  }
8251
- },
8252
- "alpha": 1
8310
+ }
8253
8311
  },
8254
8312
  "name": "buttonCounter-invisible-bgColor-rest",
8255
8313
  "attributes": {},
@@ -8270,7 +8328,7 @@
8270
8328
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8271
8329
  "isSource": true,
8272
8330
  "original": {
8273
- "value": "{base.color.black}",
8331
+ "value": "{base.color.neutral.0}",
8274
8332
  "$type": "color",
8275
8333
  "$extensions": {
8276
8334
  "org.primer.figma": {
@@ -8438,7 +8496,7 @@
8438
8496
  "path": ["buttonCounter", "outline", "fgColor", "hover"]
8439
8497
  },
8440
8498
  "buttonCounter-outline-fgColor-disabled": {
8441
- "value": "#73b8ff80",
8499
+ "value": "#74b9ff80",
8442
8500
  "$type": "color",
8443
8501
  "$extensions": {
8444
8502
  "org.primer.figma": {
@@ -8483,7 +8541,7 @@
8483
8541
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8484
8542
  "isSource": true,
8485
8543
  "original": {
8486
- "value": "{base.color.black}",
8544
+ "value": "{base.color.neutral.0}",
8487
8545
  "$type": "color",
8488
8546
  "$extensions": {
8489
8547
  "org.primer.figma": {
@@ -8545,7 +8603,7 @@
8545
8603
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8546
8604
  "isSource": true,
8547
8605
  "original": {
8548
- "value": "{base.color.black}",
8606
+ "value": "{base.color.neutral.0}",
8549
8607
  "$type": "color",
8550
8608
  "$extensions": {
8551
8609
  "org.primer.figma": {
@@ -8604,7 +8662,7 @@
8604
8662
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8605
8663
  "isSource": true,
8606
8664
  "original": {
8607
- "value": "{base.color.white}",
8665
+ "value": "{base.color.neutral.13}",
8608
8666
  "$type": "color",
8609
8667
  "$extensions": {
8610
8668
  "org.primer.figma": {
@@ -8721,7 +8779,7 @@
8721
8779
  "path": ["reactionButton", "selected", "bgColor", "hover"]
8722
8780
  },
8723
8781
  "reactionButton-selected-fgColor-rest": {
8724
- "value": "#73b8ff",
8782
+ "value": "#74b9ff",
8725
8783
  "$type": "color",
8726
8784
  "$extensions": {
8727
8785
  "org.primer.figma": {
@@ -8821,7 +8879,7 @@
8821
8879
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8822
8880
  "isSource": true,
8823
8881
  "original": {
8824
- "value": "{base.color.neutral.1}",
8882
+ "value": "{base.color.neutral.2}",
8825
8883
  "$type": "color",
8826
8884
  "$extensions": {
8827
8885
  "org.primer.figma": {
@@ -8909,7 +8967,7 @@
8909
8967
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8910
8968
  "isSource": true,
8911
8969
  "original": {
8912
- "value": "{base.color.neutral.10}",
8970
+ "value": "{base.color.neutral.11}",
8913
8971
  "$type": "color",
8914
8972
  "$extensions": {
8915
8973
  "org.primer.figma": {
@@ -8997,7 +9055,7 @@
8997
9055
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8998
9056
  "isSource": true,
8999
9057
  "original": {
9000
- "value": "{base.color.neutral.2}",
9058
+ "value": "{base.color.neutral.3}",
9001
9059
  "$type": "color",
9002
9060
  "$extensions": {
9003
9061
  "org.primer.figma": {
@@ -9039,7 +9097,7 @@
9039
9097
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9040
9098
  "isSource": true,
9041
9099
  "original": {
9042
- "value": "{base.color.neutral.2}",
9100
+ "value": "{base.color.neutral.3}",
9043
9101
  "$type": "color",
9044
9102
  "$extensions": {
9045
9103
  "org.primer.figma": {
@@ -12611,7 +12669,7 @@
12611
12669
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12612
12670
  "isSource": true,
12613
12671
  "original": {
12614
- "value": "{base.color.white}",
12672
+ "value": "{base.color.neutral.13}",
12615
12673
  "$type": "color",
12616
12674
  "$extensions": {
12617
12675
  "org.primer.figma": {
@@ -12646,7 +12704,7 @@
12646
12704
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12647
12705
  "isSource": true,
12648
12706
  "original": {
12649
- "value": "{base.color.neutral.9}",
12707
+ "value": "{base.color.neutral.10}",
12650
12708
  "$type": "color",
12651
12709
  "$extensions": {
12652
12710
  "org.primer.figma": {
@@ -12681,7 +12739,7 @@
12681
12739
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12682
12740
  "isSource": true,
12683
12741
  "original": {
12684
- "value": "{base.color.white}",
12742
+ "value": "{base.color.neutral.13}",
12685
12743
  "$type": "color",
12686
12744
  "$extensions": {
12687
12745
  "org.primer.figma": {
@@ -12713,7 +12771,7 @@
12713
12771
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12714
12772
  "isSource": true,
12715
12773
  "original": {
12716
- "value": "{base.color.black}",
12774
+ "value": "{base.color.neutral.0}",
12717
12775
  "$type": "color",
12718
12776
  "$extensions": {
12719
12777
  "org.primer.figma": {
@@ -12742,7 +12800,7 @@
12742
12800
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12743
12801
  "isSource": true,
12744
12802
  "original": {
12745
- "value": "{base.color.white}",
12803
+ "value": "{base.color.neutral.13}",
12746
12804
  "$type": "color",
12747
12805
  "$extensions": {
12748
12806
  "org.primer.figma": {
@@ -12771,7 +12829,7 @@
12771
12829
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12772
12830
  "isSource": true,
12773
12831
  "original": {
12774
- "value": "{base.color.black}",
12832
+ "value": "{base.color.neutral.0}",
12775
12833
  "$type": "color",
12776
12834
  "$extensions": {
12777
12835
  "org.primer.figma": {
@@ -12801,7 +12859,7 @@
12801
12859
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12802
12860
  "isSource": true,
12803
12861
  "original": {
12804
- "value": "{base.color.neutral.8}",
12862
+ "value": "{base.color.neutral.9}",
12805
12863
  "$type": "color",
12806
12864
  "$extensions": {
12807
12865
  "org.primer.figma": {
@@ -12818,7 +12876,7 @@
12818
12876
  "path": ["fgColor", "disabled"]
12819
12877
  },
12820
12878
  "fgColor-link": {
12821
- "value": "#73b8ff",
12879
+ "value": "#74b9ff",
12822
12880
  "$type": "color",
12823
12881
  "$extensions": {
12824
12882
  "org.primer.figma": {
@@ -12853,7 +12911,7 @@
12853
12911
  "path": ["fgColor", "link"]
12854
12912
  },
12855
12913
  "fgColor-neutral": {
12856
- "value": "#b7bdc8",
12914
+ "value": "#d1d7e0",
12857
12915
  "$type": "color",
12858
12916
  "$extensions": {
12859
12917
  "org.primer.figma": {
@@ -12866,7 +12924,7 @@
12866
12924
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12867
12925
  "isSource": true,
12868
12926
  "original": {
12869
- "value": "{base.color.neutral.9}",
12927
+ "value": "{base.color.neutral.11}",
12870
12928
  "$type": "color",
12871
12929
  "$extensions": {
12872
12930
  "org.primer.figma": {
@@ -12882,7 +12940,7 @@
12882
12940
  "path": ["fgColor", "neutral"]
12883
12941
  },
12884
12942
  "fgColor-accent": {
12885
- "value": "#73b8ff",
12943
+ "value": "#74b9ff",
12886
12944
  "$type": "color",
12887
12945
  "$extensions": {
12888
12946
  "org.primer.figma": {
@@ -12897,7 +12955,7 @@
12897
12955
  },
12898
12956
  "mix": {
12899
12957
  "color": "#91cbff",
12900
- "weight": 0.05
12958
+ "weight": 0.08
12901
12959
  },
12902
12960
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12903
12961
  "isSource": true,
@@ -12917,7 +12975,7 @@
12917
12975
  },
12918
12976
  "mix": {
12919
12977
  "color": "{base.color.blue.2}",
12920
- "weight": 0.05
12978
+ "weight": 0.08
12921
12979
  }
12922
12980
  },
12923
12981
  "name": "fgColor-accent",
@@ -12925,7 +12983,7 @@
12925
12983
  "path": ["fgColor", "accent"]
12926
12984
  },
12927
12985
  "fgColor-success": {
12928
- "value": "#28d751",
12986
+ "value": "#2bd853",
12929
12987
  "$type": "color",
12930
12988
  "$extensions": {
12931
12989
  "org.primer.figma": {
@@ -12938,8 +12996,12 @@
12938
12996
  }
12939
12997
  }
12940
12998
  },
12941
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12999
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12942
13000
  "isSource": true,
13001
+ "mix": {
13002
+ "color": "#4ae168",
13003
+ "weight": 0.08
13004
+ },
12943
13005
  "original": {
12944
13006
  "value": "{base.color.green.3}",
12945
13007
  "$type": "color",
@@ -12953,6 +13015,10 @@
12953
13015
  "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
12954
13016
  }
12955
13017
  }
13018
+ },
13019
+ "mix": {
13020
+ "color": "{base.color.green.2}",
13021
+ "weight": 0.08
12956
13022
  }
12957
13023
  },
12958
13024
  "name": "fgColor-success",
@@ -12960,7 +13026,7 @@
12960
13026
  "path": ["fgColor", "success"]
12961
13027
  },
12962
13028
  "fgColor-open": {
12963
- "value": "#28d751",
13029
+ "value": "#2bd853",
12964
13030
  "$type": "color",
12965
13031
  "$extensions": {
12966
13032
  "org.primer.figma": {
@@ -13135,7 +13201,7 @@
13135
13201
  "path": ["fgColor", "closed"]
13136
13202
  },
13137
13203
  "fgColor-done": {
13138
- "value": "#cb9eff",
13204
+ "value": "#d3abff",
13139
13205
  "$type": "color",
13140
13206
  "$extensions": {
13141
13207
  "org.primer.figma": {
@@ -13150,6 +13216,10 @@
13150
13216
  },
13151
13217
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13152
13218
  "isSource": true,
13219
+ "mix": {
13220
+ "color": "#dbb7ff",
13221
+ "weight": 0.5
13222
+ },
13153
13223
  "original": {
13154
13224
  "value": "{base.color.purple.3}",
13155
13225
  "$type": "color",
@@ -13163,6 +13233,10 @@
13163
13233
  "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
13164
13234
  }
13165
13235
  }
13236
+ },
13237
+ "mix": {
13238
+ "color": "{base.color.purple.2}",
13239
+ "weight": 0.5
13166
13240
  }
13167
13241
  },
13168
13242
  "name": "fgColor-done",
@@ -13170,7 +13244,7 @@
13170
13244
  "path": ["fgColor", "done"]
13171
13245
  },
13172
13246
  "fgColor-upsell": {
13173
- "value": "#cb9eff",
13247
+ "value": "#d3abff",
13174
13248
  "$type": "color",
13175
13249
  "$extensions": {
13176
13250
  "org.primer.figma": {
@@ -13205,7 +13279,7 @@
13205
13279
  "path": ["fgColor", "upsell"]
13206
13280
  },
13207
13281
  "fgColor-sponsors": {
13208
- "value": "#ff8dc7",
13282
+ "value": "#ff90c8",
13209
13283
  "$type": "color",
13210
13284
  "$extensions": {
13211
13285
  "org.primer.figma": {
@@ -13220,6 +13294,10 @@
13220
13294
  },
13221
13295
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13222
13296
  "isSource": true,
13297
+ "mix": {
13298
+ "color": "#ffadd4",
13299
+ "weight": 0.08
13300
+ },
13223
13301
  "original": {
13224
13302
  "value": "{base.color.pink.3}",
13225
13303
  "$type": "color",
@@ -13233,6 +13311,10 @@
13233
13311
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
13234
13312
  }
13235
13313
  }
13314
+ },
13315
+ "mix": {
13316
+ "color": "{base.color.pink.2}",
13317
+ "weight": 0.08
13236
13318
  }
13237
13319
  },
13238
13320
  "name": "fgColor-sponsors",
@@ -13256,7 +13338,7 @@
13256
13338
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13257
13339
  "isSource": true,
13258
13340
  "original": {
13259
- "value": "{base.color.black}",
13341
+ "value": "{base.color.neutral.0}",
13260
13342
  "$type": "color",
13261
13343
  "$extensions": {
13262
13344
  "org.primer.figma": {
@@ -13291,7 +13373,7 @@
13291
13373
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13292
13374
  "isSource": true,
13293
13375
  "original": {
13294
- "value": "{base.color.neutral.1}",
13376
+ "value": "{base.color.neutral.2}",
13295
13377
  "$type": "color",
13296
13378
  "$extensions": {
13297
13379
  "org.primer.figma": {
@@ -13326,7 +13408,7 @@
13326
13408
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13327
13409
  "isSource": true,
13328
13410
  "original": {
13329
- "value": "{base.color.black}",
13411
+ "value": "{base.color.neutral.0}",
13330
13412
  "$type": "color",
13331
13413
  "$extensions": {
13332
13414
  "org.primer.figma": {
@@ -13361,7 +13443,7 @@
13361
13443
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13362
13444
  "isSource": true,
13363
13445
  "original": {
13364
- "value": "{base.color.neutral.6}",
13446
+ "value": "{base.color.neutral.7}",
13365
13447
  "$type": "color",
13366
13448
  "$extensions": {
13367
13449
  "org.primer.figma": {
@@ -13393,7 +13475,7 @@
13393
13475
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13394
13476
  "isSource": true,
13395
13477
  "original": {
13396
- "value": "{base.color.white}",
13478
+ "value": "{base.color.neutral.13}",
13397
13479
  "$type": "color",
13398
13480
  "$extensions": {
13399
13481
  "org.primer.figma": {
@@ -13422,7 +13504,7 @@
13422
13504
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13423
13505
  "isSource": true,
13424
13506
  "original": {
13425
- "value": "{base.color.white}",
13507
+ "value": "{base.color.neutral.13}",
13426
13508
  "$type": "color",
13427
13509
  "$extensions": {
13428
13510
  "org.primer.figma": {
@@ -13451,7 +13533,7 @@
13451
13533
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13452
13534
  "isSource": true,
13453
13535
  "original": {
13454
- "value": "{base.color.black}",
13536
+ "value": "{base.color.neutral.0}",
13455
13537
  "$type": "color",
13456
13538
  "$extensions": {
13457
13539
  "org.primer.figma": {
@@ -13480,7 +13562,7 @@
13480
13562
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13481
13563
  "isSource": true,
13482
13564
  "original": {
13483
- "value": "{base.color.neutral.3}",
13565
+ "value": "{base.color.neutral.4}",
13484
13566
  "$type": "color",
13485
13567
  "$extensions": {
13486
13568
  "org.primer.figma": {
@@ -13531,7 +13613,7 @@
13531
13613
  "path": ["bgColor", "transparent"]
13532
13614
  },
13533
13615
  "bgColor-neutral-muted": {
13534
- "value": "#2f3742b3",
13616
+ "value": "#212830",
13535
13617
  "$type": "color",
13536
13618
  "$extensions": {
13537
13619
  "org.primer.figma": {
@@ -13541,11 +13623,11 @@
13541
13623
  "scopes": ["bgColor"]
13542
13624
  }
13543
13625
  },
13544
- "alpha": 0.7,
13545
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13626
+ "alpha": 1,
13627
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13546
13628
  "isSource": true,
13547
13629
  "original": {
13548
- "value": "{base.color.neutral.5}",
13630
+ "value": "{base.color.neutral.3}",
13549
13631
  "$type": "color",
13550
13632
  "$extensions": {
13551
13633
  "org.primer.figma": {
@@ -13555,7 +13637,7 @@
13555
13637
  "scopes": ["bgColor"]
13556
13638
  }
13557
13639
  },
13558
- "alpha": 0.7
13640
+ "alpha": 1
13559
13641
  },
13560
13642
  "name": "bgColor-neutral-muted",
13561
13643
  "attributes": {},
@@ -13575,7 +13657,7 @@
13575
13657
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13576
13658
  "isSource": true,
13577
13659
  "original": {
13578
- "value": "{base.color.neutral.6}",
13660
+ "value": "{base.color.neutral.7}",
13579
13661
  "$type": "color",
13580
13662
  "$extensions": {
13581
13663
  "org.primer.figma": {
@@ -13591,7 +13673,7 @@
13591
13673
  "path": ["bgColor", "neutral", "emphasis"]
13592
13674
  },
13593
13675
  "bgColor-accent-muted": {
13594
- "value": "#409eff1a",
13676
+ "value": "#5cacff1a",
13595
13677
  "$type": "color",
13596
13678
  "$extensions": {
13597
13679
  "org.primer.figma": {
@@ -13605,10 +13687,10 @@
13605
13687
  }
13606
13688
  },
13607
13689
  "alpha": 0.1,
13608
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13690
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13609
13691
  "isSource": true,
13610
13692
  "original": {
13611
- "value": "{base.color.blue.5}",
13693
+ "value": "{base.color.blue.4}",
13612
13694
  "$type": "color",
13613
13695
  "$extensions": {
13614
13696
  "org.primer.figma": {
@@ -13663,7 +13745,7 @@
13663
13745
  "path": ["bgColor", "accent", "emphasis"]
13664
13746
  },
13665
13747
  "bgColor-success-muted": {
13666
- "value": "#0ac74024",
13748
+ "value": "#0ac74026",
13667
13749
  "$type": "color",
13668
13750
  "$extensions": {
13669
13751
  "org.primer.figma": {
@@ -13676,8 +13758,8 @@
13676
13758
  }
13677
13759
  }
13678
13760
  },
13679
- "alpha": 0.14,
13680
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13761
+ "alpha": 0.15,
13762
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13681
13763
  "isSource": true,
13682
13764
  "original": {
13683
13765
  "value": "{base.color.green.4}",
@@ -13693,7 +13775,7 @@
13693
13775
  }
13694
13776
  }
13695
13777
  },
13696
- "alpha": 0.14
13778
+ "alpha": 0.15
13697
13779
  },
13698
13780
  "name": "bgColor-success-muted",
13699
13781
  "attributes": {},
@@ -13735,7 +13817,7 @@
13735
13817
  "path": ["bgColor", "success", "emphasis"]
13736
13818
  },
13737
13819
  "bgColor-open-muted": {
13738
- "value": "#0ac74024",
13820
+ "value": "#0ac74026",
13739
13821
  "$type": "color",
13740
13822
  "$extensions": {
13741
13823
  "org.primer.figma": {
@@ -13748,8 +13830,8 @@
13748
13830
  }
13749
13831
  }
13750
13832
  },
13751
- "alpha": 0.14,
13752
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13833
+ "alpha": 0.15,
13834
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13753
13835
  "isSource": true,
13754
13836
  "original": {
13755
13837
  "value": "{bgColor.success.muted}",
@@ -13765,7 +13847,7 @@
13765
13847
  }
13766
13848
  }
13767
13849
  },
13768
- "alpha": 0.14
13850
+ "alpha": 0.15
13769
13851
  },
13770
13852
  "name": "bgColor-open-muted",
13771
13853
  "attributes": {},
@@ -13879,7 +13961,7 @@
13879
13961
  "path": ["bgColor", "attention", "emphasis"]
13880
13962
  },
13881
13963
  "bgColor-severe-muted": {
13882
- "value": "#f48b2516",
13964
+ "value": "#f48b251a",
13883
13965
  "$type": "color",
13884
13966
  "$extensions": {
13885
13967
  "org.primer.figma": {
@@ -13892,8 +13974,8 @@
13892
13974
  }
13893
13975
  }
13894
13976
  },
13895
- "alpha": 0.088,
13896
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13977
+ "alpha": 0.1,
13978
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13897
13979
  "isSource": true,
13898
13980
  "original": {
13899
13981
  "value": "{base.color.orange.4}",
@@ -13909,7 +13991,7 @@
13909
13991
  }
13910
13992
  }
13911
13993
  },
13912
- "alpha": 0.088
13994
+ "alpha": 0.1
13913
13995
  },
13914
13996
  "name": "bgColor-severe-muted",
13915
13997
  "attributes": {},
@@ -13951,7 +14033,7 @@
13951
14033
  "path": ["bgColor", "severe", "emphasis"]
13952
14034
  },
13953
14035
  "bgColor-danger-muted": {
13954
- "value": "#ff808017",
14036
+ "value": "#ff80801a",
13955
14037
  "$type": "color",
13956
14038
  "$extensions": {
13957
14039
  "org.primer.figma": {
@@ -13964,8 +14046,8 @@
13964
14046
  }
13965
14047
  }
13966
14048
  },
13967
- "alpha": 0.09,
13968
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14049
+ "alpha": 0.1,
14050
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13969
14051
  "isSource": true,
13970
14052
  "original": {
13971
14053
  "value": "{base.color.red.4}",
@@ -13981,7 +14063,7 @@
13981
14063
  }
13982
14064
  }
13983
14065
  },
13984
- "alpha": 0.09
14066
+ "alpha": 0.1
13985
14067
  },
13986
14068
  "name": "bgColor-danger-muted",
13987
14069
  "attributes": {},
@@ -14023,7 +14105,7 @@
14023
14105
  "path": ["bgColor", "danger", "emphasis"]
14024
14106
  },
14025
14107
  "bgColor-closed-muted": {
14026
- "value": "#ff808017",
14108
+ "value": "#ff80801a",
14027
14109
  "$type": "color",
14028
14110
  "$extensions": {
14029
14111
  "org.primer.figma": {
@@ -14036,8 +14118,8 @@
14036
14118
  }
14037
14119
  }
14038
14120
  },
14039
- "alpha": 0.09,
14040
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14121
+ "alpha": 0.1,
14122
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14041
14123
  "isSource": true,
14042
14124
  "original": {
14043
14125
  "value": "{bgColor.danger.muted}",
@@ -14053,7 +14135,7 @@
14053
14135
  }
14054
14136
  }
14055
14137
  },
14056
- "alpha": 0.09
14138
+ "alpha": 0.1
14057
14139
  },
14058
14140
  "name": "bgColor-closed-muted",
14059
14141
  "attributes": {},
@@ -14095,7 +14177,7 @@
14095
14177
  "path": ["bgColor", "closed", "emphasis"]
14096
14178
  },
14097
14179
  "bgColor-done-muted": {
14098
- "value": "#b87fff17",
14180
+ "value": "#bf8fff26",
14099
14181
  "$type": "color",
14100
14182
  "$extensions": {
14101
14183
  "org.primer.figma": {
@@ -14108,11 +14190,11 @@
14108
14190
  }
14109
14191
  }
14110
14192
  },
14111
- "alpha": 0.09,
14112
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14193
+ "alpha": 0.15,
14194
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14113
14195
  "isSource": true,
14114
14196
  "original": {
14115
- "value": "{base.color.purple.5}",
14197
+ "value": "{base.color.purple.4}",
14116
14198
  "$type": "color",
14117
14199
  "$extensions": {
14118
14200
  "org.primer.figma": {
@@ -14125,7 +14207,7 @@
14125
14207
  }
14126
14208
  }
14127
14209
  },
14128
- "alpha": 0.09
14210
+ "alpha": 0.15
14129
14211
  },
14130
14212
  "name": "bgColor-done-muted",
14131
14213
  "attributes": {},
@@ -14167,7 +14249,7 @@
14167
14249
  "path": ["bgColor", "done", "emphasis"]
14168
14250
  },
14169
14251
  "bgColor-upsell-muted": {
14170
- "value": "#b87fff17",
14252
+ "value": "#bf8fff26",
14171
14253
  "$type": "color",
14172
14254
  "$extensions": {
14173
14255
  "org.primer.figma": {
@@ -14180,8 +14262,8 @@
14180
14262
  }
14181
14263
  }
14182
14264
  },
14183
- "alpha": 0.09,
14184
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14265
+ "alpha": 0.15,
14266
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14185
14267
  "isSource": true,
14186
14268
  "original": {
14187
14269
  "value": "{bgColor.done.muted}",
@@ -14197,7 +14279,7 @@
14197
14279
  }
14198
14280
  }
14199
14281
  },
14200
- "alpha": 0.09
14282
+ "alpha": 0.15
14201
14283
  },
14202
14284
  "name": "bgColor-upsell-muted",
14203
14285
  "attributes": {},
@@ -14239,7 +14321,7 @@
14239
14321
  "path": ["bgColor", "upsell", "emphasis"]
14240
14322
  },
14241
14323
  "bgColor-sponsors-muted": {
14242
- "value": "#ef6eb117",
14324
+ "value": "#f87cbd1a",
14243
14325
  "$type": "color",
14244
14326
  "$extensions": {
14245
14327
  "org.primer.figma": {
@@ -14252,11 +14334,11 @@
14252
14334
  }
14253
14335
  }
14254
14336
  },
14255
- "alpha": 0.09,
14256
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14337
+ "alpha": 0.1,
14338
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14257
14339
  "isSource": true,
14258
14340
  "original": {
14259
- "value": "{base.color.pink.5}",
14341
+ "value": "{base.color.pink.4}",
14260
14342
  "$type": "color",
14261
14343
  "$extensions": {
14262
14344
  "org.primer.figma": {
@@ -14269,7 +14351,7 @@
14269
14351
  }
14270
14352
  }
14271
14353
  },
14272
- "alpha": 0.09
14354
+ "alpha": 0.1
14273
14355
  },
14274
14356
  "name": "bgColor-sponsors-muted",
14275
14357
  "attributes": {},
@@ -14327,7 +14409,7 @@
14327
14409
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14328
14410
  "isSource": true,
14329
14411
  "original": {
14330
- "value": "{base.color.neutral.9}",
14412
+ "value": "{base.color.neutral.10}",
14331
14413
  "$type": "color",
14332
14414
  "$extensions": {
14333
14415
  "org.primer.figma": {
@@ -14426,7 +14508,7 @@
14426
14508
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14427
14509
  "isSource": true,
14428
14510
  "original": {
14429
- "value": "{base.color.neutral.8}",
14511
+ "value": "{base.color.neutral.9}",
14430
14512
  "$type": "color",
14431
14513
  "$extensions": {
14432
14514
  "org.primer.figma": {
@@ -14486,7 +14568,7 @@
14486
14568
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14487
14569
  "isSource": true,
14488
14570
  "original": {
14489
- "value": "{base.color.neutral.5}",
14571
+ "value": "{base.color.neutral.6}",
14490
14572
  "$type": "color",
14491
14573
  "$extensions": {
14492
14574
  "org.primer.figma": {
@@ -14993,7 +15075,7 @@
14993
15075
  "path": ["borderColor", "danger", "emphasis"]
14994
15076
  },
14995
15077
  "borderColor-closed-muted": {
14996
- "value": "#ff808066",
15078
+ "value": "#ff8080",
14997
15079
  "$type": "color",
14998
15080
  "$extensions": {
14999
15081
  "org.primer.figma": {
@@ -15006,8 +15088,8 @@
15006
15088
  }
15007
15089
  }
15008
15090
  },
15009
- "alpha": 0.4,
15010
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15091
+ "alpha": 1,
15092
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
15011
15093
  "isSource": true,
15012
15094
  "original": {
15013
15095
  "value": "{borderColor.danger.muted}",
@@ -15023,7 +15105,7 @@
15023
15105
  }
15024
15106
  }
15025
15107
  },
15026
- "alpha": 0.4
15108
+ "alpha": 1
15027
15109
  },
15028
15110
  "name": "borderColor-closed-muted",
15029
15111
  "attributes": {},
@@ -15137,7 +15219,7 @@
15137
15219
  "path": ["borderColor", "done", "emphasis"]
15138
15220
  },
15139
15221
  "borderColor-upsell-muted": {
15140
- "value": "#bf8fff66",
15222
+ "value": "#bf8fff",
15141
15223
  "$type": "color",
15142
15224
  "$extensions": {
15143
15225
  "org.primer.figma": {
@@ -15150,8 +15232,8 @@
15150
15232
  }
15151
15233
  }
15152
15234
  },
15153
- "alpha": 0.4,
15154
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15235
+ "alpha": 1,
15236
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
15155
15237
  "isSource": true,
15156
15238
  "original": {
15157
15239
  "value": "{borderColor.done.muted}",
@@ -15167,7 +15249,7 @@
15167
15249
  }
15168
15250
  }
15169
15251
  },
15170
- "alpha": 0.4
15252
+ "alpha": 1
15171
15253
  },
15172
15254
  "name": "borderColor-upsell-muted",
15173
15255
  "attributes": {},
@@ -15293,7 +15375,7 @@
15293
15375
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15294
15376
  "isSource": true,
15295
15377
  "original": {
15296
- "value": "{base.color.neutral.5}",
15378
+ "value": "{base.color.neutral.6}",
15297
15379
  "$type": "color",
15298
15380
  "$extensions": {
15299
15381
  "org.primer.figma": {
@@ -15320,7 +15402,7 @@
15320
15402
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15321
15403
  "isSource": true,
15322
15404
  "original": {
15323
- "value": "{base.color.neutral.7}",
15405
+ "value": "{base.color.neutral.8}",
15324
15406
  "$type": "color",
15325
15407
  "$extensions": {
15326
15408
  "org.primer.figma": {
@@ -15347,7 +15429,7 @@
15347
15429
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15348
15430
  "isSource": true,
15349
15431
  "original": {
15350
- "value": "{base.color.neutral.11}",
15432
+ "value": "{base.color.neutral.12}",
15351
15433
  "$type": "color",
15352
15434
  "$extensions": {
15353
15435
  "org.primer.figma": {
@@ -15374,7 +15456,7 @@
15374
15456
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15375
15457
  "isSource": true,
15376
15458
  "original": {
15377
- "value": "{base.color.white}",
15459
+ "value": "{base.color.neutral.13}",
15378
15460
  "$type": "color",
15379
15461
  "$extensions": {
15380
15462
  "org.primer.figma": {
@@ -15401,7 +15483,7 @@
15401
15483
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15402
15484
  "isSource": true,
15403
15485
  "original": {
15404
- "value": "{base.color.neutral.7}",
15486
+ "value": "{base.color.neutral.8}",
15405
15487
  "$type": "color",
15406
15488
  "$extensions": {
15407
15489
  "org.primer.figma": {
@@ -15752,7 +15834,7 @@
15752
15834
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15753
15835
  "isSource": true,
15754
15836
  "original": {
15755
- "value": "{base.color.neutral.8}",
15837
+ "value": "{base.color.neutral.9}",
15756
15838
  "$type": "color",
15757
15839
  "$extensions": {
15758
15840
  "org.primer.figma": {
@@ -15860,7 +15942,7 @@
15860
15942
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15861
15943
  "isSource": true,
15862
15944
  "original": {
15863
- "value": "{base.color.neutral.11}",
15945
+ "value": "{base.color.neutral.12}",
15864
15946
  "$type": "color",
15865
15947
  "$extensions": {
15866
15948
  "org.primer.figma": {
@@ -16022,7 +16104,7 @@
16022
16104
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16023
16105
  "isSource": true,
16024
16106
  "original": {
16025
- "value": "{base.color.neutral.8}",
16107
+ "value": "{base.color.neutral.9}",
16026
16108
  "$type": "color",
16027
16109
  "$extensions": {
16028
16110
  "org.primer.figma": {
@@ -16049,7 +16131,7 @@
16049
16131
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16050
16132
  "isSource": true,
16051
16133
  "original": {
16052
- "value": "{base.color.neutral.11}",
16134
+ "value": "{base.color.neutral.12}",
16053
16135
  "$type": "color",
16054
16136
  "$extensions": {
16055
16137
  "org.primer.figma": {
@@ -16103,7 +16185,7 @@
16103
16185
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16104
16186
  "isSource": true,
16105
16187
  "original": {
16106
- "value": "{base.color.neutral.11}",
16188
+ "value": "{base.color.neutral.12}",
16107
16189
  "$type": "color",
16108
16190
  "$extensions": {
16109
16191
  "org.primer.figma": {
@@ -16238,7 +16320,7 @@
16238
16320
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16239
16321
  "isSource": true,
16240
16322
  "original": {
16241
- "value": "{base.color.neutral.11}",
16323
+ "value": "{base.color.neutral.12}",
16242
16324
  "$type": "color",
16243
16325
  "$extensions": {
16244
16326
  "org.primer.figma": {
@@ -16265,7 +16347,7 @@
16265
16347
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16266
16348
  "isSource": true,
16267
16349
  "original": {
16268
- "value": "{base.color.neutral.11}",
16350
+ "value": "{base.color.neutral.12}",
16269
16351
  "$type": "color",
16270
16352
  "$extensions": {
16271
16353
  "org.primer.figma": {
@@ -16454,7 +16536,7 @@
16454
16536
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16455
16537
  "isSource": true,
16456
16538
  "original": {
16457
- "value": "{base.color.neutral.11}",
16539
+ "value": "{base.color.neutral.12}",
16458
16540
  "$type": "color",
16459
16541
  "$extensions": {
16460
16542
  "org.primer.figma": {
@@ -16535,7 +16617,7 @@
16535
16617
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16536
16618
  "isSource": true,
16537
16619
  "original": {
16538
- "value": "{base.color.neutral.6}",
16620
+ "value": "{base.color.neutral.7}",
16539
16621
  "$type": "color",
16540
16622
  "$extensions": {
16541
16623
  "org.primer.figma": {
@@ -16563,7 +16645,7 @@
16563
16645
  "isSource": true,
16564
16646
  "original": {
16565
16647
  "value": {
16566
- "color": "{base.color.black}",
16648
+ "color": "{base.color.neutral.0}",
16567
16649
  "alpha": 0.24,
16568
16650
  "offsetX": "0px",
16569
16651
  "offsetY": "1px",
@@ -16598,7 +16680,7 @@
16598
16680
  "isSource": true,
16599
16681
  "original": {
16600
16682
  "value": {
16601
- "color": "{base.color.black}",
16683
+ "color": "{base.color.neutral.0}",
16602
16684
  "alpha": 0.8,
16603
16685
  "offsetX": "0px",
16604
16686
  "offsetY": "1px",
@@ -16634,7 +16716,7 @@
16634
16716
  "original": {
16635
16717
  "value": [
16636
16718
  {
16637
- "color": "{base.color.black}",
16719
+ "color": "{base.color.neutral.0}",
16638
16720
  "alpha": 0.4,
16639
16721
  "offsetX": "0px",
16640
16722
  "offsetY": "1px",
@@ -16671,7 +16753,7 @@
16671
16753
  "original": {
16672
16754
  "value": [
16673
16755
  {
16674
- "color": "{base.color.black}",
16756
+ "color": "{base.color.neutral.0}",
16675
16757
  "alpha": 0.8,
16676
16758
  "offsetX": "0px",
16677
16759
  "offsetY": "3px",
@@ -16715,7 +16797,7 @@
16715
16797
  "spread": "1px"
16716
16798
  },
16717
16799
  {
16718
- "color": "{base.color.black}",
16800
+ "color": "{base.color.neutral.0}",
16719
16801
  "alpha": 0.4,
16720
16802
  "offsetX": "0px",
16721
16803
  "offsetY": "6px",
@@ -16723,7 +16805,7 @@
16723
16805
  "spread": "-3px"
16724
16806
  },
16725
16807
  {
16726
- "color": "{base.color.black}",
16808
+ "color": "{base.color.neutral.0}",
16727
16809
  "alpha": 0.4,
16728
16810
  "offsetX": "0px",
16729
16811
  "offsetY": "6px",
@@ -16767,7 +16849,7 @@
16767
16849
  "spread": "1px"
16768
16850
  },
16769
16851
  {
16770
- "color": "{base.color.black}",
16852
+ "color": "{base.color.neutral.0}",
16771
16853
  "alpha": 0.4,
16772
16854
  "offsetX": "0px",
16773
16855
  "offsetY": "8px",
@@ -16775,7 +16857,7 @@
16775
16857
  "spread": "-4px"
16776
16858
  },
16777
16859
  {
16778
- "color": "{base.color.black}",
16860
+ "color": "{base.color.neutral.0}",
16779
16861
  "alpha": 0.4,
16780
16862
  "offsetX": "0px",
16781
16863
  "offsetY": "4px",
@@ -16783,7 +16865,7 @@
16783
16865
  "spread": "-4px"
16784
16866
  },
16785
16867
  {
16786
- "color": "{base.color.black}",
16868
+ "color": "{base.color.neutral.0}",
16787
16869
  "alpha": 0.4,
16788
16870
  "offsetX": "0px",
16789
16871
  "offsetY": "24px",
@@ -16791,7 +16873,7 @@
16791
16873
  "spread": "-12px"
16792
16874
  },
16793
16875
  {
16794
- "color": "{base.color.black}",
16876
+ "color": "{base.color.neutral.0}",
16795
16877
  "alpha": 0.4,
16796
16878
  "offsetX": "0px",
16797
16879
  "offsetY": "48px",
@@ -16835,7 +16917,7 @@
16835
16917
  "spread": "1px"
16836
16918
  },
16837
16919
  {
16838
- "color": "{base.color.black}",
16920
+ "color": "{base.color.neutral.0}",
16839
16921
  "alpha": 1,
16840
16922
  "offsetX": "0px",
16841
16923
  "offsetY": "24px",
@@ -16879,7 +16961,7 @@
16879
16961
  "spread": "1px"
16880
16962
  },
16881
16963
  {
16882
- "color": "{base.color.black}",
16964
+ "color": "{base.color.neutral.0}",
16883
16965
  "alpha": 1,
16884
16966
  "offsetX": "0px",
16885
16967
  "offsetY": "32px",
@@ -16915,7 +16997,7 @@
16915
16997
  "original": {
16916
16998
  "value": [
16917
16999
  {
16918
- "color": "{base.color.black}",
17000
+ "color": "{base.color.neutral.0}",
16919
17001
  "alpha": 0.4,
16920
17002
  "offsetX": "0px",
16921
17003
  "offsetY": "6px",
@@ -16923,7 +17005,7 @@
16923
17005
  "spread": "-3px"
16924
17006
  },
16925
17007
  {
16926
- "color": "{base.color.black}",
17008
+ "color": "{base.color.neutral.0}",
16927
17009
  "alpha": 0.4,
16928
17010
  "offsetX": "0px",
16929
17011
  "offsetY": "6px",