@clickhouse/click-ui 0.0.0 → 0.0.2

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 (236) hide show
  1. package/.eslintrc.cjs +1 -0
  2. package/.prettierrc +14 -0
  3. package/.storybook/main.ts +1 -0
  4. package/.storybook/manager.ts +11 -0
  5. package/.storybook/preview-head.html +2 -4
  6. package/.storybook/preview.tsx +13 -4
  7. package/.storybook/theme.ts +16 -0
  8. package/build-tokens.js +6 -6
  9. package/package.json +25 -5
  10. package/public/favicon.ico +0 -0
  11. package/public/logo.svg +17 -0
  12. package/src/App.tsx +102 -39
  13. package/src/components/Accordion/Accordion.stories.tsx +4 -54
  14. package/src/components/Accordion/Accordion.tsx +1 -0
  15. package/src/components/Alert/Alert.stories.tsx +14 -0
  16. package/src/components/Alert/Alert.test.tsx +27 -0
  17. package/src/components/Alert/Alert.tsx +130 -0
  18. package/src/components/Avatar/Avatar.stories.tsx +13 -0
  19. package/src/components/Avatar/Avatar.tsx +64 -0
  20. package/src/components/Badge/Badge.stories.ts +19 -3
  21. package/src/components/Badge/Badge.test.tsx +6 -1
  22. package/src/components/Badge/Badge.tsx +67 -13
  23. package/src/components/BigStat/BigStat.stories.ts +10 -5
  24. package/src/components/BigStat/BigStat.tsx +36 -24
  25. package/src/components/Button/Button.stories.ts +12 -68
  26. package/src/components/Button/Button.test.tsx +2 -2
  27. package/src/components/Button/Button.tsx +59 -41
  28. package/src/components/ButtonGroup/ButtonGroup.stories.ts +3 -3
  29. package/src/components/Card/Card.stories.ts +3 -3
  30. package/src/components/Checkbox/Checkbox.stories.tsx +35 -0
  31. package/src/components/Checkbox/Checkbox.test.tsx +41 -0
  32. package/src/components/Checkbox/Checkbox.tsx +89 -0
  33. package/src/components/ContextMenu/ContextMenu.stories.tsx +73 -0
  34. package/src/components/ContextMenu/ContextMenu.test.tsx +152 -0
  35. package/src/components/ContextMenu/ContextMenu.tsx +155 -0
  36. package/src/components/Dropdown/Dropdown.stories.tsx +64 -0
  37. package/src/components/Dropdown/Dropdown.test.tsx +141 -0
  38. package/src/components/Dropdown/Dropdown.tsx +149 -0
  39. package/src/components/FormField/Label.stories.tsx +39 -0
  40. package/src/components/FormField/Label.tsx +47 -0
  41. package/src/components/FormField/Select.stories.tsx +48 -0
  42. package/src/components/FormField/Select.test.tsx +216 -0
  43. package/src/components/FormField/Select.tsx +574 -0
  44. package/src/components/FormField/SelectContext.tsx +101 -0
  45. package/src/components/FormField/commonElement.tsx +42 -0
  46. package/src/components/GenericMenu.tsx +114 -0
  47. package/src/components/HoverCard/HoverCard.stories.tsx +64 -0
  48. package/src/components/HoverCard/HoverCard.test.tsx +85 -0
  49. package/src/components/HoverCard/HoverCard.tsx +65 -0
  50. package/src/components/Icon/Icon.stories.ts +4 -35
  51. package/src/components/Icon/Icon.tsx +166 -18
  52. package/src/components/Icon/types.ts +78 -1
  53. package/src/components/IconButton/IconButton.stories.ts +25 -7
  54. package/src/components/IconButton/IconButton.test.tsx +32 -0
  55. package/src/components/IconButton/IconButton.tsx +60 -71
  56. package/src/components/Panel/Panel.stories.tsx +25 -0
  57. package/src/components/Panel/Panel.tsx +33 -0
  58. package/src/components/Popover/Popover.stories.tsx +67 -0
  59. package/src/components/Popover/Popover.test.tsx +46 -0
  60. package/src/components/Popover/Popover.tsx +115 -0
  61. package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -0
  62. package/src/components/RadioGroup/RadioGroup.test.tsx +59 -0
  63. package/src/components/RadioGroup/RadioGroup.tsx +149 -0
  64. package/src/components/Separator/Separator.stories.tsx +24 -0
  65. package/src/components/Separator/Separator.tsx +29 -0
  66. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +2 -2
  67. package/src/components/Spacer/Spacer.stories.tsx +20 -0
  68. package/src/components/Spacer/Spacer.tsx +15 -0
  69. package/src/components/Switch/Switch.stories.ts +3 -3
  70. package/src/components/Switch/Switch.tsx +3 -2
  71. package/src/components/Table/Table.stories.tsx +29 -0
  72. package/src/components/Table/Table.tsx +109 -0
  73. package/src/components/Tabs/Tabs.stories.tsx +2 -37
  74. package/src/components/Tooltip/Tooltip.stories.tsx +68 -0
  75. package/src/components/Tooltip/Tooltip.test.tsx +44 -0
  76. package/src/components/Tooltip/Tooltip.tsx +67 -0
  77. package/src/components/Typography/Text/Text.stories.tsx +22 -0
  78. package/src/components/Typography/Text/Text.test.tsx +16 -0
  79. package/src/components/Typography/Text/Text.tsx +30 -0
  80. package/src/components/Typography/Title/Title.stories.tsx +31 -0
  81. package/src/components/Typography/Title/Title.test.tsx +16 -0
  82. package/src/components/Typography/Title/Title.tsx +36 -0
  83. package/src/components/icons/Activity.tsx +30 -0
  84. package/src/components/icons/ArrowDown.tsx +22 -0
  85. package/src/components/icons/ArrowRight.tsx +22 -0
  86. package/src/components/icons/ArrowTriangle.tsx +36 -0
  87. package/src/components/icons/ArrowUp.tsx +22 -0
  88. package/src/components/icons/Backups.tsx +29 -0
  89. package/src/components/icons/Blog.tsx +38 -0
  90. package/src/components/icons/Book.tsx +30 -0
  91. package/src/components/icons/Brackets.tsx +22 -0
  92. package/src/components/icons/Briefcase.tsx +30 -0
  93. package/src/components/icons/Building.tsx +30 -0
  94. package/src/components/icons/BurgerMenu.tsx +22 -0
  95. package/src/components/icons/Cards.tsx +30 -0
  96. package/src/components/icons/CellTower.tsx +21 -0
  97. package/src/components/icons/CheckIcon.tsx +21 -0
  98. package/src/components/icons/CheckInCircle.tsx +39 -0
  99. package/src/components/icons/ChevronDown.tsx +19 -5
  100. package/src/components/icons/ChevronLeft.tsx +22 -0
  101. package/src/components/icons/ChevronRight.tsx +3 -3
  102. package/src/components/icons/ChevronUp.tsx +22 -0
  103. package/src/components/icons/Clock.tsx +37 -0
  104. package/src/components/icons/Cloud.tsx +23 -0
  105. package/src/components/icons/Code.tsx +22 -0
  106. package/src/components/icons/CodeInSquare.tsx +30 -0
  107. package/src/components/icons/Connect.tsx +22 -0
  108. package/src/components/icons/ConnectAlt.tsx +30 -0
  109. package/src/components/icons/Console.tsx +30 -0
  110. package/src/components/icons/Copy.tsx +33 -0
  111. package/src/components/icons/CrossIcon.tsx +29 -0
  112. package/src/components/icons/Data.tsx +36 -0
  113. package/src/components/icons/DatabaseIcon.tsx +27 -29
  114. package/src/components/icons/Disk.tsx +30 -0
  115. package/src/components/icons/Display.tsx +30 -0
  116. package/src/components/icons/Document.tsx +30 -0
  117. package/src/components/icons/DotsHorizontal.tsx +36 -0
  118. package/src/components/icons/DotsVertical.tsx +33 -0
  119. package/src/components/icons/Email.tsx +33 -0
  120. package/src/components/icons/Empty.tsx +14 -0
  121. package/src/components/icons/FilterIcon.tsx +29 -16
  122. package/src/components/icons/Fire.tsx +23 -0
  123. package/src/components/icons/Folder.tsx +20 -0
  124. package/src/components/icons/Gift.tsx +21 -0
  125. package/src/components/icons/HistoryIcon.tsx +13 -13
  126. package/src/components/icons/Home.tsx +29 -0
  127. package/src/components/icons/Http.tsx +22 -0
  128. package/src/components/icons/Icons.mdx +31 -28
  129. package/src/components/icons/InfoInCircleIcon.tsx +37 -0
  130. package/src/components/icons/InformationIcon.tsx +34 -0
  131. package/src/components/icons/InsertRowIcon.tsx +30 -32
  132. package/src/components/icons/Integrations.tsx +29 -0
  133. package/src/components/icons/LightBulb.tsx +40 -0
  134. package/src/components/icons/Lightening.tsx +30 -0
  135. package/src/components/icons/Loading.tsx +57 -0
  136. package/src/components/icons/Metrics.tsx +38 -0
  137. package/src/components/icons/MetricsAlt.tsx +30 -0
  138. package/src/components/icons/Payment.tsx +23 -0
  139. package/src/components/icons/Payments/Amex.tsx +44 -0
  140. package/src/components/icons/Payments/MasterCard.tsx +48 -0
  141. package/src/components/icons/Payments/Paypal.tsx +41 -0
  142. package/src/components/icons/Payments/Visa.tsx +36 -0
  143. package/src/components/icons/Payments/index.tsx +30 -0
  144. package/src/components/icons/Pencil.tsx +30 -0
  145. package/src/components/icons/PieChart.tsx +30 -0
  146. package/src/components/icons/Play.tsx +30 -0
  147. package/src/components/icons/Plus.tsx +22 -0
  148. package/src/components/icons/Popout.tsx +22 -0
  149. package/src/components/icons/PopoverArrow.tsx +22 -0
  150. package/src/components/icons/Question.tsx +30 -0
  151. package/src/components/icons/Refresh.tsx +29 -0
  152. package/src/components/icons/Search.tsx +22 -0
  153. package/src/components/icons/Secure.tsx +30 -0
  154. package/src/components/icons/Services.tsx +23 -0
  155. package/src/components/icons/Settings.tsx +22 -0
  156. package/src/components/icons/Share.tsx +29 -0
  157. package/src/components/icons/SlideIn.tsx +28 -0
  158. package/src/components/icons/SlideOut.tsx +28 -0
  159. package/src/components/icons/SortAltIcon.tsx +18 -20
  160. package/src/components/icons/SortIcon.tsx +24 -0
  161. package/src/components/icons/Sparkle.tsx +23 -0
  162. package/src/components/icons/Speaker.tsx +30 -0
  163. package/src/components/icons/Speed.tsx +29 -0
  164. package/src/components/icons/Star.tsx +23 -0
  165. package/src/components/icons/Support.tsx +37 -0
  166. package/src/components/icons/Table.tsx +30 -0
  167. package/src/components/icons/Taxi.tsx +120 -0
  168. package/src/components/icons/Trash.tsx +22 -0
  169. package/src/components/icons/Upload.tsx +29 -0
  170. package/src/components/icons/Url.tsx +22 -0
  171. package/src/components/icons/UsersIcon.tsx +27 -27
  172. package/src/components/icons/WarningIcon.tsx +30 -0
  173. package/src/components/index.ts +31 -10
  174. package/src/index.ts +2 -2
  175. package/src/styles/types.ts +715 -295
  176. package/src/styles/variables.classic.json +171 -0
  177. package/src/styles/variables.dark.json +447 -129
  178. package/src/styles/variables.json +830 -410
  179. package/src/styles/variables.light.json +339 -179
  180. package/tokens/themes/$themes.json +3657 -1
  181. package/tokens/themes/classic.json +492 -0
  182. package/tokens/themes/component.json +1126 -441
  183. package/tokens/themes/dark.json +1871 -758
  184. package/tokens/themes/light.json +852 -266
  185. package/tokens/themes/primitives.json +294 -210
  186. package/vite.config.ts +6 -4
  187. package/app/.babelrc +0 -27
  188. package/app/.eslintrc.json +0 -6
  189. package/app/.storybook/main.ts +0 -17
  190. package/app/.storybook/preview.tsx +0 -26
  191. package/app/README.md +0 -38
  192. package/app/next.config.js +0 -6
  193. package/app/package-lock.json +0 -28711
  194. package/app/package.json +0 -44
  195. package/app/public/favicon.ico +0 -0
  196. package/app/public/next.svg +0 -1
  197. package/app/public/vercel.svg +0 -1
  198. package/app/src/assets/RightArrow/right-arrow.tsx +0 -17
  199. package/app/src/assets/S3Logo/s3-logo.tsx +0 -31
  200. package/app/src/assets/amazon_s3.svg +0 -9
  201. package/app/src/assets/arrow.svg +0 -3
  202. package/app/src/globals.d.ts +0 -4
  203. package/app/src/pages/_app.tsx +0 -8
  204. package/app/src/pages/_document.tsx +0 -17
  205. package/app/src/pages/api/hello.ts +0 -13
  206. package/app/src/pages/index.tsx +0 -141
  207. package/app/src/pages/label.tsx +0 -27
  208. package/app/src/stories/assets/code-brackets.svg +0 -1
  209. package/app/src/stories/assets/colors.svg +0 -1
  210. package/app/src/stories/assets/comments.svg +0 -1
  211. package/app/src/stories/assets/direction.svg +0 -1
  212. package/app/src/stories/assets/flow.svg +0 -1
  213. package/app/src/stories/assets/plugin.svg +0 -1
  214. package/app/src/stories/assets/repo.svg +0 -1
  215. package/app/src/stories/assets/stackalt.svg +0 -1
  216. package/app/src/styles/Home.module.css +0 -235
  217. package/app/src/styles/globals.css +0 -111
  218. package/app/src/styles/types.ts +0 -1031
  219. package/app/src/styles/variables.classic.css +0 -16
  220. package/app/src/styles/variables.classic.json +0 -31
  221. package/app/src/styles/variables.css +0 -763
  222. package/app/src/styles/variables.dark.css +0 -135
  223. package/app/src/styles/variables.dark.json +0 -339
  224. package/app/src/styles/variables.json +0 -1029
  225. package/app/src/styles/variables.light.css +0 -203
  226. package/app/src/styles/variables.light.json +0 -478
  227. package/app/tokens/themes/$metadata.json +0 -9
  228. package/app/tokens/themes/$themes.json +0 -1
  229. package/app/tokens/themes/classic.json +0 -58
  230. package/app/tokens/themes/component.json +0 -868
  231. package/app/tokens/themes/dark.json +0 -937
  232. package/app/tokens/themes/light.json +0 -1380
  233. package/app/tokens/themes/primitives.json +0 -859
  234. package/app/tsconfig.json +0 -23
  235. package/src/components/FormField/FormField.stories.ts +0 -14
  236. package/src/components/FormField/FormField.tsx +0 -22
