@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-services-web-type.json ADDED
@@ -0,0 +1,1267 @@
1
+ {
2
+ "body": {
3
+ "1-short": {
4
+ "value": {
5
+ "fontFamily": "{fontFamily.sans}",
6
+ "fontWeight": "{fontWeight.regular}",
7
+ "lineHeight": "{lineHeight.4}",
8
+ "fontSize": "{fontSize.static.2}"
9
+ },
10
+ "type": "typography"
11
+ },
12
+ "1-short-medium": {
13
+ "value": {
14
+ "fontFamily": "{fontFamily.sans}",
15
+ "fontWeight": "{fontWeight.medium}",
16
+ "lineHeight": "{lineHeight.4}",
17
+ "fontSize": "{fontSize.static.2}"
18
+ },
19
+ "type": "typography"
20
+ },
21
+ "1-short-caps": {
22
+ "value": {
23
+ "fontFamily": "{fontFamily.sans}",
24
+ "fontWeight": "{fontWeight.regular}",
25
+ "lineHeight": "{lineHeight.4}",
26
+ "fontSize": "{fontSize.static.2}",
27
+ "textCase": "uppercase"
28
+ },
29
+ "type": "typography"
30
+ },
31
+ "2-short": {
32
+ "value": {
33
+ "fontFamily": "{fontFamily.sans}",
34
+ "fontWeight": "{fontWeight.regular}",
35
+ "lineHeight": "{lineHeight.4}",
36
+ "fontSize": "{fontSize.static.3}"
37
+ },
38
+ "type": "typography"
39
+ },
40
+ "2-short-medium": {
41
+ "value": {
42
+ "fontFamily": "{fontFamily.sans}",
43
+ "fontWeight": "{fontWeight.bold}",
44
+ "lineHeight": "{lineHeight.4}",
45
+ "fontSize": "{fontSize.static.3}"
46
+ },
47
+ "type": "typography"
48
+ },
49
+ "3-short": {
50
+ "value": {
51
+ "fontFamily": "{fontFamily.sans}",
52
+ "fontWeight": "{fontWeight.regular}",
53
+ "lineHeight": "{lineHeight.4}",
54
+ "fontSize": "{fontSize.static.4}"
55
+ },
56
+ "type": "typography"
57
+ },
58
+ "4-short": {
59
+ "value": {
60
+ "fontFamily": "{fontFamily.sans}",
61
+ "fontWeight": "{fontWeight.light}",
62
+ "lineHeight": "{lineHeight.4}",
63
+ "fontSize": "{fontSize.static.5}"
64
+ },
65
+ "type": "typography"
66
+ },
67
+ "4-serif": {
68
+ "value": {
69
+ "fontFamily": "{fontFamily.serif}",
70
+ "fontWeight": "{fontWeight.regular}",
71
+ "lineHeight": "{lineHeight.5}",
72
+ "fontSize": "{fontSize.static.5}"
73
+ },
74
+ "type": "typography"
75
+ }
76
+ },
77
+ "heading": {
78
+ "1": {
79
+ "S": {
80
+ "value": {
81
+ "fontFamily": "{fontFamily.sans}",
82
+ "fontWeight": "{fontWeight.medium}",
83
+ "lineHeight": "{lineHeight.3}",
84
+ "fontSize": "{fontSize.figma.4.S}",
85
+ "letterSpacing": "{letterSpacing.tight}"
86
+ },
87
+ "type": "typography"
88
+ },
89
+ "M": {
90
+ "value": {
91
+ "fontFamily": "{fontFamily.sans}",
92
+ "fontWeight": "{fontWeight.medium}",
93
+ "lineHeight": "{lineHeight.3}",
94
+ "fontSize": "{fontSize.figma.4.M}",
95
+ "letterSpacing": "{letterSpacing.tight}"
96
+ },
97
+ "type": "typography"
98
+ },
99
+ "L": {
100
+ "value": {
101
+ "fontFamily": "{fontFamily.sans}",
102
+ "fontWeight": "{fontWeight.medium}",
103
+ "lineHeight": "{lineHeight.3}",
104
+ "fontSize": "{fontSize.figma.4.L}",
105
+ "letterSpacing": "{letterSpacing.tight}"
106
+ },
107
+ "type": "typography"
108
+ },
109
+ "XL": {
110
+ "value": {
111
+ "fontFamily": "{fontFamily.sans}",
112
+ "fontWeight": "{fontWeight.medium}",
113
+ "lineHeight": "{lineHeight.3}",
114
+ "fontSize": "{fontSize.figma.4.XL}",
115
+ "letterSpacing": "{letterSpacing.tight}"
116
+ },
117
+ "type": "typography"
118
+ },
119
+ "MAX": {
120
+ "value": {
121
+ "fontFamily": "{fontFamily.sans}",
122
+ "fontWeight": "{fontWeight.medium}",
123
+ "lineHeight": "{lineHeight.3}",
124
+ "fontSize": "{fontSize.figma.4.MAX}",
125
+ "letterSpacing": "{letterSpacing.tight}"
126
+ },
127
+ "type": "typography"
128
+ }
129
+ },
130
+ "2": {
131
+ "S": {
132
+ "value": {
133
+ "fontFamily": "{fontFamily.sans}",
134
+ "fontWeight": "{fontWeight.medium}",
135
+ "lineHeight": "{lineHeight.2}",
136
+ "fontSize": "{fontSize.figma.8.S}",
137
+ "letterSpacing": "{letterSpacing.tight}"
138
+ },
139
+ "type": "typography"
140
+ },
141
+ "M": {
142
+ "value": {
143
+ "fontFamily": "{fontFamily.sans}",
144
+ "fontWeight": "{fontWeight.medium}",
145
+ "lineHeight": "{lineHeight.2}",
146
+ "fontSize": "{fontSize.figma.8.M}",
147
+ "letterSpacing": "{letterSpacing.tight}"
148
+ },
149
+ "type": "typography"
150
+ },
151
+ "L": {
152
+ "value": {
153
+ "fontFamily": "{fontFamily.sans}",
154
+ "fontWeight": "{fontWeight.medium}",
155
+ "lineHeight": "{lineHeight.2}",
156
+ "fontSize": "{fontSize.figma.8.L}",
157
+ "letterSpacing": "{letterSpacing.tight}"
158
+ },
159
+ "type": "typography"
160
+ },
161
+ "XL": {
162
+ "value": {
163
+ "fontFamily": "{fontFamily.sans}",
164
+ "fontWeight": "{fontWeight.medium}",
165
+ "lineHeight": "{lineHeight.2}",
166
+ "fontSize": "{fontSize.figma.8.XL}",
167
+ "letterSpacing": "{letterSpacing.tight}"
168
+ },
169
+ "type": "typography"
170
+ },
171
+ "MAX": {
172
+ "value": {
173
+ "fontFamily": "{fontFamily.sans}",
174
+ "fontWeight": "{fontWeight.medium}",
175
+ "lineHeight": "{lineHeight.2}",
176
+ "fontSize": "{fontSize.figma.8.MAX}",
177
+ "letterSpacing": "{letterSpacing.tight}"
178
+ },
179
+ "type": "typography"
180
+ }
181
+ },
182
+ "3": {
183
+ "S": {
184
+ "value": {
185
+ "fontFamily": "{fontFamily.sans}",
186
+ "fontWeight": "{fontWeight.medium}",
187
+ "lineHeight": "{lineHeight.3}",
188
+ "fontSize": "{fontSize.figma.9.S}",
189
+ "letterSpacing": "{letterSpacing.tight}"
190
+ },
191
+ "type": "typography"
192
+ },
193
+ "M": {
194
+ "value": {
195
+ "fontFamily": "{fontFamily.sans}",
196
+ "fontWeight": "{fontWeight.medium}",
197
+ "lineHeight": "{lineHeight.3}",
198
+ "fontSize": "{fontSize.figma.9.M}",
199
+ "letterSpacing": "{letterSpacing.tight}"
200
+ },
201
+ "type": "typography"
202
+ },
203
+ "L": {
204
+ "value": {
205
+ "fontFamily": "{fontFamily.sans}",
206
+ "fontWeight": "{fontWeight.medium}",
207
+ "lineHeight": "{lineHeight.3}",
208
+ "fontSize": "{fontSize.figma.9.L}",
209
+ "letterSpacing": "{letterSpacing.tight}"
210
+ },
211
+ "type": "typography"
212
+ },
213
+ "XL": {
214
+ "value": {
215
+ "fontFamily": "{fontFamily.sans}",
216
+ "fontWeight": "{fontWeight.medium}",
217
+ "lineHeight": "{lineHeight.3}",
218
+ "fontSize": "{fontSize.figma.9.XL}",
219
+ "letterSpacing": "{letterSpacing.tight}"
220
+ },
221
+ "type": "typography"
222
+ },
223
+ "MAX": {
224
+ "value": {
225
+ "fontFamily": "{fontFamily.sans}",
226
+ "fontWeight": "{fontWeight.medium}",
227
+ "lineHeight": "{lineHeight.3}",
228
+ "fontSize": "{fontSize.figma.9.MAX}",
229
+ "letterSpacing": "{letterSpacing.tight}"
230
+ },
231
+ "type": "typography"
232
+ }
233
+ },
234
+ "4": {
235
+ "S": {
236
+ "value": {
237
+ "fontFamily": "{fontFamily.sans}",
238
+ "fontWeight": "{fontWeight.medium}",
239
+ "lineHeight": "{lineHeight.2}",
240
+ "fontSize": "{fontSize.figma.10.S}",
241
+ "letterSpacing": "{letterSpacing.tight}"
242
+ },
243
+ "type": "typography"
244
+ },
245
+ "M": {
246
+ "value": {
247
+ "fontFamily": "{fontFamily.sans}",
248
+ "fontWeight": "{fontWeight.medium}",
249
+ "lineHeight": "{lineHeight.2}",
250
+ "fontSize": "{fontSize.figma.10.M}",
251
+ "letterSpacing": "{letterSpacing.tight}"
252
+ },
253
+ "type": "typography"
254
+ },
255
+ "L": {
256
+ "value": {
257
+ "fontFamily": "{fontFamily.sans}",
258
+ "fontWeight": "{fontWeight.medium}",
259
+ "lineHeight": "{lineHeight.2}",
260
+ "fontSize": "{fontSize.figma.10.L}",
261
+ "letterSpacing": "{letterSpacing.tight}"
262
+ },
263
+ "type": "typography"
264
+ },
265
+ "XL": {
266
+ "value": {
267
+ "fontFamily": "{fontFamily.sans}",
268
+ "fontWeight": "{fontWeight.medium}",
269
+ "lineHeight": "{lineHeight.2}",
270
+ "fontSize": "{fontSize.figma.10.XL}",
271
+ "letterSpacing": "{letterSpacing.tight}"
272
+ },
273
+ "type": "typography"
274
+ },
275
+ "MAX": {
276
+ "value": {
277
+ "fontFamily": "{fontFamily.sans}",
278
+ "fontWeight": "{fontWeight.medium}",
279
+ "lineHeight": "{lineHeight.2}",
280
+ "fontSize": "{fontSize.figma.10.MAX}",
281
+ "letterSpacing": "{letterSpacing.tight}"
282
+ },
283
+ "type": "typography"
284
+ }
285
+ },
286
+ "5": {
287
+ "S": {
288
+ "value": {
289
+ "fontFamily": "{fontFamily.sans}",
290
+ "fontWeight": "{fontWeight.medium}",
291
+ "lineHeight": "{lineHeight.1}",
292
+ "fontSize": "{fontSize.figma.11.S}",
293
+ "letterSpacing": "{letterSpacing.tight}"
294
+ },
295
+ "type": "typography"
296
+ },
297
+ "M": {
298
+ "value": {
299
+ "fontFamily": "{fontFamily.sans}",
300
+ "fontWeight": "{fontWeight.medium}",
301
+ "lineHeight": "{lineHeight.1}",
302
+ "fontSize": "{fontSize.figma.11.M}",
303
+ "letterSpacing": "{letterSpacing.tight}"
304
+ },
305
+ "type": "typography"
306
+ },
307
+ "L": {
308
+ "value": {
309
+ "fontFamily": "{fontFamily.sans}",
310
+ "fontWeight": "{fontWeight.medium}",
311
+ "lineHeight": "{lineHeight.1}",
312
+ "fontSize": "{fontSize.figma.11.L}",
313
+ "letterSpacing": "{letterSpacing.tight}"
314
+ },
315
+ "type": "typography"
316
+ },
317
+ "XL": {
318
+ "value": {
319
+ "fontFamily": "{fontFamily.sans}",
320
+ "fontWeight": "{fontWeight.medium}",
321
+ "lineHeight": "{lineHeight.1}",
322
+ "fontSize": "{fontSize.figma.11.XL}",
323
+ "letterSpacing": "{letterSpacing.tight}"
324
+ },
325
+ "type": "typography"
326
+ },
327
+ "MAX": {
328
+ "value": {
329
+ "fontFamily": "{fontFamily.sans}",
330
+ "fontWeight": "{fontWeight.medium}",
331
+ "lineHeight": "{lineHeight.1}",
332
+ "fontSize": "{fontSize.figma.11.MAX}",
333
+ "letterSpacing": "{letterSpacing.tight}"
334
+ },
335
+ "type": "typography"
336
+ }
337
+ },
338
+ "6": {
339
+ "S": {
340
+ "value": {
341
+ "fontFamily": "{fontFamily.sans}",
342
+ "fontWeight": "{fontWeight.medium}",
343
+ "lineHeight": "{lineHeight.1}",
344
+ "fontSize": "{fontSize.figma.12.S}",
345
+ "letterSpacing": "{letterSpacing.tight}"
346
+ },
347
+ "type": "typography"
348
+ },
349
+ "M": {
350
+ "value": {
351
+ "fontFamily": "{fontFamily.sans}",
352
+ "fontWeight": "{fontWeight.medium}",
353
+ "lineHeight": "{lineHeight.1}",
354
+ "fontSize": "{fontSize.figma.12.M}",
355
+ "letterSpacing": "{letterSpacing.tight}"
356
+ },
357
+ "type": "typography"
358
+ },
359
+ "L": {
360
+ "value": {
361
+ "fontFamily": "{fontFamily.sans}",
362
+ "fontWeight": "{fontWeight.medium}",
363
+ "lineHeight": "{lineHeight.1}",
364
+ "fontSize": "{fontSize.figma.12.L}",
365
+ "letterSpacing": "{letterSpacing.tight}"
366
+ },
367
+ "type": "typography"
368
+ },
369
+ "XL": {
370
+ "value": {
371
+ "fontFamily": "{fontFamily.sans}",
372
+ "fontWeight": "{fontWeight.medium}",
373
+ "lineHeight": "{lineHeight.1}",
374
+ "fontSize": "{fontSize.figma.12.XL}",
375
+ "letterSpacing": "{letterSpacing.tight}"
376
+ },
377
+ "type": "typography"
378
+ },
379
+ "MAX": {
380
+ "value": {
381
+ "fontFamily": "{fontFamily.sans}",
382
+ "fontWeight": "{fontWeight.medium}",
383
+ "lineHeight": "{lineHeight.1}",
384
+ "fontSize": "{fontSize.figma.12.MAX}",
385
+ "letterSpacing": "{letterSpacing.tight}"
386
+ },
387
+ "type": "typography"
388
+ }
389
+ },
390
+ "7": {
391
+ "S": {
392
+ "value": {
393
+ "fontFamily": "{fontFamily.sans}",
394
+ "fontWeight": "{fontWeight.medium}",
395
+ "lineHeight": "{lineHeight.1}",
396
+ "fontSize": "{fontSize.figma.13.S}",
397
+ "letterSpacing": "{letterSpacing.tight}"
398
+ },
399
+ "type": "typography"
400
+ },
401
+ "M": {
402
+ "value": {
403
+ "fontFamily": "{fontFamily.sans}",
404
+ "fontWeight": "{fontWeight.medium}",
405
+ "lineHeight": "{lineHeight.1}",
406
+ "fontSize": "{fontSize.figma.13.M}",
407
+ "letterSpacing": "{letterSpacing.tight}"
408
+ },
409
+ "type": "typography"
410
+ },
411
+ "L": {
412
+ "value": {
413
+ "fontFamily": "{fontFamily.sans}",
414
+ "fontWeight": "{fontWeight.medium}",
415
+ "lineHeight": "{lineHeight.1}",
416
+ "fontSize": "{fontSize.figma.13.L}",
417
+ "letterSpacing": "{letterSpacing.tight}"
418
+ },
419
+ "type": "typography"
420
+ },
421
+ "XL": {
422
+ "value": {
423
+ "fontFamily": "{fontFamily.sans}",
424
+ "fontWeight": "{fontWeight.medium}",
425
+ "lineHeight": "{lineHeight.1}",
426
+ "fontSize": "{fontSize.figma.13.XL}",
427
+ "letterSpacing": "{letterSpacing.tight}"
428
+ },
429
+ "type": "typography"
430
+ },
431
+ "MAX": {
432
+ "value": {
433
+ "fontFamily": "{fontFamily.sans}",
434
+ "fontWeight": "{fontWeight.medium}",
435
+ "lineHeight": "{lineHeight.1}",
436
+ "fontSize": "{fontSize.figma.13.MAX}",
437
+ "letterSpacing": "{letterSpacing.tight}"
438
+ },
439
+ "type": "typography"
440
+ }
441
+ },
442
+ "1-light": {
443
+ "S": {
444
+ "value": {
445
+ "fontFamily": "{fontFamily.sans}",
446
+ "fontWeight": "{fontWeight.light}",
447
+ "lineHeight": "{lineHeight.3}",
448
+ "fontSize": "{fontSize.figma.4.S}",
449
+ "letterSpacing": "{letterSpacing.tight}"
450
+ },
451
+ "type": "typography"
452
+ },
453
+ "M": {
454
+ "value": {
455
+ "fontFamily": "{fontFamily.sans}",
456
+ "fontWeight": "{fontWeight.light}",
457
+ "lineHeight": "{lineHeight.3}",
458
+ "fontSize": "{fontSize.figma.4.M}",
459
+ "letterSpacing": "{letterSpacing.tight}"
460
+ },
461
+ "type": "typography"
462
+ },
463
+ "L": {
464
+ "value": {
465
+ "fontFamily": "{fontFamily.sans}",
466
+ "fontWeight": "{fontWeight.light}",
467
+ "lineHeight": "{lineHeight.3}",
468
+ "fontSize": "{fontSize.figma.4.L}",
469
+ "letterSpacing": "{letterSpacing.tight}"
470
+ },
471
+ "type": "typography"
472
+ },
473
+ "XL": {
474
+ "value": {
475
+ "fontFamily": "{fontFamily.sans}",
476
+ "fontWeight": "{fontWeight.light}",
477
+ "lineHeight": "{lineHeight.3}",
478
+ "fontSize": "{fontSize.figma.4.XL}",
479
+ "letterSpacing": "{letterSpacing.tight}"
480
+ },
481
+ "type": "typography"
482
+ },
483
+ "MAX": {
484
+ "value": {
485
+ "fontFamily": "{fontFamily.sans}",
486
+ "fontWeight": "{fontWeight.light}",
487
+ "lineHeight": "{lineHeight.3}",
488
+ "fontSize": "{fontSize.figma.4.MAX}",
489
+ "letterSpacing": "{letterSpacing.tight}"
490
+ },
491
+ "type": "typography"
492
+ }
493
+ },
494
+ "2-light": {
495
+ "S": {
496
+ "value": {
497
+ "fontFamily": "{fontFamily.sans}",
498
+ "fontWeight": "{fontWeight.light}",
499
+ "lineHeight": "{lineHeight.2}",
500
+ "fontSize": "{fontSize.figma.8.S}",
501
+ "letterSpacing": "{letterSpacing.tight}"
502
+ },
503
+ "type": "typography"
504
+ },
505
+ "M": {
506
+ "value": {
507
+ "fontFamily": "{fontFamily.sans}",
508
+ "fontWeight": "{fontWeight.light}",
509
+ "lineHeight": "{lineHeight.2}",
510
+ "fontSize": "{fontSize.figma.8.M}",
511
+ "letterSpacing": "{letterSpacing.tight}"
512
+ },
513
+ "type": "typography"
514
+ },
515
+ "L": {
516
+ "value": {
517
+ "fontFamily": "{fontFamily.sans}",
518
+ "fontWeight": "{fontWeight.light}",
519
+ "lineHeight": "{lineHeight.2}",
520
+ "fontSize": "{fontSize.figma.8.L}",
521
+ "letterSpacing": "{letterSpacing.tight}"
522
+ },
523
+ "type": "typography"
524
+ },
525
+ "XL": {
526
+ "value": {
527
+ "fontFamily": "{fontFamily.sans}",
528
+ "fontWeight": "{fontWeight.light}",
529
+ "lineHeight": "{lineHeight.2}",
530
+ "fontSize": "{fontSize.figma.8.XL}",
531
+ "letterSpacing": "{letterSpacing.tight}"
532
+ },
533
+ "type": "typography"
534
+ },
535
+ "MAX": {
536
+ "value": {
537
+ "fontFamily": "{fontFamily.sans}",
538
+ "fontWeight": "{fontWeight.light}",
539
+ "lineHeight": "{lineHeight.2}",
540
+ "fontSize": "{fontSize.figma.8.MAX}",
541
+ "letterSpacing": "{letterSpacing.tight}"
542
+ },
543
+ "type": "typography"
544
+ }
545
+ },
546
+ "3-light": {
547
+ "S": {
548
+ "value": {
549
+ "fontFamily": "{fontFamily.sans}",
550
+ "fontWeight": "{fontWeight.light}",
551
+ "lineHeight": "{lineHeight.3}",
552
+ "fontSize": "{fontSize.figma.9.S}",
553
+ "letterSpacing": "{letterSpacing.tight}"
554
+ },
555
+ "type": "typography"
556
+ },
557
+ "M": {
558
+ "value": {
559
+ "fontFamily": "{fontFamily.sans}",
560
+ "fontWeight": "{fontWeight.light}",
561
+ "lineHeight": "{lineHeight.3}",
562
+ "fontSize": "{fontSize.figma.9.M}",
563
+ "letterSpacing": "{letterSpacing.tight}"
564
+ },
565
+ "type": "typography"
566
+ },
567
+ "L": {
568
+ "value": {
569
+ "fontFamily": "{fontFamily.sans}",
570
+ "fontWeight": "{fontWeight.light}",
571
+ "lineHeight": "{lineHeight.3}",
572
+ "fontSize": "{fontSize.figma.9.L}",
573
+ "letterSpacing": "{letterSpacing.tight}"
574
+ },
575
+ "type": "typography"
576
+ },
577
+ "XL": {
578
+ "value": {
579
+ "fontFamily": "{fontFamily.sans}",
580
+ "fontWeight": "{fontWeight.light}",
581
+ "lineHeight": "{lineHeight.3}",
582
+ "fontSize": "{fontSize.figma.9.XL}",
583
+ "letterSpacing": "{letterSpacing.tight}"
584
+ },
585
+ "type": "typography"
586
+ },
587
+ "MAX": {
588
+ "value": {
589
+ "fontFamily": "{fontFamily.sans}",
590
+ "fontWeight": "{fontWeight.light}",
591
+ "lineHeight": "{lineHeight.3}",
592
+ "fontSize": "{fontSize.figma.9.MAX}",
593
+ "letterSpacing": "{letterSpacing.tight}"
594
+ },
595
+ "type": "typography"
596
+ }
597
+ },
598
+ "4-light": {
599
+ "S": {
600
+ "value": {
601
+ "fontFamily": "{fontFamily.sans}",
602
+ "fontWeight": "{fontWeight.light}",
603
+ "lineHeight": "{lineHeight.2}",
604
+ "fontSize": "{fontSize.figma.10.S}",
605
+ "letterSpacing": "{letterSpacing.tight}"
606
+ },
607
+ "type": "typography"
608
+ },
609
+ "M": {
610
+ "value": {
611
+ "fontFamily": "{fontFamily.sans}",
612
+ "fontWeight": "{fontWeight.light}",
613
+ "lineHeight": "{lineHeight.2}",
614
+ "fontSize": "{fontSize.figma.10.M}",
615
+ "letterSpacing": "{letterSpacing.tight}"
616
+ },
617
+ "type": "typography"
618
+ },
619
+ "L": {
620
+ "value": {
621
+ "fontFamily": "{fontFamily.sans}",
622
+ "fontWeight": "{fontWeight.light}",
623
+ "lineHeight": "{lineHeight.2}",
624
+ "fontSize": "{fontSize.figma.10.L}",
625
+ "letterSpacing": "{letterSpacing.tight}"
626
+ },
627
+ "type": "typography"
628
+ },
629
+ "XL": {
630
+ "value": {
631
+ "fontFamily": "{fontFamily.sans}",
632
+ "fontWeight": "{fontWeight.light}",
633
+ "lineHeight": "{lineHeight.2}",
634
+ "fontSize": "{fontSize.figma.10.XL}",
635
+ "letterSpacing": "{letterSpacing.tight}"
636
+ },
637
+ "type": "typography"
638
+ },
639
+ "MAX": {
640
+ "value": {
641
+ "fontFamily": "{fontFamily.sans}",
642
+ "fontWeight": "{fontWeight.light}",
643
+ "lineHeight": "{lineHeight.2}",
644
+ "fontSize": "{fontSize.figma.10.MAX}",
645
+ "letterSpacing": "{letterSpacing.tight}"
646
+ },
647
+ "type": "typography"
648
+ }
649
+ },
650
+ "5-light": {
651
+ "S": {
652
+ "value": {
653
+ "fontFamily": "{fontFamily.sans}",
654
+ "fontWeight": "{fontWeight.light}",
655
+ "lineHeight": "{lineHeight.1}",
656
+ "fontSize": "{fontSize.figma.11.S}",
657
+ "letterSpacing": "{letterSpacing.tight}"
658
+ },
659
+ "type": "typography"
660
+ },
661
+ "M": {
662
+ "value": {
663
+ "fontFamily": "{fontFamily.sans}",
664
+ "fontWeight": "{fontWeight.light}",
665
+ "lineHeight": "{lineHeight.1}",
666
+ "fontSize": "{fontSize.figma.11.M}",
667
+ "letterSpacing": "{letterSpacing.tight}"
668
+ },
669
+ "type": "typography"
670
+ },
671
+ "L": {
672
+ "value": {
673
+ "fontFamily": "{fontFamily.sans}",
674
+ "fontWeight": "{fontWeight.light}",
675
+ "lineHeight": "{lineHeight.1}",
676
+ "fontSize": "{fontSize.figma.11.L}",
677
+ "letterSpacing": "{letterSpacing.tight}"
678
+ },
679
+ "type": "typography"
680
+ },
681
+ "XL": {
682
+ "value": {
683
+ "fontFamily": "{fontFamily.sans}",
684
+ "fontWeight": "{fontWeight.light}",
685
+ "lineHeight": "{lineHeight.1}",
686
+ "fontSize": "{fontSize.figma.11.XL}",
687
+ "letterSpacing": "{letterSpacing.tight}"
688
+ },
689
+ "type": "typography"
690
+ },
691
+ "MAX": {
692
+ "value": {
693
+ "fontFamily": "{fontFamily.sans}",
694
+ "fontWeight": "{fontWeight.light}",
695
+ "lineHeight": "{lineHeight.1}",
696
+ "fontSize": "{fontSize.figma.11.MAX}",
697
+ "letterSpacing": "{letterSpacing.tight}"
698
+ },
699
+ "type": "typography"
700
+ }
701
+ },
702
+ "5-serif": {
703
+ "S": {
704
+ "value": {
705
+ "fontFamily": "{fontFamily.serif}",
706
+ "fontWeight": "{fontWeight.regular}",
707
+ "lineHeight": "{lineHeight.1}",
708
+ "fontSize": "{fontSize.figma.11.S}",
709
+ "letterSpacing": "{letterSpacing.tight}"
710
+ },
711
+ "type": "typography"
712
+ },
713
+ "M": {
714
+ "value": {
715
+ "fontFamily": "{fontFamily.serif}",
716
+ "fontWeight": "{fontWeight.regular}",
717
+ "lineHeight": "{lineHeight.1}",
718
+ "fontSize": "{fontSize.figma.11.M}",
719
+ "letterSpacing": "{letterSpacing.tight}"
720
+ },
721
+ "type": "typography"
722
+ },
723
+ "L": {
724
+ "value": {
725
+ "fontFamily": "{fontFamily.serif}",
726
+ "fontWeight": "{fontWeight.regular}",
727
+ "lineHeight": "{lineHeight.1}",
728
+ "fontSize": "{fontSize.figma.11.L}",
729
+ "letterSpacing": "{letterSpacing.tight}"
730
+ },
731
+ "type": "typography"
732
+ },
733
+ "XL": {
734
+ "value": {
735
+ "fontFamily": "{fontFamily.serif}",
736
+ "fontWeight": "{fontWeight.regular}",
737
+ "lineHeight": "{lineHeight.1}",
738
+ "fontSize": "{fontSize.figma.11.XL}",
739
+ "letterSpacing": "{letterSpacing.tight}"
740
+ },
741
+ "type": "typography"
742
+ },
743
+ "MAX": {
744
+ "value": {
745
+ "fontFamily": "{fontFamily.serif}",
746
+ "fontWeight": "{fontWeight.regular}",
747
+ "lineHeight": "{lineHeight.1}",
748
+ "fontSize": "{fontSize.figma.11.MAX}",
749
+ "letterSpacing": "{letterSpacing.tight}"
750
+ },
751
+ "type": "typography"
752
+ }
753
+ },
754
+ "6-serif": {
755
+ "S": {
756
+ "value": {
757
+ "fontFamily": "{fontFamily.serif}",
758
+ "fontWeight": "{fontWeight.regular}",
759
+ "lineHeight": "{lineHeight.1}",
760
+ "fontSize": "{fontSize.figma.12.S}",
761
+ "letterSpacing": "{letterSpacing.tight}"
762
+ },
763
+ "type": "typography"
764
+ },
765
+ "M": {
766
+ "value": {
767
+ "fontFamily": "{fontFamily.serif}",
768
+ "fontWeight": "{fontWeight.regular}",
769
+ "lineHeight": "{lineHeight.1}",
770
+ "fontSize": "{fontSize.figma.12.M}",
771
+ "letterSpacing": "{letterSpacing.tight}"
772
+ },
773
+ "type": "typography"
774
+ },
775
+ "L": {
776
+ "value": {
777
+ "fontFamily": "{fontFamily.serif}",
778
+ "fontWeight": "{fontWeight.regular}",
779
+ "lineHeight": "{lineHeight.1}",
780
+ "fontSize": "{fontSize.figma.12.L}",
781
+ "letterSpacing": "{letterSpacing.tight}"
782
+ },
783
+ "type": "typography"
784
+ },
785
+ "XL": {
786
+ "value": {
787
+ "fontFamily": "{fontFamily.serif}",
788
+ "fontWeight": "{fontWeight.regular}",
789
+ "lineHeight": "{lineHeight.1}",
790
+ "fontSize": "{fontSize.figma.12.XL}",
791
+ "letterSpacing": "{letterSpacing.tight}"
792
+ },
793
+ "type": "typography"
794
+ },
795
+ "MAX": {
796
+ "value": {
797
+ "fontFamily": "{fontFamily.serif}",
798
+ "fontWeight": "{fontWeight.regular}",
799
+ "lineHeight": "{lineHeight.1}",
800
+ "fontSize": "{fontSize.figma.12.MAX}",
801
+ "letterSpacing": "{letterSpacing.tight}"
802
+ },
803
+ "type": "typography"
804
+ }
805
+ },
806
+ "7-serif": {
807
+ "S": {
808
+ "value": {
809
+ "fontFamily": "{fontFamily.serif}",
810
+ "fontWeight": "{fontWeight.regular}",
811
+ "lineHeight": "{lineHeight.1}",
812
+ "fontSize": "{fontSize.figma.13.S}",
813
+ "letterSpacing": "{letterSpacing.tight}"
814
+ },
815
+ "type": "typography"
816
+ },
817
+ "M": {
818
+ "value": {
819
+ "fontFamily": "{fontFamily.serif}",
820
+ "fontWeight": "{fontWeight.regular}",
821
+ "lineHeight": "{lineHeight.1}",
822
+ "fontSize": "{fontSize.figma.13.M}",
823
+ "letterSpacing": "{letterSpacing.tight}"
824
+ },
825
+ "type": "typography"
826
+ },
827
+ "L": {
828
+ "value": {
829
+ "fontFamily": "{fontFamily.serif}",
830
+ "fontWeight": "{fontWeight.regular}",
831
+ "lineHeight": "{lineHeight.1}",
832
+ "fontSize": "{fontSize.figma.13.L}",
833
+ "letterSpacing": "{letterSpacing.tight}"
834
+ },
835
+ "type": "typography"
836
+ },
837
+ "XL": {
838
+ "value": {
839
+ "fontFamily": "{fontFamily.serif}",
840
+ "fontWeight": "{fontWeight.regular}",
841
+ "lineHeight": "{lineHeight.1}",
842
+ "fontSize": "{fontSize.figma.13.XL}",
843
+ "letterSpacing": "{letterSpacing.tight}"
844
+ },
845
+ "type": "typography"
846
+ },
847
+ "MAX": {
848
+ "value": {
849
+ "fontFamily": "{fontFamily.serif}",
850
+ "fontWeight": "{fontWeight.regular}",
851
+ "lineHeight": "{lineHeight.1}",
852
+ "fontSize": "{fontSize.figma.13.MAX}",
853
+ "letterSpacing": "{letterSpacing.tight}"
854
+ },
855
+ "type": "typography"
856
+ }
857
+ }
858
+ },
859
+ "paragraph": {
860
+ "1": {
861
+ "S": {
862
+ "value": {
863
+ "fontFamily": "{fontFamily.sans}",
864
+ "fontWeight": "{fontWeight.light}",
865
+ "lineHeight": "{lineHeight.4}",
866
+ "fontSize": "{fontSize.figma.9.S}",
867
+ "letterSpacing": "{letterSpacing.tight}"
868
+ },
869
+ "type": "typography"
870
+ },
871
+ "M": {
872
+ "value": {
873
+ "fontFamily": "{fontFamily.sans}",
874
+ "fontWeight": "{fontWeight.light}",
875
+ "lineHeight": "{lineHeight.4}",
876
+ "fontSize": "{fontSize.figma.9.M}",
877
+ "letterSpacing": "{letterSpacing.tight}"
878
+ },
879
+ "type": "typography"
880
+ },
881
+ "L": {
882
+ "value": {
883
+ "fontFamily": "{fontFamily.sans}",
884
+ "fontWeight": "{fontWeight.light}",
885
+ "lineHeight": "{lineHeight.4}",
886
+ "fontSize": "{fontSize.figma.9.L}",
887
+ "letterSpacing": "{letterSpacing.tight}"
888
+ },
889
+ "type": "typography"
890
+ },
891
+ "XL": {
892
+ "value": {
893
+ "fontFamily": "{fontFamily.sans}",
894
+ "fontWeight": "{fontWeight.light}",
895
+ "lineHeight": "{lineHeight.4}",
896
+ "fontSize": "{fontSize.figma.9.XL}",
897
+ "letterSpacing": "{letterSpacing.tight}"
898
+ },
899
+ "type": "typography"
900
+ },
901
+ "MAX": {
902
+ "value": {
903
+ "fontFamily": "{fontFamily.sans}",
904
+ "fontWeight": "{fontWeight.light}",
905
+ "lineHeight": "{lineHeight.4}",
906
+ "fontSize": "{fontSize.figma.9.MAX}",
907
+ "letterSpacing": "{letterSpacing.tight}"
908
+ },
909
+ "type": "typography"
910
+ }
911
+ }
912
+ },
913
+ "quotation": {
914
+ "1": {
915
+ "S": {
916
+ "value": {
917
+ "fontFamily": "{fontFamily.serif}",
918
+ "fontWeight": "{fontWeight.regular}",
919
+ "lineHeight": "{lineHeight.4}",
920
+ "fontSize": "{fontSize.figma.9.S}",
921
+ "letterSpacing": "{letterSpacing.tight}"
922
+ },
923
+ "type": "typography"
924
+ },
925
+ "M": {
926
+ "value": {
927
+ "fontFamily": "{fontFamily.serif}",
928
+ "fontWeight": "{fontWeight.regular}",
929
+ "lineHeight": "{lineHeight.4}",
930
+ "fontSize": "{fontSize.figma.9.M}",
931
+ "letterSpacing": "{letterSpacing.tight}"
932
+ },
933
+ "type": "typography"
934
+ },
935
+ "L": {
936
+ "value": {
937
+ "fontFamily": "{fontFamily.serif}",
938
+ "fontWeight": "{fontWeight.regular}",
939
+ "lineHeight": "{lineHeight.4}",
940
+ "fontSize": "{fontSize.figma.9.L}",
941
+ "letterSpacing": "{letterSpacing.tight}"
942
+ },
943
+ "type": "typography"
944
+ },
945
+ "XL": {
946
+ "value": {
947
+ "fontFamily": "{fontFamily.serif}",
948
+ "fontWeight": "{fontWeight.regular}",
949
+ "lineHeight": "{lineHeight.4}",
950
+ "fontSize": "{fontSize.figma.9.XL}",
951
+ "letterSpacing": "{letterSpacing.tight}"
952
+ },
953
+ "type": "typography"
954
+ },
955
+ "MAX": {
956
+ "value": {
957
+ "fontFamily": "{fontFamily.serif}",
958
+ "fontWeight": "{fontWeight.regular}",
959
+ "lineHeight": "{lineHeight.4}",
960
+ "fontSize": "{fontSize.figma.9.MAX}",
961
+ "letterSpacing": "{letterSpacing.tight}"
962
+ },
963
+ "type": "typography"
964
+ }
965
+ },
966
+ "2": {
967
+ "S": {
968
+ "value": {
969
+ "fontFamily": "{fontFamily.serif}",
970
+ "fontWeight": "{fontWeight.regular}",
971
+ "lineHeight": "{lineHeight.4}",
972
+ "fontSize": "{fontSize.figma.10.S}",
973
+ "letterSpacing": "{letterSpacing.tight}"
974
+ },
975
+ "type": "typography"
976
+ },
977
+ "M": {
978
+ "value": {
979
+ "fontFamily": "{fontFamily.serif}",
980
+ "fontWeight": "{fontWeight.regular}",
981
+ "lineHeight": "{lineHeight.4}",
982
+ "fontSize": "{fontSize.figma.10.M}",
983
+ "letterSpacing": "{letterSpacing.tight}"
984
+ },
985
+ "type": "typography"
986
+ },
987
+ "L": {
988
+ "value": {
989
+ "fontFamily": "{fontFamily.serif}",
990
+ "fontWeight": "{fontWeight.regular}",
991
+ "lineHeight": "{lineHeight.4}",
992
+ "fontSize": "{fontSize.figma.10.L}",
993
+ "letterSpacing": "{letterSpacing.tight}"
994
+ },
995
+ "type": "typography"
996
+ },
997
+ "XL": {
998
+ "value": {
999
+ "fontFamily": "{fontFamily.serif}",
1000
+ "fontWeight": "{fontWeight.regular}",
1001
+ "lineHeight": "{lineHeight.4}",
1002
+ "fontSize": "{fontSize.figma.10.XL}",
1003
+ "letterSpacing": "{letterSpacing.tight}"
1004
+ },
1005
+ "type": "typography"
1006
+ },
1007
+ "MAX": {
1008
+ "value": {
1009
+ "fontFamily": "{fontFamily.serif}",
1010
+ "fontWeight": "{fontWeight.regular}",
1011
+ "lineHeight": "{lineHeight.4}",
1012
+ "fontSize": "{fontSize.figma.10.MAX}",
1013
+ "letterSpacing": "{letterSpacing.tight}"
1014
+ },
1015
+ "type": "typography"
1016
+ }
1017
+ },
1018
+ "3": {
1019
+ "S": {
1020
+ "value": {
1021
+ "fontFamily": "{fontFamily.serif}",
1022
+ "fontWeight": "{fontWeight.regular}",
1023
+ "lineHeight": "{lineHeight.3}",
1024
+ "fontSize": "{fontSize.figma.11.S}",
1025
+ "letterSpacing": "{letterSpacing.tight}"
1026
+ },
1027
+ "type": "typography"
1028
+ },
1029
+ "M": {
1030
+ "value": {
1031
+ "fontFamily": "{fontFamily.serif}",
1032
+ "fontWeight": "{fontWeight.regular}",
1033
+ "lineHeight": "{lineHeight.3}",
1034
+ "fontSize": "{fontSize.figma.11.M}",
1035
+ "letterSpacing": "{letterSpacing.tight}"
1036
+ },
1037
+ "type": "typography"
1038
+ },
1039
+ "L": {
1040
+ "value": {
1041
+ "fontFamily": "{fontFamily.serif}",
1042
+ "fontWeight": "{fontWeight.regular}",
1043
+ "lineHeight": "{lineHeight.3}",
1044
+ "fontSize": "{fontSize.figma.11.L}",
1045
+ "letterSpacing": "{letterSpacing.tight}"
1046
+ },
1047
+ "type": "typography"
1048
+ },
1049
+ "XL": {
1050
+ "value": {
1051
+ "fontFamily": "{fontFamily.serif}",
1052
+ "fontWeight": "{fontWeight.regular}",
1053
+ "lineHeight": "{lineHeight.3}",
1054
+ "fontSize": "{fontSize.figma.11.XL}",
1055
+ "letterSpacing": "{letterSpacing.tight}"
1056
+ },
1057
+ "type": "typography"
1058
+ },
1059
+ "MAX": {
1060
+ "value": {
1061
+ "fontFamily": "{fontFamily.serif}",
1062
+ "fontWeight": "{fontWeight.regular}",
1063
+ "lineHeight": "{lineHeight.3}",
1064
+ "fontSize": "{fontSize.figma.11.MAX}",
1065
+ "letterSpacing": "{letterSpacing.tight}"
1066
+ },
1067
+ "type": "typography"
1068
+ }
1069
+ }
1070
+ },
1071
+ "caption": {
1072
+ "1": {
1073
+ "value": {
1074
+ "fontFamily": "{fontFamily.sans}",
1075
+ "fontWeight": "{fontWeight.regular}",
1076
+ "lineHeight": "{lineHeight.4}",
1077
+ "fontSize": "{fontSize.static.1}",
1078
+ "letterSpacing": "{letterSpacing.loose}"
1079
+ },
1080
+ "type": "typography"
1081
+ },
1082
+ "2": {
1083
+ "value": {
1084
+ "fontFamily": "{fontFamily.sans}",
1085
+ "fontWeight": "{fontWeight.regular}",
1086
+ "lineHeight": "{lineHeight.4}",
1087
+ "fontSize": "{fontSize.static.2}",
1088
+ "letterSpacing": "{letterSpacing.loose}"
1089
+ },
1090
+ "type": "typography"
1091
+ }
1092
+ },
1093
+ "code": {
1094
+ "1": {
1095
+ "value": {
1096
+ "fontFamily": "{fontFamily.sans}",
1097
+ "fontWeight": "{fontWeight.regular}",
1098
+ "lineHeight": "{lineHeight.4}",
1099
+ "fontSize": "{fontSize.static.2}"
1100
+ },
1101
+ "type": "typography"
1102
+ },
1103
+ "2": {
1104
+ "value": {
1105
+ "fontFamily": "{fontFamily.sans}",
1106
+ "fontWeight": "{fontWeight.regular}",
1107
+ "lineHeight": "{lineHeight.4}",
1108
+ "fontSize": "{fontSize.static.3}"
1109
+ },
1110
+ "type": "typography"
1111
+ }
1112
+ },
1113
+ "supporting": {
1114
+ "helper-text": {
1115
+ "1": {
1116
+ "value": {
1117
+ "fontFamily": "{fontFamily.sans}",
1118
+ "fontWeight": "{fontWeight.regular}",
1119
+ "lineHeight": "{lineHeight.4}",
1120
+ "fontSize": "{fontSize.static.1}",
1121
+ "letterSpacing": "{letterSpacing.loose}"
1122
+ },
1123
+ "type": "typography"
1124
+ },
1125
+ "1-caps": {
1126
+ "value": {
1127
+ "fontFamily": "{fontFamily.sans}",
1128
+ "fontWeight": "{fontWeight.regular}",
1129
+ "lineHeight": "{lineHeight.4}",
1130
+ "fontSize": "{fontSize.static.1}",
1131
+ "letterSpacing": "{letterSpacing.loose}",
1132
+ "textCase": "{textCase.uppercase}"
1133
+ },
1134
+ "type": "typography"
1135
+ }
1136
+ },
1137
+ "support-text": {
1138
+ "1": {
1139
+ "value": {
1140
+ "fontFamily": "{fontFamily.accent}",
1141
+ "fontWeight": "{fontWeight.medium}",
1142
+ "lineHeight": "{lineHeight.4}",
1143
+ "fontSize": "{fontSize.static.1}",
1144
+ "letterSpacing": "{letterSpacing.loose}",
1145
+ "textCase": "{textCase.uppercase}"
1146
+ },
1147
+ "type": "typography"
1148
+ },
1149
+ "2": {
1150
+ "value": {
1151
+ "fontFamily": "{fontFamily.accent}",
1152
+ "fontWeight": "{fontWeight.medium}",
1153
+ "lineHeight": "{lineHeight.4}",
1154
+ "fontSize": "{fontSize.static.3}",
1155
+ "letterSpacing": "{letterSpacing.loose}",
1156
+ "textCase": "{textCase.uppercase}"
1157
+ },
1158
+ "type": "typography"
1159
+ }
1160
+ }
1161
+ },
1162
+ "fontFamily": {
1163
+ "sans": {
1164
+ "value": "Aktiv Grotesk VF",
1165
+ "type": "fontFamilies"
1166
+ },
1167
+ "serif": {
1168
+ "value": "Ivar Text",
1169
+ "type": "fontFamilies"
1170
+ },
1171
+ "display": {
1172
+ "value": "Recoleta",
1173
+ "type": "fontFamilies"
1174
+ },
1175
+ "accent": {
1176
+ "value": "Aktiv Grotesk Ex",
1177
+ "type": "fontFamilies"
1178
+ }
1179
+ },
1180
+ "fontWeight": {
1181
+ "regular": {
1182
+ "value": "Regular",
1183
+ "type": "fontWeights"
1184
+ },
1185
+ "light": {
1186
+ "value": "Light",
1187
+ "type": "fontWeights"
1188
+ },
1189
+ "medium": {
1190
+ "value": "Medium",
1191
+ "type": "fontWeights"
1192
+ },
1193
+ "bold": {
1194
+ "value": "Bold",
1195
+ "type": "fontWeights"
1196
+ }
1197
+ },
1198
+ "letterSpacing": {
1199
+ "none": {
1200
+ "value": "0%",
1201
+ "type": "letterSpacing",
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
+ },
1204
+ "tight": {
1205
+ "value": "-2%",
1206
+ "type": "letterSpacing"
1207
+ },
1208
+ "loose": {
1209
+ "value": "3%",
1210
+ "type": "letterSpacing"
1211
+ }
1212
+ },
1213
+ "statistic": {
1214
+ "1": {
1215
+ "S": {
1216
+ "value": {
1217
+ "fontFamily": "{fontFamily.sans}",
1218
+ "fontWeight": "{fontWeight.regular}",
1219
+ "lineHeight": "{lineHeight.2}",
1220
+ "fontSize": "{fontSize.figma.12.S}",
1221
+ "letterSpacing": "{letterSpacing.tight}"
1222
+ },
1223
+ "type": "typography"
1224
+ },
1225
+ "M": {
1226
+ "value": {
1227
+ "fontFamily": "{fontFamily.sans}",
1228
+ "fontWeight": "{fontWeight.regular}",
1229
+ "lineHeight": "{lineHeight.2}",
1230
+ "fontSize": "{fontSize.figma.12.M}",
1231
+ "letterSpacing": "{letterSpacing.tight}"
1232
+ },
1233
+ "type": "typography"
1234
+ },
1235
+ "L": {
1236
+ "value": {
1237
+ "fontFamily": "{fontFamily.sans}",
1238
+ "fontWeight": "{fontWeight.regular}",
1239
+ "lineHeight": "{lineHeight.2}",
1240
+ "fontSize": "{fontSize.figma.12.L}",
1241
+ "letterSpacing": "{letterSpacing.tight}"
1242
+ },
1243
+ "type": "typography"
1244
+ },
1245
+ "XL": {
1246
+ "value": {
1247
+ "fontFamily": "{fontFamily.sans}",
1248
+ "fontWeight": "{fontWeight.regular}",
1249
+ "lineHeight": "{lineHeight.2}",
1250
+ "fontSize": "{fontSize.figma.12.XL}",
1251
+ "letterSpacing": "{letterSpacing.tight}"
1252
+ },
1253
+ "type": "typography"
1254
+ },
1255
+ "MAX": {
1256
+ "value": {
1257
+ "fontFamily": "{fontFamily.sans}",
1258
+ "fontWeight": "{fontWeight.regular}",
1259
+ "lineHeight": "{lineHeight.2}",
1260
+ "fontSize": "{fontSize.figma.12.MAX}",
1261
+ "letterSpacing": "{letterSpacing.tight}"
1262
+ },
1263
+ "type": "typography"
1264
+ }
1265
+ }
1266
+ }
1267
+ }