@automattic/vip-design-system 1.2.3 → 1.3.1

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 (232) hide show
  1. package/.eslintignore +2 -1
  2. package/.prettierignore +1 -0
  3. package/.storybook/decorators/withBoundingBox.tsx +30 -4
  4. package/.storybook/decorators/withColorMode.tsx +5 -5
  5. package/CONTRIBUTING.md +1 -1
  6. package/build/system/Accordion/Accordion.js +6 -6
  7. package/build/system/Accordion/Accordion.stories.js +1 -1
  8. package/build/system/Accordion/Accordion.test.js +7 -5
  9. package/build/system/Avatar/Avatar.js +3 -2
  10. package/build/system/Badge/Badge.js +1 -0
  11. package/build/system/Button/Button.d.ts +11 -0
  12. package/build/system/Button/Button.js +12 -1
  13. package/build/system/Button/Button.stories.d.ts +2 -1
  14. package/build/system/Button/Button.stories.js +1 -2
  15. package/build/system/Button/Button.test.js +72 -45
  16. package/build/system/Button/ButtonSubmit.d.ts +17 -1
  17. package/build/system/Button/ButtonSubmit.js +58 -65
  18. package/build/system/Button/ButtonSubmit.stories.d.ts +17 -37
  19. package/build/system/Button/ButtonSubmit.stories.js +52 -0
  20. package/build/system/Button/ButtonSubmit.test.js +55 -35
  21. package/build/system/Button/index.d.ts +7 -3
  22. package/build/system/Button/index.js +8 -7
  23. package/build/system/Dropdown/DropdownContent.js +1 -1
  24. package/build/system/Dropdown/DropdownItem.js +1 -1
  25. package/build/system/Dropdown/DropdownLabel.js +1 -1
  26. package/build/system/Form/Checkbox.d.ts +9 -9
  27. package/build/system/Form/Checkbox.js +56 -61
  28. package/build/system/Form/Checkbox.stories.d.ts +6 -6
  29. package/build/system/Form/Checkbox.stories.js +71 -0
  30. package/build/system/Form/Input.d.ts +14 -1
  31. package/build/system/Form/Input.js +59 -72
  32. package/build/system/Form/Input.stories.d.ts +6 -4
  33. package/build/system/Form/Input.stories.js +53 -0
  34. package/build/system/Form/Input.styles.d.ts +23 -14
  35. package/build/system/Form/Input.styles.js +40 -28
  36. package/build/system/Form/InputWithCopyButton.stories.jsx +7 -0
  37. package/build/system/Form/Label.d.ts +19 -8
  38. package/build/system/Form/Label.js +39 -43
  39. package/build/system/Form/Label.stories.d.ts +7 -5
  40. package/build/system/Form/Label.stories.js +32 -0
  41. package/build/system/Form/Radio.js +4 -4
  42. package/build/system/Form/Radio.stories.jsx +1 -1
  43. package/build/system/Form/RadioBoxGroup.js +1 -1
  44. package/build/system/Form/RequiredLabel.d.ts +2 -1
  45. package/build/system/Form/RequiredLabel.js +16 -7
  46. package/build/system/Form/Toggle.js +2 -2
  47. package/build/system/Form/Validation.d.ts +8 -13
  48. package/build/system/Form/Validation.js +39 -35
  49. package/build/system/Heading/Heading.stories.js +3 -0
  50. package/build/system/Link/Link.js +1 -1
  51. package/build/system/NewDialog/DialogClose.js +2 -2
  52. package/build/system/NewDialog/DialogContent.js +3 -3
  53. package/build/system/NewDialog/DialogTitle.js +3 -1
  54. package/build/system/NewDialog/NewDialog.stories.d.ts +0 -1
  55. package/build/system/NewDialog/NewDialog.stories.jsx +0 -27
  56. package/build/system/NewForm/Fieldset.d.ts +12 -1
  57. package/build/system/NewForm/Fieldset.js +38 -40
  58. package/build/system/NewForm/Form.d.ts +8 -1
  59. package/build/system/NewForm/Form.js +24 -23
  60. package/build/system/NewForm/FormAutocomplete.css +0 -11
  61. package/build/system/NewForm/FormAutocomplete.js +8 -8
  62. package/build/system/NewForm/FormAutocomplete.stories.jsx +1 -3
  63. package/build/system/NewForm/FormAutocompleteMultiselect.js +10 -10
  64. package/build/system/NewForm/FormSelect.js +1 -1
  65. package/build/system/NewForm/FormSelectArrow.js +1 -1
  66. package/build/system/NewForm/FormSelectInline.js +1 -1
  67. package/build/system/NewForm/FormSelectLoading.js +1 -1
  68. package/build/system/NewForm/FormSelectSearch.js +2 -2
  69. package/build/system/NewForm/Legend.d.ts +12 -1
  70. package/build/system/NewForm/Legend.js +32 -34
  71. package/build/system/NewForm/index.d.ts +1 -1
  72. package/build/system/OptionRow/OptionRow.js +1 -1
  73. package/build/system/Progress/Progress.d.ts +9 -2
  74. package/build/system/Progress/Progress.js +75 -70
  75. package/build/system/Progress/Progress.stories.d.ts +9 -7
  76. package/build/system/Progress/Progress.stories.js +34 -0
  77. package/build/system/Progress/Progress.test.d.ts +1 -0
  78. package/build/system/Progress/Progress.test.js +65 -0
  79. package/build/system/Progress/index.d.ts +4 -2
  80. package/build/system/Progress/index.js +5 -5
  81. package/build/system/ScreenReaderText/ScreenReaderText.js +1 -2
  82. package/build/system/Tabs/TabsTrigger.js +0 -1
  83. package/build/system/Text/Text.js +1 -1
  84. package/build/system/Text/Text.stories.js +36 -0
  85. package/build/system/Tooltip/Tooltip.css +6 -2
  86. package/build/system/Tooltip/Tooltip.stories.js +2 -2
  87. package/build/system/Wizard/Wizard.d.ts +14 -1
  88. package/build/system/Wizard/Wizard.js +62 -93
  89. package/build/system/Wizard/Wizard.stories.d.ts +11 -8
  90. package/build/system/Wizard/Wizard.stories.js +167 -0
  91. package/build/system/Wizard/WizardStep.d.ts +24 -1
  92. package/build/system/Wizard/WizardStep.js +180 -190
  93. package/build/system/Wizard/index.d.ts +4 -2
  94. package/build/system/Wizard/index.js +6 -7
  95. package/build/system/index.d.ts +2 -2
  96. package/build/system/index.js +2 -1
  97. package/build/system/theme/generated/valet-theme-dark.json +1219 -476
  98. package/build/system/theme/generated/valet-theme-light.json +1217 -474
  99. package/build/system/theme/{getColor.d.ts → getPropValue.d.ts} +2 -1
  100. package/{src/system/theme/getColor.js → build/system/theme/getPropValue.js} +36 -4
  101. package/build/system/theme/index.d.ts +20 -65
  102. package/build/system/theme/index.js +27 -57
  103. package/package.json +4 -4
  104. package/src/system/Accordion/Accordion.stories.tsx +1 -1
  105. package/src/system/Accordion/Accordion.test.tsx +3 -0
  106. package/src/system/Accordion/Accordion.tsx +6 -6
  107. package/src/system/Avatar/Avatar.tsx +3 -3
  108. package/src/system/Badge/Badge.tsx +1 -1
  109. package/src/system/Button/Button.stories.tsx +2 -3
  110. package/src/system/Button/{Button.test.js → Button.test.tsx} +2 -2
  111. package/src/system/Button/Button.tsx +12 -0
  112. package/src/system/Button/ButtonSubmit.stories.tsx +31 -0
  113. package/src/system/Button/{ButtonSubmit.test.js → ButtonSubmit.test.tsx} +4 -4
  114. package/src/system/Button/{ButtonSubmit.js → ButtonSubmit.tsx} +21 -27
  115. package/src/system/Button/index.ts +8 -0
  116. package/src/system/Dropdown/DropdownContent.js +1 -1
  117. package/src/system/Dropdown/DropdownItem.js +1 -1
  118. package/src/system/Dropdown/DropdownLabel.js +1 -1
  119. package/src/system/Form/{Checkbox.stories.jsx → Checkbox.stories.tsx} +3 -2
  120. package/src/system/Form/{Checkbox.js → Checkbox.tsx} +6 -10
  121. package/src/system/Form/{Input.stories.jsx → Input.stories.tsx} +1 -0
  122. package/src/system/Form/{Input.styles.js → Input.styles.ts} +14 -5
  123. package/src/system/Form/{Input.js → Input.tsx} +10 -19
  124. package/src/system/Form/InputWithCopyButton.stories.jsx +7 -0
  125. package/src/system/Form/{Label.js → Label.tsx} +8 -13
  126. package/src/system/Form/Radio.js +4 -4
  127. package/src/system/Form/Radio.stories.jsx +1 -1
  128. package/src/system/Form/RadioBoxGroup.js +1 -1
  129. package/src/system/Form/{RequiredLabel.js → RequiredLabel.tsx} +1 -3
  130. package/src/system/Form/Toggle.js +2 -2
  131. package/src/system/Form/{Validation.js → Validation.tsx} +11 -12
  132. package/src/system/Heading/Heading.stories.tsx +1 -0
  133. package/src/system/Link/Link.tsx +1 -1
  134. package/src/system/NewDialog/DialogClose.js +2 -2
  135. package/src/system/NewDialog/DialogContent.js +3 -3
  136. package/src/system/NewDialog/DialogTitle.js +3 -1
  137. package/src/system/NewDialog/NewDialog.stories.jsx +0 -27
  138. package/src/system/NewForm/Fieldset.tsx +46 -0
  139. package/src/system/NewForm/Form.tsx +23 -0
  140. package/src/system/NewForm/FormAutocomplete.css +0 -11
  141. package/src/system/NewForm/FormAutocomplete.js +8 -8
  142. package/src/system/NewForm/FormAutocomplete.stories.jsx +1 -3
  143. package/src/system/NewForm/FormAutocompleteMultiselect.js +10 -10
  144. package/src/system/NewForm/FormSelect.js +1 -1
  145. package/src/system/NewForm/FormSelectArrow.js +1 -1
  146. package/src/system/NewForm/FormSelectInline.js +1 -1
  147. package/src/system/NewForm/FormSelectLoading.js +1 -1
  148. package/src/system/NewForm/FormSelectSearch.js +2 -2
  149. package/src/system/NewForm/Legend.tsx +40 -0
  150. package/src/system/OptionRow/OptionRow.js +1 -1
  151. package/src/system/Progress/Progress.test.tsx +33 -0
  152. package/src/system/Progress/{Progress.js → Progress.tsx} +16 -19
  153. package/src/system/Progress/index.ts +4 -0
  154. package/src/system/ScreenReaderText/ScreenReaderText.tsx +0 -2
  155. package/src/system/Tabs/TabsTrigger.js +0 -1
  156. package/src/system/Text/Text.stories.tsx +7 -0
  157. package/src/system/Text/Text.tsx +1 -1
  158. package/src/system/Tooltip/Tooltip.css +6 -2
  159. package/src/system/Tooltip/Tooltip.stories.tsx +4 -4
  160. package/{build/system/Wizard/Wizard.stories.jsx → src/system/Wizard/Wizard.stories.tsx} +18 -23
  161. package/src/system/Wizard/Wizard.tsx +62 -0
  162. package/src/system/Wizard/{WizardStep.js → WizardStep.tsx} +38 -41
  163. package/src/system/Wizard/index.ts +7 -0
  164. package/src/system/index.js +2 -1
  165. package/src/system/theme/generated/valet-theme-dark.json +1219 -476
  166. package/src/system/theme/generated/valet-theme-light.json +1217 -474
  167. package/{build/system/theme/getColor.js → src/system/theme/getPropValue.js} +36 -4
  168. package/src/system/theme/index.js +27 -57
  169. package/tokens/utilities/colors/color output/blue.json +305 -0
  170. package/tokens/utilities/colors/color output/gold.json +305 -0
  171. package/tokens/utilities/colors/color output/gray.json +305 -0
  172. package/tokens/utilities/colors/color output/green.json +305 -0
  173. package/tokens/utilities/colors/color output/orange.json +305 -0
  174. package/tokens/utilities/colors/color output/pink.json +305 -0
  175. package/tokens/utilities/colors/color output/red.json +305 -0
  176. package/tokens/utilities/colors/color output/salmon.json +305 -0
  177. package/tokens/utilities/colors/color output/yellow.json +305 -0
  178. package/tokens/utilities/colors/colorOutput.json +4062 -0
  179. package/tokens/utilities/colors/color_3d_plot.js +43 -0
  180. package/tokens/utilities/colors/color_graph.js +31 -0
  181. package/tokens/utilities/colors/colors.json +1981 -0
  182. package/tokens/utilities/colors/index.js +118 -0
  183. package/tokens/utilities/colors/package-lock.json +6749 -0
  184. package/tokens/utilities/colors/package.json +21 -0
  185. package/tokens/utilities/figma-type-calculator/responsive-type.js +98 -0
  186. package/tokens/valet-core/$metadata.json +19 -15
  187. package/tokens/valet-core/$themes.json +3323 -419
  188. package/tokens/valet-core/{figma-parsely-expressive-type.json → figma-parsely-web-type.json} +128 -128
  189. package/tokens/valet-core/{figma-valet-expressive-type.json → figma-valet-web-type.json} +126 -126
  190. package/tokens/valet-core/figma-wpvip-services-web-type.json +1267 -0
  191. package/tokens/valet-core/{figma-wpvip-expressive-type.json → figma-wpvip-web-type.json} +162 -162
  192. package/tokens/valet-core/{parsely-expressive-color.json → parsely-web-color.json} +1 -1
  193. package/tokens/valet-core/{wpvip-expressive-core.json → parsely-web-core.json} +73 -23
  194. package/tokens/valet-core/{parsely-expressive-type.json → parsely-web-type.json} +21 -9
  195. package/tokens/valet-core/valet-core.json +331 -232
  196. package/tokens/valet-core/{valet-expressive-color.json → valet-web-color.json} +1 -1
  197. package/tokens/valet-core/{parsely-expressive-core.json → valet-web-core.json} +72 -22
  198. package/tokens/valet-core/{wpvip-productive-color.json → wpvip-product-core.json} +663 -7
  199. package/tokens/valet-core/{wpvip-productive-color-dark.json → wpvip-product-dark.json} +332 -10
  200. package/tokens/valet-core/{wpvip-expressive-color.json → wpvip-services-web-color.json} +1 -1
  201. package/tokens/valet-core/{valet-expressive-core.json → wpvip-services-web-core.json} +72 -22
  202. package/tokens/valet-core/wpvip-services-web-type.json +412 -0
  203. package/tokens/valet-core/{wpvip-expressive-color-dark.json → wpvip-web-color-dark.json} +1 -1
  204. package/tokens/valet-core/wpvip-web-color.json +730 -0
  205. package/tokens/valet-core/{wpvip-expressive-type.json → wpvip-web-type.json} +24 -12
  206. package/tokens/valet-core/wpvip-web.json +1310 -0
  207. package/tsconfig.json +2 -1
  208. package/build/system/Button/ButtonSubmit.stories.jsx +0 -40
  209. package/build/system/Button/variants.d.ts +0 -2
  210. package/build/system/Button/variants.js +0 -1
  211. package/build/system/Form/Checkbox.stories.jsx +0 -54
  212. package/build/system/Form/Input.stories.jsx +0 -38
  213. package/build/system/Wizard/WizardStepHorizontal.d.ts +0 -2
  214. package/build/system/Wizard/WizardStepHorizontal.js +0 -55
  215. package/build/system/theme/textStyles.d.ts +0 -71
  216. package/build/system/theme/textStyles.js +0 -46
  217. package/src/system/Button/ButtonSubmit.stories.jsx +0 -40
  218. package/src/system/Button/index.js +0 -8
  219. package/src/system/Button/variants.js +0 -1
  220. package/src/system/Form/Label.stories.jsx +0 -36
  221. package/src/system/NewForm/Fieldset.js +0 -47
  222. package/src/system/NewForm/Form.js +0 -26
  223. package/src/system/NewForm/Legend.js +0 -41
  224. package/src/system/Progress/Progress.stories.jsx +0 -25
  225. package/src/system/Progress/index.js +0 -6
  226. package/src/system/Wizard/Wizard.js +0 -103
  227. package/src/system/Wizard/Wizard.stories.jsx +0 -145
  228. package/src/system/Wizard/WizardStepHorizontal.js +0 -55
  229. package/src/system/Wizard/index.js +0 -8
  230. package/src/system/theme/textStyles.js +0 -46
  231. /package/{build/system/Form/Label.stories.jsx → src/system/Form/Label.stories.tsx} +0 -0
  232. /package/{build/system/Progress/Progress.stories.jsx → src/system/Progress/Progress.stories.tsx} +0 -0