package/tokens/themes/component.json CHANGED
@@ -23,7 +23,7 @@
23
23
  "typography": {
24
24
  "label": {
25
25
  "default": {
26
- "value": "{typography.styles.text-sbold.sm}",
26
+ "value": "{typography.styles.product.text.medium.sm}",
27
27
  "type": "typography"
28
28
  },
29
29
  "hover": {
@@ -59,7 +59,7 @@
59
59
  "typography": {
60
60
  "label": {
61
61
  "default": {
62
- "value": "{typography.styles.text-sbold.md}",
62
+ "value": "{typography.styles.product.text.medium.md}",
63
63
  "type": "typography"
64
64
  },
65
65
  "hover": {
@@ -95,7 +95,7 @@
95
95
  "typography": {
96
96
  "label": {
97
97
  "default": {
98
- "value": "{typography.styles.text-sbold.lg}",
98
+ "value": "{typography.styles.product.text.medium.lg}",
99
99
  "type": "typography"
100
100
  },
101
101
  "hover": {
@@ -129,13 +129,13 @@
129
129
  "typography": {
130
130
  "title": {
131
131
  "default": {
132
- "value": "{typography.styles.titles.sm}",
132
+ "value": "{typography.styles.product.titles.sm}",
133
133
  "type": "typography"
134
134
  }
135
135
  },
136
136
  "text": {
137
137
  "default": {
138
- "value": "{typography.styles.text.md}",
138
+ "value": "{typography.styles.product.text.normal.md}",
139
139
  "type": "typography"
140
140
  }
141
141
  }
@@ -179,13 +179,13 @@
179
179
  "typography": {
180
180
  "title": {
181
181
  "default": {
182
- "value": "{typography.styles.titles.xs}",
182
+ "value": "{typography.styles.product.titles.xs}",
183
183
  "type": "typography"
184
184
  }
185
185
  },
186
186
  "text": {
187
187
  "default": {
188
- "value": "{typography.styles.text.sm}",
188
+ "value": "{typography.styles.product.text.normal.sm}",
189
189
  "type": "typography"
190
190
  }
191
191
  }
@@ -202,22 +202,116 @@
202
202
  }
203
203
  }
204
204
  },
205
+ "avatar": {
206
+ "typography": {
207
+ "label": {
208
+ "sm": {
209
+ "default": {
210
+ "value": {
211
+ "fontFamily": "{typography.font.families.regular}",
212
+ "fontWeight": "{typography.font.weights.3}",
213
+ "lineHeight": "{typography.font.line-height.1}",
214
+ "fontSize": "0.6875rem"
215
+ },
216
+ "type": "typography"
217
+ },
218
+ "hover": {
219
+ "value": "{click.avatar.typography.label.sm.default}",
220
+ "type": "typography"
221
+ },
222
+ "active": {
223
+ "value": "{click.avatar.typography.label.sm.default}",
224
+ "type": "typography"
225
+ }
226
+ },
227
+ "md": {
228
+ "default": {
229
+ "value": {
230
+ "fontFamily": "{typography.font.families.regular}",
231
+ "fontWeight": "{typography.font.weights.3}",
232
+ "lineHeight": "{typography.font.line-height.1}",
233
+ "fontSize": "{typography.font.sizes.1}"
234
+ },
235
+ "type": "typography"
236
+ },
237
+ "hover": {
238
+ "value": "{click.avatar.typography.label.md.default}",
239
+ "type": "typography"
240
+ },
241
+ "active": {
242
+ "value": "{click.avatar.typography.label.md.default}",
243
+ "type": "typography"
244
+ }
245
+ }
246
+ }
247
+ },
248
+ "size": {
249
+ "label": {
250
+ "width": {
251
+ "value": "{sizes.7}",
252
+ "type": "sizing"
253
+ }
254
+ },
255
+ "width": {
256
+ "value": "{sizes.7}",
257
+ "type": "sizing"
258
+ },
259
+ "height": {
260
+ "value": "{sizes.7}",
261
+ "type": "sizing"
262
+ }
263
+ },
264
+ "radii": {
265
+ "all": {
266
+ "value": "{border.radii.full}",
267
+ "type": "borderRadius"
268
+ }
269
+ }
270
+ },
205
271
  "badge": {
206
272
  "space": {
207
- "x": {
208
- "value": "{spaces.3}",
209
- "type": "spacing"
273
+ "md": {
274
+ "x": {
275
+ "value": "{spaces.3}",
276
+ "type": "spacing"
277
+ },
278
+ "y": {
279
+ "value": "0.125rem",
280
+ "type": "spacing"
281
+ },
282
+ "gap": {
283
+ "value": "{spaces.1}",
284
+ "type": "spacing"
285
+ }
210
286
  },
211
- "y": {
212
- "value": "0.1875rem",
213
- "type": "spacing"
287
+ "sm": {
288
+ "x": {
289
+ "value": "{spaces.2}",
290
+ "type": "spacing"
291
+ },
292
+ "y": {
293
+ "value": "0.15625rem",
294
+ "type": "spacing"
295
+ },
296
+ "gap": {
297
+ "value": "0.125rem",
298
+ "type": "spacing"
299
+ }
214
300
  }
215
301
  },
216
302
  "typography": {
217
303
  "label": {
218
- "default": {
219
- "value": "{typography.styles.text-sbold.sm}",
220
- "type": "typography"
304
+ "md": {
305
+ "default": {
306
+ "value": "{typography.styles.product.text.medium.sm}",
307
+ "type": "typography"
308
+ }
309
+ },
310
+ "sm": {
311
+ "default": {
312
+ "value": "{typography.styles.product.text.medium.xs}",
313
+ "type": "typography"
314
+ }
221
315
  }
222
316
  }
223
317
  },
@@ -242,12 +336,38 @@
242
336
  "value": "#dfdfdf",
243
337
  "type": "color"
244
338
  }
339
+ },
340
+ "icon": {
341
+ "md": {
342
+ "size": {
343
+ "height": {
344
+ "value": "{click.image.x-small.size.height}",
345
+ "type": "sizing"
346
+ },
347
+ "width": {
348
+ "value": "{click.image.x-small.size.width}",
349
+ "type": "sizing"
350
+ }
351
+ }
352
+ },
353
+ "sm": {
354
+ "size": {
355
+ "height": {
356
+ "value": "0.625rem",
357
+ "type": "sizing"
358
+ },
359
+ "width": {
360
+ "value": "0.625rem",
361
+ "type": "sizing"
362
+ }
363
+ }
364
+ }
245
365
  }
246
366
  },
247
- "big-stat": {
367
+ "bigStat": {
248
368
  "space": {
249
369
  "all": {
250
- "value": "{spaces.3}",
370
+ "value": "{spaces.4}",
251
371
  "type": "spacing"
252
372
  },
253
373
  "gap": {
@@ -261,23 +381,50 @@
261
381
  "type": "borderRadius"
262
382
  }
263
383
  },
384
+ "stroke": {
385
+ "value": "{border.width.1}",
386
+ "type": "borderWidth"
387
+ },
264
388
  "typography": {
265
- "label": {
266
- "default": {
267
- "value": "{typography.styles.text.md}",
268
- "type": "typography"
389
+ "lg": {
390
+ "label": {
391
+ "default": {
392
+ "value": "{typography.styles.product.text.normal.md}",
393
+ "type": "typography"
394
+ }
395
+ },
396
+ "title": {
397
+ "default": {
398
+ "value": {
399
+ "fontFamily": "{typography.font.families.regular}",
400
+ "fontWeight": "{typography.font.weights.4}",
401
+ "lineHeight": "{typography.font.line-height.1}",
402
+ "fontSize": "{typography.font.sizes.6}"
403
+ },
404
+ "type": "typography"
405
+ }
269
406
  }
270
407
  },
271
- "title": {
272
- "default": {
273
- "value": "{typography.styles.titles.2xl}",
274
- "type": "typography"
408
+ "sm": {
409
+ "label": {
410
+ "default": {
411
+ "value": "{typography.styles.product.text.normal.md}",
412
+ "type": "typography"
413
+ }
414
+ },
415
+ "title": {
416
+ "default": {
417
+ "value": "{typography.styles.product.titles.lg}",
418
+ "type": "typography"
419
+ }
275
420
  }
276
421
  }
277
422
  },
278
- "stroke": {
279
- "value": "{border.width.1}",
280
- "type": "borderWidth"
423
+ "size": {
424
+ "height": {
425
+ "value": "6rem",
426
+ "type": "sizing"
427
+ }
281
428
  }
282
429
  },
283
430
  "button": {
@@ -309,34 +456,34 @@
309
456
  "typography": {
310
457
  "label": {
311
458
  "default": {
312
- "value": "{typography.styles.text-sbold.md}",
459
+ "value": "{typography.styles.product.text.medium.md}",
313
460
  "type": "typography"
314
461
  },
315
462
  "hover": {
316
- "value": "{typography.styles.text-sbold.md}",
463
+ "value": "{typography.styles.product.text.medium.md}",
317
464
  "type": "typography"
318
465
  },
319
466
  "active": {
320
- "value": "{typography.styles.text-sbold.md}",
467
+ "value": "{typography.styles.product.text.medium.md}",
321
468
  "type": "typography"
322
469
  },
323
470
  "disabled": {
324
- "value": "{typography.styles.text-sbold.md}",
471
+ "value": "{typography.styles.product.text.medium.md}",
325
472
  "type": "typography"
326
473
  }
327
474
  },
328
475
  "mobile": {
329
476
  "label": {
330
477
  "default": {
331
- "value": "{typography.styles.text-sbold.lg}",
478
+ "value": "{typography.styles.product.text.medium.lg}",
332
479
  "type": "typography"
333
480
  },
334
481
  "hover": {
335
- "value": "{typography.styles.text-sbold.lg}",
482
+ "value": "{typography.styles.product.text.medium.lg}",
336
483
  "type": "typography"
337
484
  },
338
485
  "active": {
339
- "value": "{typography.styles.text-bold.lg}",
486
+ "value": "{typography.styles.product.text.semibold.lg}",
340
487
  "type": "typography"
341
488
  }
342
489
  }
@@ -347,6 +494,14 @@
347
494
  "all": {
348
495
  "value": "0.96875rem",
349
496
  "type": "sizing"
497
+ },
498
+ "height": {
499
+ "value": "0.96875rem",
500
+ "type": "sizing"
501
+ },
502
+ "width": {
503
+ "value": "0.96875rem",
504
+ "type": "sizing"
350
505
  }
351
506
  }
352
507
  }
@@ -477,34 +632,34 @@
477
632
  "typography": {
478
633
  "label": {
479
634
  "default": {
480
- "value": "{typography.styles.text-sbold.md}",
635
+ "value": "{typography.styles.product.text.medium.md}",
481
636
  "type": "typography"
482
637
  },
483
638
  "hover": {
484
- "value": "{typography.styles.text-sbold.md}",
639
+ "value": "{typography.styles.product.text.medium.md}",
485
640
  "type": "typography"
486
641
  },
487
642
  "active": {
488
- "value": "{typography.styles.text-sbold.md}",
643
+ "value": "{typography.styles.product.text.medium.md}",
489
644
  "type": "typography"
490
645
  },
491
646
  "disabled": {
492
- "value": "{typography.styles.text-sbold.md}",
647
+ "value": "{typography.styles.product.text.medium.md}",
493
648
  "type": "typography"
494
649
  }
495
650
  },
496
651
  "mobile": {
497
652
  "label": {
498
653
  "default": {
499
- "value": "{typography.styles.text-sbold.lg}",
654
+ "value": "{typography.styles.product.text.medium.lg}",
500
655
  "type": "typography"
501
656
  },
502
657
  "hover": {
503
- "value": "{typography.styles.text-sbold.lg}",
658
+ "value": "{typography.styles.product.text.medium.lg}",
504
659
  "type": "typography"
505
660
  },
506
661
  "active": {
507
- "value": "{typography.styles.text-bold.lg}",
662
+ "value": "{typography.styles.product.text.semibold.lg}",
508
663
  "type": "typography"
509
664
  }
510
665
  }
@@ -513,111 +668,261 @@
513
668
  }
514
669
  },
515
670
  "card": {
516
- "space": {
517
- "all": {
518
- "value": "{spaces.4}",
519
- "type": "spacing"
671
+ "secondary": {
672
+ "space": {
673
+ "all": {
674
+ "value": "{spaces.4}",
675
+ "type": "spacing"
676
+ },
677
+ "gap": {
678
+ "value": "{spaces.4}",
679
+ "type": "spacing"
680
+ }
520
681
  },
521
- "gap": {
522
- "value": "{spaces.4}",
523
- "type": "spacing"
524
- }
525
- },
526
- "radii": {
527
- "all": {
528
- "value": "{border.radii.1}",
529
- "type": "borderRadius"
530
- }
531
- },
532
- "icon": {
533
- "size": {
682
+ "radii": {
534
683
  "all": {
535
- "value": "{sizes.9}",
536
- "type": "sizing"
684
+ "value": "{border.radii.1}",
685
+ "type": "borderRadius"
686
+ }
687
+ },
688
+ "icon": {
689
+ "size": {
690
+ "all": {
691
+ "value": "{sizes.9}",
692
+ "type": "sizing"
693
+ }
694
+ }
695
+ },
696
+ "stroke": {
697
+ "value": "{border.width.1}",
698
+ "type": "borderWidth",
699
+ "default": {
700
+ "value": {
701
+ "color": "{click.global.color.stroke.default}",
702
+ "width": "{click.card.primary.stroke}",
703
+ "style": "solid"
704
+ },
705
+ "type": "border"
537
706
  }
538
707
  }
539
708
  },
540
709
  "typography": {
541
710
  "title": {
542
711
  "default": {
543
- "value": "{typography.styles.titles.md}",
712
+ "value": "{typography.styles.product.titles.md}",
544
713
  "type": "typography"
545
714
  },
546
715
  "hover": {
547
- "value": "{typography.styles.titles.md}",
716
+ "value": "{typography.styles.product.titles.md}",
548
717
  "type": "typography"
549
718
  },
550
719
  "active": {
551
- "value": "{typography.styles.titles.md}",
720
+ "value": "{typography.styles.product.titles.md}",
552
721
  "type": "typography"
553
722
  },
554
723
  "disabled": {
555
- "value": "{typography.styles.titles.md}",
724
+ "value": "{typography.styles.product.titles.md}",
556
725
  "type": "typography"
557
726
  }
558
727
  },
559
728
  "description": {
560
729
  "default": {
561
- "value": "{typography.styles.text.md}",
730
+ "value": "{typography.styles.product.text.normal.md}",
562
731
  "type": "typography"
563
732
  },
564
733
  "hover": {
565
- "value": "{typography.styles.text.md}",
734
+ "value": "{typography.styles.product.text.normal.md}",
566
735
  "type": "typography"
567
736
  },
568
737
  "active": {
569
- "value": "{typography.styles.text.md}",
738
+ "value": "{typography.styles.product.text.normal.md}",
570
739
  "type": "typography"
571
740
  },
572
741
  "disabled": {
573
- "value": "{typography.styles.text.md}",
742
+ "value": "{typography.styles.product.text.normal.md}",
574
743
  "type": "typography"
575
744
  }
576
745
  },
577
746
  "link": {
578
747
  "default": {
579
- "value": "{typography.styles.text-sbold.md}",
748
+ "value": "{typography.styles.product.text.medium.md}",
580
749
  "type": "typography"
581
750
  },
582
751
  "hover": {
583
- "value": "{typography.styles.text-sbold.md}",
752
+ "value": "{typography.styles.product.text.medium.md}",
584
753
  "type": "typography"
585
754
  },
586
755
  "active": {
587
- "value": "{typography.styles.text-sbold.md}",
756
+ "value": "{typography.styles.product.text.medium.md}",
588
757
  "type": "typography"
589
758
  },
590
759
  "disabled": {
591
- "value": "{typography.styles.text-sbold.md}",
760
+ "value": "{typography.styles.product.text.medium.md}",
592
761
  "type": "typography"
593
762
  }
594
763
  }
595
- }
596
- },
597
- "checkbox": {
598
- "radii": {
599
- "all": {
600
- "value": "{border.radii.1}/2",
601
- "type": "borderRadius"
602
- }
603
764
  },
604
- "space": {
605
- "all": {
606
- "value": "{sizes.1}",
607
- "type": "spacing"
765
+ "primary": {
766
+ "size": {
767
+ "icon": {
768
+ "sm": {
769
+ "all": {
770
+ "value": "{sizes.9}",
771
+ "type": "sizing"
772
+ }
773
+ },
774
+ "md": {
775
+ "all": {
776
+ "value": "{sizes.11}",
777
+ "type": "sizing"
778
+ }
779
+ }
780
+ }
608
781
  },
609
- "gap": {
610
- "value": "{spaces.2}",
611
- "type": "spacing"
612
- }
613
- },
614
- "size": {
615
- "all": {
616
- "value": "{sizes.5}",
617
- "type": "sizing"
618
- }
619
- }
620
- },
782
+ "space": {
783
+ "md": {
784
+ "y": {
785
+ "value": "{spaces.5}",
786
+ "type": "spacing"
787
+ },
788
+ "x": {
789
+ "value": "{spaces.5}",
790
+ "type": "spacing"
791
+ },
792
+ "gap": {
793
+ "value": "{spaces.3}",
794
+ "type": "spacing"
795
+ }
796
+ },
797
+ "sm": {
798
+ "y": {
799
+ "value": "{spaces.5}",
800
+ "type": "spacing"
801
+ },
802
+ "x": {
803
+ "value": "{click.card.primary.space.md.x}",
804
+ "type": "spacing"
805
+ },
806
+ "gap": {
807
+ "value": "{spaces.1}",
808
+ "type": "spacing"
809
+ }
810
+ }
811
+ },
812
+ "radii": {
813
+ "all": {
814
+ "value": "{border.radii.1}",
815
+ "type": "borderRadius"
816
+ }
817
+ },
818
+ "stroke": {
819
+ "value": "{border.width.1}",
820
+ "type": "borderWidth",
821
+ "default": {
822
+ "value": {
823
+ "color": "{click.global.color.stroke.default}",
824
+ "width": "{click.card.primary.stroke}",
825
+ "style": "solid"
826
+ },
827
+ "type": "border"
828
+ }
829
+ }
830
+ },
831
+ "shadow": {
832
+ "value": "{shadow.1}",
833
+ "type": "boxShadow"
834
+ },
835
+ "horizontal": {
836
+ "radii": {
837
+ "all": {
838
+ "value": "{border.radii.1}",
839
+ "type": "borderRadius"
840
+ }
841
+ },
842
+ "typography": {
843
+ "title": {
844
+ "default": {
845
+ "value": "{typography.styles.product.titles.sm}",
846
+ "type": "typography"
847
+ },
848
+ "hover": {
849
+ "value": "{click.card.horizontal.typography.title.default}",
850
+ "type": "typography"
851
+ },
852
+ "active": {
853
+ "value": "{click.card.horizontal.typography.title.default}",
854
+ "type": "typography"
855
+ },
856
+ "disabled": {
857
+ "value": "{click.card.horizontal.typography.title.default}",
858
+ "type": "typography"
859
+ }
860
+ },
861
+ "description": {
862
+ "default": {
863
+ "value": "{typography.styles.product.text.normal.md}",
864
+ "type": "typography"
865
+ },
866
+ "hover": {
867
+ "value": "{typography.styles.product.text.normal.md}",
868
+ "type": "typography"
869
+ },
870
+ "active": {
871
+ "value": "{typography.styles.product.text.normal.md}",
872
+ "type": "typography"
873
+ },
874
+ "disabled": {
875
+ "value": "{typography.styles.product.text.normal.md}",
876
+ "type": "typography"
877
+ }
878
+ }
879
+ }
880
+ }
881
+ },
882
+ "checkbox": {
883
+ "radii": {
884
+ "all": {
885
+ "value": "{border.radii.1}/2",
886
+ "type": "borderRadius"
887
+ }
888
+ },
889
+ "space": {
890
+ "all": {
891
+ "value": "{sizes.1}",
892
+ "type": "spacing"
893
+ },
894
+ "gap": {
895
+ "value": "{spaces.2}",
896
+ "type": "spacing"
897
+ }
898
+ },
899
+ "size": {
900
+ "all": {
901
+ "value": "{sizes.5}",
902
+ "type": "sizing"
903
+ }
904
+ },
905
+ "typography": {
906
+ "label": {
907
+ "default": {
908
+ "value": "{click.field.typography.genericLabel.default}",
909
+ "type": "typography"
910
+ },
911
+ "hover": {
912
+ "value": "{click.field.typography.genericLabel.hover}",
913
+ "type": "typography"
914
+ },
915
+ "active": {
916
+ "value": "{click.field.typography.genericLabel.active}",
917
+ "type": "typography"
918
+ },
919
+ "disabled": {
920
+ "value": "{click.field.typography.genericLabel.disabled}",
921
+ "type": "typography"
922
+ }
923
+ }
924
+ }
925
+ },
621
926
  "codeblock": {
622
927
  "space": {
623
928
  "x": {
@@ -646,7 +951,7 @@
646
951
  "typography": {
647
952
  "text": {
648
953
  "default": {
649
- "value": "{typography.styles.text-mono.md}",
954
+ "value": "{typography.styles.product.text.mono.md}",
650
955
  "type": "typography"
651
956
  }
652
957
  }
@@ -674,7 +979,7 @@
674
979
  "typography": {
675
980
  "text": {
676
981
  "default": {
677
- "value": "{typography.styles.text-mono.md}",
982
+ "value": "{typography.styles.product.text.mono.md}",
678
983
  "type": "typography"
679
984
  }
680
985
  }
@@ -686,114 +991,56 @@
686
991
  }
687
992
  }
688
993
  },
689
- "contextMenu": {
690
- "item": {
691
- "space": {
692
- "x": {
693
- "value": "{spaces.4}",
694
- "type": "spacing"
695
- },
696
- "y": {
697
- "value": "0.34375rem",
698
- "type": "spacing"
699
- },
700
- "gap": {
701
- "value": "{spaces.2}",
702
- "type": "spacing"
703
- }
704
- },
705
- "icon": {
706
- "size": {
707
- "height": {
708
- "value": "0.96875rem",
709
- "type": "sizing"
710
- },
711
- "width": {
712
- "value": "0.96875rem",
713
- "type": "sizing"
714
- }
715
- }
716
- }
717
- },
718
- "typography": {
719
- "label": {
720
- "default": {
721
- "value": "{typography.styles.text.md}",
722
- "type": "typography"
723
- },
724
- "hover": {
725
- "value": "{typography.styles.text.md}",
726
- "type": "typography"
727
- },
728
- "active": {
729
- "value": "{typography.styles.text-bold.md}",
730
- "type": "typography"
731
- },
732
- "disabled": {
733
- "value": "{typography.styles.text.md}",
734
- "type": "typography"
735
- }
736
- }
737
- },
738
- "button": {
739
- "space": {
740
- "gap": {
741
- "value": "{spaces.1}",
742
- "type": "spacing"
743
- }
744
- }
745
- }
746
- },
747
994
  "docs": {
748
995
  "typography": {
749
996
  "titles": {
750
997
  "lg": {
751
- "value": "{typography.styles.titles.2xl}",
998
+ "value": "{typography.styles.product.titles.2xl}",
752
999
  "type": "typography"
753
1000
  },
754
1001
  "md": {
755
- "value": "{typography.styles.titles.xl}",
1002
+ "value": "{typography.styles.product.titles.xl}",
756
1003
  "type": "typography"
757
1004
  },
758
1005
  "sm": {
759
- "value": "{typography.styles.titles.lg}",
1006
+ "value": "{typography.styles.product.titles.lg}",
760
1007
  "type": "typography"
761
1008
  }
762
1009
  },
763
1010
  "text": {
764
1011
  "default": {
765
- "value": "{typography.styles.text.md}",
1012
+ "value": "{typography.styles.product.text.normal.md}",
766
1013
  "type": "typography"
767
1014
  }
768
1015
  },
769
1016
  "breadcrumbs": {
770
1017
  "default": {
771
- "value": "{typography.styles.text.md}",
1018
+ "value": "{typography.styles.product.text.normal.md}",
772
1019
  "type": "typography"
773
1020
  },
774
1021
  "active": {
775
- "value": "{typography.styles.text-bold.md}",
1022
+ "value": "{typography.styles.product.text.semibold.md}",
776
1023
  "type": "typography"
777
1024
  }
778
1025
  },
779
1026
  "toc": {
780
1027
  "title": {
781
1028
  "default": {
782
- "value": "{typography.styles.text-bold.md}",
1029
+ "value": "{typography.styles.product.text.semibold.md}",
783
1030
  "type": "typography"
784
1031
  }
785
1032
  },
786
1033
  "item": {
787
1034
  "default": {
788
- "value": "{typography.styles.text.md}",
1035
+ "value": "{typography.styles.product.text.normal.md}",
789
1036
  "type": "typography"
790
1037
  },
791
1038
  "hover": {
792
- "value": "{typography.styles.text.md}",
1039
+ "value": "{typography.styles.product.text.normal.md}",
793
1040
  "type": "typography"
794
1041
  },
795
1042
  "active": {
796
- "value": "{typography.styles.text-bold.md}",
1043
+ "value": "{typography.styles.product.text.semibold.md}",
797
1044
  "type": "typography"
798
1045
  }
799
1046
  }
@@ -804,67 +1051,95 @@
804
1051
  "typography": {
805
1052
  "label": {
806
1053
  "default": {
807
- "value": "{typography.styles.text-sbold.sm}",
1054
+ "value": "{typography.styles.product.text.medium.sm}",
808
1055
  "type": "typography"
809
1056
  },
810
1057
  "hover": {
811
- "value": "{typography.styles.text-sbold.sm}",
1058
+ "value": "{typography.styles.product.text.medium.sm}",
812
1059
  "type": "typography"
813
1060
  },
814
1061
  "active": {
815
- "value": "{typography.styles.text-sbold.sm}",
1062
+ "value": "{typography.styles.product.text.medium.sm}",
816
1063
  "type": "typography"
817
1064
  },
818
1065
  "disabled": {
819
- "value": "{typography.styles.text-sbold.sm}",
1066
+ "value": "{typography.styles.product.text.medium.sm}",
820
1067
  "type": "typography"
821
1068
  },
822
1069
  "error": {
823
- "value": "{typography.styles.text-sbold.sm}",
1070
+ "value": "{typography.styles.product.text.medium.sm}",
824
1071
  "type": "typography"
825
1072
  }
826
1073
  },
827
- "field-text": {
1074
+ "fieldText": {
828
1075
  "default": {
829
- "value": "{typography.styles.text.md}",
1076
+ "value": "{typography.styles.product.text.normal.md}",
830
1077
  "type": "typography"
831
1078
  },
832
1079
  "hover": {
833
- "value": "{typography.styles.text.md}",
1080
+ "value": "{typography.styles.product.text.normal.md}",
834
1081
  "type": "typography"
835
1082
  },
836
1083
  "active": {
837
- "value": "{typography.styles.text.md}",
1084
+ "value": "{typography.styles.product.text.normal.md}",
838
1085
  "type": "typography"
839
1086
  },
840
1087
  "disabled": {
841
- "value": "{typography.styles.text.md}",
1088
+ "value": "{typography.styles.product.text.normal.md}",
842
1089
  "type": "typography"
843
1090
  },
844
1091
  "error": {
845
- "value": "{typography.styles.text.md}",
1092
+ "value": "{typography.styles.product.text.normal.md}",
1093
+ "type": "typography"
1094
+ }
1095
+ },
1096
+ "placeholder": {
1097
+ "default": {
1098
+ "value": "{click.field.typography.fieldText.default}",
846
1099
  "type": "typography"
847
1100
  }
848
1101
  },
849
1102
  "format": {
850
1103
  "default": {
851
- "value": "{typography.styles.text.sm}",
1104
+ "value": "{typography.styles.product.text.normal.sm}",
1105
+ "type": "typography"
1106
+ },
1107
+ "hover": {
1108
+ "value": "{typography.styles.product.text.normal.sm}",
1109
+ "type": "typography"
1110
+ },
1111
+ "active": {
1112
+ "value": "{typography.styles.product.text.normal.sm}",
1113
+ "type": "typography"
1114
+ },
1115
+ "disabled": {
1116
+ "value": "{typography.styles.product.text.normal.sm}",
1117
+ "type": "typography"
1118
+ },
1119
+ "error": {
1120
+ "value": "{typography.styles.product.text.normal.sm}",
1121
+ "type": "typography"
1122
+ }
1123
+ },
1124
+ "genericLabel": {
1125
+ "default": {
1126
+ "value": "{typography.styles.product.text.normal.md}",
852
1127
  "type": "typography"
853
1128
  },
854
1129
  "hover": {
855
- "value": "{typography.styles.text.sm}",
1130
+ "value": "{typography.styles.product.text.normal.md}",
856
1131
  "type": "typography"
857
1132
  },
858
1133
  "active": {
859
- "value": "{typography.styles.text.sm}",
1134
+ "value": "{typography.styles.product.text.normal.md}",
860
1135
  "type": "typography"
861
1136
  },
862
1137
  "disabled": {
863
- "value": "{typography.styles.text.sm}",
1138
+ "value": "{typography.styles.product.text.normal.md}",
864
1139
  "type": "typography"
865
1140
  },
866
1141
  "error": {
867
- "value": "{typography.styles.text.sm}",
1142
+ "value": "{typography.styles.product.text.normal.md}",
868
1143
  "type": "typography"
869
1144
  }
870
1145
  }
@@ -872,11 +1147,11 @@
872
1147
  "type": {
873
1148
  "mobile": {
874
1149
  "label": {
875
- "value": "{typography.styles.text-sbold.md}",
1150
+ "value": "{typography.styles.product.text.medium.md}",
876
1151
  "type": "typography"
877
1152
  },
878
1153
  "field-value": {
879
- "value": "{typography.styles.text.lg}",
1154
+ "value": "{typography.styles.product.text.normal.lg}",
880
1155
  "type": "typography"
881
1156
  }
882
1157
  }
@@ -924,47 +1199,217 @@
924
1199
  }
925
1200
  }
926
1201
  },
927
- "image": {
928
- "small": {
929
- "size": {
930
- "height": {
931
- "value": "{sizes.5}",
932
- "type": "sizing"
1202
+ "genericMenu": {
1203
+ "item": {
1204
+ "space": {
1205
+ "x": {
1206
+ "value": "{spaces.4}",
1207
+ "type": "spacing"
933
1208
  },
934
- "width": {
935
- "value": "{sizes.5}",
936
- "type": "sizing"
937
- }
938
- }
939
- },
940
- "x-small": {
941
- "size": {
942
- "height": {
943
- "value": "{sizes.4}",
944
- "type": "sizing"
1209
+ "y": {
1210
+ "value": "0.34375rem",
1211
+ "type": "spacing"
945
1212
  },
946
- "width": {
947
- "value": "{sizes.4}",
948
- "type": "sizing"
1213
+ "gap": {
1214
+ "value": "{spaces.2}",
1215
+ "type": "spacing"
949
1216
  }
950
- }
951
- },
952
- "medium": {
953
- "size": {
954
- "height": {
955
- "value": "{sizes.6}",
956
- "type": "sizing"
957
- },
958
- "width": {
959
- "value": "{sizes.6}",
960
- "type": "sizing"
1217
+ },
1218
+ "icon": {
1219
+ "size": {
1220
+ "height": {
1221
+ "value": "0.96875rem",
1222
+ "type": "sizing"
1223
+ },
1224
+ "width": {
1225
+ "value": "0.96875rem",
1226
+ "type": "sizing"
1227
+ }
961
1228
  }
962
- }
963
- },
964
- "large": {
965
- "size": {
966
- "height": {
967
- "value": "{sizes.7}",
1229
+ },
1230
+ "typography": {
1231
+ "label": {
1232
+ "default": {
1233
+ "value": "{typography.styles.product.text.normal.md}",
1234
+ "type": "typography"
1235
+ },
1236
+ "hover": {
1237
+ "value": "{typography.styles.product.text.normal.md}",
1238
+ "type": "typography"
1239
+ },
1240
+ "active": {
1241
+ "value": "{typography.styles.product.text.semibold.md}",
1242
+ "type": "typography"
1243
+ },
1244
+ "disabled": {
1245
+ "value": "{typography.styles.product.text.normal.md}",
1246
+ "type": "typography"
1247
+ }
1248
+ },
1249
+ "sectionHeader": {
1250
+ "default": {
1251
+ "value": "{typography.styles.product.text.medium.sm}",
1252
+ "type": "typography"
1253
+ }
1254
+ }
1255
+ }
1256
+ },
1257
+ "itemCustom": {
1258
+ "typography": {
1259
+ "label": {
1260
+ "sm": {
1261
+ "value": "{typography.styles.product.text.medium.sm}",
1262
+ "type": "typography"
1263
+ },
1264
+ "lg": {
1265
+ "value": "{typography.styles.product.text.normal.md}",
1266
+ "type": "typography"
1267
+ }
1268
+ }
1269
+ }
1270
+ },
1271
+ "button": {
1272
+ "space": {
1273
+ "gap": {
1274
+ "value": "{spaces.1}",
1275
+ "type": "spacing"
1276
+ },
1277
+ "y": {
1278
+ "value": "{spaces.2}",
1279
+ "type": "spacing"
1280
+ }
1281
+ },
1282
+ "typography": {
1283
+ "label": {
1284
+ "default": {
1285
+ "value": "{typography.styles.product.text.medium.md}",
1286
+ "type": "typography"
1287
+ },
1288
+ "hover": {
1289
+ "value": "{typography.styles.product.text.medium.md}",
1290
+ "type": "typography"
1291
+ },
1292
+ "active": {
1293
+ "value": "{typography.styles.product.text.medium.md}",
1294
+ "type": "typography"
1295
+ }
1296
+ }
1297
+ }
1298
+ },
1299
+ "panel": {
1300
+ "radii": {
1301
+ "all": {
1302
+ "value": "{border.radii.1}",
1303
+ "type": "borderRadius"
1304
+ }
1305
+ },
1306
+ "shadow": {
1307
+ "default": {
1308
+ "value": "{shadow.1}",
1309
+ "type": "boxShadow"
1310
+ }
1311
+ }
1312
+ },
1313
+ "autocomplete": {
1314
+ "typography": {
1315
+ "results": {
1316
+ "label": {
1317
+ "default": {
1318
+ "value": "{typography.styles.product.text.medium.md}",
1319
+ "type": "typography"
1320
+ }
1321
+ }
1322
+ },
1323
+ "search": {
1324
+ "placeholder": {
1325
+ "default": {
1326
+ "value": "{typography.styles.product.text.normal.md}",
1327
+ "type": "typography"
1328
+ }
1329
+ },
1330
+ "term": {
1331
+ "default": {
1332
+ "value": "{typography.styles.product.text.normal.md}",
1333
+ "type": "typography"
1334
+ }
1335
+ }
1336
+ }
1337
+ },
1338
+ "search": {
1339
+ "stroke": {
1340
+ "default": {
1341
+ "value": {
1342
+ "color": "{click.genericMenu.autocomplete.color.stroke.default}",
1343
+ "width": "{border.width.2}",
1344
+ "style": "solid"
1345
+ },
1346
+ "type": "border"
1347
+ }
1348
+ }
1349
+ }
1350
+ },
1351
+ "sectionHeader": {
1352
+ "space": {
1353
+ "bottom": {
1354
+ "value": "{click.genericMenu.item.space.y}",
1355
+ "type": "spacing"
1356
+ },
1357
+ "top": {
1358
+ "value": "{spaces.2}",
1359
+ "type": "spacing"
1360
+ }
1361
+ }
1362
+ },
1363
+ "placeholder": {
1364
+ "space": {
1365
+ "gap": {
1366
+ "value": "{spaces.2}",
1367
+ "type": "spacing"
1368
+ }
1369
+ }
1370
+ }
1371
+ },
1372
+ "image": {
1373
+ "small": {
1374
+ "size": {
1375
+ "height": {
1376
+ "value": "{sizes.5}",
1377
+ "type": "sizing"
1378
+ },
1379
+ "width": {
1380
+ "value": "{sizes.5}",
1381
+ "type": "sizing"
1382
+ }
1383
+ }
1384
+ },
1385
+ "x-small": {
1386
+ "size": {
1387
+ "height": {
1388
+ "value": "{sizes.4}",
1389
+ "type": "sizing"
1390
+ },
1391
+ "width": {
1392
+ "value": "{sizes.4}",
1393
+ "type": "sizing"
1394
+ }
1395
+ }
1396
+ },
1397
+ "medium": {
1398
+ "size": {
1399
+ "height": {
1400
+ "value": "{sizes.6}",
1401
+ "type": "sizing"
1402
+ },
1403
+ "width": {
1404
+ "value": "{sizes.6}",
1405
+ "type": "sizing"
1406
+ }
1407
+ }
1408
+ },
1409
+ "large": {
1410
+ "size": {
1411
+ "height": {
1412
+ "value": "{sizes.7}",
968
1413
  "type": "sizing"
969
1414
  },
970
1415
  "width": {
@@ -998,12 +1443,230 @@
998
1443
  }
999
1444
  }
1000
1445
  },
1446
+ "panel": {
1447
+ "strokeWidth": {
1448
+ "default": {
1449
+ "value": "1px",
1450
+ "type": "borderWidth"
1451
+ }
1452
+ },
1453
+ "radii": {
1454
+ "all": {
1455
+ "value": "{border.radii.1}",
1456
+ "type": "borderRadius"
1457
+ }
1458
+ },
1459
+ "stroke": {
1460
+ "default": {
1461
+ "value": {
1462
+ "color": "{click.global.color.stroke.default}",
1463
+ "width": "{border.width.1}",
1464
+ "style": "solid"
1465
+ },
1466
+ "type": "border"
1467
+ }
1468
+ },
1469
+ "shadow": {
1470
+ "default": {
1471
+ "value": "{shadow.1}",
1472
+ "type": "boxShadow"
1473
+ }
1474
+ },
1475
+ "space": {
1476
+ "y": {
1477
+ "none": {
1478
+ "value": "{spaces.0}",
1479
+ "type": "spacing"
1480
+ },
1481
+ "xs": {
1482
+ "value": "{spaces.2}",
1483
+ "type": "spacing"
1484
+ },
1485
+ "sm": {
1486
+ "value": "{spaces.3}",
1487
+ "type": "spacing"
1488
+ },
1489
+ "md": {
1490
+ "value": "{spaces.4}",
1491
+ "type": "spacing"
1492
+ },
1493
+ "lg": {
1494
+ "value": "{spaces.5}",
1495
+ "type": "spacing"
1496
+ },
1497
+ "xl": {
1498
+ "value": "{spaces.6}",
1499
+ "type": "spacing"
1500
+ }
1501
+ },
1502
+ "x": {
1503
+ "xs": {
1504
+ "value": "{spaces.2}",
1505
+ "type": "spacing"
1506
+ },
1507
+ "none": {
1508
+ "value": "{spaces.0}",
1509
+ "type": "spacing"
1510
+ },
1511
+ "sm": {
1512
+ "value": "{spaces.3}",
1513
+ "type": "spacing"
1514
+ },
1515
+ "md": {
1516
+ "value": "{spaces.4}",
1517
+ "type": "spacing"
1518
+ },
1519
+ "lg": {
1520
+ "value": "{spaces.5}",
1521
+ "type": "spacing"
1522
+ },
1523
+ "xl": {
1524
+ "value": "{spaces.6}",
1525
+ "type": "spacing"
1526
+ }
1527
+ }
1528
+ }
1529
+ },
1001
1530
  "popover": {
1531
+ "space": {
1532
+ "y": {
1533
+ "value": "{spaces.4}",
1534
+ "type": "spacing"
1535
+ },
1536
+ "x": {
1537
+ "value": "{spaces.5}",
1538
+ "type": "spacing"
1539
+ },
1540
+ "gap": {
1541
+ "value": "{spaces.3}",
1542
+ "type": "spacing"
1543
+ }
1544
+ },
1002
1545
  "radii": {
1003
1546
  "all": {
1004
1547
  "value": "{border.radii.1}",
1005
1548
  "type": "borderRadius"
1006
1549
  }
1550
+ },
1551
+ "shadow": {
1552
+ "default": {
1553
+ "value": "{shadow.1}",
1554
+ "type": "boxShadow"
1555
+ }
1556
+ },
1557
+ "icon": {
1558
+ "size": {
1559
+ "height": {
1560
+ "value": "{click.image.medium.size.height}",
1561
+ "type": "sizing"
1562
+ },
1563
+ "width": {
1564
+ "value": "{click.image.medium.size.width}",
1565
+ "type": "sizing"
1566
+ }
1567
+ }
1568
+ }
1569
+ },
1570
+ "radio": {
1571
+ "radii": {
1572
+ "all": {
1573
+ "value": "{border.radii.full}",
1574
+ "type": "borderRadius"
1575
+ }
1576
+ },
1577
+ "typography": {
1578
+ "label": {
1579
+ "default": {
1580
+ "value": "{click.field.typography.genericLabel.default}",
1581
+ "type": "typography"
1582
+ },
1583
+ "hover": {
1584
+ "value": "{click.field.typography.genericLabel.hover}",
1585
+ "type": "typography"
1586
+ },
1587
+ "active": {
1588
+ "value": "{click.field.typography.genericLabel.active}",
1589
+ "type": "typography"
1590
+ },
1591
+ "disabled": {
1592
+ "value": "{click.field.typography.genericLabel.disabled}",
1593
+ "type": "typography"
1594
+ }
1595
+ }
1596
+ }
1597
+ },
1598
+ "separator": {
1599
+ "horizontal": {
1600
+ "space": {
1601
+ "y": {
1602
+ "xs": {
1603
+ "value": "{spaces.0}",
1604
+ "type": "spacing"
1605
+ },
1606
+ "sm": {
1607
+ "value": "{spaces.1}",
1608
+ "type": "spacing"
1609
+ },
1610
+ "md": {
1611
+ "value": "{spaces.2}",
1612
+ "type": "spacing"
1613
+ },
1614
+ "lg": {
1615
+ "value": "{spaces.4}",
1616
+ "type": "spacing"
1617
+ },
1618
+ "xl": {
1619
+ "value": "{spaces.5}",
1620
+ "type": "spacing"
1621
+ },
1622
+ "xxl": {
1623
+ "value": "{spaces.6}",
1624
+ "type": "spacing"
1625
+ }
1626
+ },
1627
+ "x": {
1628
+ "all": {
1629
+ "value": "{spaces.0}",
1630
+ "type": "spacing"
1631
+ }
1632
+ }
1633
+ }
1634
+ },
1635
+ "vertical": {
1636
+ "space": {
1637
+ "x": {
1638
+ "xs": {
1639
+ "value": "{spaces.0}",
1640
+ "type": "spacing"
1641
+ },
1642
+ "sm": {
1643
+ "value": "{spaces.1}",
1644
+ "type": "spacing"
1645
+ },
1646
+ "md": {
1647
+ "value": "{spaces.2}",
1648
+ "type": "spacing"
1649
+ },
1650
+ "lg": {
1651
+ "value": "{spaces.4}",
1652
+ "type": "spacing"
1653
+ },
1654
+ "xl": {
1655
+ "value": "{spaces.5}",
1656
+ "type": "spacing"
1657
+ },
1658
+ "xxl": {
1659
+ "value": "{spaces.6}",
1660
+ "type": "spacing"
1661
+ }
1662
+ },
1663
+ "y": {
1664
+ "all": {
1665
+ "value": "{spaces.0}",
1666
+ "type": "spacing"
1667
+ }
1668
+ }
1669
+ }
1007
1670
  }
1008
1671
  },
1009
1672
  "sidebar": {
@@ -1037,34 +1700,34 @@
1037
1700
  },
1038
1701
  "typography": {
1039
1702
  "default": {
1040
- "value": "{typography.styles.text.md}",
1703
+ "value": "{typography.styles.product.text.normal.md}",
1041
1704
  "type": "typography"
1042
1705
  },
1043
1706
  "hover": {
1044
- "value": "{typography.styles.text.md}",
1707
+ "value": "{typography.styles.product.text.normal.md}",
1045
1708
  "type": "typography"
1046
1709
  },
1047
1710
  "active": {
1048
- "value": "{typography.styles.text-sbold.md}",
1711
+ "value": "{typography.styles.product.text.medium.md}",
1049
1712
  "type": "typography"
1050
1713
  },
1051
1714
  "disabled": {
1052
- "value": "{typography.styles.text-sbold.md}",
1715
+ "value": "{typography.styles.product.text.medium.md}",
1053
1716
  "type": "typography"
1054
1717
  }
1055
1718
  },
1056
1719
  "mobile": {
1057
1720
  "typography": {
1058
1721
  "default": {
1059
- "value": "{typography.styles.text.lg}",
1722
+ "value": "{typography.styles.product.text.normal.lg}",
1060
1723
  "type": "typography"
1061
1724
  },
1062
1725
  "hover": {
1063
- "value": "{typography.styles.text.lg}",
1726
+ "value": "{typography.styles.product.text.normal.lg}",
1064
1727
  "type": "typography"
1065
1728
  },
1066
1729
  "active": {
1067
- "value": "{typography.styles.text-sbold.lg}",
1730
+ "value": "{typography.styles.product.text.medium.lg}",
1068
1731
  "type": "typography"
1069
1732
  }
1070
1733
  },
@@ -1111,19 +1774,19 @@
1111
1774
  "title": {
1112
1775
  "typography": {
1113
1776
  "default": {
1114
- "value": "{typography.styles.text-sbold.sm}",
1777
+ "value": "{typography.styles.product.text.medium.sm}",
1115
1778
  "type": "typography"
1116
1779
  },
1117
1780
  "hover": {
1118
- "value": "{typography.styles.text-sbold.sm}",
1781
+ "value": "{typography.styles.product.text.medium.sm}",
1119
1782
  "type": "typography"
1120
1783
  },
1121
1784
  "active": {
1122
- "value": "{typography.styles.text-sbold.sm}",
1785
+ "value": "{typography.styles.product.text.medium.sm}",
1123
1786
  "type": "typography"
1124
1787
  },
1125
1788
  "disabled": {
1126
- "value": "{typography.styles.text-sbold.sm}",
1789
+ "value": "{typography.styles.product.text.medium.sm}",
1127
1790
  "type": "typography"
1128
1791
  }
1129
1792
  }
@@ -1166,15 +1829,15 @@
1166
1829
  },
1167
1830
  "typography": {
1168
1831
  "default": {
1169
- "value": "{typography.styles.text.lg}",
1832
+ "value": "{typography.styles.product.text.normal.lg}",
1170
1833
  "type": "typography"
1171
1834
  },
1172
1835
  "hover": {
1173
- "value": "{typography.styles.text.lg}",
1836
+ "value": "{typography.styles.product.text.normal.lg}",
1174
1837
  "type": "typography"
1175
1838
  },
1176
1839
  "active": {
1177
- "value": "{typography.styles.text-sbold.lg}",
1840
+ "value": "{typography.styles.product.text.medium.lg}",
1178
1841
  "type": "typography"
1179
1842
  }
1180
1843
  }
@@ -1187,25 +1850,112 @@
1187
1850
  },
1188
1851
  "typography": {
1189
1852
  "default": {
1190
- "value": "{typography.styles.text.md}",
1853
+ "value": "{typography.styles.product.text.normal.md}",
1191
1854
  "type": "typography"
1192
1855
  },
1193
1856
  "hover": {
1194
- "value": "{typography.styles.text.md}",
1857
+ "value": "{typography.styles.product.text.normal.md}",
1195
1858
  "type": "typography"
1196
1859
  },
1197
1860
  "active": {
1198
- "value": "{typography.styles.text-sbold.md}",
1861
+ "value": "{typography.styles.product.text.medium.md}",
1199
1862
  "type": "typography"
1200
1863
  },
1201
1864
  "disabled": {
1202
- "value": "{typography.styles.text-sbold.md}",
1865
+ "value": "{typography.styles.product.text.medium.md}",
1203
1866
  "type": "typography"
1204
1867
  }
1205
1868
  }
1206
1869
  }
1207
1870
  }
1208
1871
  },
1872
+ "spacer": {
1873
+ "horizontal": {
1874
+ "space": {
1875
+ "y": {
1876
+ "xs": {
1877
+ "value": "{spaces.0}",
1878
+ "type": "spacing"
1879
+ },
1880
+ "sm": {
1881
+ "value": "{spaces.1}",
1882
+ "type": "spacing"
1883
+ },
1884
+ "md": {
1885
+ "value": "{spaces.2}",
1886
+ "type": "spacing"
1887
+ },
1888
+ "lg": {
1889
+ "value": "{spaces.4}",
1890
+ "type": "spacing"
1891
+ },
1892
+ "xl": {
1893
+ "value": "{spaces.5}",
1894
+ "type": "spacing"
1895
+ },
1896
+ "xxl": {
1897
+ "value": "{spaces.6}",
1898
+ "type": "spacing"
1899
+ }
1900
+ },
1901
+ "x": {
1902
+ "all": {
1903
+ "value": "{spaces.0}",
1904
+ "type": "spacing"
1905
+ }
1906
+ }
1907
+ }
1908
+ }
1909
+ },
1910
+ "stepperVertical": {
1911
+ "icon": {
1912
+ "size": {
1913
+ "height": {
1914
+ "value": "{click.image.medium.size.height}",
1915
+ "type": "sizing"
1916
+ },
1917
+ "width": {
1918
+ "value": "{click.image.medium.size.width}",
1919
+ "type": "sizing"
1920
+ }
1921
+ },
1922
+ "space": {
1923
+ "x": {
1924
+ "value": "0.375rem",
1925
+ "type": "spacing"
1926
+ },
1927
+ "y": {
1928
+ "value": "0.375rem",
1929
+ "type": "spacing"
1930
+ }
1931
+ },
1932
+ "radii": {
1933
+ "value": "{border.radii.full}",
1934
+ "type": "borderRadius"
1935
+ }
1936
+ },
1937
+ "connector": {
1938
+ "size": {
1939
+ "width": {
1940
+ "value": "0.1875rem",
1941
+ "type": "sizing"
1942
+ }
1943
+ }
1944
+ },
1945
+ "typography": {
1946
+ "label": {
1947
+ "default": {
1948
+ "value": {
1949
+ "fontFamily": "{typography.font.families.regular}",
1950
+ "fontWeight": "{typography.font.weights.3}",
1951
+ "lineHeight": "{typography.font.line-height.3}",
1952
+ "fontSize": "{typography.font.sizes.1}"
1953
+ },
1954
+ "type": "typography"
1955
+ }
1956
+ }
1957
+ }
1958
+ },
1209
1959
  "switch": {
1210
1960
  "space": {
1211
1961
  "gap": {
@@ -1228,6 +1978,56 @@
1228
1978
  "value": "{sizes.5}",
1229
1979
  "type": "sizing"
1230
1980
  }
1981
+ },
1982
+ "typography": {
1983
+ "label": {
1984
+ "default": {
1985
+ "value": "{click.field.typography.genericLabel.default}",
1986
+ "type": "typography"
1987
+ },
1988
+ "hover": {
1989
+ "value": "{click.field.typography.genericLabel.hover}",
1990
+ "type": "typography"
1991
+ },
1992
+ "active": {
1993
+ "value": "{click.field.typography.genericLabel.active}",
1994
+ "type": "typography"
1995
+ },
1996
+ "disabled": {
1997
+ "value": "{click.field.typography.genericLabel.disabled}",
1998
+ "type": "typography"
1999
+ }
2000
+ }
2001
+ }
2002
+ },
2003
+ "table": {
2004
+ "header": {
2005
+ "title": {
2006
+ "default": {
2007
+ "value": "{typography.styles.product.text.medium.sm}",
2008
+ "type": "typography"
2009
+ }
2010
+ }
2011
+ },
2012
+ "cell": {
2013
+ "text": {
2014
+ "default": {
2015
+ "value": "{typography.styles.product.text.normal.md}",
2016
+ "type": "typography"
2017
+ }
2018
+ },
2019
+ "label": {
2020
+ "default": {
2021
+ "value": "{click.field.typography.label.default}",
2022
+ "type": "typography"
2023
+ }
2024
+ }
2025
+ },
2026
+ "radii": {
2027
+ "all": {
2028
+ "value": "{border.radii.1}",
2029
+ "type": "borderRadius"
2030
+ }
1231
2031
  }
1232
2032
  },
1233
2033
  "tabs": {
@@ -1250,15 +2050,15 @@
1250
2050
  "typography": {
1251
2051
  "label": {
1252
2052
  "default": {
1253
- "value": "{typography.styles.text.md}",
2053
+ "value": "{typography.styles.product.text.normal.md}",
1254
2054
  "type": "typography"
1255
2055
  },
1256
2056
  "hover": {
1257
- "value": "{typography.styles.text.md}",
2057
+ "value": "{typography.styles.product.text.normal.md}",
1258
2058
  "type": "typography"
1259
2059
  },
1260
2060
  "active": {
1261
- "value": "{typography.styles.text-sbold.md}",
2061
+ "value": "{typography.styles.product.text.medium.md}",
1262
2062
  "type": "typography"
1263
2063
  }
1264
2064
  }
@@ -1318,248 +2118,133 @@
1318
2118
  }
1319
2119
  }
1320
2120
  },
1321
- "tooltip": {
1322
- "radii": {
1323
- "all": {
1324
- "value": "{border.radii.1}",
1325
- "type": "borderRadius"
1326
- }
1327
- },
1328
- "space": {
1329
- "x": {
1330
- "value": "{spaces.3}",
1331
- "type": "spacing"
1332
- },
1333
- "y": {
1334
- "value": "{spaces.2}",
1335
- "type": "spacing"
1336
- }
1337
- },
1338
- "typography": {
1339
- "label": {
1340
- "default": {
1341
- "value": "{typography.styles.text.sm}",
1342
- "type": "typography"
1343
- }
1344
- }
1345
- }
1346
- },
1347
- "stepperVertical": {
2121
+ "toast": {
1348
2122
  "icon": {
1349
2123
  "size": {
1350
2124
  "height": {
1351
- "value": "{click.image.medium.size.height}",
2125
+ "value": "{click.image.small.size.height}",
1352
2126
  "type": "sizing"
1353
2127
  },
1354
2128
  "width": {
1355
- "value": "{click.image.medium.size.width}",
2129
+ "value": "{click.image.small.size.width}",
1356
2130
  "type": "sizing"
1357
2131
  }
1358
- },
1359
- "space": {
1360
- "x": {
1361
- "value": "0.375rem",
1362
- "type": "spacing"
1363
- },
1364
- "y": {
1365
- "value": "0.375rem",
2132
+ }
2133
+ },
2134
+ "space": {
2135
+ "title": {
2136
+ "gap": {
2137
+ "value": "{spaces.2}",
1366
2138
  "type": "spacing"
1367
2139
  }
1368
2140
  },
1369
- "radii": {
1370
- "value": "{border.radii.full}",
1371
- "type": "borderRadius"
2141
+ "y": {
2142
+ "value": "{spaces.3}",
2143
+ "type": "spacing"
2144
+ },
2145
+ "x": {
2146
+ "value": "{spaces.3}",
2147
+ "type": "spacing"
2148
+ },
2149
+ "gap": {
2150
+ "value": "{spaces.2}",
2151
+ "type": "spacing"
1372
2152
  }
1373
2153
  },
1374
- "connector": {
1375
- "size": {
1376
- "width": {
1377
- "value": "0.1875rem",
1378
- "type": "sizing"
1379
- }
2154
+ "radii": {
2155
+ "all": {
2156
+ "value": "{click.popover.radii.all}",
2157
+ "type": "borderRadius"
1380
2158
  }
1381
2159
  },
2160
+ "shadow": {
2161
+ "value": "{click.popover.shadow.default}",
2162
+ "type": "boxShadow"
2163
+ },
1382
2164
  "typography": {
1383
- "label": {
1384
- "default": {
1385
- "value": {
1386
- "fontFamily": "{typography.font.families.regular}",
1387
- "fontWeight": "{typography.font.weights.3}",
1388
- "lineHeight": "{typography.font.line-height.3}",
1389
- "fontSize": "{typography.font.sizes.1}"
1390
- },
1391
- "type": "typography"
1392
- }
1393
- }
1394
- }
1395
- },
1396
- "table": {
1397
- "header": {
1398
2165
  "title": {
1399
2166
  "default": {
1400
- "value": "{typography.styles.text-sbold.sm}",
1401
- "type": "typography"
1402
- }
1403
- }
1404
- },
1405
- "cell": {
1406
- "text": {
1407
- "default": {
1408
- "value": "{typography.styles.text.md}",
2167
+ "value": "{typography.styles.product.titles.sm}",
1409
2168
  "type": "typography"
1410
2169
  }
1411
2170
  },
1412
- "label": {
2171
+ "description": {
1413
2172
  "default": {
1414
- "value": "{click.field.typography.label.default}",
2173
+ "value": "{typography.styles.product.text.normal.sm}",
1415
2174
  "type": "typography"
1416
2175
  }
1417
2176
  }
1418
- },
2177
+ }
2178
+ },
2179
+ "tooltip": {
1419
2180
  "radii": {
1420
2181
  "all": {
1421
2182
  "value": "{border.radii.1}",
1422
2183
  "type": "borderRadius"
1423
2184
  }
1424
- }
1425
- },
1426
- "avatar": {
1427
- "typography": {
1428
- "label": {
1429
- "sm": {
1430
- "default": {
1431
- "value": {
1432
- "fontFamily": "{typography.font.families.regular}",
1433
- "fontWeight": "{typography.font.weights.3}",
1434
- "lineHeight": "{typography.font.line-height.1}",
1435
- "fontSize": "0.6875rem"
1436
- },
1437
- "type": "typography"
1438
- },
1439
- "hover": {
1440
- "value": "{click.avatar.typography.label.sm.default}",
1441
- "type": "typography"
1442
- },
1443
- "active": {
1444
- "value": "{click.avatar.typography.label.sm.default}",
1445
- "type": "typography"
1446
- }
1447
- },
1448
- "md": {
1449
- "default": {
1450
- "value": {
1451
- "fontFamily": "{typography.font.families.regular}",
1452
- "fontWeight": "{typography.font.weights.3}",
1453
- "lineHeight": "{typography.font.line-height.1}",
1454
- "fontSize": "{typography.font.sizes.1}"
1455
- },
1456
- "type": "typography"
1457
- },
1458
- "hover": {
1459
- "value": "{click.avatar.typography.label.md.default}",
1460
- "type": "typography"
1461
- },
1462
- "active": {
1463
- "value": "{click.avatar.typography.label.md.default}",
1464
- "type": "typography"
1465
- }
1466
- }
2185
+ },
2186
+ "space": {
2187
+ "x": {
2188
+ "value": "{spaces.3}",
2189
+ "type": "spacing"
2190
+ },
2191
+ "y": {
2192
+ "value": "{spaces.2}",
2193
+ "type": "spacing"
1467
2194
  }
1468
2195
  },
1469
- "size": {
2196
+ "typography": {
1470
2197
  "label": {
1471
- "width": {
1472
- "value": "{sizes.7}",
1473
- "type": "sizing"
2198
+ "default": {
2199
+ "value": "{typography.styles.product.text.normal.sm}",
2200
+ "type": "typography"
1474
2201
  }
2202
+ }
2203
+ }
2204
+ },
2205
+ "dialog": {
2206
+ "space": {
2207
+ "y": {
2208
+ "value": "{spaces.5}",
2209
+ "type": "spacing"
1475
2210
  },
1476
- "width": {
1477
- "value": "{sizes.7}",
1478
- "type": "sizing"
2211
+ "x": {
2212
+ "value": "{spaces.6}",
2213
+ "type": "spacing"
1479
2214
  },
1480
- "height": {
1481
- "value": "{sizes.7}",
1482
- "type": "sizing"
2215
+ "gap": {
2216
+ "value": "{spaces.4}",
2217
+ "type": "spacing"
2218
+ }
2219
+ },
2220
+ "title": {
2221
+ "space": {
2222
+ "gap": {
2223
+ "value": "{spaces.2}",
2224
+ "type": "spacing"
2225
+ }
1483
2226
  }
1484
2227
  },
1485
2228
  "radii": {
1486
2229
  "all": {
1487
- "value": "{border.radii.full}",
2230
+ "value": "{border.radii.2}",
1488
2231
  "type": "borderRadius"
1489
2232
  }
1490
- }
1491
- },
1492
- "separator": {
1493
- "horizontal": {
1494
- "space": {
1495
- "y": {
1496
- "xs": {
1497
- "value": "{spaces.0}",
1498
- "type": "spacing"
1499
- },
1500
- "sm": {
1501
- "value": "{spaces.1}",
1502
- "type": "spacing"
1503
- },
1504
- "md": {
1505
- "value": "{spaces.2}",
1506
- "type": "spacing"
1507
- },
1508
- "lg": {
1509
- "value": "{spaces.4}",
1510
- "type": "spacing"
1511
- },
1512
- "xl": {
1513
- "value": "{spaces.5}",
1514
- "type": "spacing"
1515
- },
1516
- "xxl": {
1517
- "value": "{spaces.6}",
1518
- "type": "spacing"
1519
- }
1520
- },
1521
- "x": {
1522
- "all": {
1523
- "value": "{spaces.0}",
1524
- "type": "spacing"
1525
- }
1526
- }
2233
+ },
2234
+ "shadow": {
2235
+ "default": {
2236
+ "value": "{shadow.1}",
2237
+ "type": "boxShadow"
1527
2238
  }
1528
2239
  },
1529
- "vertical": {
1530
- "space": {
1531
- "x": {
1532
- "xs": {
1533
- "value": "{spaces.0}",
1534
- "type": "spacing"
1535
- },
1536
- "sm": {
1537
- "value": "{spaces.1}",
1538
- "type": "spacing"
1539
- },
1540
- "md": {
1541
- "value": "{spaces.2}",
1542
- "type": "spacing"
1543
- },
1544
- "lg": {
1545
- "value": "{spaces.4}",
1546
- "type": "spacing"
1547
- },
1548
- "xl": {
1549
- "value": "{spaces.5}",
1550
- "type": "spacing"
1551
- },
1552
- "xxl": {
1553
- "value": "{spaces.6}",
1554
- "type": "spacing"
1555
- }
2240
+ "stroke": {
2241
+ "default": {
2242
+ "value": {
2243
+ "color": "{click.global.color.stroke.default}",
2244
+ "width": "{border.width.1}",
2245
+ "style": "solid"
1556
2246
  },
1557
- "y": {
1558
- "all": {
1559
- "value": "{spaces.0}",
1560
- "type": "spacing"
1561
- }
1562
- }
2247
+ "type": "border"
1563
2248
  }
1564
2249
  }
1565
2250
  }