@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

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 (231) hide show
  1. package/README.md +1 -1
  2. package/build.js +578 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +0 -10
  4. package/dist/css/functional/themes/dark-dimmed.css +0 -10
  5. package/dist/css/functional/themes/dark-high-contrast.css +0 -10
  6. package/dist/css/functional/themes/dark-tritanopia.css +0 -10
  7. package/dist/css/functional/themes/dark.css +0 -10
  8. package/dist/css/functional/themes/light-colorblind.css +0 -10
  9. package/dist/css/functional/themes/light-high-contrast.css +0 -10
  10. package/dist/css/functional/themes/light-tritanopia.css +0 -10
  11. package/dist/css/functional/themes/light.css +0 -10
  12. package/dist/css/functional/typography/typography.css +1 -1
  13. package/dist/deprecated/colors.json +7 -0
  14. package/dist/docs/base/typography/typography.json +4 -52
  15. package/dist/docs/functional/themes/dark-colorblind.json +78 -223
  16. package/dist/docs/functional/themes/dark-dimmed.json +73 -218
  17. package/dist/docs/functional/themes/dark-high-contrast.json +75 -220
  18. package/dist/docs/functional/themes/dark-tritanopia.json +78 -223
  19. package/dist/docs/functional/themes/dark.json +73 -218
  20. package/dist/docs/functional/themes/light-colorblind.json +76 -221
  21. package/dist/docs/functional/themes/light-high-contrast.json +70 -215
  22. package/dist/docs/functional/themes/light-tritanopia.json +76 -221
  23. package/dist/docs/functional/themes/light.json +71 -216
  24. package/dist/docs/functional/typography/typography.json +36 -494
  25. package/dist/fallbacks/functional/typography/typography.json +1 -1
  26. package/dist/figma/figma.json +1 -18
  27. package/dist/figma/scales/dark-dimmed.json +20 -20
  28. package/dist/figma/scales/dark-high-constrast.json +20 -20
  29. package/dist/figma/scales/dark.json +20 -20
  30. package/dist/figma/scales/light-high-constrast.json +20 -20
  31. package/dist/figma/scales/light.json +20 -20
  32. package/dist/figma/themes/dark-colorblind.json +70 -150
  33. package/dist/figma/themes/dark-dimmed.json +65 -145
  34. package/dist/figma/themes/dark-high-contrast.json +69 -149
  35. package/dist/figma/themes/dark-tritanopia.json +70 -150
  36. package/dist/figma/themes/dark.json +65 -145
  37. package/dist/figma/themes/light-colorblind.json +59 -139
  38. package/dist/figma/themes/light-high-contrast.json +55 -135
  39. package/dist/figma/themes/light-tritanopia.json +59 -139
  40. package/dist/figma/themes/light.json +54 -134
  41. package/dist/internalCss/dark-colorblind.css +20 -30
  42. package/dist/internalCss/dark-dimmed.css +20 -30
  43. package/dist/internalCss/dark-high-contrast.css +20 -30
  44. package/dist/internalCss/dark-tritanopia.css +20 -30
  45. package/dist/internalCss/dark.css +20 -30
  46. package/dist/internalCss/light-colorblind.css +20 -30
  47. package/dist/internalCss/light-high-contrast.css +20 -30
  48. package/dist/internalCss/light-tritanopia.css +20 -30
  49. package/dist/internalCss/light.css +20 -30
  50. package/dist/js/colors/dark.d.ts +516 -0
  51. package/dist/js/colors/dark.js +616 -0
  52. package/dist/js/colors/dark_colorblind.d.ts +516 -0
  53. package/dist/js/colors/dark_colorblind.js +616 -0
  54. package/dist/js/colors/dark_dimmed.d.ts +516 -0
  55. package/dist/js/colors/dark_dimmed.js +616 -0
  56. package/dist/js/colors/dark_high_contrast.d.ts +516 -0
  57. package/dist/js/colors/dark_high_contrast.js +616 -0
  58. package/dist/js/colors/dark_tritanopia.d.ts +516 -0
  59. package/dist/js/colors/dark_tritanopia.js +616 -0
  60. package/dist/js/colors/index.d.ts +4638 -0
  61. package/dist/js/colors/index.js +15 -0
  62. package/dist/js/colors/light.d.ts +516 -0
  63. package/dist/js/colors/light.js +616 -0
  64. package/dist/js/colors/light_colorblind.d.ts +516 -0
  65. package/dist/js/colors/light_colorblind.js +616 -0
  66. package/dist/js/colors/light_high_contrast.d.ts +516 -0
  67. package/dist/js/colors/light_high_contrast.js +616 -0
  68. package/dist/js/colors/light_tritanopia.d.ts +516 -0
  69. package/dist/js/colors/light_tritanopia.js +616 -0
  70. package/dist/js/index.d.ts +4655 -0
  71. package/dist/js/index.js +9 -0
  72. package/dist/js/spacing/index.d.ts +6 -0
  73. package/dist/js/spacing/index.js +7 -0
  74. package/dist/js/spacing/normal.d.ts +4 -0
  75. package/dist/js/spacing/normal.js +13 -0
  76. package/dist/js/typography/index.d.ts +11 -0
  77. package/dist/js/typography/index.js +7 -0
  78. package/dist/js/typography/normal.d.ts +9 -0
  79. package/dist/js/typography/normal.js +19 -0
  80. package/dist/json/colors/dark.json +614 -0
  81. package/dist/json/colors/dark_colorblind.json +614 -0
  82. package/dist/json/colors/dark_dimmed.json +614 -0
  83. package/dist/json/colors/dark_high_contrast.json +614 -0
  84. package/dist/json/colors/dark_tritanopia.json +614 -0
  85. package/dist/json/colors/light.json +614 -0
  86. package/dist/json/colors/light_colorblind.json +614 -0
  87. package/dist/json/colors/light_high_contrast.json +614 -0
  88. package/dist/json/colors/light_tritanopia.json +614 -0
  89. package/dist/json/spacing/normal.json +11 -0
  90. package/dist/json/typography/normal.json +17 -0
  91. package/dist/removed/colors.json +432 -0
  92. package/dist/scss/colors/_dark.scss +452 -0
  93. package/dist/scss/colors/_dark_colorblind.scss +452 -0
  94. package/dist/scss/colors/_dark_dimmed.scss +452 -0
  95. package/dist/scss/colors/_dark_high_contrast.scss +452 -0
  96. package/dist/scss/colors/_dark_tritanopia.scss +452 -0
  97. package/dist/scss/colors/_light.scss +452 -0
  98. package/dist/scss/colors/_light_colorblind.scss +452 -0
  99. package/dist/scss/colors/_light_high_contrast.scss +452 -0
  100. package/dist/scss/colors/_light_tritanopia.scss +452 -0
  101. package/dist/scss/spacing/_normal.scss +11 -0
  102. package/dist/scss/typography/_normal.scss +15 -0
  103. package/dist/styleLint/base/typography/typography.json +4 -52
  104. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -223
  105. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -218
  106. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -220
  107. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -223
  108. package/dist/styleLint/functional/themes/dark.json +73 -218
  109. package/dist/styleLint/functional/themes/light-colorblind.json +76 -221
  110. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -215
  111. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -221
  112. package/dist/styleLint/functional/themes/light.json +71 -216
  113. package/dist/styleLint/functional/typography/typography.json +36 -494
  114. package/dist/ts/colors/dark.ts +614 -0
  115. package/dist/ts/colors/dark_colorblind.ts +614 -0
  116. package/dist/ts/colors/dark_dimmed.ts +614 -0
  117. package/dist/ts/colors/dark_high_contrast.ts +614 -0
  118. package/dist/ts/colors/dark_tritanopia.ts +614 -0
  119. package/dist/ts/colors/index.ts +10 -0
  120. package/dist/ts/colors/light.ts +614 -0
  121. package/dist/ts/colors/light_colorblind.ts +614 -0
  122. package/dist/ts/colors/light_high_contrast.ts +614 -0
  123. package/dist/ts/colors/light_tritanopia.ts +614 -0
  124. package/dist/ts/index.ts +4 -0
  125. package/dist/ts/spacing/index.ts +2 -0
  126. package/dist/ts/spacing/normal.ts +11 -0
  127. package/dist/ts/typography/index.ts +2 -0
  128. package/dist/ts/typography/normal.ts +17 -0
  129. package/package.json +12 -5
  130. package/src/PrimerStyleDictionary.ts +0 -12
  131. package/src/filters/index.ts +0 -1
  132. package/src/formats/jsonFigma.ts +0 -1
  133. package/src/platforms/figma.ts +1 -10
  134. package/src/schemas/numberToken.ts +0 -17
  135. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  136. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  137. package/src/tokens/base/color/dark/dark.json5 +1 -1
  138. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  139. package/src/tokens/base/color/light/light.json5 +1 -1
  140. package/src/tokens/base/typography/typography.json +4 -28
  141. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  142. package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
  143. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  144. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  145. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  146. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  147. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  148. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  149. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  150. package/src/tokens/functional/color/light/display-light.json5 +0 -66
  151. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  152. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  153. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  154. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  155. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  156. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  157. package/src/tokens/functional/shadow/dark.json5 +1 -1
  158. package/src/tokens/functional/shadow/light.json5 +11 -11
  159. package/src/tokens/functional/typography/typography.json +34 -263
  160. package/src/transformers/fontFamilyToCss.ts +4 -3
  161. package/src/transformers/index.ts +0 -2
  162. package/tokens/base/size/size.json +57 -0
  163. package/tokens/base/typography/typography.json +20 -0
  164. package/tokens/functional/size/border.json +48 -0
  165. package/tokens/functional/size/breakpoints.json +24 -0
  166. package/tokens/functional/size/size-coarse.json +27 -0
  167. package/tokens/functional/size/size-fine.json +27 -0
  168. package/tokens/functional/size/size.json +189 -0
  169. package/tokens/functional/size/viewport.json +24 -0
  170. package/tokens/functional/typography/typography.json +213 -0
  171. package/tokens/removed/color.json +421 -0
  172. package/tokens-v2-private/css/tokens/base/size/size.css +24 -0
  173. package/tokens-v2-private/css/tokens/base/typography/typography.css +11 -0
  174. package/tokens-v2-private/css/tokens/functional/size/border.css +17 -0
  175. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +13 -0
  176. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +11 -0
  177. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +11 -0
  178. package/tokens-v2-private/css/tokens/functional/size/size.css +54 -0
  179. package/tokens-v2-private/css/tokens/functional/size/viewport.css +6 -0
  180. package/tokens-v2-private/css/tokens/functional/typography/typography.css +47 -0
  181. package/tokens-v2-private/docs/docValues.json +2209 -0
  182. package/tokens-v2-private/js/module/tokens/base/size/size.js +266 -0
  183. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +77 -0
  184. package/tokens-v2-private/js/module/tokens/functional/size/border.js +165 -0
  185. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +101 -0
  186. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +73 -0
  187. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +73 -0
  188. package/tokens-v2-private/js/module/tokens/functional/size/size.js +824 -0
  189. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +101 -0
  190. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +809 -0
  191. package/tokens-v2-private/js/tokens/base/size/size.js +22 -0
  192. package/tokens-v2-private/js/tokens/base/typography/typography.js +9 -0
  193. package/tokens-v2-private/js/tokens/functional/size/border.js +15 -0
  194. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +11 -0
  195. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +8 -0
  196. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +8 -0
  197. package/tokens-v2-private/js/tokens/functional/size/size.js +52 -0
  198. package/tokens-v2-private/js/tokens/functional/size/viewport.js +11 -0
  199. package/tokens-v2-private/js/tokens/functional/typography/typography.js +45 -0
  200. package/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
  201. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
  202. package/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
  203. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
  204. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
  205. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
  206. package/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
  207. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
  208. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
  209. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +31 -0
  210. package/tokens-v2-private/ts/tokens/base/size/size.js +30 -0
  211. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +20 -0
  212. package/tokens-v2-private/ts/tokens/base/typography/typography.js +19 -0
  213. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +28 -0
  214. package/tokens-v2-private/ts/tokens/functional/size/border.js +27 -0
  215. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +20 -0
  216. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +19 -0
  217. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +29 -0
  218. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +28 -0
  219. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +29 -0
  220. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +28 -0
  221. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +103 -0
  222. package/tokens-v2-private/ts/tokens/functional/size/size.js +102 -0
  223. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +20 -0
  224. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +19 -0
  225. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +131 -0
  226. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +130 -0
  227. package/dist/figma/typography/typography.json +0 -370
  228. package/src/filters/isNumber.ts +0 -8
  229. package/src/transformers/floatToPixel.ts +0 -33
  230. package/src/transformers/fontFamilyToFigma.ts +0 -47
  231. package/src/transformers/utilities/hasSpaceInString.ts +0 -6
