@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.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": {
@@ -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": {
@@ -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": {
@@ -14618,7 +14473,7 @@
14618
14473
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14619
14474
  "isSource": true,
14620
14475
  "original": {
14621
- "value": "{base.color.neutral.9}",
14476
+ "value": "{base.color.gray.9}",
14622
14477
  "$type": "color",
14623
14478
  "$extensions": {
14624
14479
  "org.primer.figma": {
@@ -14645,7 +14500,7 @@
14645
14500
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14646
14501
  "isSource": true,
14647
14502
  "original": {
14648
- "value": "{base.color.neutral.6}",
14503
+ "value": "{base.color.gray.6}",
14649
14504
  "$type": "color",
14650
14505
  "$extensions": {
14651
14506
  "org.primer.figma": {
@@ -14672,7 +14527,7 @@
14672
14527
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14673
14528
  "isSource": true,
14674
14529
  "original": {
14675
- "value": "{base.color.neutral.5}",
14530
+ "value": "{base.color.gray.5}",
14676
14531
  "$type": "color",
14677
14532
  "$extensions": {
14678
14533
  "org.primer.figma": {
@@ -14699,7 +14554,7 @@
14699
14554
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14700
14555
  "isSource": true,
14701
14556
  "original": {
14702
- "value": "{base.color.neutral.4}",
14557
+ "value": "{base.color.gray.4}",
14703
14558
  "$type": "color",
14704
14559
  "$extensions": {
14705
14560
  "org.primer.figma": {
@@ -14726,7 +14581,7 @@
14726
14581
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
14727
14582
  "isSource": true,
14728
14583
  "original": {
14729
- "value": "{base.color.neutral.5}",
14584
+ "value": "{base.color.gray.5}",
14730
14585
  "$type": "color",
14731
14586
  "$extensions": {
14732
14587
  "org.primer.figma": {
@@ -15077,7 +14932,7 @@
15077
14932
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15078
14933
  "isSource": true,
15079
14934
  "original": {
15080
- "value": "{base.color.neutral.6}",
14935
+ "value": "{base.color.gray.6}",
15081
14936
  "$type": "color",
15082
14937
  "$extensions": {
15083
14938
  "org.primer.figma": {
@@ -15185,7 +15040,7 @@
15185
15040
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15186
15041
  "isSource": true,
15187
15042
  "original": {
15188
- "value": "{base.color.neutral.9}",
15043
+ "value": "{base.color.gray.9}",
15189
15044
  "$type": "color",
15190
15045
  "$extensions": {
15191
15046
  "org.primer.figma": {
@@ -15347,7 +15202,7 @@
15347
15202
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15348
15203
  "isSource": true,
15349
15204
  "original": {
15350
- "value": "{base.color.neutral.6}",
15205
+ "value": "{base.color.gray.6}",
15351
15206
  "$type": "color",
15352
15207
  "$extensions": {
15353
15208
  "org.primer.figma": {
@@ -15374,7 +15229,7 @@
15374
15229
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15375
15230
  "isSource": true,
15376
15231
  "original": {
15377
- "value": "{base.color.neutral.0}",
15232
+ "value": "{base.color.gray.0}",
15378
15233
  "$type": "color",
15379
15234
  "$extensions": {
15380
15235
  "org.primer.figma": {
@@ -15428,7 +15283,7 @@
15428
15283
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15429
15284
  "isSource": true,
15430
15285
  "original": {
15431
- "value": "{base.color.neutral.0}",
15286
+ "value": "{base.color.gray.0}",
15432
15287
  "$type": "color",
15433
15288
  "$extensions": {
15434
15289
  "org.primer.figma": {
@@ -15563,7 +15418,7 @@
15563
15418
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15564
15419
  "isSource": true,
15565
15420
  "original": {
15566
- "value": "{base.color.neutral.9}",
15421
+ "value": "{base.color.gray.9}",
15567
15422
  "$type": "color",
15568
15423
  "$extensions": {
15569
15424
  "org.primer.figma": {
@@ -15590,7 +15445,7 @@
15590
15445
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15591
15446
  "isSource": true,
15592
15447
  "original": {
15593
- "value": "{base.color.neutral.9}",
15448
+ "value": "{base.color.gray.9}",
15594
15449
  "$type": "color",
15595
15450
  "$extensions": {
15596
15451
  "org.primer.figma": {
@@ -15779,7 +15634,7 @@
15779
15634
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15780
15635
  "isSource": true,
15781
15636
  "original": {
15782
- "value": "{base.color.neutral.1}",
15637
+ "value": "{base.color.gray.1}",
15783
15638
  "$type": "color",
15784
15639
  "$extensions": {
15785
15640
  "org.primer.figma": {
@@ -15860,7 +15715,7 @@
15860
15715
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15861
15716
  "isSource": true,
15862
15717
  "original": {
15863
- "value": "{base.color.neutral.4}",
15718
+ "value": "{base.color.gray.4}",
15864
15719
  "$type": "color",
15865
15720
  "$extensions": {
15866
15721
  "org.primer.figma": {
@@ -15996,7 +15851,7 @@
15996
15851
  "original": {
15997
15852
  "value": [
15998
15853
  {
15999
- "color": "{base.color.neutral.7}",
15854
+ "color": "{base.color.gray.7}",
16000
15855
  "alpha": 0.12,
16001
15856
  "offsetX": "0px",
16002
15857
  "offsetY": "3px",
@@ -16040,7 +15895,7 @@
16040
15895
  "spread": "1px"
16041
15896
  },
16042
15897
  {
16043
- "color": "{base.color.neutral.7}",
15898
+ "color": "{base.color.gray.7}",
16044
15899
  "alpha": 0.04,
16045
15900
  "offsetX": "0px",
16046
15901
  "offsetY": "6px",
@@ -16048,7 +15903,7 @@
16048
15903
  "spread": "-3px"
16049
15904
  },
16050
15905
  {
16051
- "color": "{base.color.neutral.7}",
15906
+ "color": "{base.color.gray.7}",
16052
15907
  "alpha": 0.12,
16053
15908
  "offsetX": "0px",
16054
15909
  "offsetY": "6px",
@@ -16092,7 +15947,7 @@
16092
15947
  "spread": "1px"
16093
15948
  },
16094
15949
  {
16095
- "color": "{base.color.neutral.7}",
15950
+ "color": "{base.color.gray.7}",
16096
15951
  "alpha": 0.08,
16097
15952
  "offsetX": "0px",
16098
15953
  "offsetY": "8px",
@@ -16100,7 +15955,7 @@
16100
15955
  "spread": "-4px"
16101
15956
  },
16102
15957
  {
16103
- "color": "{base.color.neutral.7}",
15958
+ "color": "{base.color.gray.7}",
16104
15959
  "alpha": 0.08,
16105
15960
  "offsetX": "0px",
16106
15961
  "offsetY": "4px",
@@ -16108,7 +15963,7 @@
16108
15963
  "spread": "-4px"
16109
15964
  },
16110
15965
  {
16111
- "color": "{base.color.neutral.7}",
15966
+ "color": "{base.color.gray.7}",
16112
15967
  "alpha": 0.08,
16113
15968
  "offsetX": "0px",
16114
15969
  "offsetY": "24px",
@@ -16116,7 +15971,7 @@
16116
15971
  "spread": "-12px"
16117
15972
  },
16118
15973
  {
16119
- "color": "{base.color.neutral.7}",
15974
+ "color": "{base.color.gray.7}",
16120
15975
  "alpha": 0.08,
16121
15976
  "offsetX": "0px",
16122
15977
  "offsetY": "48px",
@@ -16160,7 +16015,7 @@
16160
16015
  "spread": "1px"
16161
16016
  },
16162
16017
  {
16163
- "color": "{base.color.neutral.7}",
16018
+ "color": "{base.color.gray.7}",
16164
16019
  "alpha": 0.24,
16165
16020
  "offsetX": "0px",
16166
16021
  "offsetY": "40px",
@@ -16204,7 +16059,7 @@
16204
16059
  "spread": "1px"
16205
16060
  },
16206
16061
  {
16207
- "color": "{base.color.neutral.7}",
16062
+ "color": "{base.color.gray.7}",
16208
16063
  "alpha": 0.32,
16209
16064
  "offsetX": "0px",
16210
16065
  "offsetY": "56px",
@@ -16233,7 +16088,7 @@
16233
16088
  "original": {
16234
16089
  "value": [
16235
16090
  {
16236
- "color": "{base.color.neutral.7}",
16091
+ "color": "{base.color.gray.7}",
16237
16092
  "alpha": 0.04,
16238
16093
  "offsetX": "0px",
16239
16094
  "offsetY": "6px",
@@ -16241,7 +16096,7 @@
16241
16096
  "spread": "-3px"
16242
16097
  },
16243
16098
  {
16244
- "color": "{base.color.neutral.7}",
16099
+ "color": "{base.color.gray.7}",
16245
16100
  "alpha": 0.12,
16246
16101
  "offsetX": "0px",
16247
16102
  "offsetY": "6px",