package/tokens/valet-core/{figma-wpvip-expressive-type.json → figma-wpvip-web-type.json} RENAMED
@@ -79,9 +79,9 @@
79
79
  "S": {
80
80
  "value": {
81
81
  "fontFamily": "{fontFamily.sans}",
82
- "fontWeight": "{fontWeight.regular}",
82
+ "fontWeight": "{fontWeight.medium}",
83
83
  "lineHeight": "{lineHeight.3}",
84
- "fontSize": "{fontSize.figma.4.s}",
84
+ "fontSize": "{fontSize.figma.6.S}",
85
85
  "letterSpacing": "{letterSpacing.tight}"
86
86
  },
87
87
  "type": "typography"
@@ -89,9 +89,9 @@
89
89
  "M": {
90
90
  "value": {
91
91
  "fontFamily": "{fontFamily.sans}",
92
- "fontWeight": "{fontWeight.regular}",
92
+ "fontWeight": "{fontWeight.medium}",
93
93
  "lineHeight": "{lineHeight.3}",
94
- "fontSize": "{fontSize.figma.4.m}",
94
+ "fontSize": "{fontSize.figma.6.M}",
95
95
  "letterSpacing": "{letterSpacing.tight}"
96
96
  },
97
97
  "type": "typography"
@@ -99,9 +99,9 @@
99
99
  "L": {
100
100
  "value": {
101
101
  "fontFamily": "{fontFamily.sans}",
102
- "fontWeight": "{fontWeight.regular}",
102
+ "fontWeight": "{fontWeight.medium}",
103
103
  "lineHeight": "{lineHeight.3}",
104
- "fontSize": "{fontSize.figma.4.l}",
104
+ "fontSize": "{fontSize.figma.6.L}",
105
105
  "letterSpacing": "{letterSpacing.tight}"
106
106
  },
107
107
  "type": "typography"
@@ -109,9 +109,9 @@
109
109
  "XL": {
110
110
  "value": {
111
111
  "fontFamily": "{fontFamily.sans}",
112
- "fontWeight": "{fontWeight.regular}",
112
+ "fontWeight": "{fontWeight.medium}",
113
113
  "lineHeight": "{lineHeight.3}",
114
- "fontSize": "{fontSize.figma.4.xl}",
114
+ "fontSize": "{fontSize.figma.6.XL}",
115
115
  "letterSpacing": "{letterSpacing.tight}"
116
116
  },
117
117
  "type": "typography"
@@ -119,9 +119,9 @@
119
119
  "MAX": {
120
120
  "value": {
121
121
  "fontFamily": "{fontFamily.sans}",
122
- "fontWeight": "{fontWeight.regular}",
122
+ "fontWeight": "{fontWeight.medium}",
123
123
  "lineHeight": "{lineHeight.3}",
124
- "fontSize": "{fontSize.figma.4.max}",
124
+ "fontSize": "{fontSize.figma.6.MAX}",
125
125
  "letterSpacing": "{letterSpacing.tight}"
126
126
  },
127
127
  "type": "typography"
@@ -131,9 +131,9 @@
131
131
  "S": {
132
132
  "value": {
133
133
  "fontFamily": "{fontFamily.sans}",
134
- "fontWeight": "{fontWeight.regular}",
134
+ "fontWeight": "{fontWeight.medium}",
135
135
  "lineHeight": "{lineHeight.2}",
136
- "fontSize": "{fontSize.figma.8.s}",
136
+ "fontSize": "{fontSize.figma.8.S}",
137
137
  "letterSpacing": "{letterSpacing.tight}"
138
138
  },
139
139
  "type": "typography"
@@ -141,9 +141,9 @@
141
141
  "M": {
142
142
  "value": {
143
143
  "fontFamily": "{fontFamily.sans}",
144
- "fontWeight": "{fontWeight.regular}",
144
+ "fontWeight": "{fontWeight.medium}",
145
145
  "lineHeight": "{lineHeight.2}",
146
- "fontSize": "{fontSize.figma.8.m}",
146
+ "fontSize": "{fontSize.figma.8.M}",
147
147
  "letterSpacing": "{letterSpacing.tight}"
148
148
  },
149
149
  "type": "typography"
@@ -151,9 +151,9 @@
151
151
  "L": {
152
152
  "value": {
153
153
  "fontFamily": "{fontFamily.sans}",
154
- "fontWeight": "{fontWeight.regular}",
154
+ "fontWeight": "{fontWeight.medium}",
155
155
  "lineHeight": "{lineHeight.2}",
156
- "fontSize": "{fontSize.figma.8.l}",
156
+ "fontSize": "{fontSize.figma.8.L}",
157
157
  "letterSpacing": "{letterSpacing.tight}"
158
158
  },
159
159
  "type": "typography"
@@ -161,9 +161,9 @@
161
161
  "XL": {
162
162
  "value": {
163
163
  "fontFamily": "{fontFamily.sans}",
164
- "fontWeight": "{fontWeight.regular}",
164
+ "fontWeight": "{fontWeight.medium}",
165
165
  "lineHeight": "{lineHeight.2}",
166
- "fontSize": "{fontSize.figma.8.xl}",
166
+ "fontSize": "{fontSize.figma.8.XL}",
167
167
  "letterSpacing": "{letterSpacing.tight}"
168
168
  },
169
169
  "type": "typography"
@@ -171,9 +171,9 @@
171
171
  "MAX": {
172
172
  "value": {
173
173
  "fontFamily": "{fontFamily.sans}",
174
- "fontWeight": "{fontWeight.regular}",
174
+ "fontWeight": "{fontWeight.medium}",
175
175
  "lineHeight": "{lineHeight.2}",
176
- "fontSize": "{fontSize.figma.8.max}",
176
+ "fontSize": "{fontSize.figma.8.MAX}",
177
177
  "letterSpacing": "{letterSpacing.tight}"
178
178
  },
179
179
  "type": "typography"
@@ -183,9 +183,9 @@
183
183
  "S": {
184
184
  "value": {
185
185
  "fontFamily": "{fontFamily.sans}",
186
- "fontWeight": "{fontWeight.regular}",
186
+ "fontWeight": "{fontWeight.medium}",
187
187
  "lineHeight": "{lineHeight.3}",
188
- "fontSize": "{fontSize.figma.9.s}",
188
+ "fontSize": "{fontSize.figma.9.S}",
189
189
  "letterSpacing": "{letterSpacing.tight}"
190
190
  },
191
191
  "type": "typography"
@@ -193,9 +193,9 @@
193
193
  "M": {
194
194
  "value": {
195
195
  "fontFamily": "{fontFamily.sans}",
196
- "fontWeight": "{fontWeight.regular}",
196
+ "fontWeight": "{fontWeight.medium}",
197
197
  "lineHeight": "{lineHeight.3}",
198
- "fontSize": "{fontSize.figma.9.m}",
198
+ "fontSize": "{fontSize.figma.9.M}",
199
199
  "letterSpacing": "{letterSpacing.tight}"
200
200
  },
201
201
  "type": "typography"
@@ -203,9 +203,9 @@
203
203
  "L": {
204
204
  "value": {
205
205
  "fontFamily": "{fontFamily.sans}",
206
- "fontWeight": "{fontWeight.regular}",
206
+ "fontWeight": "{fontWeight.medium}",
207
207
  "lineHeight": "{lineHeight.3}",
208
- "fontSize": "{fontSize.figma.9.l}",
208
+ "fontSize": "{fontSize.figma.9.L}",
209
209
  "letterSpacing": "{letterSpacing.tight}"
210
210
  },
211
211
  "type": "typography"
@@ -213,9 +213,9 @@
213
213
  "XL": {
214
214
  "value": {
215
215
  "fontFamily": "{fontFamily.sans}",
216
- "fontWeight": "{fontWeight.regular}",
216
+ "fontWeight": "{fontWeight.medium}",
217
217
  "lineHeight": "{lineHeight.3}",
218
- "fontSize": "{fontSize.figma.9.xl}",
218
+ "fontSize": "{fontSize.figma.9.XL}",
219
219
  "letterSpacing": "{letterSpacing.tight}"
220
220
  },
221
221
  "type": "typography"
@@ -223,9 +223,9 @@
223
223
  "MAX": {
224
224
  "value": {
225
225
  "fontFamily": "{fontFamily.sans}",
226
- "fontWeight": "{fontWeight.regular}",
226
+ "fontWeight": "{fontWeight.medium}",
227
227
  "lineHeight": "{lineHeight.3}",
228
- "fontSize": "{fontSize.figma.9.max}",
228
+ "fontSize": "{fontSize.figma.9.MAX}",
229
229
  "letterSpacing": "{letterSpacing.tight}"
230
230
  },
231
231
  "type": "typography"
@@ -235,9 +235,9 @@
235
235
  "S": {
236
236
  "value": {
237
237
  "fontFamily": "{fontFamily.sans}",
238
- "fontWeight": "{fontWeight.regular}",
238
+ "fontWeight": "{fontWeight.medium}",
239
239
  "lineHeight": "{lineHeight.2}",
240
- "fontSize": "{fontSize.figma.10.s}",
240
+ "fontSize": "{fontSize.figma.10.S}",
241
241
  "letterSpacing": "{letterSpacing.tight}"
242
242
  },
243
243
  "type": "typography"
@@ -245,9 +245,9 @@
245
245
  "M": {
246
246
  "value": {
247
247
  "fontFamily": "{fontFamily.sans}",
248
- "fontWeight": "{fontWeight.regular}",
248
+ "fontWeight": "{fontWeight.medium}",
249
249
  "lineHeight": "{lineHeight.2}",
250
- "fontSize": "{fontSize.figma.10.m}",
250
+ "fontSize": "{fontSize.figma.10.M}",
251
251
  "letterSpacing": "{letterSpacing.tight}"
252
252
  },
253
253
  "type": "typography"
@@ -255,9 +255,9 @@
255
255
  "L": {
256
256
  "value": {
257
257
  "fontFamily": "{fontFamily.sans}",
258
- "fontWeight": "{fontWeight.regular}",
258
+ "fontWeight": "{fontWeight.medium}",
259
259
  "lineHeight": "{lineHeight.2}",
260
- "fontSize": "{fontSize.figma.10.l}",
260
+ "fontSize": "{fontSize.figma.10.L}",
261
261
  "letterSpacing": "{letterSpacing.tight}"
262
262
  },
263
263
  "type": "typography"
@@ -265,9 +265,9 @@
265
265
  "XL": {
266
266
  "value": {
267
267
  "fontFamily": "{fontFamily.sans}",
268
- "fontWeight": "{fontWeight.regular}",
268
+ "fontWeight": "{fontWeight.medium}",
269
269
  "lineHeight": "{lineHeight.2}",
270
- "fontSize": "{fontSize.figma.10.xl}",
270
+ "fontSize": "{fontSize.figma.10.XL}",
271
271
  "letterSpacing": "{letterSpacing.tight}"
272
272
  },
273
273
  "type": "typography"
@@ -275,9 +275,9 @@
275
275
  "MAX": {
276
276
  "value": {
277
277
  "fontFamily": "{fontFamily.sans}",
278
- "fontWeight": "{fontWeight.regular}",
278
+ "fontWeight": "{fontWeight.medium}",
279
279
  "lineHeight": "{lineHeight.2}",
280
- "fontSize": "{fontSize.figma.10.max}",
280
+ "fontSize": "{fontSize.figma.10.MAX}",
281
281
  "letterSpacing": "{letterSpacing.tight}"
282
282
  },
283
283
  "type": "typography"
@@ -287,9 +287,9 @@
287
287
  "S": {
288
288
  "value": {
289
289
  "fontFamily": "{fontFamily.sans}",
290
- "fontWeight": "{fontWeight.regular}",
290
+ "fontWeight": "{fontWeight.medium}",
291
291
  "lineHeight": "{lineHeight.1}",
292
- "fontSize": "{fontSize.figma.11.s}",
292
+ "fontSize": "{fontSize.figma.11.S}",
293
293
  "letterSpacing": "{letterSpacing.tight}"
294
294
  },
295
295
  "type": "typography"
@@ -297,9 +297,9 @@
297
297
  "M": {
298
298
  "value": {
299
299
  "fontFamily": "{fontFamily.sans}",
300
- "fontWeight": "{fontWeight.regular}",
300
+ "fontWeight": "{fontWeight.medium}",
301
301
  "lineHeight": "{lineHeight.1}",
302
- "fontSize": "{fontSize.figma.11.m}",
302
+ "fontSize": "{fontSize.figma.11.M}",
303
303
  "letterSpacing": "{letterSpacing.tight}"
304
304
  },
305
305
  "type": "typography"
@@ -307,9 +307,9 @@
307
307
  "L": {
308
308
  "value": {
309
309
  "fontFamily": "{fontFamily.sans}",
310
- "fontWeight": "{fontWeight.regular}",
310
+ "fontWeight": "{fontWeight.medium}",
311
311
  "lineHeight": "{lineHeight.1}",
312
- "fontSize": "{fontSize.figma.11.l}",
312
+ "fontSize": "{fontSize.figma.11.L}",
313
313
  "letterSpacing": "{letterSpacing.tight}"
314
314
  },
315
315
  "type": "typography"
@@ -317,9 +317,9 @@
317
317
  "XL": {
318
318
  "value": {
319
319
  "fontFamily": "{fontFamily.sans}",
320
- "fontWeight": "{fontWeight.regular}",
320
+ "fontWeight": "{fontWeight.medium}",
321
321
  "lineHeight": "{lineHeight.1}",
322
- "fontSize": "{fontSize.figma.11.xl}",
322
+ "fontSize": "{fontSize.figma.11.XL}",
323
323
  "letterSpacing": "{letterSpacing.tight}"
324
324
  },
325
325
  "type": "typography"
@@ -327,9 +327,9 @@
327
327
  "MAX": {
328
328
  "value": {
329
329
  "fontFamily": "{fontFamily.sans}",
330
- "fontWeight": "{fontWeight.regular}",
330
+ "fontWeight": "{fontWeight.medium}",
331
331
  "lineHeight": "{lineHeight.1}",
332
- "fontSize": "{fontSize.figma.11.max}",
332
+ "fontSize": "{fontSize.figma.11.MAX}",
333
333
  "letterSpacing": "{letterSpacing.tight}"
334
334
  },
335
335
  "type": "typography"
@@ -339,9 +339,9 @@
339
339
  "S": {
340
340
  "value": {
341
341
  "fontFamily": "{fontFamily.sans}",
342
- "fontWeight": "{fontWeight.regular}",
342
+ "fontWeight": "{fontWeight.medium}",
343
343
  "lineHeight": "{lineHeight.1}",
344
- "fontSize": "{fontSize.figma.12.s}",
344
+ "fontSize": "{fontSize.figma.12.S}",
345
345
  "letterSpacing": "{letterSpacing.tight}"
346
346
  },
347
347
  "type": "typography"
@@ -349,9 +349,9 @@
349
349
  "M": {
350
350
  "value": {
351
351
  "fontFamily": "{fontFamily.sans}",
352
- "fontWeight": "{fontWeight.regular}",
352
+ "fontWeight": "{fontWeight.medium}",
353
353
  "lineHeight": "{lineHeight.1}",
354
- "fontSize": "{fontSize.figma.12.m}",
354
+ "fontSize": "{fontSize.figma.12.M}",
355
355
  "letterSpacing": "{letterSpacing.tight}"
356
356
  },
357
357
  "type": "typography"
@@ -359,9 +359,9 @@
359
359
  "L": {
360
360
  "value": {
361
361
  "fontFamily": "{fontFamily.sans}",
362
- "fontWeight": "{fontWeight.regular}",
362
+ "fontWeight": "{fontWeight.medium}",
363
363
  "lineHeight": "{lineHeight.1}",
364
- "fontSize": "{fontSize.figma.12.l}",
364
+ "fontSize": "{fontSize.figma.12.L}",
365
365
  "letterSpacing": "{letterSpacing.tight}"
366
366
  },
367
367
  "type": "typography"
@@ -369,9 +369,9 @@
369
369
  "XL": {
370
370
  "value": {
371
371
  "fontFamily": "{fontFamily.sans}",
372
- "fontWeight": "{fontWeight.regular}",
372
+ "fontWeight": "{fontWeight.medium}",
373
373
  "lineHeight": "{lineHeight.1}",
374
- "fontSize": "{fontSize.figma.12.xl}",
374
+ "fontSize": "{fontSize.figma.12.XL}",
375
375
  "letterSpacing": "{letterSpacing.tight}"
376
376
  },
377
377
  "type": "typography"
@@ -379,9 +379,9 @@
379
379
  "MAX": {
380
380
  "value": {
381
381
  "fontFamily": "{fontFamily.sans}",
382
- "fontWeight": "{fontWeight.regular}",
382
+ "fontWeight": "{fontWeight.medium}",
383
383
  "lineHeight": "{lineHeight.1}",
384
- "fontSize": "{fontSize.figma.12.max}",
384
+ "fontSize": "{fontSize.figma.12.MAX}",
385
385
  "letterSpacing": "{letterSpacing.tight}"
386
386
  },
387
387
  "type": "typography"
@@ -391,9 +391,9 @@
391
391
  "S": {
392
392
  "value": {
393
393
  "fontFamily": "{fontFamily.sans}",
394
- "fontWeight": "{fontWeight.regular}",
394
+ "fontWeight": "{fontWeight.medium}",
395
395
  "lineHeight": "{lineHeight.1}",
396
- "fontSize": "{fontSize.figma.13.s}",
396
+ "fontSize": "{fontSize.figma.13.S}",
397
397
  "letterSpacing": "{letterSpacing.tight}"
398
398
  },
399
399
  "type": "typography"
@@ -401,9 +401,9 @@
401
401
  "M": {
402
402
  "value": {
403
403
  "fontFamily": "{fontFamily.sans}",
404
- "fontWeight": "{fontWeight.regular}",
404
+ "fontWeight": "{fontWeight.medium}",
405
405
  "lineHeight": "{lineHeight.1}",
406
- "fontSize": "{fontSize.figma.13.m}",
406
+ "fontSize": "{fontSize.figma.13.M}",
407
407
  "letterSpacing": "{letterSpacing.tight}"
408
408
  },
409
409
  "type": "typography"
@@ -411,9 +411,9 @@
411
411
  "L": {
412
412
  "value": {
413
413
  "fontFamily": "{fontFamily.sans}",
414
- "fontWeight": "{fontWeight.regular}",
414
+ "fontWeight": "{fontWeight.medium}",
415
415
  "lineHeight": "{lineHeight.1}",
416
- "fontSize": "{fontSize.figma.13.l}",
416
+ "fontSize": "{fontSize.figma.13.L}",
417
417
  "letterSpacing": "{letterSpacing.tight}"
418
418
  },
419
419
  "type": "typography"
@@ -421,9 +421,9 @@
421
421
  "XL": {
422
422
  "value": {
423
423
  "fontFamily": "{fontFamily.sans}",
424
- "fontWeight": "{fontWeight.regular}",
424
+ "fontWeight": "{fontWeight.medium}",
425
425
  "lineHeight": "{lineHeight.1}",
426
- "fontSize": "{fontSize.figma.13.xl}",
426
+ "fontSize": "{fontSize.figma.13.XL}",
427
427
  "letterSpacing": "{letterSpacing.tight}"
428
428
  },
429
429
  "type": "typography"
@@ -431,9 +431,9 @@
431
431
  "MAX": {
432
432
  "value": {
433
433
  "fontFamily": "{fontFamily.sans}",
434
- "fontWeight": "{fontWeight.regular}",
434
+ "fontWeight": "{fontWeight.medium}",
435
435
  "lineHeight": "{lineHeight.1}",
436
- "fontSize": "{fontSize.figma.13.max}",
436
+ "fontSize": "{fontSize.figma.13.MAX}",
437
437
  "letterSpacing": "{letterSpacing.tight}"
438
438
  },
439
439
  "type": "typography"
@@ -445,7 +445,7 @@
445
445
  "fontFamily": "{fontFamily.sans}",
446
446
  "fontWeight": "{fontWeight.light}",
447
447
  "lineHeight": "{lineHeight.3}",
448
- "fontSize": "{fontSize.figma.4.s}",
448
+ "fontSize": "{fontSize.figma.4.S}",
449
449
  "letterSpacing": "{letterSpacing.tight}"
450
450
  },
451
451
  "type": "typography"
@@ -455,7 +455,7 @@
455
455
  "fontFamily": "{fontFamily.sans}",
456
456
  "fontWeight": "{fontWeight.light}",
457
457
  "lineHeight": "{lineHeight.3}",
458
- "fontSize": "{fontSize.figma.4.m}",
458
+ "fontSize": "{fontSize.figma.4.M}",
459
459
  "letterSpacing": "{letterSpacing.tight}"
460
460
  },
461
461
  "type": "typography"
@@ -465,7 +465,7 @@
465
465
  "fontFamily": "{fontFamily.sans}",
466
466
  "fontWeight": "{fontWeight.light}",
467
467
  "lineHeight": "{lineHeight.3}",
468
- "fontSize": "{fontSize.figma.4.l}",
468
+ "fontSize": "{fontSize.figma.4.L}",
469
469
  "letterSpacing": "{letterSpacing.tight}"
470
470
  },
471
471
  "type": "typography"
@@ -475,7 +475,7 @@
475
475
  "fontFamily": "{fontFamily.sans}",
476
476
  "fontWeight": "{fontWeight.light}",
477
477
  "lineHeight": "{lineHeight.3}",
478
- "fontSize": "{fontSize.figma.4.xl}",
478
+ "fontSize": "{fontSize.figma.4.XL}",
479
479
  "letterSpacing": "{letterSpacing.tight}"
480
480
  },
481
481
  "type": "typography"
@@ -485,7 +485,7 @@
485
485
  "fontFamily": "{fontFamily.sans}",
486
486
  "fontWeight": "{fontWeight.light}",
487
487
  "lineHeight": "{lineHeight.3}",
488
- "fontSize": "{fontSize.figma.4.max}",
488
+ "fontSize": "{fontSize.figma.4.MAX}",
489
489
  "letterSpacing": "{letterSpacing.tight}"
490
490
  },
491
491
  "type": "typography"
@@ -497,7 +497,7 @@
497
497
  "fontFamily": "{fontFamily.sans}",
498
498
  "fontWeight": "{fontWeight.light}",
499
499
  "lineHeight": "{lineHeight.2}",
500
- "fontSize": "{fontSize.figma.8.s}",
500
+ "fontSize": "{fontSize.figma.8.S}",
501
501
  "letterSpacing": "{letterSpacing.tight}"
502
502
  },
503
503
  "type": "typography"
@@ -507,7 +507,7 @@
507
507
  "fontFamily": "{fontFamily.sans}",
508
508
  "fontWeight": "{fontWeight.light}",
509
509
  "lineHeight": "{lineHeight.2}",
510
- "fontSize": "{fontSize.figma.8.m}",
510
+ "fontSize": "{fontSize.figma.8.M}",
511
511
  "letterSpacing": "{letterSpacing.tight}"
512
512
  },
513
513
  "type": "typography"
@@ -517,7 +517,7 @@
517
517
  "fontFamily": "{fontFamily.sans}",
518
518
  "fontWeight": "{fontWeight.light}",
519
519
  "lineHeight": "{lineHeight.2}",
520
- "fontSize": "{fontSize.figma.8.l}",
520
+ "fontSize": "{fontSize.figma.8.L}",
521
521
  "letterSpacing": "{letterSpacing.tight}"
522
522
  },
523
523
  "type": "typography"
@@ -527,7 +527,7 @@
527
527
  "fontFamily": "{fontFamily.sans}",
528
528
  "fontWeight": "{fontWeight.light}",
529
529
  "lineHeight": "{lineHeight.2}",
530
- "fontSize": "{fontSize.figma.8.xl}",
530
+ "fontSize": "{fontSize.figma.8.XL}",
531
531
  "letterSpacing": "{letterSpacing.tight}"
532
532
  },
533
533
  "type": "typography"
@@ -537,7 +537,7 @@
537
537
  "fontFamily": "{fontFamily.sans}",
538
538
  "fontWeight": "{fontWeight.light}",
539
539
  "lineHeight": "{lineHeight.2}",
540
- "fontSize": "{fontSize.figma.8.max}",
540
+ "fontSize": "{fontSize.figma.8.MAX}",
541
541
  "letterSpacing": "{letterSpacing.tight}"
542
542
  },
543
543
  "type": "typography"
@@ -549,7 +549,7 @@
549
549
  "fontFamily": "{fontFamily.sans}",
550
550
  "fontWeight": "{fontWeight.light}",
551
551
  "lineHeight": "{lineHeight.3}",
552
- "fontSize": "{fontSize.figma.9.s}",
552
+ "fontSize": "{fontSize.figma.9.S}",
553
553
  "letterSpacing": "{letterSpacing.tight}"
554
554
  },
555
555
  "type": "typography"
@@ -559,7 +559,7 @@
559
559
  "fontFamily": "{fontFamily.sans}",
560
560
  "fontWeight": "{fontWeight.light}",
561
561
  "lineHeight": "{lineHeight.3}",
562
- "fontSize": "{fontSize.figma.9.m}",
562
+ "fontSize": "{fontSize.figma.9.M}",
563
563
  "letterSpacing": "{letterSpacing.tight}"
564
564
  },
565
565
  "type": "typography"
@@ -569,7 +569,7 @@
569
569
  "fontFamily": "{fontFamily.sans}",
570
570
  "fontWeight": "{fontWeight.light}",
571
571
  "lineHeight": "{lineHeight.3}",
572
- "fontSize": "{fontSize.figma.9.l}",
572
+ "fontSize": "{fontSize.figma.9.L}",
573
573
  "letterSpacing": "{letterSpacing.tight}"
574
574
  },
575
575
  "type": "typography"
@@ -579,7 +579,7 @@
579
579
  "fontFamily": "{fontFamily.sans}",
580
580
  "fontWeight": "{fontWeight.light}",
581
581
  "lineHeight": "{lineHeight.3}",
582
- "fontSize": "{fontSize.figma.9.xl}",
582
+ "fontSize": "{fontSize.figma.9.XL}",
583
583
  "letterSpacing": "{letterSpacing.tight}"
584
584
  },
585
585
  "type": "typography"
@@ -589,7 +589,7 @@
589
589
  "fontFamily": "{fontFamily.sans}",
590
590
  "fontWeight": "{fontWeight.light}",
591
591
  "lineHeight": "{lineHeight.3}",
592
- "fontSize": "{fontSize.figma.9.max}",
592
+ "fontSize": "{fontSize.figma.9.MAX}",
593
593
  "letterSpacing": "{letterSpacing.tight}"
594
594
  },
595
595
  "type": "typography"
@@ -601,7 +601,7 @@
601
601
  "fontFamily": "{fontFamily.sans}",
602
602
  "fontWeight": "{fontWeight.light}",
603
603
  "lineHeight": "{lineHeight.2}",
604
- "fontSize": "{fontSize.figma.10.s}",
604
+ "fontSize": "{fontSize.figma.10.S}",
605
605
  "letterSpacing": "{letterSpacing.tight}"
606
606
  },
607
607
  "type": "typography"
@@ -611,7 +611,7 @@
611
611
  "fontFamily": "{fontFamily.sans}",
612
612
  "fontWeight": "{fontWeight.light}",
613
613
  "lineHeight": "{lineHeight.2}",
614
- "fontSize": "{fontSize.figma.10.m}",
614
+ "fontSize": "{fontSize.figma.10.M}",
615
615
  "letterSpacing": "{letterSpacing.tight}"
616
616
  },
617
617
  "type": "typography"
@@ -621,7 +621,7 @@
621
621
  "fontFamily": "{fontFamily.sans}",
622
622
  "fontWeight": "{fontWeight.light}",
623
623
  "lineHeight": "{lineHeight.2}",
624
- "fontSize": "{fontSize.figma.10.l}",
624
+ "fontSize": "{fontSize.figma.10.L}",
625
625
  "letterSpacing": "{letterSpacing.tight}"
626
626
  },
627
627
  "type": "typography"
@@ -631,7 +631,7 @@
631
631
  "fontFamily": "{fontFamily.sans}",
632
632
  "fontWeight": "{fontWeight.light}",
633
633
  "lineHeight": "{lineHeight.2}",
634
- "fontSize": "{fontSize.figma.10.xl}",
634
+ "fontSize": "{fontSize.figma.10.XL}",
635
635
  "letterSpacing": "{letterSpacing.tight}"
636
636
  },
637
637
  "type": "typography"
@@ -641,7 +641,7 @@
641
641
  "fontFamily": "{fontFamily.sans}",
642
642
  "fontWeight": "{fontWeight.light}",
643
643
  "lineHeight": "{lineHeight.2}",
644
- "fontSize": "{fontSize.figma.10.max}",
644
+ "fontSize": "{fontSize.figma.10.MAX}",
645
645
  "letterSpacing": "{letterSpacing.tight}"
646
646
  },
647
647
  "type": "typography"
@@ -653,7 +653,7 @@
653
653
  "fontFamily": "{fontFamily.sans}",
654
654
  "fontWeight": "{fontWeight.light}",
655
655
  "lineHeight": "{lineHeight.1}",
656
- "fontSize": "{fontSize.figma.11.s}",
656
+ "fontSize": "{fontSize.figma.11.S}",
657
657
  "letterSpacing": "{letterSpacing.tight}"
658
658
  },
659
659
  "type": "typography"
@@ -663,7 +663,7 @@
663
663
  "fontFamily": "{fontFamily.sans}",
664
664
  "fontWeight": "{fontWeight.light}",
665
665
  "lineHeight": "{lineHeight.1}",
666
- "fontSize": "{fontSize.figma.11.m}",
666
+ "fontSize": "{fontSize.figma.11.M}",
667
667
  "letterSpacing": "{letterSpacing.tight}"
668
668
  },
669
669
  "type": "typography"
@@ -673,7 +673,7 @@
673
673
  "fontFamily": "{fontFamily.sans}",
674
674
  "fontWeight": "{fontWeight.light}",
675
675
  "lineHeight": "{lineHeight.1}",
676
- "fontSize": "{fontSize.figma.11.l}",
676
+ "fontSize": "{fontSize.figma.11.L}",
677
677
  "letterSpacing": "{letterSpacing.tight}"
678
678
  },
679
679
  "type": "typography"
@@ -683,7 +683,7 @@
683
683
  "fontFamily": "{fontFamily.sans}",
684
684
  "fontWeight": "{fontWeight.light}",
685
685
  "lineHeight": "{lineHeight.1}",
686
- "fontSize": "{fontSize.figma.11.xl}",
686
+ "fontSize": "{fontSize.figma.11.XL}",
687
687
  "letterSpacing": "{letterSpacing.tight}"
688
688
  },
689
689
  "type": "typography"
@@ -693,7 +693,7 @@
693
693
  "fontFamily": "{fontFamily.sans}",
694
694
  "fontWeight": "{fontWeight.light}",
695
695
  "lineHeight": "{lineHeight.1}",
696
- "fontSize": "{fontSize.figma.11.max}",
696
+ "fontSize": "{fontSize.figma.11.MAX}",
697
697
  "letterSpacing": "{letterSpacing.tight}"
698
698
  },
699
699
  "type": "typography"
@@ -702,50 +702,50 @@
702
702
  "5-serif": {
703
703
  "S": {
704
704
  "value": {
705
- "fontFamily": "{fontFamily.display}",
705
+ "fontFamily": "{fontFamily.serif}",
706
706
  "fontWeight": "{fontWeight.regular}",
707
707
  "lineHeight": "{lineHeight.1}",
708
- "fontSize": "{fontSize.figma.11.s}",
708
+ "fontSize": "{fontSize.figma.11.S}",
709
709
  "letterSpacing": "{letterSpacing.tight}"
710
710
  },
711
711
  "type": "typography"
712
712
  },
713
713
  "M": {
714
714
  "value": {
715
- "fontFamily": "{fontFamily.display}",
715
+ "fontFamily": "{fontFamily.serif}",
716
716
  "fontWeight": "{fontWeight.regular}",
717
717
  "lineHeight": "{lineHeight.1}",
718
- "fontSize": "{fontSize.figma.11.m}",
718
+ "fontSize": "{fontSize.figma.11.M}",
719
719
  "letterSpacing": "{letterSpacing.tight}"
720
720
  },
721
721
  "type": "typography"
722
722
  },
723
723
  "L": {
724
724
  "value": {
725
- "fontFamily": "{fontFamily.display}",
725
+ "fontFamily": "{fontFamily.serif}",
726
726
  "fontWeight": "{fontWeight.regular}",
727
727
  "lineHeight": "{lineHeight.1}",
728
- "fontSize": "{fontSize.figma.11.l}",
728
+ "fontSize": "{fontSize.figma.11.L}",
729
729
  "letterSpacing": "{letterSpacing.tight}"
730
730
  },
731
731
  "type": "typography"
732
732
  },
733
733
  "XL": {
734
734
  "value": {
735
- "fontFamily": "{fontFamily.display}",
735
+ "fontFamily": "{fontFamily.serif}",
736
736
  "fontWeight": "{fontWeight.regular}",
737
737
  "lineHeight": "{lineHeight.1}",
738
- "fontSize": "{fontSize.figma.11.xl}",
738
+ "fontSize": "{fontSize.figma.11.XL}",
739
739
  "letterSpacing": "{letterSpacing.tight}"
740
740
  },
741
741
  "type": "typography"
742
742
  },
743
743
  "MAX": {
744
744
  "value": {
745
- "fontFamily": "{fontFamily.display}",
745
+ "fontFamily": "{fontFamily.serif}",
746
746
  "fontWeight": "{fontWeight.regular}",
747
747
  "lineHeight": "{lineHeight.1}",
748
- "fontSize": "{fontSize.figma.11.max}",
748
+ "fontSize": "{fontSize.figma.11.MAX}",
749
749
  "letterSpacing": "{letterSpacing.tight}"
750
750
  },
751
751
  "type": "typography"
@@ -754,50 +754,50 @@
754
754
  "6-serif": {
755
755
  "S": {
756
756
  "value": {
757
- "fontFamily": "{fontFamily.display}",
757
+ "fontFamily": "{fontFamily.serif}",
758
758
  "fontWeight": "{fontWeight.regular}",
759
759
  "lineHeight": "{lineHeight.1}",
760
- "fontSize": "{fontSize.figma.12.s}",
760
+ "fontSize": "{fontSize.figma.12.S}",
761
761
  "letterSpacing": "{letterSpacing.tight}"
762
762
  },
763
763
  "type": "typography"
764
764
  },
765
765
  "M": {
766
766
  "value": {
767
- "fontFamily": "{fontFamily.display}",
767
+ "fontFamily": "{fontFamily.serif}",
768
768
  "fontWeight": "{fontWeight.regular}",
769
769
  "lineHeight": "{lineHeight.1}",
770
- "fontSize": "{fontSize.figma.12.m}",
770
+ "fontSize": "{fontSize.figma.12.M}",
771
771
  "letterSpacing": "{letterSpacing.tight}"
772
772
  },
773
773
  "type": "typography"
774
774
  },
775
775
  "L": {
776
776
  "value": {
777
- "fontFamily": "{fontFamily.display}",
777
+ "fontFamily": "{fontFamily.serif}",
778
778
  "fontWeight": "{fontWeight.regular}",
779
779
  "lineHeight": "{lineHeight.1}",
780
- "fontSize": "{fontSize.figma.12.l}",
780
+ "fontSize": "{fontSize.figma.12.L}",
781
781
  "letterSpacing": "{letterSpacing.tight}"
782
782
  },
783
783
  "type": "typography"
784
784
  },
785
785
  "XL": {
786
786
  "value": {
787
- "fontFamily": "{fontFamily.display}",
787
+ "fontFamily": "{fontFamily.serif}",
788
788
  "fontWeight": "{fontWeight.regular}",
789
789
  "lineHeight": "{lineHeight.1}",
790
- "fontSize": "{fontSize.figma.12.xl}",
790
+ "fontSize": "{fontSize.figma.12.XL}",
791
791
  "letterSpacing": "{letterSpacing.tight}"
792
792
  },
793
793
  "type": "typography"
794
794
  },
795
795
  "MAX": {
796
796
  "value": {
797
- "fontFamily": "{fontFamily.display}",
797
+ "fontFamily": "{fontFamily.serif}",
798
798
  "fontWeight": "{fontWeight.regular}",
799
799
  "lineHeight": "{lineHeight.1}",
800
- "fontSize": "{fontSize.figma.12.max}",
800
+ "fontSize": "{fontSize.figma.12.MAX}",
801
801
  "letterSpacing": "{letterSpacing.tight}"
802
802
  },
803
803
  "type": "typography"
@@ -806,50 +806,50 @@
806
806
  "7-serif": {
807
807
  "S": {
808
808
  "value": {
809
- "fontFamily": "{fontFamily.display}",
809
+ "fontFamily": "{fontFamily.serif}",
810
810
  "fontWeight": "{fontWeight.regular}",
811
811
  "lineHeight": "{lineHeight.1}",
812
- "fontSize": "{fontSize.figma.13.s}",
812
+ "fontSize": "{fontSize.figma.13.S}",
813
813
  "letterSpacing": "{letterSpacing.tight}"
814
814
  },
815
815
  "type": "typography"
816
816
  },
817
817
  "M": {
818
818
  "value": {
819
- "fontFamily": "{fontFamily.display}",
819
+ "fontFamily": "{fontFamily.serif}",
820
820
  "fontWeight": "{fontWeight.regular}",
821
821
  "lineHeight": "{lineHeight.1}",
822
- "fontSize": "{fontSize.figma.13.m}",
822
+ "fontSize": "{fontSize.figma.13.M}",
823
823
  "letterSpacing": "{letterSpacing.tight}"
824
824
  },
825
825
  "type": "typography"
826
826
  },
827
827
  "L": {
828
828
  "value": {
829
- "fontFamily": "{fontFamily.display}",
829
+ "fontFamily": "{fontFamily.serif}",
830
830
  "fontWeight": "{fontWeight.regular}",
831
831
  "lineHeight": "{lineHeight.1}",
832
- "fontSize": "{fontSize.figma.13.l}",
832
+ "fontSize": "{fontSize.figma.13.L}",
833
833
  "letterSpacing": "{letterSpacing.tight}"
834
834
  },
835
835
  "type": "typography"
836
836
  },
837
837
  "XL": {
838
838
  "value": {
839
- "fontFamily": "{fontFamily.display}",
839
+ "fontFamily": "{fontFamily.serif}",
840
840
  "fontWeight": "{fontWeight.regular}",
841
841
  "lineHeight": "{lineHeight.1}",
842
- "fontSize": "{fontSize.figma.13.xl}",
842
+ "fontSize": "{fontSize.figma.13.XL}",
843
843
  "letterSpacing": "{letterSpacing.tight}"
844
844
  },
845
845
  "type": "typography"
846
846
  },
847
847
  "MAX": {
848
848
  "value": {
849
- "fontFamily": "{fontFamily.display}",
849
+ "fontFamily": "{fontFamily.serif}",
850
850
  "fontWeight": "{fontWeight.regular}",
851
851
  "lineHeight": "{lineHeight.1}",
852
- "fontSize": "{fontSize.figma.13.max}",
852
+ "fontSize": "{fontSize.figma.13.MAX}",
853
853
  "letterSpacing": "{letterSpacing.tight}"
854
854
  },
855
855
  "type": "typography"
@@ -863,7 +863,7 @@
863
863
  "fontFamily": "{fontFamily.sans}",
864
864
  "fontWeight": "{fontWeight.light}",
865
865
  "lineHeight": "{lineHeight.4}",
866
- "fontSize": "{fontSize.figma.9.s}",
866
+ "fontSize": "{fontSize.figma.9.S}",
867
867
  "letterSpacing": "{letterSpacing.tight}"
868
868
  },
869
869
  "type": "typography"
@@ -873,7 +873,7 @@
873
873
  "fontFamily": "{fontFamily.sans}",
874
874
  "fontWeight": "{fontWeight.light}",
875
875
  "lineHeight": "{lineHeight.4}",
876
- "fontSize": "{fontSize.figma.9.m}",
876
+ "fontSize": "{fontSize.figma.9.M}",
877
877
  "letterSpacing": "{letterSpacing.tight}"
878
878
  },
879
879
  "type": "typography"
@@ -883,7 +883,7 @@
883
883
  "fontFamily": "{fontFamily.sans}",
884
884
  "fontWeight": "{fontWeight.light}",
885
885
  "lineHeight": "{lineHeight.4}",
886
- "fontSize": "{fontSize.figma.9.l}",
886
+ "fontSize": "{fontSize.figma.9.L}",
887
887
  "letterSpacing": "{letterSpacing.tight}"
888
888
  },
889
889
  "type": "typography"
@@ -893,7 +893,7 @@
893
893
  "fontFamily": "{fontFamily.sans}",
894
894
  "fontWeight": "{fontWeight.light}",
895
895
  "lineHeight": "{lineHeight.4}",
896
- "fontSize": "{fontSize.figma.9.xl}",
896
+ "fontSize": "{fontSize.figma.9.XL}",
897
897
  "letterSpacing": "{letterSpacing.tight}"
898
898
  },
899
899
  "type": "typography"
@@ -903,7 +903,7 @@
903
903
  "fontFamily": "{fontFamily.sans}",
904
904
  "fontWeight": "{fontWeight.light}",
905
905
  "lineHeight": "{lineHeight.4}",
906
- "fontSize": "{fontSize.figma.9.max}",
906
+ "fontSize": "{fontSize.figma.9.MAX}",
907
907
  "letterSpacing": "{letterSpacing.tight}"
908
908
  },
909
909
  "type": "typography"
@@ -914,50 +914,50 @@
914
914
  "1": {
915
915
  "S": {
916
916
  "value": {
917
- "fontFamily": "{fontFamily.display}",
917
+ "fontFamily": "{fontFamily.serif}",
918
918
  "fontWeight": "{fontWeight.regular}",
919
919
  "lineHeight": "{lineHeight.4}",
920
- "fontSize": "{fontSize.figma.9.s}",
920
+ "fontSize": "{fontSize.figma.9.S}",
921
921
  "letterSpacing": "{letterSpacing.tight}"
922
922
  },
923
923
  "type": "typography"
924
924
  },
925
925
  "M": {
926
926
  "value": {
927
- "fontFamily": "{fontFamily.display}",
927
+ "fontFamily": "{fontFamily.serif}",
928
928
  "fontWeight": "{fontWeight.regular}",
929
929
  "lineHeight": "{lineHeight.4}",
930
- "fontSize": "{fontSize.figma.9.m}",
930
+ "fontSize": "{fontSize.figma.9.M}",
931
931
  "letterSpacing": "{letterSpacing.tight}"
932
932
  },
933
933
  "type": "typography"
934
934
  },
935
935
  "L": {
936
936
  "value": {
937
- "fontFamily": "{fontFamily.display}",
937
+ "fontFamily": "{fontFamily.serif}",
938
938
  "fontWeight": "{fontWeight.regular}",
939
939
  "lineHeight": "{lineHeight.4}",
940
- "fontSize": "{fontSize.figma.9.l}",
940
+ "fontSize": "{fontSize.figma.9.L}",
941
941
  "letterSpacing": "{letterSpacing.tight}"
942
942
  },
943
943
  "type": "typography"
944
944
  },
945
945
  "XL": {
946
946
  "value": {
947
- "fontFamily": "{fontFamily.display}",
947
+ "fontFamily": "{fontFamily.serif}",
948
948
  "fontWeight": "{fontWeight.regular}",
949
949
  "lineHeight": "{lineHeight.4}",
950
- "fontSize": "{fontSize.figma.9.xl}",
950
+ "fontSize": "{fontSize.figma.9.XL}",
951
951
  "letterSpacing": "{letterSpacing.tight}"
952
952
  },
953
953
  "type": "typography"
954
954
  },
955
955
  "MAX": {
956
956
  "value": {
957
- "fontFamily": "{fontFamily.display}",
957
+ "fontFamily": "{fontFamily.serif}",
958
958
  "fontWeight": "{fontWeight.regular}",
959
959
  "lineHeight": "{lineHeight.4}",
960
- "fontSize": "{fontSize.figma.9.max}",
960
+ "fontSize": "{fontSize.figma.9.MAX}",
961
961
  "letterSpacing": "{letterSpacing.tight}"
962
962
  },
963
963
  "type": "typography"
@@ -966,50 +966,50 @@
966
966
  "2": {
967
967
  "S": {
968
968
  "value": {
969
- "fontFamily": "{fontFamily.display}",
969
+ "fontFamily": "{fontFamily.serif}",
970
970
  "fontWeight": "{fontWeight.regular}",
971
971
  "lineHeight": "{lineHeight.4}",
972
- "fontSize": "{fontSize.figma.10.s}",
972
+ "fontSize": "{fontSize.figma.10.S}",
973
973
  "letterSpacing": "{letterSpacing.tight}"
974
974
  },
975
975
  "type": "typography"
976
976
  },
977
977
  "M": {
978
978
  "value": {
979
- "fontFamily": "{fontFamily.display}",
979
+ "fontFamily": "{fontFamily.serif}",
980
980
  "fontWeight": "{fontWeight.regular}",
981
981
  "lineHeight": "{lineHeight.4}",
982
- "fontSize": "{fontSize.figma.10.m}",
982
+ "fontSize": "{fontSize.figma.10.M}",
983
983
  "letterSpacing": "{letterSpacing.tight}"
984
984
  },
985
985
  "type": "typography"
986
986
  },
987
987
  "L": {
988
988
  "value": {
989
- "fontFamily": "{fontFamily.display}",
989
+ "fontFamily": "{fontFamily.serif}",
990
990
  "fontWeight": "{fontWeight.regular}",
991
991
  "lineHeight": "{lineHeight.4}",
992
- "fontSize": "{fontSize.figma.10.l}",
992
+ "fontSize": "{fontSize.figma.10.L}",
993
993
  "letterSpacing": "{letterSpacing.tight}"
994
994
  },
995
995
  "type": "typography"
996
996
  },
997
997
  "XL": {
998
998
  "value": {
999
- "fontFamily": "{fontFamily.display}",
999
+ "fontFamily": "{fontFamily.serif}",
1000
1000
  "fontWeight": "{fontWeight.regular}",
1001
1001
  "lineHeight": "{lineHeight.4}",
1002
- "fontSize": "{fontSize.figma.10.xl}",
1002
+ "fontSize": "{fontSize.figma.10.XL}",
1003
1003
  "letterSpacing": "{letterSpacing.tight}"
1004
1004
  },
1005
1005
  "type": "typography"
1006
1006
  },
1007
1007
  "MAX": {
1008
1008
  "value": {
1009
- "fontFamily": "{fontFamily.display}",
1009
+ "fontFamily": "{fontFamily.serif}",
1010
1010
  "fontWeight": "{fontWeight.regular}",
1011
1011
  "lineHeight": "{lineHeight.4}",
1012
- "fontSize": "{fontSize.figma.10.max}",
1012
+ "fontSize": "{fontSize.figma.10.MAX}",
1013
1013
  "letterSpacing": "{letterSpacing.tight}"
1014
1014
  },
1015
1015
  "type": "typography"
@@ -1018,50 +1018,50 @@
1018
1018
  "3": {
1019
1019
  "S": {
1020
1020
  "value": {
1021
- "fontFamily": "{fontFamily.display}",
1021
+ "fontFamily": "{fontFamily.serif}",
1022
1022
  "fontWeight": "{fontWeight.regular}",
1023
1023
  "lineHeight": "{lineHeight.3}",
1024
- "fontSize": "{fontSize.figma.11.s}",
1024
+ "fontSize": "{fontSize.figma.11.S}",
1025
1025
  "letterSpacing": "{letterSpacing.tight}"
1026
1026
  },
1027
1027
  "type": "typography"
1028
1028
  },
1029
1029
  "M": {
1030
1030
  "value": {
1031
- "fontFamily": "{fontFamily.display}",
1031
+ "fontFamily": "{fontFamily.serif}",
1032
1032
  "fontWeight": "{fontWeight.regular}",
1033
1033
  "lineHeight": "{lineHeight.3}",
1034
- "fontSize": "{fontSize.figma.11.m}",
1034
+ "fontSize": "{fontSize.figma.11.M}",
1035
1035
  "letterSpacing": "{letterSpacing.tight}"
1036
1036
  },
1037
1037
  "type": "typography"
1038
1038
  },
1039
1039
  "L": {
1040
1040
  "value": {
1041
- "fontFamily": "{fontFamily.display}",
1041
+ "fontFamily": "{fontFamily.serif}",
1042
1042
  "fontWeight": "{fontWeight.regular}",
1043
1043
  "lineHeight": "{lineHeight.3}",
1044
- "fontSize": "{fontSize.figma.11.l}",
1044
+ "fontSize": "{fontSize.figma.11.L}",
1045
1045
  "letterSpacing": "{letterSpacing.tight}"
1046
1046
  },
1047
1047
  "type": "typography"
1048
1048
  },
1049
1049
  "XL": {
1050
1050
  "value": {
1051
- "fontFamily": "{fontFamily.display}",
1051
+ "fontFamily": "{fontFamily.serif}",
1052
1052
  "fontWeight": "{fontWeight.regular}",
1053
1053
  "lineHeight": "{lineHeight.3}",
1054
- "fontSize": "{fontSize.figma.11.xl}",
1054
+ "fontSize": "{fontSize.figma.11.XL}",
1055
1055
  "letterSpacing": "{letterSpacing.tight}"
1056
1056
  },
1057
1057
  "type": "typography"
1058
1058
  },
1059
1059
  "MAX": {
1060
1060
  "value": {
1061
- "fontFamily": "{fontFamily.display}",
1061
+ "fontFamily": "{fontFamily.serif}",
1062
1062
  "fontWeight": "{fontWeight.regular}",
1063
1063
  "lineHeight": "{lineHeight.3}",
1064
- "fontSize": "{fontSize.figma.11.max}",
1064
+ "fontSize": "{fontSize.figma.11.MAX}",
1065
1065
  "letterSpacing": "{letterSpacing.tight}"
1066
1066
  },
1067
1067
  "type": "typography"
@@ -1202,7 +1202,7 @@
1202
1202
  "description": "in Figma, letter spacing values need to be % but in production they need to be expressed in em to work with varable fonts"
1203
1203
  },
1204
1204
  "tight": {
1205
- "value": "-1%",
1205
+ "value": "-2%",
1206
1206
  "type": "letterSpacing"
1207
1207
  },
1208
1208
  "loose": {
@@ -1210,4 +1210,4 @@
1210
1210
  "type": "letterSpacing"
1211
1211
  }
1212
1212
  }
1213
- }
1213
+ }