@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/valet-core.json CHANGED
@@ -6,6 +6,10 @@
6
6
  },
7
7
  "fontSize": {
8
8
  "static": {
9
+ "0": {
10
+ "value": "{rem}*.625",
11
+ "type": "fontSizes"
12
+ },
9
13
  "1": {
10
14
  "value": ".75 * {rem}",
11
15
  "type": "fontSizes",
@@ -30,334 +34,419 @@
30
34
  },
31
35
  "figma": {
32
36
  "1": {
33
- "s": {
34
- "value": "12.34",
35
- "type": "other",
36
- "description": "All of these fontSizes.figma tokens are used exclusively for convenience in Figma. We use them to generate the suite of styles we use in Figma and correspond to the screen size values in breakpoints. They are a representation of the responsive sizes generated by the clamp functions in the fontSizes.responsive object"
37
- },
38
- "m": {
39
- "value": "11.07",
40
- "type": "other"
41
- },
42
- "l": {
43
- "value": "9.8",
44
- "type": "other"
45
- },
46
- "xl": {
47
- "value": "9.05",
48
- "type": "other"
49
- },
50
- "max": {
51
- "value": "11.07",
52
- "type": "other"
37
+ "S": {
38
+ "value": "12.29",
39
+ "type": "number"
40
+ },
41
+ "M": {
42
+ "value": "11.25",
43
+ "type": "number"
44
+ },
45
+ "L": {
46
+ "value": "10.03",
47
+ "type": "number"
48
+ },
49
+ "XL": {
50
+ "value": "9.21",
51
+ "type": "number"
52
+ },
53
+ "XXL": {
54
+ "value": "8.52",
55
+ "type": "number"
56
+ },
57
+ "MAX": {
58
+ "value": "8.17",
59
+ "type": "number"
53
60
  }
54
61
  },
55
62
  "2": {
56
- "s": {
57
- "value": "13.17",
58
- "type": "other"
63
+ "S": {
64
+ "value": "13.12",
65
+ "type": "number"
66
+ },
67
+ "M": {
68
+ "value": "12.28",
69
+ "type": "number"
59
70
  },
60
- "m": {
61
- "value": "12.19",
62
- "type": "other"
71
+ "L": {
72
+ "value": "11.30",
73
+ "type": "number"
63
74
  },
64
- "l": {
65
- "value": "11.17",
66
- "type": "other"
75
+ "XL": {
76
+ "value": "10.64",
77
+ "type": "number"
67
78
  },
68
- "xl": {
69
- "value": "10.55",
70
- "type": "other"
79
+ "XXL": {
80
+ "value": "10.08",
81
+ "type": "number"
71
82
  },
72
- "max": {
73
- "value": "9.84",
74
- "type": "other"
83
+ "MAX": {
84
+ "value": "9.92",
85
+ "type": "number"
75
86
  }
76
87
  },
77
88
  "3": {
78
- "s": {
79
- "value": "14.05",
80
- "type": "other"
89
+ "S": {
90
+ "value": "14.02",
91
+ "type": "number"
81
92
  },
82
- "m": {
83
- "value": "13.42",
84
- "type": "other"
93
+ "M": {
94
+ "value": "13.44",
95
+ "type": "number"
85
96
  },
86
- "l": {
87
- "value": "12.74",
88
- "type": "other"
97
+ "L": {
98
+ "value": "12.78",
99
+ "type": "number"
89
100
  },
90
- "xl": {
91
- "value": "12.31",
92
- "type": "other"
101
+ "XL": {
102
+ "value": "12.33",
103
+ "type": "number"
93
104
  },
94
- "max": {
95
- "value": "11.81",
96
- "type": "other"
105
+ "XXL": {
106
+ "value": "11.95",
107
+ "type": "number"
108
+ },
109
+ "MAX": {
110
+ "value": "11.84",
111
+ "type": "number"
97
112
  }
98
113
  },
99
114
  "4": {
100
- "s": {
101
- "value": "15",
102
- "type": "other"
115
+ "S": {
116
+ "value": "15.01",
117
+ "type": "number"
118
+ },
119
+ "M": {
120
+ "value": "14.81",
121
+ "type": "number"
103
122
  },
104
- "m": {
105
- "value": "14.77",
106
- "type": "other"
123
+ "L": {
124
+ "value": "14.57",
125
+ "type": "number"
107
126
  },
108
- "l": {
109
- "value": "14.52",
110
- "type": "other"
127
+ "XL": {
128
+ "value": "14.41",
129
+ "type": "number"
111
130
  },
112
- "xl": {
113
- "value": "14.36",
114
- "type": "other"
131
+ "XXL": {
132
+ "value": "14.28",
133
+ "type": "number"
115
134
  },
116
- "max": {
117
- "value": "14.17",
118
- "type": "other"
135
+ "MAX": {
136
+ "value": "14.24",
137
+ "type": "number"
119
138
  }
120
139
  },
121
140
  "5": {
122
- "s": {
123
- "value": "16",
124
- "type": "other"
141
+ "S": {
142
+ "value": "16.00",
143
+ "type": "number"
144
+ },
145
+ "M": {
146
+ "value": "16.20",
147
+ "type": "number"
125
148
  },
126
- "m": {
127
- "value": "16.25",
128
- "type": "other"
149
+ "L": {
150
+ "value": "16.52",
151
+ "type": "number"
129
152
  },
130
- "l": {
131
- "value": "16.55",
132
- "type": "other"
153
+ "XL": {
154
+ "value": "16.73",
155
+ "type": "number"
133
156
  },
134
- "xl": {
135
- "value": "16.75",
136
- "type": "other"
157
+ "XXL": {
158
+ "value": "16.91",
159
+ "type": "number"
137
160
  },
138
- "max": {
139
- "value": "17",
140
- "type": "other"
161
+ "MAX": {
162
+ "value": "16.96",
163
+ "type": "number"
141
164
  }
142
165
  },
143
166
  "6": {
144
- "s": {
145
- "value": "17.07",
146
- "type": "other"
167
+ "S": {
168
+ "value": "17.12",
169
+ "type": "number"
147
170
  },
148
- "m": {
149
- "value": "17.89",
150
- "type": "other"
171
+ "M": {
172
+ "value": "17.96",
173
+ "type": "number"
151
174
  },
152
- "l": {
153
- "value": "18.86",
154
- "type": "other"
175
+ "L": {
176
+ "value": "18.94",
177
+ "type": "number"
155
178
  },
156
- "xl": {
157
- "value": "19.53",
158
- "type": "other"
179
+ "XL": {
180
+ "value": "19.60",
181
+ "type": "number"
159
182
  },
160
- "max": {
161
- "value": "20.4",
162
- "type": "other"
183
+ "XXL": {
184
+ "value": "20.16",
185
+ "type": "number"
186
+ },
187
+ "MAX": {
188
+ "value": "20.44",
189
+ "type": "number"
163
190
  }
164
191
  },
165
192
  "7": {
166
- "s": {
167
- "value": "18.22",
168
- "type": "other"
193
+ "S": {
194
+ "value": "18.24",
195
+ "type": "number"
196
+ },
197
+ "M": {
198
+ "value": "19.72",
199
+ "type": "number"
169
200
  },
170
- "m": {
171
- "value": "19.69",
172
- "type": "other"
201
+ "L": {
202
+ "value": "21.57",
203
+ "type": "number"
173
204
  },
174
- "l": {
175
- "value": "21.5",
176
- "type": "other"
205
+ "XL": {
206
+ "value": "22.81",
207
+ "type": "number"
177
208
  },
178
- "xl": {
179
- "value": "22.78",
180
- "type": "other"
209
+ "XXL": {
210
+ "value": "23.86",
211
+ "type": "number"
181
212
  },
182
- "max": {
183
- "value": "24.48",
184
- "type": "other"
213
+ "MAX": {
214
+ "value": "24.39",
215
+ "type": "number"
185
216
  }
186
217
  },
187
218
  "8": {
188
- "s": {
189
- "value": "19.44",
190
- "type": "other"
219
+ "S": {
220
+ "value": "19.52",
221
+ "type": "number"
191
222
  },
192
- "m": {
193
- "value": "21.67",
194
- "type": "other"
223
+ "M": {
224
+ "value": "22.04",
225
+ "type": "number"
195
226
  },
196
- "l": {
197
- "value": "24.51",
198
- "type": "other"
227
+ "L": {
228
+ "value": "24.98",
229
+ "type": "number"
199
230
  },
200
- "xl": {
201
- "value": "26.57",
202
- "type": "other"
231
+ "XL": {
232
+ "value": "26.96",
233
+ "type": "number"
203
234
  },
204
- "max": {
205
- "value": "29.38",
206
- "type": "other"
235
+ "XXL": {
236
+ "value": "28.64",
237
+ "type": "number"
238
+ },
239
+ "MAX": {
240
+ "value": "29.44",
241
+ "type": "number"
207
242
  }
208
243
  },
209
244
  "9": {
210
- "s": {
211
- "value": "20.74",
212
- "type": "other"
245
+ "S": {
246
+ "value": "20.80",
247
+ "type": "number"
248
+ },
249
+ "M": {
250
+ "value": "24.43",
251
+ "type": "number"
213
252
  },
214
- "m": {
215
- "value": "23.85",
216
- "type": "other"
253
+ "L": {
254
+ "value": "28.70",
255
+ "type": "number"
217
256
  },
218
- "l": {
219
- "value": "27.94",
220
- "type": "other"
257
+ "XL": {
258
+ "value": "31.58",
259
+ "type": "number"
221
260
  },
222
- "xl": {
223
- "value": "30.99",
224
- "type": "other"
261
+ "XXL": {
262
+ "value": "34.02",
263
+ "type": "number"
225
264
  },
226
- "max": {
227
- "value": "35.25",
228
- "type": "other"
265
+ "MAX": {
266
+ "value": "35.20",
267
+ "type": "number"
229
268
  }
230
269
  },
231
270
  "10": {
232
- "s": {
233
- "value": "22.13",
234
- "type": "other"
271
+ "S": {
272
+ "value": "22.14",
273
+ "type": "number"
235
274
  },
236
- "m": {
237
- "value": "26.25",
238
- "type": "other"
275
+ "M": {
276
+ "value": "27.25",
277
+ "type": "number"
239
278
  },
240
- "l": {
241
- "value": "31.85",
242
- "type": "other"
279
+ "L": {
280
+ "value": "33.21",
281
+ "type": "number"
243
282
  },
244
- "xl": {
245
- "value": "36.15",
246
- "type": "other"
283
+ "XL": {
284
+ "value": "37.22",
285
+ "type": "number"
247
286
  },
248
- "max": {
249
- "value": "42.3",
250
- "type": "other"
287
+ "XXL": {
288
+ "value": "40.63",
289
+ "type": "number"
290
+ },
291
+ "MAX": {
292
+ "value": "42.24",
293
+ "type": "number"
251
294
  }
252
295
  },
253
296
  "11": {
254
- "s": {
255
- "value": "23.61",
256
- "type": "other"
297
+ "S": {
298
+ "value": "23.68",
299
+ "type": "number"
300
+ },
301
+ "M": {
302
+ "value": "30.50",
303
+ "type": "number"
257
304
  },
258
- "m": {
259
- "value": "28.9",
260
- "type": "other"
305
+ "L": {
306
+ "value": "38.50",
307
+ "type": "number"
261
308
  },
262
- "l": {
263
- "value": "36.31",
264
- "type": "other"
309
+ "XL": {
310
+ "value": "43.88",
311
+ "type": "number"
265
312
  },
266
- "xl": {
267
- "value": "42.16",
268
- "type": "other"
313
+ "XXL": {
314
+ "value": "48.45",
315
+ "type": "number"
269
316
  },
270
- "max": {
271
- "value": "50.76",
272
- "type": "other"
317
+ "MAX": {
318
+ "value": "50.72",
319
+ "type": "number"
273
320
  }
274
321
  },
275
322
  "12": {
276
- "s": {
277
- "value": "25.19",
278
- "type": "other"
323
+ "S": {
324
+ "value": "25.25",
325
+ "type": "number"
279
326
  },
280
- "m": {
281
- "value": "31.8",
282
- "type": "other"
327
+ "M": {
328
+ "value": "34.29",
329
+ "type": "number"
283
330
  },
284
- "l": {
285
- "value": "41.39",
286
- "type": "other"
331
+ "L": {
332
+ "value": "44.83",
333
+ "type": "number"
287
334
  },
288
- "xl": {
289
- "value": "49.17",
290
- "type": "other"
335
+ "XL": {
336
+ "value": "51.93",
337
+ "type": "number"
291
338
  },
292
- "max": {
293
- "value": "60.91",
294
- "type": "other"
339
+ "XXL": {
340
+ "value": "57.96",
341
+ "type": "number"
342
+ },
343
+ "MAX": {
344
+ "value": "60.96",
345
+ "type": "number"
295
346
  }
296
347
  },
297
348
  "13": {
298
- "s": {
349
+ "S": {
299
350
  "value": "26.88",
300
- "type": "other"
351
+ "type": "number"
352
+ },
353
+ "M": {
354
+ "value": "38.51",
355
+ "type": "number"
301
356
  },
302
- "m": {
303
- "value": "35",
304
- "type": "other"
357
+ "L": {
358
+ "value": "52.15",
359
+ "type": "number"
305
360
  },
306
- "l": {
307
- "value": "47.18",
308
- "type": "other"
361
+ "XL": {
362
+ "value": "61.34",
363
+ "type": "number"
309
364
  },
310
- "xl": {
311
- "value": "57.35",
312
- "type": "other"
365
+ "XXL": {
366
+ "value": "69.13",
367
+ "type": "number"
313
368
  },
314
- "max": {
315
- "value": "73.1",
316
- "type": "other"
369
+ "MAX": {
370
+ "value": "73.03",
371
+ "type": "number"
317
372
  }
318
373
  },
319
374
  "14": {
320
- "s": {
321
- "value": "28.68",
322
- "type": "other"
375
+ "S": {
376
+ "value": "28.64",
377
+ "type": "number"
378
+ },
379
+ "M": {
380
+ "value": "43.59",
381
+ "type": "number"
323
382
  },
324
- "m": {
325
- "value": "38.53",
326
- "type": "other"
383
+ "L": {
384
+ "value": "61.04",
385
+ "type": "number"
327
386
  },
328
- "l": {
329
- "value": "53.78",
330
- "type": "other"
387
+ "XL": {
388
+ "value": "72.78",
389
+ "type": "number"
331
390
  },
332
- "xl": {
333
- "value": "66.9",
334
- "type": "other"
391
+ "XXL": {
392
+ "value": "82.75",
393
+ "type": "number"
335
394
  },
336
- "max": {
337
- "value": "87.72",
338
- "type": "other"
395
+ "MAX": {
396
+ "value": "87.68",
397
+ "type": "number"
339
398
  }
340
399
  },
341
400
  "15": {
342
- "s": {
343
- "value": "30.6",
344
- "type": "other"
401
+ "S": {
402
+ "value": "30.62",
403
+ "type": "number"
345
404
  },
346
- "m": {
347
- "value": "42.41",
348
- "type": "other"
405
+ "M": {
406
+ "value": "49.51",
407
+ "type": "number"
349
408
  },
350
- "l": {
351
- "value": "61.3",
352
- "type": "other"
409
+ "L": {
410
+ "value": "71.54",
411
+ "type": "number"
353
412
  },
354
- "xl": {
355
- "value": "78.02",
356
- "type": "other"
413
+ "XL": {
414
+ "value": "86.37",
415
+ "type": "number"
357
416
  },
358
- "max": {
417
+ "XXL": {
418
+ "value": "98.96",
419
+ "type": "number"
420
+ },
421
+ "MAX": {
359
422
  "value": "105.26",
360
- "type": "other"
423
+ "type": "number"
424
+ }
425
+ },
426
+ "12b": {
427
+ "S": {
428
+ "value": "48.00",
429
+ "type": "number"
430
+ },
431
+ "M": {
432
+ "value": "51.02",
433
+ "type": "number"
434
+ },
435
+ "L": {
436
+ "value": "54.55",
437
+ "type": "number"
438
+ },
439
+ "XL": {
440
+ "value": "56.93",
441
+ "type": "number"
442
+ },
443
+ "XXL": {
444
+ "value": "58.94",
445
+ "type": "number"
446
+ },
447
+ "MAX": {
448
+ "value": "59.95",
449
+ "type": "number"
361
450
  }
362
451
  }
363
452
  },
@@ -422,11 +511,20 @@
422
511
  "15": {
423
512
  "value": "clamp(1.91rem, calc(0.79rem + 5.62vw), 6.58rem)",
424
513
  "type": "fontSizes"
514
+ },
515
+ "12b": {
516
+ "value": "clamp(3.00rem, calc(2.82rem + 0.90vw), 3.75rem)",
517
+ "type": "fontSizes",
518
+ "description": "lower contrast token for statistics. "
425
519
  }
426
520
  }
427
521
  },
428
522
  "borderRadius": {
429
523
  "static": {
524
+ "0": {
525
+ "value": "{rem}*.13",
526
+ "type": "borderRadius"
527
+ },
430
528
  "1": {
431
529
  "value": "{rem} * .25",
432
530
  "type": "borderRadius"
@@ -727,7 +825,7 @@
727
825
  "description": "in Figma, letter spacing values need to be % but in production they need to be expressed in em to work with varable fonts"
728
826
  },
729
827
  "tight": {
730
- "value": "-.01em",
828
+ "value": "-.02em",
731
829
  "type": "letterSpacing"
732
830
  },
733
831
  "loose": {
@@ -1941,8 +2039,9 @@
1941
2039
  "description": "656–1047px"
1942
2040
  },
1943
2041
  "L": {
1944
- "value": "1048–1311px",
1945
- "type": "sizing"
2042
+ "value": "1048",
2043
+ "type": "sizing",
2044
+ "description": "1048-1311px"
1946
2045
  },
1947
2046
  "XL": {
1948
2047
  "value": "1312",
@@ -1977,4 +2076,4 @@
1977
2076
  "description": "max-width: 1536px"
1978
2077
  }
1979
2078
  }
1980
- }
2079
+ }