@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/docs/functional/themes/light-tritanopia.json CHANGED
@@ -679,7 +679,7 @@
679
679
  "path": ["codeMirror", "selection", "bgColor"]
680
680
  },
681
681
  "codeMirror-activeline-bgColor": {
682
- "value": "#e0e6ebb3",
682
+ "value": "#818b981f",
683
683
  "$type": "color",
684
684
  "$extensions": {
685
685
  "org.primer.figma": {
@@ -779,7 +779,7 @@
779
779
  "filePath": "src/tokens/functional/color/light/app-light.json5",
780
780
  "isSource": true,
781
781
  "original": {
782
- "value": "{base.color.black}",
782
+ "value": "{base.color.neutral.13}",
783
783
  "$type": "color",
784
784
  "$extensions": {
785
785
  "org.primer.figma": {
@@ -1012,7 +1012,7 @@
1012
1012
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1013
1013
  "isSource": true,
1014
1014
  "original": {
1015
- "value": "{base.color.white}",
1015
+ "value": "{base.color.neutral.0}",
1016
1016
  "$type": "color",
1017
1017
  "$extensions": {
1018
1018
  "org.primer.figma": {
@@ -1042,7 +1042,7 @@
1042
1042
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1043
1043
  "isSource": true,
1044
1044
  "original": {
1045
- "value": "{base.color.white}",
1045
+ "value": "{base.color.neutral.0}",
1046
1046
  "$type": "color",
1047
1047
  "$extensions": {
1048
1048
  "org.primer.figma": {
@@ -1071,7 +1071,7 @@
1071
1071
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1072
1072
  "isSource": true,
1073
1073
  "original": {
1074
- "value": "{base.color.neutral.11}",
1074
+ "value": "{base.color.neutral.12}",
1075
1075
  "$type": "color",
1076
1076
  "$extensions": {
1077
1077
  "org.primer.figma": {
@@ -1100,7 +1100,7 @@
1100
1100
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1101
1101
  "isSource": true,
1102
1102
  "original": {
1103
- "value": "{base.color.neutral.7}",
1103
+ "value": "{base.color.neutral.8}",
1104
1104
  "$type": "color",
1105
1105
  "$extensions": {
1106
1106
  "org.primer.figma": {
@@ -1129,7 +1129,7 @@
1129
1129
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1130
1130
  "isSource": true,
1131
1131
  "original": {
1132
- "value": "{base.color.neutral.11}",
1132
+ "value": "{base.color.neutral.12}",
1133
1133
  "$type": "color",
1134
1134
  "$extensions": {
1135
1135
  "org.primer.figma": {
@@ -1158,7 +1158,7 @@
1158
1158
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1159
1159
  "isSource": true,
1160
1160
  "original": {
1161
- "value": "{base.color.neutral.7}",
1161
+ "value": "{base.color.neutral.8}",
1162
1162
  "$type": "color",
1163
1163
  "$extensions": {
1164
1164
  "org.primer.figma": {
@@ -4522,7 +4522,7 @@
4522
4522
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4523
4523
  "isSource": true,
4524
4524
  "original": {
4525
- "value": "{base.color.white}",
4525
+ "value": "{base.color.neutral.0}",
4526
4526
  "$type": "color",
4527
4527
  "$extensions": {
4528
4528
  "org.primer.figma": {
@@ -4581,7 +4581,7 @@
4581
4581
  "original": {
4582
4582
  "value": [
4583
4583
  {
4584
- "color": "{base.color.white}",
4584
+ "color": "{base.color.neutral.0}",
4585
4585
  "alpha": 0.8,
4586
4586
  "offsetX": "0px",
4587
4587
  "offsetY": "0px",
@@ -4616,7 +4616,7 @@
4616
4616
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4617
4617
  "isSource": true,
4618
4618
  "original": {
4619
- "value": "{base.color.neutral.6}",
4619
+ "value": "{base.color.neutral.7}",
4620
4620
  "$type": "color",
4621
4621
  "$extensions": {
4622
4622
  "org.primer.figma": {
@@ -4645,7 +4645,7 @@
4645
4645
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4646
4646
  "isSource": true,
4647
4647
  "original": {
4648
- "value": "{base.color.neutral.4}",
4648
+ "value": "{base.color.neutral.5}",
4649
4649
  "$type": "color",
4650
4650
  "$extensions": {
4651
4651
  "org.primer.figma": {
@@ -4674,7 +4674,7 @@
4674
4674
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4675
4675
  "isSource": true,
4676
4676
  "original": {
4677
- "value": "{base.color.neutral.0}",
4677
+ "value": "{base.color.neutral.1}",
4678
4678
  "$type": "color",
4679
4679
  "$extensions": {
4680
4680
  "org.primer.figma": {
@@ -4703,7 +4703,7 @@
4703
4703
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4704
4704
  "isSource": true,
4705
4705
  "original": {
4706
- "value": "{base.color.neutral.1}",
4706
+ "value": "{base.color.neutral.2}",
4707
4707
  "$type": "color",
4708
4708
  "$extensions": {
4709
4709
  "org.primer.figma": {
@@ -4732,7 +4732,7 @@
4732
4732
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4733
4733
  "isSource": true,
4734
4734
  "original": {
4735
- "value": "{base.color.neutral.2}",
4735
+ "value": "{base.color.neutral.3}",
4736
4736
  "$type": "color",
4737
4737
  "$extensions": {
4738
4738
  "org.primer.figma": {
@@ -4819,7 +4819,7 @@
4819
4819
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4820
4820
  "isSource": true,
4821
4821
  "original": {
4822
- "value": "{base.color.neutral.11}",
4822
+ "value": "{base.color.neutral.12}",
4823
4823
  "$type": "color",
4824
4824
  "$extensions": {
4825
4825
  "org.primer.figma": {
@@ -5168,7 +5168,7 @@
5168
5168
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5169
5169
  "isSource": true,
5170
5170
  "original": {
5171
- "value": "{base.color.neutral.7}",
5171
+ "value": "{base.color.neutral.8}",
5172
5172
  "$type": "color",
5173
5173
  "$extensions": {
5174
5174
  "org.primer.figma": {
@@ -5199,7 +5199,7 @@
5199
5199
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5200
5200
  "isSource": true,
5201
5201
  "original": {
5202
- "value": "{base.color.neutral.7}",
5202
+ "value": "{base.color.neutral.8}",
5203
5203
  "$type": "color",
5204
5204
  "$extensions": {
5205
5205
  "org.primer.figma": {
@@ -5259,7 +5259,7 @@
5259
5259
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5260
5260
  "isSource": true,
5261
5261
  "original": {
5262
- "value": "{base.color.neutral.7}",
5262
+ "value": "{base.color.neutral.8}",
5263
5263
  "$type": "color",
5264
5264
  "$extensions": {
5265
5265
  "org.primer.figma": {
@@ -5800,7 +5800,7 @@
5800
5800
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5801
5801
  "isSource": true,
5802
5802
  "original": {
5803
- "value": "{base.color.neutral.2}",
5803
+ "value": "{base.color.neutral.3}",
5804
5804
  "$type": "color",
5805
5805
  "$extensions": {
5806
5806
  "org.primer.figma": {
@@ -5829,7 +5829,7 @@
5829
5829
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5830
5830
  "isSource": true,
5831
5831
  "original": {
5832
- "value": "{base.color.neutral.3}",
5832
+ "value": "{base.color.neutral.4}",
5833
5833
  "$type": "color",
5834
5834
  "$extensions": {
5835
5835
  "org.primer.figma": {
@@ -5858,7 +5858,7 @@
5858
5858
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5859
5859
  "isSource": true,
5860
5860
  "original": {
5861
- "value": "{base.color.neutral.4}",
5861
+ "value": "{base.color.neutral.5}",
5862
5862
  "$type": "color",
5863
5863
  "$extensions": {
5864
5864
  "org.primer.figma": {
@@ -5916,7 +5916,7 @@
5916
5916
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5917
5917
  "isSource": true,
5918
5918
  "original": {
5919
- "value": "{base.color.neutral.8}",
5919
+ "value": "{base.color.neutral.9}",
5920
5920
  "$type": "color",
5921
5921
  "$extensions": {
5922
5922
  "org.primer.figma": {
@@ -6032,7 +6032,7 @@
6032
6032
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6033
6033
  "isSource": true,
6034
6034
  "original": {
6035
- "value": "{base.color.white}",
6035
+ "value": "{base.color.neutral.0}",
6036
6036
  "$type": "color",
6037
6037
  "$extensions": {
6038
6038
  "org.primer.figma": {
@@ -6090,7 +6090,7 @@
6090
6090
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6091
6091
  "isSource": true,
6092
6092
  "original": {
6093
- "value": "{base.color.white}",
6093
+ "value": "{base.color.neutral.0}",
6094
6094
  "$type": "color",
6095
6095
  "$extensions": {
6096
6096
  "org.primer.figma": {
@@ -6221,6 +6221,64 @@
6221
6221
  "attributes": {},
6222
6222
  "path": ["counter", "borderColor"]
6223
6223
  },
6224
+ "counter-bgColor-muted": {
6225
+ "value": "#818b981f",
6226
+ "$type": "color",
6227
+ "$extensions": {
6228
+ "org.primer.figma": {
6229
+ "collection": "mode",
6230
+ "mode": "light",
6231
+ "group": "component",
6232
+ "scopes": ["bgColor"]
6233
+ }
6234
+ },
6235
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6236
+ "isSource": true,
6237
+ "original": {
6238
+ "value": "{bgColor.neutral.muted}",
6239
+ "$type": "color",
6240
+ "$extensions": {
6241
+ "org.primer.figma": {
6242
+ "collection": "mode",
6243
+ "mode": "light",
6244
+ "group": "component",
6245
+ "scopes": ["bgColor"]
6246
+ }
6247
+ }
6248
+ },
6249
+ "name": "counter-bgColor-muted",
6250
+ "attributes": {},
6251
+ "path": ["counter", "bgColor", "muted"]
6252
+ },
6253
+ "counter-bgColor-emphasis": {
6254
+ "value": "#59636e",
6255
+ "$type": "color",
6256
+ "$extensions": {
6257
+ "org.primer.figma": {
6258
+ "collection": "mode",
6259
+ "mode": "light",
6260
+ "group": "component",
6261
+ "scopes": ["bgColor"]
6262
+ }
6263
+ },
6264
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6265
+ "isSource": true,
6266
+ "original": {
6267
+ "value": "{bgColor.neutral.emphasis}",
6268
+ "$type": "color",
6269
+ "$extensions": {
6270
+ "org.primer.figma": {
6271
+ "collection": "mode",
6272
+ "mode": "light",
6273
+ "group": "component",
6274
+ "scopes": ["bgColor"]
6275
+ }
6276
+ }
6277
+ },
6278
+ "name": "counter-bgColor-emphasis",
6279
+ "attributes": {},
6280
+ "path": ["counter", "bgColor", "emphasis"]
6281
+ },
6224
6282
  "button-default-fgColor-rest": {
6225
6283
  "value": "#25292e",
6226
6284
  "$type": "color",
@@ -6510,7 +6568,7 @@
6510
6568
  "original": {
6511
6569
  "value": [
6512
6570
  {
6513
- "color": "{base.color.black}",
6571
+ "color": "{base.color.neutral.13}",
6514
6572
  "alpha": 0.04,
6515
6573
  "offsetX": "0px",
6516
6574
  "offsetY": "1px",
@@ -6576,7 +6634,7 @@
6576
6634
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6577
6635
  "isSource": true,
6578
6636
  "original": {
6579
- "value": "{base.color.white}",
6637
+ "value": "{base.color.neutral.0}",
6580
6638
  "$type": "color",
6581
6639
  "$extensions": {
6582
6640
  "org.primer.figma": {
@@ -6778,7 +6836,7 @@
6778
6836
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6779
6837
  "isSource": true,
6780
6838
  "original": {
6781
- "value": "{base.color.black}",
6839
+ "value": "{base.color.neutral.13}",
6782
6840
  "$type": "color",
6783
6841
  "$extensions": {
6784
6842
  "org.primer.figma": {
@@ -7338,7 +7396,7 @@
7338
7396
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7339
7397
  "isSource": true,
7340
7398
  "original": {
7341
- "value": "{base.color.white}",
7399
+ "value": "{base.color.neutral.0}",
7342
7400
  "$type": "color",
7343
7401
  "$extensions": {
7344
7402
  "org.primer.figma": {
@@ -7367,7 +7425,7 @@
7367
7425
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7368
7426
  "isSource": true,
7369
7427
  "original": {
7370
- "value": "{base.color.white}",
7428
+ "value": "{base.color.neutral.0}",
7371
7429
  "$type": "color",
7372
7430
  "$extensions": {
7373
7431
  "org.primer.figma": {
@@ -7675,7 +7733,7 @@
7675
7733
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7676
7734
  "isSource": true,
7677
7735
  "original": {
7678
- "value": "{base.color.white}",
7736
+ "value": "{base.color.neutral.0}",
7679
7737
  "$type": "color",
7680
7738
  "$extensions": {
7681
7739
  "org.primer.figma": {
@@ -7704,7 +7762,7 @@
7704
7762
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7705
7763
  "isSource": true,
7706
7764
  "original": {
7707
- "value": "{base.color.white}",
7765
+ "value": "{base.color.neutral.0}",
7708
7766
  "$type": "color",
7709
7767
  "$extensions": {
7710
7768
  "org.primer.figma": {
@@ -7793,7 +7851,7 @@
7793
7851
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7794
7852
  "isSource": true,
7795
7853
  "original": {
7796
- "value": "{base.color.white}",
7854
+ "value": "{base.color.neutral.0}",
7797
7855
  "$type": "color",
7798
7856
  "$extensions": {
7799
7857
  "org.primer.figma": {
@@ -8070,7 +8128,7 @@
8070
8128
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8071
8129
  "isSource": true,
8072
8130
  "original": {
8073
- "value": "{base.color.neutral.8}",
8131
+ "value": "{base.color.neutral.9}",
8074
8132
  "$type": "color",
8075
8133
  "$extensions": {
8076
8134
  "org.primer.figma": {
@@ -8099,7 +8157,7 @@
8099
8157
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8100
8158
  "isSource": true,
8101
8159
  "original": {
8102
- "value": "{base.color.neutral.2}",
8160
+ "value": "{base.color.neutral.3}",
8103
8161
  "$type": "color",
8104
8162
  "$extensions": {
8105
8163
  "org.primer.figma": {
@@ -8144,7 +8202,7 @@
8144
8202
  "path": ["button", "star", "iconColor"]
8145
8203
  },
8146
8204
  "buttonCounter-default-bgColor-rest": {
8147
- "value": "#e0e6ebb3",
8205
+ "value": "#818b981f",
8148
8206
  "$type": "color",
8149
8207
  "$extensions": {
8150
8208
  "org.primer.figma": {
@@ -8173,7 +8231,7 @@
8173
8231
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8174
8232
  },
8175
8233
  "buttonCounter-invisible-bgColor-rest": {
8176
- "value": "#e0e6ebb3",
8234
+ "value": "#818b981f",
8177
8235
  "$type": "color",
8178
8236
  "$extensions": {
8179
8237
  "org.primer.figma": {
@@ -8278,7 +8336,7 @@
8278
8336
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8279
8337
  "isSource": true,
8280
8338
  "original": {
8281
- "value": "{base.color.white}",
8339
+ "value": "{base.color.neutral.0}",
8282
8340
  "$type": "color",
8283
8341
  "$extensions": {
8284
8342
  "org.primer.figma": {
@@ -8368,7 +8426,7 @@
8368
8426
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8369
8427
  "isSource": true,
8370
8428
  "original": {
8371
- "value": "{base.color.white}",
8429
+ "value": "{base.color.neutral.0}",
8372
8430
  "$type": "color",
8373
8431
  "$extensions": {
8374
8432
  "org.primer.figma": {
@@ -8429,7 +8487,7 @@
8429
8487
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8430
8488
  "isSource": true,
8431
8489
  "original": {
8432
- "value": "{base.color.white}",
8490
+ "value": "{base.color.neutral.0}",
8433
8491
  "$type": "color",
8434
8492
  "$extensions": {
8435
8493
  "org.primer.figma": {
@@ -8558,7 +8616,7 @@
8558
8616
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8559
8617
  "isSource": true,
8560
8618
  "original": {
8561
- "value": "{base.color.white}",
8619
+ "value": "{base.color.neutral.0}",
8562
8620
  "$type": "color",
8563
8621
  "$extensions": {
8564
8622
  "org.primer.figma": {
@@ -8736,7 +8794,7 @@
8736
8794
  "collection": "mode",
8737
8795
  "mode": "light",
8738
8796
  "group": "component (internal)",
8739
- "scopes": ["borderColor"]
8797
+ "scopes": ["borderColor", "effectColor"]
8740
8798
  }
8741
8799
  },
8742
8800
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -8749,7 +8807,7 @@
8749
8807
  "collection": "mode",
8750
8808
  "mode": "light",
8751
8809
  "group": "component (internal)",
8752
- "scopes": ["borderColor"]
8810
+ "scopes": ["borderColor", "effectColor"]
8753
8811
  }
8754
8812
  }
8755
8813
  },
@@ -8817,7 +8875,7 @@
8817
8875
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8818
8876
  "isSource": true,
8819
8877
  "original": {
8820
- "value": "{base.color.white}",
8878
+ "value": "{base.color.neutral.0}",
8821
8879
  "$type": "color",
8822
8880
  "$extensions": {
8823
8881
  "org.primer.figma": {
@@ -8876,7 +8934,7 @@
8876
8934
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8877
8935
  "isSource": true,
8878
8936
  "original": {
8879
- "value": "{base.color.neutral.6}",
8937
+ "value": "{base.color.neutral.7}",
8880
8938
  "$type": "color",
8881
8939
  "$extensions": {
8882
8940
  "org.primer.figma": {
@@ -8964,7 +9022,7 @@
8964
9022
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8965
9023
  "isSource": true,
8966
9024
  "original": {
8967
- "value": "{base.color.white}",
9025
+ "value": "{base.color.neutral.0}",
8968
9026
  "$type": "color",
8969
9027
  "$extensions": {
8970
9028
  "org.primer.figma": {
@@ -12578,7 +12636,7 @@
12578
12636
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12579
12637
  "isSource": true,
12580
12638
  "original": {
12581
- "value": "{base.color.black}",
12639
+ "value": "{base.color.neutral.13}",
12582
12640
  "$type": "color",
12583
12641
  "$extensions": {
12584
12642
  "org.primer.figma": {
@@ -12613,7 +12671,7 @@
12613
12671
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12614
12672
  "isSource": true,
12615
12673
  "original": {
12616
- "value": "{base.color.neutral.8}",
12674
+ "value": "{base.color.neutral.9}",
12617
12675
  "$type": "color",
12618
12676
  "$extensions": {
12619
12677
  "org.primer.figma": {
@@ -12648,7 +12706,7 @@
12648
12706
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12649
12707
  "isSource": true,
12650
12708
  "original": {
12651
- "value": "{base.color.white}",
12709
+ "value": "{base.color.neutral.0}",
12652
12710
  "$type": "color",
12653
12711
  "$extensions": {
12654
12712
  "org.primer.figma": {
@@ -12680,7 +12738,7 @@
12680
12738
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12681
12739
  "isSource": true,
12682
12740
  "original": {
12683
- "value": "{base.color.white}",
12741
+ "value": "{base.color.neutral.0}",
12684
12742
  "$type": "color",
12685
12743
  "$extensions": {
12686
12744
  "org.primer.figma": {
@@ -12709,7 +12767,7 @@
12709
12767
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12710
12768
  "isSource": true,
12711
12769
  "original": {
12712
- "value": "{base.color.white}",
12770
+ "value": "{base.color.neutral.0}",
12713
12771
  "$type": "color",
12714
12772
  "$extensions": {
12715
12773
  "org.primer.figma": {
@@ -12738,7 +12796,7 @@
12738
12796
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12739
12797
  "isSource": true,
12740
12798
  "original": {
12741
- "value": "{base.color.black}",
12799
+ "value": "{base.color.neutral.13}",
12742
12800
  "$type": "color",
12743
12801
  "$extensions": {
12744
12802
  "org.primer.figma": {
@@ -12767,7 +12825,7 @@
12767
12825
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12768
12826
  "isSource": true,
12769
12827
  "original": {
12770
- "value": "{base.color.neutral.7}",
12828
+ "value": "{base.color.neutral.8}",
12771
12829
  "$type": "color",
12772
12830
  "$extensions": {
12773
12831
  "org.primer.figma": {
@@ -12831,7 +12889,7 @@
12831
12889
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12832
12890
  "isSource": true,
12833
12891
  "original": {
12834
- "value": "{base.color.neutral.8}",
12892
+ "value": "{base.color.neutral.9}",
12835
12893
  "$type": "color",
12836
12894
  "$extensions": {
12837
12895
  "org.primer.figma": {
@@ -13221,7 +13279,7 @@
13221
13279
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13222
13280
  "isSource": true,
13223
13281
  "original": {
13224
- "value": "{base.color.white}",
13282
+ "value": "{base.color.neutral.0}",
13225
13283
  "$type": "color",
13226
13284
  "$extensions": {
13227
13285
  "org.primer.figma": {
@@ -13256,7 +13314,7 @@
13256
13314
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13257
13315
  "isSource": true,
13258
13316
  "original": {
13259
- "value": "{base.color.neutral.0}",
13317
+ "value": "{base.color.neutral.1}",
13260
13318
  "$type": "color",
13261
13319
  "$extensions": {
13262
13320
  "org.primer.figma": {
@@ -13326,7 +13384,7 @@
13326
13384
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13327
13385
  "isSource": true,
13328
13386
  "original": {
13329
- "value": "{base.color.neutral.11}",
13387
+ "value": "{base.color.neutral.12}",
13330
13388
  "$type": "color",
13331
13389
  "$extensions": {
13332
13390
  "org.primer.figma": {
@@ -13358,7 +13416,7 @@
13358
13416
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13359
13417
  "isSource": true,
13360
13418
  "original": {
13361
- "value": "{base.color.neutral.11}",
13419
+ "value": "{base.color.neutral.12}",
13362
13420
  "$type": "color",
13363
13421
  "$extensions": {
13364
13422
  "org.primer.figma": {
@@ -13387,7 +13445,7 @@
13387
13445
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13388
13446
  "isSource": true,
13389
13447
  "original": {
13390
- "value": "{base.color.white}",
13448
+ "value": "{base.color.neutral.0}",
13391
13449
  "$type": "color",
13392
13450
  "$extensions": {
13393
13451
  "org.primer.figma": {
@@ -13416,7 +13474,7 @@
13416
13474
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13417
13475
  "isSource": true,
13418
13476
  "original": {
13419
- "value": "{base.color.black}",
13477
+ "value": "{base.color.neutral.13}",
13420
13478
  "$type": "color",
13421
13479
  "$extensions": {
13422
13480
  "org.primer.figma": {
@@ -13445,7 +13503,7 @@
13445
13503
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13446
13504
  "isSource": true,
13447
13505
  "original": {
13448
- "value": "{base.color.neutral.1}",
13506
+ "value": "{base.color.neutral.2}",
13449
13507
  "$type": "color",
13450
13508
  "$extensions": {
13451
13509
  "org.primer.figma": {
@@ -13496,7 +13554,7 @@
13496
13554
  "path": ["bgColor", "transparent"]
13497
13555
  },
13498
13556
  "bgColor-neutral-muted": {
13499
- "value": "#e0e6ebb3",
13557
+ "value": "#818b981f",
13500
13558
  "$type": "color",
13501
13559
  "$extensions": {
13502
13560
  "org.primer.figma": {
@@ -13506,11 +13564,11 @@
13506
13564
  "scopes": ["bgColor"]
13507
13565
  }
13508
13566
  },
13509
- "alpha": 0.7,
13567
+ "alpha": 0.12,
13510
13568
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13511
13569
  "isSource": true,
13512
13570
  "original": {
13513
- "value": "{base.color.neutral.3}",
13571
+ "value": "{base.color.neutral.8}",
13514
13572
  "$type": "color",
13515
13573
  "$extensions": {
13516
13574
  "org.primer.figma": {
@@ -13520,7 +13578,7 @@
13520
13578
  "scopes": ["bgColor"]
13521
13579
  }
13522
13580
  },
13523
- "alpha": 0.7
13581
+ "alpha": 0.12
13524
13582
  },
13525
13583
  "name": "bgColor-neutral-muted",
13526
13584
  "attributes": {},
@@ -13540,7 +13598,7 @@
13540
13598
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13541
13599
  "isSource": true,
13542
13600
  "original": {
13543
- "value": "{base.color.neutral.8}",
13601
+ "value": "{base.color.neutral.9}",
13544
13602
  "$type": "color",
13545
13603
  "$extensions": {
13546
13604
  "org.primer.figma": {
@@ -13978,7 +14036,7 @@
13978
14036
  "path": ["bgColor", "danger", "emphasis"]
13979
14037
  },
13980
14038
  "bgColor-closed-muted": {
13981
- "value": "#e0e6ebb3",
14039
+ "value": "#818b981f",
13982
14040
  "$type": "color",
13983
14041
  "$extensions": {
13984
14042
  "org.primer.figma": {
@@ -14274,7 +14332,7 @@
14274
14332
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14275
14333
  "isSource": true,
14276
14334
  "original": {
14277
- "value": "{base.color.neutral.5}",
14335
+ "value": "{base.color.neutral.6}",
14278
14336
  "$type": "color",
14279
14337
  "$extensions": {
14280
14338
  "org.primer.figma": {
@@ -14343,7 +14401,7 @@
14343
14401
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14344
14402
  "isSource": true,
14345
14403
  "original": {
14346
- "value": "{base.color.neutral.7}",
14404
+ "value": "{base.color.neutral.8}",
14347
14405
  "$type": "color",
14348
14406
  "$extensions": {
14349
14407
  "org.primer.figma": {
@@ -14373,7 +14431,7 @@
14373
14431
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14374
14432
  "isSource": true,
14375
14433
  "original": {
14376
- "value": "{base.color.neutral.7}",
14434
+ "value": "{base.color.neutral.8}",
14377
14435
  "$type": "color",
14378
14436
  "$extensions": {
14379
14437
  "org.primer.figma": {
@@ -14433,7 +14491,7 @@
14433
14491
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14434
14492
  "isSource": true,
14435
14493
  "original": {
14436
- "value": "{base.color.black}",
14494
+ "value": "{base.color.neutral.13}",
14437
14495
  "$type": "color",
14438
14496
  "$extensions": {
14439
14497
  "org.primer.figma": {
@@ -14479,7 +14537,7 @@
14479
14537
  "path": ["borderColor", "neutral", "muted"]
14480
14538
  },
14481
14539
  "borderColor-neutral-emphasis": {
14482
- "value": "#818b98",
14540
+ "value": "#59636e",
14483
14541
  "$type": "color",
14484
14542
  "$extensions": {
14485
14543
  "org.primer.figma": {
@@ -14492,7 +14550,7 @@
14492
14550
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14493
14551
  "isSource": true,
14494
14552
  "original": {
14495
- "value": "{borderColor.emphasis}",
14553
+ "value": "{base.color.neutral.9}",
14496
14554
  "$type": "color",
14497
14555
  "$extensions": {
14498
14556
  "org.primer.figma": {
@@ -15240,7 +15298,7 @@
15240
15298
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15241
15299
  "isSource": true,
15242
15300
  "original": {
15243
- "value": "{base.color.black}",
15301
+ "value": "{base.color.neutral.13}",
15244
15302
  "$type": "color",
15245
15303
  "$extensions": {
15246
15304
  "org.primer.figma": {
@@ -15267,7 +15325,7 @@
15267
15325
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15268
15326
  "isSource": true,
15269
15327
  "original": {
15270
- "value": "{base.color.neutral.10}",
15328
+ "value": "{base.color.neutral.11}",
15271
15329
  "$type": "color",
15272
15330
  "$extensions": {
15273
15331
  "org.primer.figma": {
@@ -15294,7 +15352,7 @@
15294
15352
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15295
15353
  "isSource": true,
15296
15354
  "original": {
15297
- "value": "{base.color.neutral.8}",
15355
+ "value": "{base.color.neutral.9}",
15298
15356
  "$type": "color",
15299
15357
  "$extensions": {
15300
15358
  "org.primer.figma": {
@@ -15321,7 +15379,7 @@
15321
15379
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15322
15380
  "isSource": true,
15323
15381
  "original": {
15324
- "value": "{base.color.neutral.7}",
15382
+ "value": "{base.color.neutral.8}",
15325
15383
  "$type": "color",
15326
15384
  "$extensions": {
15327
15385
  "org.primer.figma": {
@@ -15348,7 +15406,7 @@
15348
15406
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15349
15407
  "isSource": true,
15350
15408
  "original": {
15351
- "value": "{base.color.neutral.8}",
15409
+ "value": "{base.color.neutral.9}",
15352
15410
  "$type": "color",
15353
15411
  "$extensions": {
15354
15412
  "org.primer.figma": {
@@ -15699,7 +15757,7 @@
15699
15757
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15700
15758
  "isSource": true,
15701
15759
  "original": {
15702
- "value": "{base.color.neutral.8}",
15760
+ "value": "{base.color.neutral.9}",
15703
15761
  "$type": "color",
15704
15762
  "$extensions": {
15705
15763
  "org.primer.figma": {
@@ -15807,7 +15865,7 @@
15807
15865
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15808
15866
  "isSource": true,
15809
15867
  "original": {
15810
- "value": "{base.color.black}",
15868
+ "value": "{base.color.neutral.13}",
15811
15869
  "$type": "color",
15812
15870
  "$extensions": {
15813
15871
  "org.primer.figma": {
@@ -15969,7 +16027,7 @@
15969
16027
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15970
16028
  "isSource": true,
15971
16029
  "original": {
15972
- "value": "{base.color.neutral.8}",
16030
+ "value": "{base.color.neutral.9}",
15973
16031
  "$type": "color",
15974
16032
  "$extensions": {
15975
16033
  "org.primer.figma": {
@@ -15996,7 +16054,7 @@
15996
16054
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15997
16055
  "isSource": true,
15998
16056
  "original": {
15999
- "value": "{base.color.neutral.0}",
16057
+ "value": "{base.color.neutral.1}",
16000
16058
  "$type": "color",
16001
16059
  "$extensions": {
16002
16060
  "org.primer.figma": {
@@ -16050,7 +16108,7 @@
16050
16108
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16051
16109
  "isSource": true,
16052
16110
  "original": {
16053
- "value": "{base.color.neutral.0}",
16111
+ "value": "{base.color.neutral.1}",
16054
16112
  "$type": "color",
16055
16113
  "$extensions": {
16056
16114
  "org.primer.figma": {
@@ -16185,7 +16243,7 @@
16185
16243
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16186
16244
  "isSource": true,
16187
16245
  "original": {
16188
- "value": "{base.color.black}",
16246
+ "value": "{base.color.neutral.13}",
16189
16247
  "$type": "color",
16190
16248
  "$extensions": {
16191
16249
  "org.primer.figma": {
@@ -16212,7 +16270,7 @@
16212
16270
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16213
16271
  "isSource": true,
16214
16272
  "original": {
16215
- "value": "{base.color.black}",
16273
+ "value": "{base.color.neutral.13}",
16216
16274
  "$type": "color",
16217
16275
  "$extensions": {
16218
16276
  "org.primer.figma": {
@@ -16401,7 +16459,7 @@
16401
16459
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16402
16460
  "isSource": true,
16403
16461
  "original": {
16404
- "value": "{base.color.neutral.5}",
16462
+ "value": "{base.color.neutral.6}",
16405
16463
  "$type": "color",
16406
16464
  "$extensions": {
16407
16465
  "org.primer.figma": {
@@ -16482,7 +16540,7 @@
16482
16540
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16483
16541
  "isSource": true,
16484
16542
  "original": {
16485
- "value": "{base.color.neutral.7}",
16543
+ "value": "{base.color.neutral.8}",
16486
16544
  "$type": "color",
16487
16545
  "$extensions": {
16488
16546
  "org.primer.figma": {
@@ -16510,7 +16568,7 @@
16510
16568
  "isSource": true,
16511
16569
  "original": {
16512
16570
  "value": {
16513
- "color": "{base.color.black}",
16571
+ "color": "{base.color.neutral.13}",
16514
16572
  "alpha": 0.04,
16515
16573
  "offsetX": "0px",
16516
16574
  "offsetY": "1px",
@@ -16545,7 +16603,7 @@
16545
16603
  "isSource": true,
16546
16604
  "original": {
16547
16605
  "value": {
16548
- "color": "{base.color.black}",
16606
+ "color": "{base.color.neutral.13}",
16549
16607
  "alpha": 0.1,
16550
16608
  "offsetX": "0px",
16551
16609
  "offsetY": "1px",
@@ -16581,7 +16639,7 @@
16581
16639
  "original": {
16582
16640
  "value": [
16583
16641
  {
16584
- "color": "{base.color.black}",
16642
+ "color": "{base.color.neutral.13}",
16585
16643
  "alpha": 0.04,
16586
16644
  "offsetX": "0px",
16587
16645
  "offsetY": "1px",
@@ -16618,7 +16676,7 @@
16618
16676
  "original": {
16619
16677
  "value": [
16620
16678
  {
16621
- "color": "{base.color.neutral.11}",
16679
+ "color": "{base.color.neutral.12}",
16622
16680
  "alpha": 0.12,
16623
16681
  "offsetX": "0px",
16624
16682
  "offsetY": "3px",
@@ -16662,7 +16720,7 @@
16662
16720
  "spread": "1px"
16663
16721
  },
16664
16722
  {
16665
- "color": "{base.color.neutral.11}",
16723
+ "color": "{base.color.neutral.12}",
16666
16724
  "alpha": 0.04,
16667
16725
  "offsetX": "0px",
16668
16726
  "offsetY": "6px",
@@ -16670,7 +16728,7 @@
16670
16728
  "spread": "-3px"
16671
16729
  },
16672
16730
  {
16673
- "color": "{base.color.neutral.11}",
16731
+ "color": "{base.color.neutral.12}",
16674
16732
  "alpha": 0.12,
16675
16733
  "offsetX": "0px",
16676
16734
  "offsetY": "6px",
@@ -16714,7 +16772,7 @@
16714
16772
  "spread": "1px"
16715
16773
  },
16716
16774
  {
16717
- "color": "{base.color.neutral.11}",
16775
+ "color": "{base.color.neutral.12}",
16718
16776
  "alpha": 0.08,
16719
16777
  "offsetX": "0px",
16720
16778
  "offsetY": "8px",
@@ -16722,7 +16780,7 @@
16722
16780
  "spread": "-4px"
16723
16781
  },
16724
16782
  {
16725
- "color": "{base.color.neutral.11}",
16783
+ "color": "{base.color.neutral.12}",
16726
16784
  "alpha": 0.08,
16727
16785
  "offsetX": "0px",
16728
16786
  "offsetY": "4px",
@@ -16730,7 +16788,7 @@
16730
16788
  "spread": "-4px"
16731
16789
  },
16732
16790
  {
16733
- "color": "{base.color.neutral.11}",
16791
+ "color": "{base.color.neutral.12}",
16734
16792
  "alpha": 0.08,
16735
16793
  "offsetX": "0px",
16736
16794
  "offsetY": "24px",
@@ -16738,7 +16796,7 @@
16738
16796
  "spread": "-12px"
16739
16797
  },
16740
16798
  {
16741
- "color": "{base.color.neutral.11}",
16799
+ "color": "{base.color.neutral.12}",
16742
16800
  "alpha": 0.08,
16743
16801
  "offsetX": "0px",
16744
16802
  "offsetY": "48px",
@@ -16782,7 +16840,7 @@
16782
16840
  "spread": "1px"
16783
16841
  },
16784
16842
  {
16785
- "color": "{base.color.neutral.11}",
16843
+ "color": "{base.color.neutral.12}",
16786
16844
  "alpha": 0.24,
16787
16845
  "offsetX": "0px",
16788
16846
  "offsetY": "40px",
@@ -16826,7 +16884,7 @@
16826
16884
  "spread": "1px"
16827
16885
  },
16828
16886
  {
16829
- "color": "{base.color.neutral.11}",
16887
+ "color": "{base.color.neutral.12}",
16830
16888
  "alpha": 0.32,
16831
16889
  "offsetX": "0px",
16832
16890
  "offsetY": "56px",
@@ -16855,7 +16913,7 @@
16855
16913
  "original": {
16856
16914
  "value": [
16857
16915
  {
16858
- "color": "{base.color.neutral.11}",
16916
+ "color": "{base.color.neutral.12}",
16859
16917
  "alpha": 0.04,
16860
16918
  "offsetX": "0px",
16861
16919
  "offsetY": "6px",
@@ -16863,7 +16921,7 @@
16863
16921
  "spread": "-3px"
16864
16922
  },
16865
16923
  {
16866
- "color": "{base.color.neutral.11}",
16924
+ "color": "{base.color.neutral.12}",
16867
16925
  "alpha": 0.12,
16868
16926
  "offsetX": "0px",
16869
16927
  "offsetY": "6px",