package/dist/styleLint/functional/themes/light-tritanopia.json CHANGED
@@ -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.neutral.9}",
782
+ "value": "{base.color.gray.9}",
783
783
  "$type": "color",
784
784
  "$extensions": {
785
785
  "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.9}",
1074
+ "value": "{base.color.gray.9}",
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.6}",
1103
+ "value": "{base.color.gray.6}",
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.9}",
1132
+ "value": "{base.color.gray.9}",
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.6}",
1161
+ "value": "{base.color.gray.6}",
1162
1162
  "$type": "color",
1163
1163
  "$extensions": {
1164
1164
  "org.primer.figma": {
@@ -3783,151 +3783,6 @@
3783
3783
  "attributes": {},
3784
3784
  "path": ["display", "indigo", "borderColor", "emphasis"]
3785
3785
  },
3786
- "display-pink-bgColor-muted": {
3787
- "value": "#ffe5f1",
3788
- "$type": "color",
3789
- "$extensions": {
3790
- "org.primer.figma": {
3791
- "collection": "mode",
3792
- "mode": "light",
3793
- "group": "component (internal)",
3794
- "scopes": ["bgColor"]
3795
- }
3796
- },
3797
- "filePath": "src/tokens/functional/color/light/display-light.json5",
3798
- "isSource": true,
3799
- "original": {
3800
- "value": "{base.display.color.pink.0}",
3801
- "$type": "color",
3802
- "$extensions": {
3803
- "org.primer.figma": {
3804
- "collection": "mode",
3805
- "mode": "light",
3806
- "group": "component (internal)",
3807
- "scopes": ["bgColor"]
3808
- }
3809
- }
3810
- },
3811
- "name": "display-pink-bgColor-muted",
3812
- "attributes": {},
3813
- "path": ["display", "pink", "bgColor", "muted"]
3814
- },
3815
- "display-pink-bgColor-emphasis": {
3816
- "value": "#ce2c85",
3817
- "$type": "color",
3818
- "$extensions": {
3819
- "org.primer.figma": {
3820
- "collection": "mode",
3821
- "mode": "light",
3822
- "group": "component (internal)",
3823
- "scopes": ["bgColor"]
3824
- }
3825
- },
3826
- "filePath": "src/tokens/functional/color/light/display-light.json5",
3827
- "isSource": true,
3828
- "original": {
3829
- "value": "{base.display.color.pink.5}",
3830
- "$type": "color",
3831
- "$extensions": {
3832
- "org.primer.figma": {
3833
- "collection": "mode",
3834
- "mode": "light",
3835
- "group": "component (internal)",
3836
- "scopes": ["bgColor"]
3837
- }
3838
- }
3839
- },
3840
- "name": "display-pink-bgColor-emphasis",
3841
- "attributes": {},
3842
- "path": ["display", "pink", "bgColor", "emphasis"]
3843
- },
3844
- "display-pink-fgColor": {
3845
- "value": "#b12f79",
3846
- "$type": "color",
3847
- "$extensions": {
3848
- "org.primer.figma": {
3849
- "collection": "mode",
3850
- "mode": "light",
3851
- "group": "component (internal)",
3852
- "scopes": ["fgColor"]
3853
- }
3854
- },
3855
- "filePath": "src/tokens/functional/color/light/display-light.json5",
3856
- "isSource": true,
3857
- "original": {
3858
- "value": "{base.display.color.pink.6}",
3859
- "$type": "color",
3860
- "$extensions": {
3861
- "org.primer.figma": {
3862
- "collection": "mode",
3863
- "mode": "light",
3864
- "group": "component (internal)",
3865
- "scopes": ["fgColor"]
3866
- }
3867
- }
3868
- },
3869
- "name": "display-pink-fgColor",
3870
- "attributes": {},
3871
- "path": ["display", "pink", "fgColor"]
3872
- },
3873
- "display-pink-borderColor-muted": {
3874
- "value": "#fdc9e2",
3875
- "$type": "color",
3876
- "$extensions": {
3877
- "org.primer.figma": {
3878
- "collection": "mode",
3879
- "mode": "light",
3880
- "group": "component (internal)",
3881
- "scopes": ["borderColor"]
3882
- }
3883
- },
3884
- "filePath": "src/tokens/functional/color/light/display-light.json5",
3885
- "isSource": true,
3886
- "original": {
3887
- "value": "{base.display.color.pink.1}",
3888
- "$type": "color",
3889
- "$extensions": {
3890
- "org.primer.figma": {
3891
- "collection": "mode",
3892
- "mode": "light",
3893
- "group": "component (internal)",
3894
- "scopes": ["borderColor"]
3895
- }
3896
- }
3897
- },
3898
- "name": "display-pink-borderColor-muted",
3899
- "attributes": {},
3900
- "path": ["display", "pink", "borderColor", "muted"]
3901
- },
3902
- "display-pink-borderColor-emphasis": {
3903
- "value": "#ce2c85",
3904
- "$type": "color",
3905
- "$extensions": {
3906
- "org.primer.figma": {
3907
- "collection": "mode",
3908
- "mode": "light",
3909
- "group": "component (internal)",
3910
- "scopes": ["borderColor"]
3911
- }
3912
- },
3913
- "filePath": "src/tokens/functional/color/light/display-light.json5",
3914
- "isSource": true,
3915
- "original": {
3916
- "value": "{base.display.color.pink.5}",
3917
- "$type": "color",
3918
- "$extensions": {
3919
- "org.primer.figma": {
3920
- "collection": "mode",
3921
- "mode": "light",
3922
- "group": "component (internal)",
3923
- "scopes": ["borderColor"]
3924
- }
3925
- }
3926
- },
3927
- "name": "display-pink-borderColor-emphasis",
3928
- "attributes": {},
3929
- "path": ["display", "pink", "borderColor", "emphasis"]
3930
- },
3931
3786
  "avatar-bgColor": {
3932
3787
  "value": "#ffffff",
3933
3788
  "$type": "color",
@@ -4038,7 +3893,7 @@
4038
3893
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4039
3894
  "isSource": true,
4040
3895
  "original": {
4041
- "value": "{base.color.neutral.3}",
3896
+ "value": "{base.color.gray.3}",
4042
3897
  "$type": "color",
4043
3898
  "$extensions": {
4044
3899
  "org.primer.figma": {
@@ -4067,7 +3922,7 @@
4067
3922
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4068
3923
  "isSource": true,
4069
3924
  "original": {
4070
- "value": "{base.color.neutral.2}",
3925
+ "value": "{base.color.gray.2}",
4071
3926
  "$type": "color",
4072
3927
  "$extensions": {
4073
3928
  "org.primer.figma": {
@@ -4096,7 +3951,7 @@
4096
3951
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4097
3952
  "isSource": true,
4098
3953
  "original": {
4099
- "value": "{base.color.neutral.0}",
3954
+ "value": "{base.color.gray.0}",
4100
3955
  "$type": "color",
4101
3956
  "$extensions": {
4102
3957
  "org.primer.figma": {
@@ -4129,7 +3984,7 @@
4129
3984
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4130
3985
  "isSource": true,
4131
3986
  "original": {
4132
- "value": "{base.color.neutral.0}",
3987
+ "value": "{base.color.gray.0}",
4133
3988
  "$type": "color",
4134
3989
  "$extensions": {
4135
3990
  "org.primer.figma": {
@@ -4140,7 +3995,7 @@
4140
3995
  }
4141
3996
  },
4142
3997
  "mix": {
4143
- "color": "{base.color.neutral.2}",
3998
+ "color": "{base.color.gray.2}",
4144
3999
  "weight": 0.2
4145
4000
  }
4146
4001
  },
@@ -4166,7 +4021,7 @@
4166
4021
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4167
4022
  "isSource": true,
4168
4023
  "original": {
4169
- "value": "{base.color.neutral.0}",
4024
+ "value": "{base.color.gray.0}",
4170
4025
  "$type": "color",
4171
4026
  "$extensions": {
4172
4027
  "org.primer.figma": {
@@ -4177,7 +4032,7 @@
4177
4032
  }
4178
4033
  },
4179
4034
  "mix": {
4180
- "color": "{base.color.neutral.2}",
4035
+ "color": "{base.color.gray.2}",
4181
4036
  "weight": 0.4
4182
4037
  }
4183
4038
  },
@@ -4228,7 +4083,7 @@
4228
4083
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4229
4084
  "isSource": true,
4230
4085
  "original": {
4231
- "value": "{base.color.neutral.0}",
4086
+ "value": "{base.color.gray.0}",
4232
4087
  "$type": "color",
4233
4088
  "$extensions": {
4234
4089
  "org.primer.figma": {
@@ -4257,7 +4112,7 @@
4257
4112
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4258
4113
  "isSource": true,
4259
4114
  "original": {
4260
- "value": "{base.color.neutral.9}",
4115
+ "value": "{base.color.gray.9}",
4261
4116
  "$type": "color",
4262
4117
  "$extensions": {
4263
4118
  "org.primer.figma": {
@@ -4286,7 +4141,7 @@
4286
4141
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4287
4142
  "isSource": true,
4288
4143
  "original": {
4289
- "value": "{base.color.neutral.5}",
4144
+ "value": "{base.color.gray.5}",
4290
4145
  "$type": "color",
4291
4146
  "$extensions": {
4292
4147
  "org.primer.figma": {
@@ -4377,7 +4232,7 @@
4377
4232
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4378
4233
  "isSource": true,
4379
4234
  "original": {
4380
- "value": "{base.color.neutral.4}",
4235
+ "value": "{base.color.gray.4}",
4381
4236
  "$type": "color",
4382
4237
  "$extensions": {
4383
4238
  "org.primer.figma": {
@@ -4388,7 +4243,7 @@
4388
4243
  }
4389
4244
  },
4390
4245
  "mix": {
4391
- "color": "{base.color.neutral.5}",
4246
+ "color": "{base.color.gray.5}",
4392
4247
  "weight": 0.2
4393
4248
  }
4394
4249
  },
@@ -4439,7 +4294,7 @@
4439
4294
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4440
4295
  "isSource": true,
4441
4296
  "original": {
4442
- "value": "{base.color.neutral.0}",
4297
+ "value": "{base.color.gray.0}",
4443
4298
  "$type": "color",
4444
4299
  "$extensions": {
4445
4300
  "org.primer.figma": {
@@ -4614,7 +4469,7 @@
4614
4469
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4615
4470
  "isSource": true,
4616
4471
  "original": {
4617
- "value": "{base.color.neutral.2}",
4472
+ "value": "{base.color.gray.2}",
4618
4473
  "$type": "color",
4619
4474
  "$extensions": {
4620
4475
  "org.primer.figma": {
@@ -4645,7 +4500,7 @@
4645
4500
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4646
4501
  "isSource": true,
4647
4502
  "original": {
4648
- "value": "{base.color.neutral.2}",
4503
+ "value": "{base.color.gray.2}",
4649
4504
  "$type": "color",
4650
4505
  "$extensions": {
4651
4506
  "org.primer.figma": {
@@ -4705,7 +4560,7 @@
4705
4560
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4706
4561
  "isSource": true,
4707
4562
  "original": {
4708
- "value": "{base.color.neutral.2}",
4563
+ "value": "{base.color.gray.2}",
4709
4564
  "$type": "color",
4710
4565
  "$extensions": {
4711
4566
  "org.primer.figma": {
@@ -5262,7 +5117,7 @@
5262
5117
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5263
5118
  "isSource": true,
5264
5119
  "original": {
5265
- "value": "{base.color.neutral.1}",
5120
+ "value": "{base.color.gray.1}",
5266
5121
  "$type": "color",
5267
5122
  "$extensions": {
5268
5123
  "org.primer.figma": {
@@ -5295,7 +5150,7 @@
5295
5150
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5296
5151
  "isSource": true,
5297
5152
  "original": {
5298
- "value": "{base.color.neutral.1}",
5153
+ "value": "{base.color.gray.1}",
5299
5154
  "$type": "color",
5300
5155
  "$extensions": {
5301
5156
  "org.primer.figma": {
@@ -5306,7 +5161,7 @@
5306
5161
  }
5307
5162
  },
5308
5163
  "mix": {
5309
- "color": "{base.color.neutral.3}",
5164
+ "color": "{base.color.gray.3}",
5310
5165
  "weight": 0.2
5311
5166
  }
5312
5167
  },
@@ -5332,7 +5187,7 @@
5332
5187
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5333
5188
  "isSource": true,
5334
5189
  "original": {
5335
- "value": "{base.color.neutral.1}",
5190
+ "value": "{base.color.gray.1}",
5336
5191
  "$type": "color",
5337
5192
  "$extensions": {
5338
5193
  "org.primer.figma": {
@@ -5343,7 +5198,7 @@
5343
5198
  }
5344
5199
  },
5345
5200
  "mix": {
5346
- "color": "{base.color.neutral.3}",
5201
+ "color": "{base.color.gray.3}",
5347
5202
  "weight": 0.4
5348
5203
  }
5349
5204
  },
@@ -7000,7 +6855,7 @@
7000
6855
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7001
6856
  "isSource": true,
7002
6857
  "original": {
7003
- "value": "{base.color.neutral.0}",
6858
+ "value": "{base.color.gray.0}",
7004
6859
  "$type": "color",
7005
6860
  "$extensions": {
7006
6861
  "org.primer.figma": {
@@ -7552,7 +7407,7 @@
7552
7407
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7553
7408
  "isSource": true,
7554
7409
  "original": {
7555
- "value": "{base.color.neutral.6}",
7410
+ "value": "{base.color.gray.6}",
7556
7411
  "$type": "color",
7557
7412
  "$extensions": {
7558
7413
  "org.primer.figma": {
@@ -7581,7 +7436,7 @@
7581
7436
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7582
7437
  "isSource": true,
7583
7438
  "original": {
7584
- "value": "{base.color.neutral.1}",
7439
+ "value": "{base.color.gray.1}",
7585
7440
  "$type": "color",
7586
7441
  "$extensions": {
7587
7442
  "org.primer.figma": {
@@ -8358,7 +8213,7 @@
8358
8213
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8359
8214
  "isSource": true,
8360
8215
  "original": {
8361
- "value": "{base.color.neutral.4}",
8216
+ "value": "{base.color.gray.4}",
8362
8217
  "$type": "color",
8363
8218
  "$extensions": {
8364
8219
  "org.primer.figma": {
@@ -8488,7 +8343,7 @@
8488
8343
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8489
8344
  "isSource": true,
8490
8345
  "original": {
8491
- "value": "{base.color.neutral.1}",
8346
+ "value": "{base.color.gray.1}",
8492
8347
  "$type": "color",
8493
8348
  "$extensions": {
8494
8349
  "org.primer.figma": {
@@ -12041,7 +11896,7 @@
12041
11896
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12042
11897
  "isSource": true,
12043
11898
  "original": {
12044
- "value": "{base.color.neutral.6}",
11899
+ "value": "{base.color.gray.6}",
12045
11900
  "$type": "color",
12046
11901
  "$extensions": {
12047
11902
  "org.primer.figma": {
@@ -12055,7 +11910,7 @@
12055
11910
  }
12056
11911
  },
12057
11912
  "mix": {
12058
- "color": "{base.color.neutral.5}",
11913
+ "color": "{base.color.gray.5}",
12059
11914
  "weight": 0.5
12060
11915
  }
12061
11916
  },
@@ -12170,7 +12025,7 @@
12170
12025
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12171
12026
  "isSource": true,
12172
12027
  "original": {
12173
- "value": "{base.color.neutral.4}",
12028
+ "value": "{base.color.gray.4}",
12174
12029
  "$type": "color",
12175
12030
  "$extensions": {
12176
12031
  "org.primer.figma": {
@@ -12234,7 +12089,7 @@
12234
12089
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12235
12090
  "isSource": true,
12236
12091
  "original": {
12237
- "value": "{base.color.neutral.5}",
12092
+ "value": "{base.color.gray.5}",
12238
12093
  "$type": "color",
12239
12094
  "$extensions": {
12240
12095
  "org.primer.figma": {
@@ -12484,7 +12339,7 @@
12484
12339
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
12485
12340
  "isSource": true,
12486
12341
  "original": {
12487
- "value": "{base.color.neutral.5}",
12342
+ "value": "{base.color.gray.5}",
12488
12343
  "$type": "color",
12489
12344
  "$extensions": {
12490
12345
  "org.primer.figma": {
@@ -12659,7 +12514,7 @@
12659
12514
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12660
12515
  "isSource": true,
12661
12516
  "original": {
12662
- "value": "{base.color.neutral.0}",
12517
+ "value": "{base.color.gray.0}",
12663
12518
  "$type": "color",
12664
12519
  "$extensions": {
12665
12520
  "org.primer.figma": {
@@ -12694,7 +12549,7 @@
12694
12549
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12695
12550
  "isSource": true,
12696
12551
  "original": {
12697
- "value": "{base.color.neutral.0}",
12552
+ "value": "{base.color.gray.0}",
12698
12553
  "$type": "color",
12699
12554
  "$extensions": {
12700
12555
  "org.primer.figma": {
@@ -12729,7 +12584,7 @@
12729
12584
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12730
12585
  "isSource": true,
12731
12586
  "original": {
12732
- "value": "{base.color.neutral.9}",
12587
+ "value": "{base.color.gray.9}",
12733
12588
  "$type": "color",
12734
12589
  "$extensions": {
12735
12590
  "org.primer.figma": {
@@ -12761,7 +12616,7 @@
12761
12616
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12762
12617
  "isSource": true,
12763
12618
  "original": {
12764
- "value": "{base.color.neutral.9}",
12619
+ "value": "{base.color.gray.9}",
12765
12620
  "$type": "color",
12766
12621
  "$extensions": {
12767
12622
  "org.primer.figma": {
@@ -12849,7 +12704,7 @@
12849
12704
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12850
12705
  "isSource": true,
12851
12706
  "original": {
12852
- "value": "{base.color.neutral.1}",
12707
+ "value": "{base.color.gray.1}",
12853
12708
  "$type": "color",
12854
12709
  "$extensions": {
12855
12710
  "org.primer.figma": {
@@ -12915,7 +12770,7 @@
12915
12770
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12916
12771
  "isSource": true,
12917
12772
  "original": {
12918
- "value": "{base.color.neutral.3}",
12773
+ "value": "{base.color.gray.3}",
12919
12774
  "$type": "color",
12920
12775
  "$extensions": {
12921
12776
  "org.primer.figma": {
@@ -12945,7 +12800,7 @@
12945
12800
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12946
12801
  "isSource": true,
12947
12802
  "original": {
12948
- "value": "{base.color.neutral.5}",
12803
+ "value": "{base.color.gray.5}",
12949
12804
  "$type": "color",
12950
12805
  "$extensions": {
12951
12806
  "org.primer.figma": {
@@ -13405,7 +13260,7 @@
13405
13260
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13406
13261
  "isSource": true,
13407
13262
  "original": {
13408
- "value": "{base.color.neutral.0}",
13263
+ "value": "{base.color.gray.0}",
13409
13264
  "$type": "color",
13410
13265
  "$extensions": {
13411
13266
  "org.primer.figma": {
@@ -13440,7 +13295,7 @@
13440
13295
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13441
13296
  "isSource": true,
13442
13297
  "original": {
13443
- "value": "{base.color.neutral.5}",
13298
+ "value": "{base.color.gray.5}",
13444
13299
  "$type": "color",
13445
13300
  "$extensions": {
13446
13301
  "org.primer.figma": {
@@ -13685,7 +13540,7 @@
13685
13540
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13686
13541
  "isSource": true,
13687
13542
  "original": {
13688
- "value": "{base.color.neutral.2}",
13543
+ "value": "{base.color.gray.2}",
13689
13544
  "$type": "color",
13690
13545
  "$extensions": {
13691
13546
  "org.primer.figma": {
@@ -13754,7 +13609,7 @@
13754
13609
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13755
13610
  "isSource": true,
13756
13611
  "original": {
13757
- "value": "{base.color.neutral.5}",
13612
+ "value": "{base.color.gray.5}",
13758
13613
  "$type": "color",
13759
13614
  "$extensions": {
13760
13615
  "org.primer.figma": {
@@ -13842,7 +13697,7 @@
13842
13697
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13843
13698
  "isSource": true,
13844
13699
  "original": {
13845
- "value": "{base.color.neutral.3}",
13700
+ "value": "{base.color.gray.3}",
13846
13701
  "$type": "color",
13847
13702
  "$extensions": {
13848
13703
  "org.primer.figma": {
@@ -13872,7 +13727,7 @@
13872
13727
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13873
13728
  "isSource": true,
13874
13729
  "original": {
13875
- "value": "{base.color.neutral.5}",
13730
+ "value": "{base.color.gray.5}",
13876
13731
  "$type": "color",
13877
13732
  "$extensions": {
13878
13733
  "org.primer.figma": {
@@ -14337,7 +14192,7 @@
14337
14192
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14338
14193
  "isSource": true,
14339
14194
  "original": {
14340
- "value": "{base.color.neutral.3}",
14195
+ "value": "{base.color.gray.3}",
14341
14196
  "$type": "color",
14342
14197
  "$extensions": {
14343
14198
  "org.primer.figma": {
@@ -14373,7 +14228,7 @@
14373
14228
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14374
14229
  "isSource": true,
14375
14230
  "original": {
14376
- "value": "{base.color.neutral.5}",
14231
+ "value": "{base.color.gray.5}",
14377
14232
  "$type": "color",
14378
14233
  "$extensions": {
14379
14234
  "org.primer.figma": {
@@ -14620,7 +14475,7 @@
14620
14475
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14621
14476
  "isSource": true,
14622
14477
  "original": {
14623
- "value": "{base.color.neutral.9}",
14478
+ "value": "{base.color.gray.9}",
14624
14479
  "$type": "color",
14625
14480
  "$extensions": {
14626
14481
  "org.primer.figma": {
@@ -14647,7 +14502,7 @@
14647
14502
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14648
14503
  "isSource": true,
14649
14504
  "original": {
14650
- "value": "{base.color.neutral.6}",
14505
+ "value": "{base.color.gray.6}",
14651
14506
  "$type": "color",
14652
14507
  "$extensions": {
14653
14508
  "org.primer.figma": {
@@ -14674,7 +14529,7 @@
14674
14529
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14675
14530
  "isSource": true,
14676
14531
  "original": {
14677
- "value": "{base.color.neutral.5}",
14532
+ "value": "{base.color.gray.5}",
14678
14533
  "$type": "color",
14679
14534
  "$extensions": {
14680
14535
  "org.primer.figma": {
@@ -14701,7 +14556,7 @@
14701
14556
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14702
14557
  "isSource": true,
14703
14558
  "original": {
14704
- "value": "{base.color.neutral.4}",
14559
+ "value": "{base.color.gray.4}",
14705
14560
  "$type": "color",
14706
14561
  "$extensions": {
14707
14562
  "org.primer.figma": {
@@ -14728,7 +14583,7 @@
14728
14583
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14729
14584
  "isSource": true,
14730
14585
  "original": {
14731
- "value": "{base.color.neutral.5}",
14586
+ "value": "{base.color.gray.5}",
14732
14587
  "$type": "color",
14733
14588
  "$extensions": {
14734
14589
  "org.primer.figma": {
@@ -15079,7 +14934,7 @@
15079
14934
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15080
14935
  "isSource": true,
15081
14936
  "original": {
15082
- "value": "{base.color.neutral.6}",
14937
+ "value": "{base.color.gray.6}",
15083
14938
  "$type": "color",
15084
14939
  "$extensions": {
15085
14940
  "org.primer.figma": {
@@ -15187,7 +15042,7 @@
15187
15042
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15188
15043
  "isSource": true,
15189
15044
  "original": {
15190
- "value": "{base.color.neutral.9}",
15045
+ "value": "{base.color.gray.9}",
15191
15046
  "$type": "color",
15192
15047
  "$extensions": {
15193
15048
  "org.primer.figma": {
@@ -15349,7 +15204,7 @@
15349
15204
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15350
15205
  "isSource": true,
15351
15206
  "original": {
15352
- "value": "{base.color.neutral.6}",
15207
+ "value": "{base.color.gray.6}",
15353
15208
  "$type": "color",
15354
15209
  "$extensions": {
15355
15210
  "org.primer.figma": {
@@ -15376,7 +15231,7 @@
15376
15231
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15377
15232
  "isSource": true,
15378
15233
  "original": {
15379
- "value": "{base.color.neutral.0}",
15234
+ "value": "{base.color.gray.0}",
15380
15235
  "$type": "color",
15381
15236
  "$extensions": {
15382
15237
  "org.primer.figma": {
@@ -15430,7 +15285,7 @@
15430
15285
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15431
15286
  "isSource": true,
15432
15287
  "original": {
15433
- "value": "{base.color.neutral.0}",
15288
+ "value": "{base.color.gray.0}",
15434
15289
  "$type": "color",
15435
15290
  "$extensions": {
15436
15291
  "org.primer.figma": {
@@ -15565,7 +15420,7 @@
15565
15420
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15566
15421
  "isSource": true,
15567
15422
  "original": {
15568
- "value": "{base.color.neutral.9}",
15423
+ "value": "{base.color.gray.9}",
15569
15424
  "$type": "color",
15570
15425
  "$extensions": {
15571
15426
  "org.primer.figma": {
@@ -15592,7 +15447,7 @@
15592
15447
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15593
15448
  "isSource": true,
15594
15449
  "original": {
15595
- "value": "{base.color.neutral.9}",
15450
+ "value": "{base.color.gray.9}",
15596
15451
  "$type": "color",
15597
15452
  "$extensions": {
15598
15453
  "org.primer.figma": {
@@ -15781,7 +15636,7 @@
15781
15636
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15782
15637
  "isSource": true,
15783
15638
  "original": {
15784
- "value": "{base.color.neutral.1}",
15639
+ "value": "{base.color.gray.1}",
15785
15640
  "$type": "color",
15786
15641
  "$extensions": {
15787
15642
  "org.primer.figma": {
@@ -15862,7 +15717,7 @@
15862
15717
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15863
15718
  "isSource": true,
15864
15719
  "original": {
15865
- "value": "{base.color.neutral.4}",
15720
+ "value": "{base.color.gray.4}",
15866
15721
  "$type": "color",
15867
15722
  "$extensions": {
15868
15723
  "org.primer.figma": {
@@ -15998,7 +15853,7 @@
15998
15853
  "original": {
15999
15854
  "value": [
16000
15855
  {
16001
- "color": "{base.color.neutral.7}",
15856
+ "color": "{base.color.gray.7}",
16002
15857
  "alpha": 0.12,
16003
15858
  "offsetX": "0px",
16004
15859
  "offsetY": "3px",
@@ -16042,7 +15897,7 @@
16042
15897
  "spread": "1px"
16043
15898
  },
16044
15899
  {
16045
- "color": "{base.color.neutral.7}",
15900
+ "color": "{base.color.gray.7}",
16046
15901
  "alpha": 0.04,
16047
15902
  "offsetX": "0px",
16048
15903
  "offsetY": "6px",
@@ -16050,7 +15905,7 @@
16050
15905
  "spread": "-3px"
16051
15906
  },
16052
15907
  {
16053
- "color": "{base.color.neutral.7}",
15908
+ "color": "{base.color.gray.7}",
16054
15909
  "alpha": 0.12,
16055
15910
  "offsetX": "0px",
16056
15911
  "offsetY": "6px",
@@ -16094,7 +15949,7 @@
16094
15949
  "spread": "1px"
16095
15950
  },
16096
15951
  {
16097
- "color": "{base.color.neutral.7}",
15952
+ "color": "{base.color.gray.7}",
16098
15953
  "alpha": 0.08,
16099
15954
  "offsetX": "0px",
16100
15955
  "offsetY": "8px",
@@ -16102,7 +15957,7 @@
16102
15957
  "spread": "-4px"
16103
15958
  },
16104
15959
  {
16105
- "color": "{base.color.neutral.7}",
15960
+ "color": "{base.color.gray.7}",
16106
15961
  "alpha": 0.08,
16107
15962
  "offsetX": "0px",
16108
15963
  "offsetY": "4px",
@@ -16110,7 +15965,7 @@
16110
15965
  "spread": "-4px"
16111
15966
  },
16112
15967
  {
16113
- "color": "{base.color.neutral.7}",
15968
+ "color": "{base.color.gray.7}",
16114
15969
  "alpha": 0.08,
16115
15970
  "offsetX": "0px",
16116
15971
  "offsetY": "24px",
@@ -16118,7 +15973,7 @@
16118
15973
  "spread": "-12px"
16119
15974
  },
16120
15975
  {
16121
- "color": "{base.color.neutral.7}",
15976
+ "color": "{base.color.gray.7}",
16122
15977
  "alpha": 0.08,
16123
15978
  "offsetX": "0px",
16124
15979
  "offsetY": "48px",
@@ -16162,7 +16017,7 @@
16162
16017
  "spread": "1px"
16163
16018
  },
16164
16019
  {
16165
- "color": "{base.color.neutral.7}",
16020
+ "color": "{base.color.gray.7}",
16166
16021
  "alpha": 0.24,
16167
16022
  "offsetX": "0px",
16168
16023
  "offsetY": "40px",
@@ -16206,7 +16061,7 @@
16206
16061
  "spread": "1px"
16207
16062
  },
16208
16063
  {
16209
- "color": "{base.color.neutral.7}",
16064
+ "color": "{base.color.gray.7}",
16210
16065
  "alpha": 0.32,
16211
16066
  "offsetX": "0px",
16212
16067
  "offsetY": "56px",
@@ -16235,7 +16090,7 @@
16235
16090
  "original": {
16236
16091
  "value": [
16237
16092
  {
16238
- "color": "{base.color.neutral.7}",
16093
+ "color": "{base.color.gray.7}",
16239
16094
  "alpha": 0.04,
16240
16095
  "offsetX": "0px",
16241
16096
  "offsetY": "6px",
@@ -16243,7 +16098,7 @@
16243
16098
  "spread": "-3px"
16244
16099
  },
16245
16100
  {
16246
- "color": "{base.color.neutral.7}",
16101
+ "color": "{base.color.gray.7}",
16247
16102
  "alpha": 0.12,
16248
16103
  "offsetX": "0px",
16249
16104
  "offsetY": "6px",