@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/light-colorblind.json CHANGED
@@ -683,7 +683,7 @@
683
683
  "path": ["codeMirror", "selection", "bgColor"]
684
684
  },
685
685
  "codeMirror-activeline-bgColor": {
686
- "value": "#e0e6ebb3",
686
+ "value": "#818b981f",
687
687
  "$type": "color",
688
688
  "$extensions": {
689
689
  "org.primer.figma": {
@@ -783,7 +783,7 @@
783
783
  "filePath": "src/tokens/functional/color/light/app-light.json5",
784
784
  "isSource": true,
785
785
  "original": {
786
- "value": "{base.color.black}",
786
+ "value": "{base.color.neutral.13}",
787
787
  "$type": "color",
788
788
  "$extensions": {
789
789
  "org.primer.figma": {
@@ -1016,7 +1016,7 @@
1016
1016
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1017
1017
  "isSource": true,
1018
1018
  "original": {
1019
- "value": "{base.color.white}",
1019
+ "value": "{base.color.neutral.0}",
1020
1020
  "$type": "color",
1021
1021
  "$extensions": {
1022
1022
  "org.primer.figma": {
@@ -1046,7 +1046,7 @@
1046
1046
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1047
1047
  "isSource": true,
1048
1048
  "original": {
1049
- "value": "{base.color.white}",
1049
+ "value": "{base.color.neutral.0}",
1050
1050
  "$type": "color",
1051
1051
  "$extensions": {
1052
1052
  "org.primer.figma": {
@@ -1075,7 +1075,7 @@
1075
1075
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1076
1076
  "isSource": true,
1077
1077
  "original": {
1078
- "value": "{base.color.neutral.11}",
1078
+ "value": "{base.color.neutral.12}",
1079
1079
  "$type": "color",
1080
1080
  "$extensions": {
1081
1081
  "org.primer.figma": {
@@ -1104,7 +1104,7 @@
1104
1104
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1105
1105
  "isSource": true,
1106
1106
  "original": {
1107
- "value": "{base.color.neutral.7}",
1107
+ "value": "{base.color.neutral.8}",
1108
1108
  "$type": "color",
1109
1109
  "$extensions": {
1110
1110
  "org.primer.figma": {
@@ -1133,7 +1133,7 @@
1133
1133
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1134
1134
  "isSource": true,
1135
1135
  "original": {
1136
- "value": "{base.color.neutral.11}",
1136
+ "value": "{base.color.neutral.12}",
1137
1137
  "$type": "color",
1138
1138
  "$extensions": {
1139
1139
  "org.primer.figma": {
@@ -1162,7 +1162,7 @@
1162
1162
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1163
1163
  "isSource": true,
1164
1164
  "original": {
1165
- "value": "{base.color.neutral.7}",
1165
+ "value": "{base.color.neutral.8}",
1166
1166
  "$type": "color",
1167
1167
  "$extensions": {
1168
1168
  "org.primer.figma": {
@@ -4526,7 +4526,7 @@
4526
4526
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4527
4527
  "isSource": true,
4528
4528
  "original": {
4529
- "value": "{base.color.white}",
4529
+ "value": "{base.color.neutral.0}",
4530
4530
  "$type": "color",
4531
4531
  "$extensions": {
4532
4532
  "org.primer.figma": {
@@ -4585,7 +4585,7 @@
4585
4585
  "original": {
4586
4586
  "value": [
4587
4587
  {
4588
- "color": "{base.color.white}",
4588
+ "color": "{base.color.neutral.0}",
4589
4589
  "alpha": 0.8,
4590
4590
  "offsetX": "0px",
4591
4591
  "offsetY": "0px",
@@ -4620,7 +4620,7 @@
4620
4620
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4621
4621
  "isSource": true,
4622
4622
  "original": {
4623
- "value": "{base.color.neutral.6}",
4623
+ "value": "{base.color.neutral.7}",
4624
4624
  "$type": "color",
4625
4625
  "$extensions": {
4626
4626
  "org.primer.figma": {
@@ -4649,7 +4649,7 @@
4649
4649
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4650
4650
  "isSource": true,
4651
4651
  "original": {
4652
- "value": "{base.color.neutral.4}",
4652
+ "value": "{base.color.neutral.5}",
4653
4653
  "$type": "color",
4654
4654
  "$extensions": {
4655
4655
  "org.primer.figma": {
@@ -4678,7 +4678,7 @@
4678
4678
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4679
4679
  "isSource": true,
4680
4680
  "original": {
4681
- "value": "{base.color.neutral.0}",
4681
+ "value": "{base.color.neutral.1}",
4682
4682
  "$type": "color",
4683
4683
  "$extensions": {
4684
4684
  "org.primer.figma": {
@@ -4707,7 +4707,7 @@
4707
4707
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4708
4708
  "isSource": true,
4709
4709
  "original": {
4710
- "value": "{base.color.neutral.1}",
4710
+ "value": "{base.color.neutral.2}",
4711
4711
  "$type": "color",
4712
4712
  "$extensions": {
4713
4713
  "org.primer.figma": {
@@ -4736,7 +4736,7 @@
4736
4736
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4737
4737
  "isSource": true,
4738
4738
  "original": {
4739
- "value": "{base.color.neutral.2}",
4739
+ "value": "{base.color.neutral.3}",
4740
4740
  "$type": "color",
4741
4741
  "$extensions": {
4742
4742
  "org.primer.figma": {
@@ -4823,7 +4823,7 @@
4823
4823
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4824
4824
  "isSource": true,
4825
4825
  "original": {
4826
- "value": "{base.color.neutral.11}",
4826
+ "value": "{base.color.neutral.12}",
4827
4827
  "$type": "color",
4828
4828
  "$extensions": {
4829
4829
  "org.primer.figma": {
@@ -5172,7 +5172,7 @@
5172
5172
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5173
5173
  "isSource": true,
5174
5174
  "original": {
5175
- "value": "{base.color.neutral.7}",
5175
+ "value": "{base.color.neutral.8}",
5176
5176
  "$type": "color",
5177
5177
  "$extensions": {
5178
5178
  "org.primer.figma": {
@@ -5203,7 +5203,7 @@
5203
5203
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5204
5204
  "isSource": true,
5205
5205
  "original": {
5206
- "value": "{base.color.neutral.7}",
5206
+ "value": "{base.color.neutral.8}",
5207
5207
  "$type": "color",
5208
5208
  "$extensions": {
5209
5209
  "org.primer.figma": {
@@ -5263,7 +5263,7 @@
5263
5263
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5264
5264
  "isSource": true,
5265
5265
  "original": {
5266
- "value": "{base.color.neutral.7}",
5266
+ "value": "{base.color.neutral.8}",
5267
5267
  "$type": "color",
5268
5268
  "$extensions": {
5269
5269
  "org.primer.figma": {
@@ -5804,7 +5804,7 @@
5804
5804
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5805
5805
  "isSource": true,
5806
5806
  "original": {
5807
- "value": "{base.color.neutral.2}",
5807
+ "value": "{base.color.neutral.3}",
5808
5808
  "$type": "color",
5809
5809
  "$extensions": {
5810
5810
  "org.primer.figma": {
@@ -5833,7 +5833,7 @@
5833
5833
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5834
5834
  "isSource": true,
5835
5835
  "original": {
5836
- "value": "{base.color.neutral.3}",
5836
+ "value": "{base.color.neutral.4}",
5837
5837
  "$type": "color",
5838
5838
  "$extensions": {
5839
5839
  "org.primer.figma": {
@@ -5862,7 +5862,7 @@
5862
5862
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5863
5863
  "isSource": true,
5864
5864
  "original": {
5865
- "value": "{base.color.neutral.4}",
5865
+ "value": "{base.color.neutral.5}",
5866
5866
  "$type": "color",
5867
5867
  "$extensions": {
5868
5868
  "org.primer.figma": {
@@ -5920,7 +5920,7 @@
5920
5920
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5921
5921
  "isSource": true,
5922
5922
  "original": {
5923
- "value": "{base.color.neutral.8}",
5923
+ "value": "{base.color.neutral.9}",
5924
5924
  "$type": "color",
5925
5925
  "$extensions": {
5926
5926
  "org.primer.figma": {
@@ -6036,7 +6036,7 @@
6036
6036
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6037
6037
  "isSource": true,
6038
6038
  "original": {
6039
- "value": "{base.color.white}",
6039
+ "value": "{base.color.neutral.0}",
6040
6040
  "$type": "color",
6041
6041
  "$extensions": {
6042
6042
  "org.primer.figma": {
@@ -6094,7 +6094,7 @@
6094
6094
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6095
6095
  "isSource": true,
6096
6096
  "original": {
6097
- "value": "{base.color.white}",
6097
+ "value": "{base.color.neutral.0}",
6098
6098
  "$type": "color",
6099
6099
  "$extensions": {
6100
6100
  "org.primer.figma": {
@@ -6225,6 +6225,64 @@
6225
6225
  "attributes": {},
6226
6226
  "path": ["counter", "borderColor"]
6227
6227
  },
6228
+ "counter-bgColor-muted": {
6229
+ "value": "#818b981f",
6230
+ "$type": "color",
6231
+ "$extensions": {
6232
+ "org.primer.figma": {
6233
+ "collection": "mode",
6234
+ "mode": "light",
6235
+ "group": "component",
6236
+ "scopes": ["bgColor"]
6237
+ }
6238
+ },
6239
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6240
+ "isSource": true,
6241
+ "original": {
6242
+ "value": "{bgColor.neutral.muted}",
6243
+ "$type": "color",
6244
+ "$extensions": {
6245
+ "org.primer.figma": {
6246
+ "collection": "mode",
6247
+ "mode": "light",
6248
+ "group": "component",
6249
+ "scopes": ["bgColor"]
6250
+ }
6251
+ }
6252
+ },
6253
+ "name": "counter-bgColor-muted",
6254
+ "attributes": {},
6255
+ "path": ["counter", "bgColor", "muted"]
6256
+ },
6257
+ "counter-bgColor-emphasis": {
6258
+ "value": "#59636e",
6259
+ "$type": "color",
6260
+ "$extensions": {
6261
+ "org.primer.figma": {
6262
+ "collection": "mode",
6263
+ "mode": "light",
6264
+ "group": "component",
6265
+ "scopes": ["bgColor"]
6266
+ }
6267
+ },
6268
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6269
+ "isSource": true,
6270
+ "original": {
6271
+ "value": "{bgColor.neutral.emphasis}",
6272
+ "$type": "color",
6273
+ "$extensions": {
6274
+ "org.primer.figma": {
6275
+ "collection": "mode",
6276
+ "mode": "light",
6277
+ "group": "component",
6278
+ "scopes": ["bgColor"]
6279
+ }
6280
+ }
6281
+ },
6282
+ "name": "counter-bgColor-emphasis",
6283
+ "attributes": {},
6284
+ "path": ["counter", "bgColor", "emphasis"]
6285
+ },
6228
6286
  "button-default-fgColor-rest": {
6229
6287
  "value": "#25292e",
6230
6288
  "$type": "color",
@@ -6514,7 +6572,7 @@
6514
6572
  "original": {
6515
6573
  "value": [
6516
6574
  {
6517
- "color": "{base.color.black}",
6575
+ "color": "{base.color.neutral.13}",
6518
6576
  "alpha": 0.04,
6519
6577
  "offsetX": "0px",
6520
6578
  "offsetY": "1px",
@@ -6580,7 +6638,7 @@
6580
6638
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6581
6639
  "isSource": true,
6582
6640
  "original": {
6583
- "value": "{base.color.white}",
6641
+ "value": "{base.color.neutral.0}",
6584
6642
  "$type": "color",
6585
6643
  "$extensions": {
6586
6644
  "org.primer.figma": {
@@ -6782,7 +6840,7 @@
6782
6840
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6783
6841
  "isSource": true,
6784
6842
  "original": {
6785
- "value": "{base.color.black}",
6843
+ "value": "{base.color.neutral.13}",
6786
6844
  "$type": "color",
6787
6845
  "$extensions": {
6788
6846
  "org.primer.figma": {
@@ -7342,7 +7400,7 @@
7342
7400
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7343
7401
  "isSource": true,
7344
7402
  "original": {
7345
- "value": "{base.color.white}",
7403
+ "value": "{base.color.neutral.0}",
7346
7404
  "$type": "color",
7347
7405
  "$extensions": {
7348
7406
  "org.primer.figma": {
@@ -7371,7 +7429,7 @@
7371
7429
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7372
7430
  "isSource": true,
7373
7431
  "original": {
7374
- "value": "{base.color.white}",
7432
+ "value": "{base.color.neutral.0}",
7375
7433
  "$type": "color",
7376
7434
  "$extensions": {
7377
7435
  "org.primer.figma": {
@@ -7679,7 +7737,7 @@
7679
7737
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7680
7738
  "isSource": true,
7681
7739
  "original": {
7682
- "value": "{base.color.white}",
7740
+ "value": "{base.color.neutral.0}",
7683
7741
  "$type": "color",
7684
7742
  "$extensions": {
7685
7743
  "org.primer.figma": {
@@ -7708,7 +7766,7 @@
7708
7766
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7709
7767
  "isSource": true,
7710
7768
  "original": {
7711
- "value": "{base.color.white}",
7769
+ "value": "{base.color.neutral.0}",
7712
7770
  "$type": "color",
7713
7771
  "$extensions": {
7714
7772
  "org.primer.figma": {
@@ -7797,7 +7855,7 @@
7797
7855
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7798
7856
  "isSource": true,
7799
7857
  "original": {
7800
- "value": "{base.color.white}",
7858
+ "value": "{base.color.neutral.0}",
7801
7859
  "$type": "color",
7802
7860
  "$extensions": {
7803
7861
  "org.primer.figma": {
@@ -8074,7 +8132,7 @@
8074
8132
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8075
8133
  "isSource": true,
8076
8134
  "original": {
8077
- "value": "{base.color.neutral.8}",
8135
+ "value": "{base.color.neutral.9}",
8078
8136
  "$type": "color",
8079
8137
  "$extensions": {
8080
8138
  "org.primer.figma": {
@@ -8103,7 +8161,7 @@
8103
8161
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8104
8162
  "isSource": true,
8105
8163
  "original": {
8106
- "value": "{base.color.neutral.2}",
8164
+ "value": "{base.color.neutral.3}",
8107
8165
  "$type": "color",
8108
8166
  "$extensions": {
8109
8167
  "org.primer.figma": {
@@ -8148,7 +8206,7 @@
8148
8206
  "path": ["button", "star", "iconColor"]
8149
8207
  },
8150
8208
  "buttonCounter-default-bgColor-rest": {
8151
- "value": "#e0e6ebb3",
8209
+ "value": "#818b981f",
8152
8210
  "$type": "color",
8153
8211
  "$extensions": {
8154
8212
  "org.primer.figma": {
@@ -8177,7 +8235,7 @@
8177
8235
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8178
8236
  },
8179
8237
  "buttonCounter-invisible-bgColor-rest": {
8180
- "value": "#e0e6ebb3",
8238
+ "value": "#818b981f",
8181
8239
  "$type": "color",
8182
8240
  "$extensions": {
8183
8241
  "org.primer.figma": {
@@ -8282,7 +8340,7 @@
8282
8340
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8283
8341
  "isSource": true,
8284
8342
  "original": {
8285
- "value": "{base.color.white}",
8343
+ "value": "{base.color.neutral.0}",
8286
8344
  "$type": "color",
8287
8345
  "$extensions": {
8288
8346
  "org.primer.figma": {
@@ -8372,7 +8430,7 @@
8372
8430
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8373
8431
  "isSource": true,
8374
8432
  "original": {
8375
- "value": "{base.color.white}",
8433
+ "value": "{base.color.neutral.0}",
8376
8434
  "$type": "color",
8377
8435
  "$extensions": {
8378
8436
  "org.primer.figma": {
@@ -8433,7 +8491,7 @@
8433
8491
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8434
8492
  "isSource": true,
8435
8493
  "original": {
8436
- "value": "{base.color.white}",
8494
+ "value": "{base.color.neutral.0}",
8437
8495
  "$type": "color",
8438
8496
  "$extensions": {
8439
8497
  "org.primer.figma": {
@@ -8562,7 +8620,7 @@
8562
8620
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8563
8621
  "isSource": true,
8564
8622
  "original": {
8565
- "value": "{base.color.white}",
8623
+ "value": "{base.color.neutral.0}",
8566
8624
  "$type": "color",
8567
8625
  "$extensions": {
8568
8626
  "org.primer.figma": {
@@ -8740,7 +8798,7 @@
8740
8798
  "collection": "mode",
8741
8799
  "mode": "light",
8742
8800
  "group": "component (internal)",
8743
- "scopes": ["borderColor"]
8801
+ "scopes": ["borderColor", "effectColor"]
8744
8802
  }
8745
8803
  },
8746
8804
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -8753,7 +8811,7 @@
8753
8811
  "collection": "mode",
8754
8812
  "mode": "light",
8755
8813
  "group": "component (internal)",
8756
- "scopes": ["borderColor"]
8814
+ "scopes": ["borderColor", "effectColor"]
8757
8815
  }
8758
8816
  }
8759
8817
  },
@@ -8821,7 +8879,7 @@
8821
8879
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8822
8880
  "isSource": true,
8823
8881
  "original": {
8824
- "value": "{base.color.white}",
8882
+ "value": "{base.color.neutral.0}",
8825
8883
  "$type": "color",
8826
8884
  "$extensions": {
8827
8885
  "org.primer.figma": {
@@ -8880,7 +8938,7 @@
8880
8938
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8881
8939
  "isSource": true,
8882
8940
  "original": {
8883
- "value": "{base.color.neutral.6}",
8941
+ "value": "{base.color.neutral.7}",
8884
8942
  "$type": "color",
8885
8943
  "$extensions": {
8886
8944
  "org.primer.figma": {
@@ -8968,7 +9026,7 @@
8968
9026
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8969
9027
  "isSource": true,
8970
9028
  "original": {
8971
- "value": "{base.color.white}",
9029
+ "value": "{base.color.neutral.0}",
8972
9030
  "$type": "color",
8973
9031
  "$extensions": {
8974
9032
  "org.primer.figma": {
@@ -12582,7 +12640,7 @@
12582
12640
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12583
12641
  "isSource": true,
12584
12642
  "original": {
12585
- "value": "{base.color.black}",
12643
+ "value": "{base.color.neutral.13}",
12586
12644
  "$type": "color",
12587
12645
  "$extensions": {
12588
12646
  "org.primer.figma": {
@@ -12617,7 +12675,7 @@
12617
12675
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12618
12676
  "isSource": true,
12619
12677
  "original": {
12620
- "value": "{base.color.neutral.8}",
12678
+ "value": "{base.color.neutral.9}",
12621
12679
  "$type": "color",
12622
12680
  "$extensions": {
12623
12681
  "org.primer.figma": {
@@ -12652,7 +12710,7 @@
12652
12710
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12653
12711
  "isSource": true,
12654
12712
  "original": {
12655
- "value": "{base.color.white}",
12713
+ "value": "{base.color.neutral.0}",
12656
12714
  "$type": "color",
12657
12715
  "$extensions": {
12658
12716
  "org.primer.figma": {
@@ -12684,7 +12742,7 @@
12684
12742
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12685
12743
  "isSource": true,
12686
12744
  "original": {
12687
- "value": "{base.color.white}",
12745
+ "value": "{base.color.neutral.0}",
12688
12746
  "$type": "color",
12689
12747
  "$extensions": {
12690
12748
  "org.primer.figma": {
@@ -12713,7 +12771,7 @@
12713
12771
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12714
12772
  "isSource": true,
12715
12773
  "original": {
12716
- "value": "{base.color.white}",
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/light/primitives-light.json5",
12743
12801
  "isSource": true,
12744
12802
  "original": {
12745
- "value": "{base.color.black}",
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/light/primitives-light.json5",
12772
12830
  "isSource": true,
12773
12831
  "original": {
12774
- "value": "{base.color.neutral.7}",
12832
+ "value": "{base.color.neutral.8}",
12775
12833
  "$type": "color",
12776
12834
  "$extensions": {
12777
12835
  "org.primer.figma": {
@@ -12835,7 +12893,7 @@
12835
12893
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12836
12894
  "isSource": true,
12837
12895
  "original": {
12838
- "value": "{base.color.neutral.8}",
12896
+ "value": "{base.color.neutral.9}",
12839
12897
  "$type": "color",
12840
12898
  "$extensions": {
12841
12899
  "org.primer.figma": {
@@ -13225,7 +13283,7 @@
13225
13283
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13226
13284
  "isSource": true,
13227
13285
  "original": {
13228
- "value": "{base.color.white}",
13286
+ "value": "{base.color.neutral.0}",
13229
13287
  "$type": "color",
13230
13288
  "$extensions": {
13231
13289
  "org.primer.figma": {
@@ -13260,7 +13318,7 @@
13260
13318
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13261
13319
  "isSource": true,
13262
13320
  "original": {
13263
- "value": "{base.color.neutral.0}",
13321
+ "value": "{base.color.neutral.1}",
13264
13322
  "$type": "color",
13265
13323
  "$extensions": {
13266
13324
  "org.primer.figma": {
@@ -13330,7 +13388,7 @@
13330
13388
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13331
13389
  "isSource": true,
13332
13390
  "original": {
13333
- "value": "{base.color.neutral.11}",
13391
+ "value": "{base.color.neutral.12}",
13334
13392
  "$type": "color",
13335
13393
  "$extensions": {
13336
13394
  "org.primer.figma": {
@@ -13362,7 +13420,7 @@
13362
13420
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13363
13421
  "isSource": true,
13364
13422
  "original": {
13365
- "value": "{base.color.neutral.11}",
13423
+ "value": "{base.color.neutral.12}",
13366
13424
  "$type": "color",
13367
13425
  "$extensions": {
13368
13426
  "org.primer.figma": {
@@ -13391,7 +13449,7 @@
13391
13449
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13392
13450
  "isSource": true,
13393
13451
  "original": {
13394
- "value": "{base.color.white}",
13452
+ "value": "{base.color.neutral.0}",
13395
13453
  "$type": "color",
13396
13454
  "$extensions": {
13397
13455
  "org.primer.figma": {
@@ -13420,7 +13478,7 @@
13420
13478
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13421
13479
  "isSource": true,
13422
13480
  "original": {
13423
- "value": "{base.color.black}",
13481
+ "value": "{base.color.neutral.13}",
13424
13482
  "$type": "color",
13425
13483
  "$extensions": {
13426
13484
  "org.primer.figma": {
@@ -13449,7 +13507,7 @@
13449
13507
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13450
13508
  "isSource": true,
13451
13509
  "original": {
13452
- "value": "{base.color.neutral.1}",
13510
+ "value": "{base.color.neutral.2}",
13453
13511
  "$type": "color",
13454
13512
  "$extensions": {
13455
13513
  "org.primer.figma": {
@@ -13500,7 +13558,7 @@
13500
13558
  "path": ["bgColor", "transparent"]
13501
13559
  },
13502
13560
  "bgColor-neutral-muted": {
13503
- "value": "#e0e6ebb3",
13561
+ "value": "#818b981f",
13504
13562
  "$type": "color",
13505
13563
  "$extensions": {
13506
13564
  "org.primer.figma": {
@@ -13510,11 +13568,11 @@
13510
13568
  "scopes": ["bgColor"]
13511
13569
  }
13512
13570
  },
13513
- "alpha": 0.7,
13571
+ "alpha": 0.12,
13514
13572
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13515
13573
  "isSource": true,
13516
13574
  "original": {
13517
- "value": "{base.color.neutral.3}",
13575
+ "value": "{base.color.neutral.8}",
13518
13576
  "$type": "color",
13519
13577
  "$extensions": {
13520
13578
  "org.primer.figma": {
@@ -13524,7 +13582,7 @@
13524
13582
  "scopes": ["bgColor"]
13525
13583
  }
13526
13584
  },
13527
- "alpha": 0.7
13585
+ "alpha": 0.12
13528
13586
  },
13529
13587
  "name": "bgColor-neutral-muted",
13530
13588
  "attributes": {},
@@ -13544,7 +13602,7 @@
13544
13602
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13545
13603
  "isSource": true,
13546
13604
  "original": {
13547
- "value": "{base.color.neutral.8}",
13605
+ "value": "{base.color.neutral.9}",
13548
13606
  "$type": "color",
13549
13607
  "$extensions": {
13550
13608
  "org.primer.figma": {
@@ -13984,7 +14042,7 @@
13984
14042
  "path": ["bgColor", "danger", "emphasis"]
13985
14043
  },
13986
14044
  "bgColor-closed-muted": {
13987
- "value": "#e0e6ebb3",
14045
+ "value": "#818b981f",
13988
14046
  "$type": "color",
13989
14047
  "$extensions": {
13990
14048
  "org.primer.figma": {
@@ -14280,7 +14338,7 @@
14280
14338
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14281
14339
  "isSource": true,
14282
14340
  "original": {
14283
- "value": "{base.color.neutral.5}",
14341
+ "value": "{base.color.neutral.6}",
14284
14342
  "$type": "color",
14285
14343
  "$extensions": {
14286
14344
  "org.primer.figma": {
@@ -14349,7 +14407,7 @@
14349
14407
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14350
14408
  "isSource": true,
14351
14409
  "original": {
14352
- "value": "{base.color.neutral.7}",
14410
+ "value": "{base.color.neutral.8}",
14353
14411
  "$type": "color",
14354
14412
  "$extensions": {
14355
14413
  "org.primer.figma": {
@@ -14379,7 +14437,7 @@
14379
14437
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14380
14438
  "isSource": true,
14381
14439
  "original": {
14382
- "value": "{base.color.neutral.7}",
14440
+ "value": "{base.color.neutral.8}",
14383
14441
  "$type": "color",
14384
14442
  "$extensions": {
14385
14443
  "org.primer.figma": {
@@ -14439,7 +14497,7 @@
14439
14497
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14440
14498
  "isSource": true,
14441
14499
  "original": {
14442
- "value": "{base.color.black}",
14500
+ "value": "{base.color.neutral.13}",
14443
14501
  "$type": "color",
14444
14502
  "$extensions": {
14445
14503
  "org.primer.figma": {
@@ -14485,7 +14543,7 @@
14485
14543
  "path": ["borderColor", "neutral", "muted"]
14486
14544
  },
14487
14545
  "borderColor-neutral-emphasis": {
14488
- "value": "#818b98",
14546
+ "value": "#59636e",
14489
14547
  "$type": "color",
14490
14548
  "$extensions": {
14491
14549
  "org.primer.figma": {
@@ -14498,7 +14556,7 @@
14498
14556
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14499
14557
  "isSource": true,
14500
14558
  "original": {
14501
- "value": "{borderColor.emphasis}",
14559
+ "value": "{base.color.neutral.9}",
14502
14560
  "$type": "color",
14503
14561
  "$extensions": {
14504
14562
  "org.primer.figma": {
@@ -15246,7 +15304,7 @@
15246
15304
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15247
15305
  "isSource": true,
15248
15306
  "original": {
15249
- "value": "{base.color.black}",
15307
+ "value": "{base.color.neutral.13}",
15250
15308
  "$type": "color",
15251
15309
  "$extensions": {
15252
15310
  "org.primer.figma": {
@@ -15273,7 +15331,7 @@
15273
15331
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15274
15332
  "isSource": true,
15275
15333
  "original": {
15276
- "value": "{base.color.neutral.10}",
15334
+ "value": "{base.color.neutral.11}",
15277
15335
  "$type": "color",
15278
15336
  "$extensions": {
15279
15337
  "org.primer.figma": {
@@ -15300,7 +15358,7 @@
15300
15358
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15301
15359
  "isSource": true,
15302
15360
  "original": {
15303
- "value": "{base.color.neutral.8}",
15361
+ "value": "{base.color.neutral.9}",
15304
15362
  "$type": "color",
15305
15363
  "$extensions": {
15306
15364
  "org.primer.figma": {
@@ -15327,7 +15385,7 @@
15327
15385
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15328
15386
  "isSource": true,
15329
15387
  "original": {
15330
- "value": "{base.color.neutral.7}",
15388
+ "value": "{base.color.neutral.8}",
15331
15389
  "$type": "color",
15332
15390
  "$extensions": {
15333
15391
  "org.primer.figma": {
@@ -15354,7 +15412,7 @@
15354
15412
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15355
15413
  "isSource": true,
15356
15414
  "original": {
15357
- "value": "{base.color.neutral.8}",
15415
+ "value": "{base.color.neutral.9}",
15358
15416
  "$type": "color",
15359
15417
  "$extensions": {
15360
15418
  "org.primer.figma": {
@@ -15705,7 +15763,7 @@
15705
15763
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15706
15764
  "isSource": true,
15707
15765
  "original": {
15708
- "value": "{base.color.neutral.8}",
15766
+ "value": "{base.color.neutral.9}",
15709
15767
  "$type": "color",
15710
15768
  "$extensions": {
15711
15769
  "org.primer.figma": {
@@ -15813,7 +15871,7 @@
15813
15871
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15814
15872
  "isSource": true,
15815
15873
  "original": {
15816
- "value": "{base.color.black}",
15874
+ "value": "{base.color.neutral.13}",
15817
15875
  "$type": "color",
15818
15876
  "$extensions": {
15819
15877
  "org.primer.figma": {
@@ -15975,7 +16033,7 @@
15975
16033
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15976
16034
  "isSource": true,
15977
16035
  "original": {
15978
- "value": "{base.color.neutral.8}",
16036
+ "value": "{base.color.neutral.9}",
15979
16037
  "$type": "color",
15980
16038
  "$extensions": {
15981
16039
  "org.primer.figma": {
@@ -16002,7 +16060,7 @@
16002
16060
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16003
16061
  "isSource": true,
16004
16062
  "original": {
16005
- "value": "{base.color.neutral.0}",
16063
+ "value": "{base.color.neutral.1}",
16006
16064
  "$type": "color",
16007
16065
  "$extensions": {
16008
16066
  "org.primer.figma": {
@@ -16056,7 +16114,7 @@
16056
16114
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16057
16115
  "isSource": true,
16058
16116
  "original": {
16059
- "value": "{base.color.neutral.0}",
16117
+ "value": "{base.color.neutral.1}",
16060
16118
  "$type": "color",
16061
16119
  "$extensions": {
16062
16120
  "org.primer.figma": {
@@ -16191,7 +16249,7 @@
16191
16249
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16192
16250
  "isSource": true,
16193
16251
  "original": {
16194
- "value": "{base.color.black}",
16252
+ "value": "{base.color.neutral.13}",
16195
16253
  "$type": "color",
16196
16254
  "$extensions": {
16197
16255
  "org.primer.figma": {
@@ -16218,7 +16276,7 @@
16218
16276
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16219
16277
  "isSource": true,
16220
16278
  "original": {
16221
- "value": "{base.color.black}",
16279
+ "value": "{base.color.neutral.13}",
16222
16280
  "$type": "color",
16223
16281
  "$extensions": {
16224
16282
  "org.primer.figma": {
@@ -16407,7 +16465,7 @@
16407
16465
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16408
16466
  "isSource": true,
16409
16467
  "original": {
16410
- "value": "{base.color.neutral.5}",
16468
+ "value": "{base.color.neutral.6}",
16411
16469
  "$type": "color",
16412
16470
  "$extensions": {
16413
16471
  "org.primer.figma": {
@@ -16488,7 +16546,7 @@
16488
16546
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16489
16547
  "isSource": true,
16490
16548
  "original": {
16491
- "value": "{base.color.neutral.7}",
16549
+ "value": "{base.color.neutral.8}",
16492
16550
  "$type": "color",
16493
16551
  "$extensions": {
16494
16552
  "org.primer.figma": {
@@ -16516,7 +16574,7 @@
16516
16574
  "isSource": true,
16517
16575
  "original": {
16518
16576
  "value": {
16519
- "color": "{base.color.black}",
16577
+ "color": "{base.color.neutral.13}",
16520
16578
  "alpha": 0.04,
16521
16579
  "offsetX": "0px",
16522
16580
  "offsetY": "1px",
@@ -16551,7 +16609,7 @@
16551
16609
  "isSource": true,
16552
16610
  "original": {
16553
16611
  "value": {
16554
- "color": "{base.color.black}",
16612
+ "color": "{base.color.neutral.13}",
16555
16613
  "alpha": 0.1,
16556
16614
  "offsetX": "0px",
16557
16615
  "offsetY": "1px",
@@ -16587,7 +16645,7 @@
16587
16645
  "original": {
16588
16646
  "value": [
16589
16647
  {
16590
- "color": "{base.color.black}",
16648
+ "color": "{base.color.neutral.13}",
16591
16649
  "alpha": 0.04,
16592
16650
  "offsetX": "0px",
16593
16651
  "offsetY": "1px",
@@ -16624,7 +16682,7 @@
16624
16682
  "original": {
16625
16683
  "value": [
16626
16684
  {
16627
- "color": "{base.color.neutral.11}",
16685
+ "color": "{base.color.neutral.12}",
16628
16686
  "alpha": 0.12,
16629
16687
  "offsetX": "0px",
16630
16688
  "offsetY": "3px",
@@ -16668,7 +16726,7 @@
16668
16726
  "spread": "1px"
16669
16727
  },
16670
16728
  {
16671
- "color": "{base.color.neutral.11}",
16729
+ "color": "{base.color.neutral.12}",
16672
16730
  "alpha": 0.04,
16673
16731
  "offsetX": "0px",
16674
16732
  "offsetY": "6px",
@@ -16676,7 +16734,7 @@
16676
16734
  "spread": "-3px"
16677
16735
  },
16678
16736
  {
16679
- "color": "{base.color.neutral.11}",
16737
+ "color": "{base.color.neutral.12}",
16680
16738
  "alpha": 0.12,
16681
16739
  "offsetX": "0px",
16682
16740
  "offsetY": "6px",
@@ -16720,7 +16778,7 @@
16720
16778
  "spread": "1px"
16721
16779
  },
16722
16780
  {
16723
- "color": "{base.color.neutral.11}",
16781
+ "color": "{base.color.neutral.12}",
16724
16782
  "alpha": 0.08,
16725
16783
  "offsetX": "0px",
16726
16784
  "offsetY": "8px",
@@ -16728,7 +16786,7 @@
16728
16786
  "spread": "-4px"
16729
16787
  },
16730
16788
  {
16731
- "color": "{base.color.neutral.11}",
16789
+ "color": "{base.color.neutral.12}",
16732
16790
  "alpha": 0.08,
16733
16791
  "offsetX": "0px",
16734
16792
  "offsetY": "4px",
@@ -16736,7 +16794,7 @@
16736
16794
  "spread": "-4px"
16737
16795
  },
16738
16796
  {
16739
- "color": "{base.color.neutral.11}",
16797
+ "color": "{base.color.neutral.12}",
16740
16798
  "alpha": 0.08,
16741
16799
  "offsetX": "0px",
16742
16800
  "offsetY": "24px",
@@ -16744,7 +16802,7 @@
16744
16802
  "spread": "-12px"
16745
16803
  },
16746
16804
  {
16747
- "color": "{base.color.neutral.11}",
16805
+ "color": "{base.color.neutral.12}",
16748
16806
  "alpha": 0.08,
16749
16807
  "offsetX": "0px",
16750
16808
  "offsetY": "48px",
@@ -16788,7 +16846,7 @@
16788
16846
  "spread": "1px"
16789
16847
  },
16790
16848
  {
16791
- "color": "{base.color.neutral.11}",
16849
+ "color": "{base.color.neutral.12}",
16792
16850
  "alpha": 0.24,
16793
16851
  "offsetX": "0px",
16794
16852
  "offsetY": "40px",
@@ -16832,7 +16890,7 @@
16832
16890
  "spread": "1px"
16833
16891
  },
16834
16892
  {
16835
- "color": "{base.color.neutral.11}",
16893
+ "color": "{base.color.neutral.12}",
16836
16894
  "alpha": 0.32,
16837
16895
  "offsetX": "0px",
16838
16896
  "offsetY": "56px",
@@ -16861,7 +16919,7 @@
16861
16919
  "original": {
16862
16920
  "value": [
16863
16921
  {
16864
- "color": "{base.color.neutral.11}",
16922
+ "color": "{base.color.neutral.12}",
16865
16923
  "alpha": 0.04,
16866
16924
  "offsetX": "0px",
16867
16925
  "offsetY": "6px",
@@ -16869,7 +16927,7 @@
16869
16927
  "spread": "-3px"
16870
16928
  },
16871
16929
  {
16872
- "color": "{base.color.neutral.11}",
16930
+ "color": "{base.color.neutral.12}",
16873
16931
  "alpha": 0.12,
16874
16932
  "offsetX": "0px",
16875
16933
  "offsetY": "6px",