@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.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": {
@@ -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",