@clickhouse/click-ui 0.0.2 → 0.0.4

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 (237) hide show
  1. package/dist/click-ui.es.js +15975 -0
  2. package/dist/click-ui.umd.js +442 -0
  3. package/package.json +13 -4
  4. package/.eslintrc.cjs +0 -33
  5. package/.github/workflows/deployment.yml +0 -34
  6. package/.prettierrc +0 -14
  7. package/.storybook/main.ts +0 -19
  8. package/.storybook/manager.ts +0 -11
  9. package/.storybook/preview-head.html +0 -2
  10. package/.storybook/preview.tsx +0 -76
  11. package/.storybook/theme.ts +0 -16
  12. package/build-tokens.js +0 -131
  13. package/index.html +0 -17
  14. package/jest.config.ts +0 -11
  15. package/src/App.css +0 -1
  16. package/src/App.module.css +0 -235
  17. package/src/App.tsx +0 -217
  18. package/src/assets/RightArrow/RightArrow.tsx +0 -17
  19. package/src/assets/S3Logo/S3Logo.tsx +0 -31
  20. package/src/assets/react.svg +0 -1
  21. package/src/components/Accordion/Accordion.stories.tsx +0 -28
  22. package/src/components/Accordion/Accordion.test.tsx +0 -46
  23. package/src/components/Accordion/Accordion.tsx +0 -119
  24. package/src/components/Alert/Alert.stories.tsx +0 -14
  25. package/src/components/Alert/Alert.test.tsx +0 -27
  26. package/src/components/Alert/Alert.tsx +0 -130
  27. package/src/components/Avatar/Avatar.stories.tsx +0 -13
  28. package/src/components/Avatar/Avatar.tsx +0 -64
  29. package/src/components/Badge/Badge.stories.ts +0 -30
  30. package/src/components/Badge/Badge.test.tsx +0 -16
  31. package/src/components/Badge/Badge.tsx +0 -78
  32. package/src/components/BigStat/BigStat.stories.ts +0 -20
  33. package/src/components/BigStat/BigStat.tsx +0 -49
  34. package/src/components/Button/Button.stories.ts +0 -26
  35. package/src/components/Button/Button.test.tsx +0 -32
  36. package/src/components/Button/Button.tsx +0 -115
  37. package/src/components/ButtonGroup/ButtonGroup.stories.ts +0 -14
  38. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -78
  39. package/src/components/Card/Card.stories.ts +0 -19
  40. package/src/components/Card/Card.tsx +0 -107
  41. package/src/components/Checkbox/Checkbox.stories.tsx +0 -35
  42. package/src/components/Checkbox/Checkbox.test.tsx +0 -41
  43. package/src/components/Checkbox/Checkbox.tsx +0 -89
  44. package/src/components/ContextMenu/ContextMenu.stories.tsx +0 -73
  45. package/src/components/ContextMenu/ContextMenu.test.tsx +0 -152
  46. package/src/components/ContextMenu/ContextMenu.tsx +0 -155
  47. package/src/components/Dropdown/Dropdown.stories.tsx +0 -64
  48. package/src/components/Dropdown/Dropdown.test.tsx +0 -141
  49. package/src/components/Dropdown/Dropdown.tsx +0 -149
  50. package/src/components/FormField/Label.stories.tsx +0 -39
  51. package/src/components/FormField/Label.tsx +0 -47
  52. package/src/components/FormField/Select.stories.tsx +0 -48
  53. package/src/components/FormField/Select.test.tsx +0 -216
  54. package/src/components/FormField/Select.tsx +0 -574
  55. package/src/components/FormField/SelectContext.tsx +0 -101
  56. package/src/components/FormField/commonElement.tsx +0 -42
  57. package/src/components/GenericMenu.tsx +0 -114
  58. package/src/components/HoverCard/HoverCard.stories.tsx +0 -64
  59. package/src/components/HoverCard/HoverCard.test.tsx +0 -85
  60. package/src/components/HoverCard/HoverCard.tsx +0 -65
  61. package/src/components/Icon/Icon.stories.ts +0 -15
  62. package/src/components/Icon/Icon.tsx +0 -238
  63. package/src/components/Icon/types.ts +0 -95
  64. package/src/components/IconButton/IconButton.stories.ts +0 -34
  65. package/src/components/IconButton/IconButton.test.tsx +0 -32
  66. package/src/components/IconButton/IconButton.tsx +0 -83
  67. package/src/components/Panel/Panel.stories.tsx +0 -25
  68. package/src/components/Panel/Panel.tsx +0 -33
  69. package/src/components/Popover/Popover.stories.tsx +0 -67
  70. package/src/components/Popover/Popover.test.tsx +0 -46
  71. package/src/components/Popover/Popover.tsx +0 -115
  72. package/src/components/RadioGroup/RadioGroup.stories.tsx +0 -43
  73. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -59
  74. package/src/components/RadioGroup/RadioGroup.tsx +0 -149
  75. package/src/components/Separator/Separator.stories.tsx +0 -24
  76. package/src/components/Separator/Separator.tsx +0 -29
  77. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +0 -28
  78. package/src/components/SidebarNavigationItem/SidebarNavigationItem.tsx +0 -112
  79. package/src/components/Spacer/Spacer.stories.tsx +0 -20
  80. package/src/components/Spacer/Spacer.tsx +0 -15
  81. package/src/components/Switch/Switch.stories.ts +0 -14
  82. package/src/components/Switch/Switch.tsx +0 -107
  83. package/src/components/Table/Table.stories.tsx +0 -29
  84. package/src/components/Table/Table.tsx +0 -109
  85. package/src/components/Tabs/Tabs.stories.tsx +0 -36
  86. package/src/components/Tabs/Tabs.test.tsx +0 -86
  87. package/src/components/Tabs/Tabs.tsx +0 -82
  88. package/src/components/Tooltip/Tooltip.stories.tsx +0 -68
  89. package/src/components/Tooltip/Tooltip.test.tsx +0 -44
  90. package/src/components/Tooltip/Tooltip.tsx +0 -67
  91. package/src/components/Typography/Text/Text.stories.tsx +0 -22
  92. package/src/components/Typography/Text/Text.test.tsx +0 -16
  93. package/src/components/Typography/Text/Text.tsx +0 -30
  94. package/src/components/Typography/Title/Title.stories.tsx +0 -31
  95. package/src/components/Typography/Title/Title.test.tsx +0 -16
  96. package/src/components/Typography/Title/Title.tsx +0 -36
  97. package/src/components/icons/Activity.tsx +0 -30
  98. package/src/components/icons/ArrowDown.tsx +0 -22
  99. package/src/components/icons/ArrowRight.tsx +0 -22
  100. package/src/components/icons/ArrowTriangle.tsx +0 -36
  101. package/src/components/icons/ArrowUp.tsx +0 -22
  102. package/src/components/icons/Backups.tsx +0 -29
  103. package/src/components/icons/Blog.tsx +0 -38
  104. package/src/components/icons/Book.tsx +0 -30
  105. package/src/components/icons/Brackets.tsx +0 -22
  106. package/src/components/icons/Briefcase.tsx +0 -30
  107. package/src/components/icons/Building.tsx +0 -30
  108. package/src/components/icons/BurgerMenu.tsx +0 -22
  109. package/src/components/icons/Cards.tsx +0 -30
  110. package/src/components/icons/CellTower.tsx +0 -21
  111. package/src/components/icons/ChatIcon.tsx +0 -22
  112. package/src/components/icons/CheckIcon.tsx +0 -21
  113. package/src/components/icons/CheckInCircle.tsx +0 -39
  114. package/src/components/icons/ChevronDown.tsx +0 -20
  115. package/src/components/icons/ChevronLeft.tsx +0 -22
  116. package/src/components/icons/ChevronRight.tsx +0 -20
  117. package/src/components/icons/ChevronUp.tsx +0 -22
  118. package/src/components/icons/Clock.tsx +0 -37
  119. package/src/components/icons/Cloud.tsx +0 -23
  120. package/src/components/icons/Code.tsx +0 -22
  121. package/src/components/icons/CodeInSquare.tsx +0 -30
  122. package/src/components/icons/Connect.tsx +0 -22
  123. package/src/components/icons/ConnectAlt.tsx +0 -30
  124. package/src/components/icons/Console.tsx +0 -30
  125. package/src/components/icons/Copy.tsx +0 -33
  126. package/src/components/icons/CrossIcon.tsx +0 -29
  127. package/src/components/icons/Data.tsx +0 -36
  128. package/src/components/icons/DatabaseIcon.tsx +0 -31
  129. package/src/components/icons/Disk.tsx +0 -30
  130. package/src/components/icons/Display.tsx +0 -30
  131. package/src/components/icons/Document.tsx +0 -30
  132. package/src/components/icons/DotsHorizontal.tsx +0 -36
  133. package/src/components/icons/DotsVertical.tsx +0 -33
  134. package/src/components/icons/Email.tsx +0 -33
  135. package/src/components/icons/Empty.tsx +0 -14
  136. package/src/components/icons/FilterIcon.tsx +0 -37
  137. package/src/components/icons/Fire.tsx +0 -23
  138. package/src/components/icons/Flags/EuropeanUnion.tsx +0 -174
  139. package/src/components/icons/Flags/Germany.tsx +0 -25
  140. package/src/components/icons/Flags/India.tsx +0 -48
  141. package/src/components/icons/Flags/Ireland.tsx +0 -32
  142. package/src/components/icons/Flags/Netherlands.tsx +0 -29
  143. package/src/components/icons/Flags/Singapore.tsx +0 -43
  144. package/src/components/icons/Flags/UnitedKingdom.tsx +0 -32
  145. package/src/components/icons/Flags/UnitedStates.tsx +0 -26
  146. package/src/components/icons/Flags/index.tsx +0 -46
  147. package/src/components/icons/Folder.tsx +0 -20
  148. package/src/components/icons/Gift.tsx +0 -21
  149. package/src/components/icons/HistoryIcon.tsx +0 -28
  150. package/src/components/icons/Home.tsx +0 -29
  151. package/src/components/icons/Http.tsx +0 -22
  152. package/src/components/icons/Icons.mdx +0 -39
  153. package/src/components/icons/InfoInCircleIcon.tsx +0 -37
  154. package/src/components/icons/InformationIcon.tsx +0 -34
  155. package/src/components/icons/InsertRowIcon.tsx +0 -34
  156. package/src/components/icons/Integrations.tsx +0 -29
  157. package/src/components/icons/LightBulb.tsx +0 -40
  158. package/src/components/icons/Lightening.tsx +0 -30
  159. package/src/components/icons/Loading.tsx +0 -57
  160. package/src/components/icons/Metrics.tsx +0 -38
  161. package/src/components/icons/MetricsAlt.tsx +0 -30
  162. package/src/components/icons/Payment.tsx +0 -23
  163. package/src/components/icons/Payments/Amex.tsx +0 -44
  164. package/src/components/icons/Payments/MasterCard.tsx +0 -48
  165. package/src/components/icons/Payments/Paypal.tsx +0 -41
  166. package/src/components/icons/Payments/Visa.tsx +0 -36
  167. package/src/components/icons/Payments/index.tsx +0 -30
  168. package/src/components/icons/Pencil.tsx +0 -30
  169. package/src/components/icons/PieChart.tsx +0 -30
  170. package/src/components/icons/Play.tsx +0 -30
  171. package/src/components/icons/Plus.tsx +0 -22
  172. package/src/components/icons/Popout.tsx +0 -22
  173. package/src/components/icons/PopoverArrow.tsx +0 -22
  174. package/src/components/icons/Question.tsx +0 -30
  175. package/src/components/icons/Refresh.tsx +0 -29
  176. package/src/components/icons/Search.tsx +0 -22
  177. package/src/components/icons/Secure.tsx +0 -30
  178. package/src/components/icons/Services.tsx +0 -23
  179. package/src/components/icons/Settings.tsx +0 -22
  180. package/src/components/icons/Share.tsx +0 -29
  181. package/src/components/icons/SlideIn.tsx +0 -28
  182. package/src/components/icons/SlideOut.tsx +0 -28
  183. package/src/components/icons/SortAltIcon.tsx +0 -22
  184. package/src/components/icons/SortIcon.tsx +0 -24
  185. package/src/components/icons/Sparkle.tsx +0 -23
  186. package/src/components/icons/Speaker.tsx +0 -30
  187. package/src/components/icons/Speed.tsx +0 -29
  188. package/src/components/icons/Star.tsx +0 -23
  189. package/src/components/icons/Support.tsx +0 -37
  190. package/src/components/icons/Table.tsx +0 -30
  191. package/src/components/icons/Taxi.tsx +0 -120
  192. package/src/components/icons/Trash.tsx +0 -22
  193. package/src/components/icons/Upload.tsx +0 -29
  194. package/src/components/icons/Url.tsx +0 -22
  195. package/src/components/icons/UserIcon.tsx +0 -17
  196. package/src/components/icons/UsersIcon.tsx +0 -43
  197. package/src/components/icons/WarningIcon.tsx +0 -30
  198. package/src/components/index.ts +0 -35
  199. package/src/components/types.ts +0 -1
  200. package/src/index.css +0 -9
  201. package/src/index.ts +0 -2
  202. package/src/main.tsx +0 -11
  203. package/src/stories/assets/code-brackets.svg +0 -1
  204. package/src/stories/assets/colors.svg +0 -1
  205. package/src/stories/assets/comments.svg +0 -1
  206. package/src/stories/assets/direction.svg +0 -1
  207. package/src/stories/assets/flow.svg +0 -1
  208. package/src/stories/assets/plugin.svg +0 -1
  209. package/src/stories/assets/repo.svg +0 -1
  210. package/src/stories/assets/stackalt.svg +0 -1
  211. package/src/styles/Home.module.css +0 -235
  212. package/src/styles/globals.css +0 -111
  213. package/src/styles/types.ts +0 -2089
  214. package/src/styles/variables.classic.css +0 -16
  215. package/src/styles/variables.classic.json +0 -202
  216. package/src/styles/variables.css +0 -763
  217. package/src/styles/variables.dark.css +0 -135
  218. package/src/styles/variables.dark.json +0 -894
  219. package/src/styles/variables.json +0 -2087
  220. package/src/styles/variables.light.css +0 -203
  221. package/src/styles/variables.light.json +0 -949
  222. package/src/theme/index.ts +0 -22
  223. package/src/theme/theme.tsx +0 -28
  224. package/src/vite-env.d.ts +0 -1
  225. package/tokens/themes/$metadata.json +0 -9
  226. package/tokens/themes/$themes.json +0 -3657
  227. package/tokens/themes/classic.json +0 -550
  228. package/tokens/themes/component.json +0 -2252
  229. package/tokens/themes/dark.json +0 -2563
  230. package/tokens/themes/light.json +0 -2645
  231. package/tokens/themes/primitives.json +0 -947
  232. package/tsconfig.json +0 -27
  233. package/tsconfig.node.json +0 -10
  234. package/vite.config.ts +0 -40
  235. /package/{public → dist}/favicon.ico +0 -0
  236. /package/{public → dist}/logo.svg +0 -0
  237. /package/{public → dist}/vite.svg +0 -0
package/tokens/themes/component.json DELETED
@@ -1,2252 +0,0 @@
1
- {
2
- "click": {
3
- "accordion": {
4
- "small": {
5
- "icon": {
6
- "size": {
7
- "height": {
8
- "value": "{click.image.small.size.height}",
9
- "type": "sizing"
10
- },
11
- "width": {
12
- "value": "{click.image.small.size.width}",
13
- "type": "sizing"
14
- }
15
- }
16
- },
17
- "space": {
18
- "gap": {
19
- "value": "{spaces.1}",
20
- "type": "spacing"
21
- }
22
- },
23
- "typography": {
24
- "label": {
25
- "default": {
26
- "value": "{typography.styles.product.text.medium.sm}",
27
- "type": "typography"
28
- },
29
- "hover": {
30
- "value": "{click.accordion.small.typography.label.default}",
31
- "type": "typography"
32
- },
33
- "active": {
34
- "value": "{click.accordion.small.typography.label.default}",
35
- "type": "typography"
36
- }
37
- }
38
- }
39
- },
40
- "medium": {
41
- "icon": {
42
- "size": {
43
- "height": {
44
- "value": "{click.image.medium.size.height}",
45
- "type": "sizing"
46
- },
47
- "width": {
48
- "value": "{click.image.medium.size.width}",
49
- "type": "sizing"
50
- }
51
- }
52
- },
53
- "space": {
54
- "gap": {
55
- "value": "{spaces.1}",
56
- "type": "spacing"
57
- }
58
- },
59
- "typography": {
60
- "label": {
61
- "default": {
62
- "value": "{typography.styles.product.text.medium.md}",
63
- "type": "typography"
64
- },
65
- "hover": {
66
- "value": "{click.accordion.medium.typography.label.default}",
67
- "type": "typography"
68
- },
69
- "active": {
70
- "value": "{click.accordion.medium.typography.label.default}",
71
- "type": "typography"
72
- }
73
- }
74
- }
75
- },
76
- "large": {
77
- "icon": {
78
- "size": {
79
- "height": {
80
- "value": "{click.image.large.size.height}",
81
- "type": "sizing"
82
- },
83
- "width": {
84
- "value": "{click.image.large.size.width}",
85
- "type": "sizing"
86
- }
87
- }
88
- },
89
- "space": {
90
- "gap": {
91
- "value": "{spaces.1}",
92
- "type": "spacing"
93
- }
94
- },
95
- "typography": {
96
- "label": {
97
- "default": {
98
- "value": "{typography.styles.product.text.medium.lg}",
99
- "type": "typography"
100
- },
101
- "hover": {
102
- "value": "{click.accordion.large.typography.label.default}",
103
- "type": "typography"
104
- },
105
- "active": {
106
- "value": "{click.accordion.large.typography.label.default}",
107
- "type": "typography"
108
- }
109
- }
110
- }
111
- }
112
- },
113
- "alert": {
114
- "medium": {
115
- "space": {
116
- "y": {
117
- "value": "{spaces.3}",
118
- "type": "spacing"
119
- },
120
- "x": {
121
- "value": "{spaces.3}",
122
- "type": "spacing"
123
- },
124
- "gap": {
125
- "value": "{spaces.2}",
126
- "type": "spacing"
127
- }
128
- },
129
- "typography": {
130
- "title": {
131
- "default": {
132
- "value": "{typography.styles.product.titles.sm}",
133
- "type": "typography"
134
- }
135
- },
136
- "text": {
137
- "default": {
138
- "value": "{typography.styles.product.text.normal.md}",
139
- "type": "typography"
140
- }
141
- }
142
- },
143
- "icon": {
144
- "height": {
145
- "value": "{click.image.medium.size.height}",
146
- "type": "sizing"
147
- },
148
- "width": {
149
- "value": "{click.image.medium.size.width}",
150
- "type": "sizing"
151
- }
152
- }
153
- },
154
- "small": {
155
- "space": {
156
- "y": {
157
- "value": "{spaces.2}",
158
- "type": "spacing"
159
- },
160
- "x": {
161
- "value": "{spaces.2}",
162
- "type": "spacing"
163
- },
164
- "gap": {
165
- "value": "{spaces.1}",
166
- "type": "spacing"
167
- }
168
- },
169
- "icon": {
170
- "height": {
171
- "value": "{click.image.small.size.height}",
172
- "type": "sizing"
173
- },
174
- "width": {
175
- "value": "{click.image.small.size.width}",
176
- "type": "sizing"
177
- }
178
- },
179
- "typography": {
180
- "title": {
181
- "default": {
182
- "value": "{typography.styles.product.titles.xs}",
183
- "type": "typography"
184
- }
185
- },
186
- "text": {
187
- "default": {
188
- "value": "{typography.styles.product.text.normal.sm}",
189
- "type": "typography"
190
- }
191
- }
192
- }
193
- },
194
- "radii": {
195
- "center": {
196
- "value": "{border.radii.0}",
197
- "type": "borderRadius"
198
- },
199
- "end": {
200
- "value": "{border.radii.1}",
201
- "type": "borderRadius"
202
- }
203
- }
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
- },
271
- "badge": {
272
- "space": {
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
- }
286
- },
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
- }
300
- }
301
- },
302
- "typography": {
303
- "label": {
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
- }
315
- }
316
- }
317
- },
318
- "radii": {
319
- "all": {
320
- "value": "{border.radii.full}",
321
- "type": "borderRadius"
322
- }
323
- },
324
- "stroke": {
325
- "value": "{border.width.1}",
326
- "type": "borderWidth",
327
- "default": {
328
- "value": "#e6e7e9",
329
- "type": "color"
330
- },
331
- "success": {
332
- "value": "#e0f8e7",
333
- "type": "color"
334
- },
335
- "neutral": {
336
- "value": "#dfdfdf",
337
- "type": "color"
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
- }
365
- }
366
- },
367
- "bigStat": {
368
- "space": {
369
- "all": {
370
- "value": "{spaces.4}",
371
- "type": "spacing"
372
- },
373
- "gap": {
374
- "value": "{spaces.0}",
375
- "type": "spacing"
376
- }
377
- },
378
- "radii": {
379
- "all": {
380
- "value": "{border.radii.1}",
381
- "type": "borderRadius"
382
- }
383
- },
384
- "stroke": {
385
- "value": "{border.width.1}",
386
- "type": "borderWidth"
387
- },
388
- "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
- }
406
- }
407
- },
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
- }
420
- }
421
- }
422
- },
423
- "size": {
424
- "height": {
425
- "value": "6rem",
426
- "type": "sizing"
427
- }
428
- }
429
- },
430
- "button": {
431
- "radii": {
432
- "all": {
433
- "value": "{border.radii.1}",
434
- "type": "borderRadius"
435
- }
436
- },
437
- "basic": {
438
- "space": {
439
- "x": {
440
- "value": "{spaces.4}",
441
- "type": "spacing"
442
- },
443
- "y": {
444
- "value": "0.34375rem",
445
- "type": "spacing"
446
- },
447
- "gap": {
448
- "value": "{spaces.2}",
449
- "type": "spacing"
450
- },
451
- "group": {
452
- "value": "{click.button.basic.space.gap}",
453
- "type": "spacing"
454
- }
455
- },
456
- "typography": {
457
- "label": {
458
- "default": {
459
- "value": "{typography.styles.product.text.medium.md}",
460
- "type": "typography"
461
- },
462
- "hover": {
463
- "value": "{typography.styles.product.text.medium.md}",
464
- "type": "typography"
465
- },
466
- "active": {
467
- "value": "{typography.styles.product.text.medium.md}",
468
- "type": "typography"
469
- },
470
- "disabled": {
471
- "value": "{typography.styles.product.text.medium.md}",
472
- "type": "typography"
473
- }
474
- },
475
- "mobile": {
476
- "label": {
477
- "default": {
478
- "value": "{typography.styles.product.text.medium.lg}",
479
- "type": "typography"
480
- },
481
- "hover": {
482
- "value": "{typography.styles.product.text.medium.lg}",
483
- "type": "typography"
484
- },
485
- "active": {
486
- "value": "{typography.styles.product.text.semibold.lg}",
487
- "type": "typography"
488
- }
489
- }
490
- }
491
- },
492
- "size": {
493
- "icon": {
494
- "all": {
495
- "value": "0.96875rem",
496
- "type": "sizing"
497
- },
498
- "height": {
499
- "value": "0.96875rem",
500
- "type": "sizing"
501
- },
502
- "width": {
503
- "value": "0.96875rem",
504
- "type": "sizing"
505
- }
506
- }
507
- }
508
- },
509
- "iconButton": {
510
- "default": {
511
- "space": {
512
- "x": {
513
- "value": "{spaces.2}",
514
- "type": "spacing"
515
- },
516
- "y": {
517
- "value": "{spaces.2}",
518
- "type": "spacing"
519
- }
520
- }
521
- },
522
- "size": {
523
- "small": {
524
- "value": "{sizes.4}",
525
- "type": "sizing"
526
- },
527
- "medium": {
528
- "value": "{sizes.5}",
529
- "type": "sizing"
530
- },
531
- "large": {
532
- "value": "{sizes.6}",
533
- "type": "sizing"
534
- }
535
- },
536
- "radii": {
537
- "all": {
538
- "value": "{click.button.radii.all}",
539
- "type": "borderRadius"
540
- }
541
- },
542
- "small": {
543
- "space": {
544
- "x": {
545
- "value": "{spaces.1}",
546
- "type": "spacing"
547
- },
548
- "y": {
549
- "value": "{spaces.1}",
550
- "type": "spacing"
551
- }
552
- }
553
- }
554
- },
555
- "stroke": {
556
- "value": "{border.width.1}",
557
- "type": "borderWidth"
558
- },
559
- "split": {
560
- "icon": {
561
- "space": {
562
- "y": {
563
- "value": "0.515625rem",
564
- "type": "spacing"
565
- }
566
- }
567
- }
568
- },
569
- "mobile": {
570
- "button": {
571
- "space": {
572
- "x": {
573
- "value": "{spaces.3}",
574
- "type": "spacing"
575
- },
576
- "y": {
577
- "value": "{spaces.2}",
578
- "type": "spacing"
579
- },
580
- "gap": {
581
- "value": "{spaces.2}",
582
- "type": "spacing"
583
- }
584
- }
585
- },
586
- "basic": {
587
- "size": {
588
- "icon": {
589
- "all": {
590
- "value": "{sizes.6}",
591
- "type": "sizing"
592
- }
593
- }
594
- }
595
- }
596
- },
597
- "button-group": {
598
- "radii": {
599
- "center": {
600
- "value": "{border.radii.0}",
601
- "type": "borderRadius"
602
- },
603
- "end": {
604
- "value": "{border.radii.1}",
605
- "type": "borderRadius"
606
- }
607
- }
608
- },
609
- "alignLeft": {
610
- "size": {
611
- "icon": {
612
- "all": {
613
- "value": "{click.button.basic.size.icon.all}",
614
- "type": "sizing"
615
- }
616
- }
617
- },
618
- "space": {
619
- "x": {
620
- "value": "{spaces.4}",
621
- "type": "spacing"
622
- },
623
- "y": {
624
- "value": "0.34375rem",
625
- "type": "spacing"
626
- },
627
- "gap": {
628
- "value": "{spaces.2}",
629
- "type": "spacing"
630
- }
631
- },
632
- "typography": {
633
- "label": {
634
- "default": {
635
- "value": "{typography.styles.product.text.medium.md}",
636
- "type": "typography"
637
- },
638
- "hover": {
639
- "value": "{typography.styles.product.text.medium.md}",
640
- "type": "typography"
641
- },
642
- "active": {
643
- "value": "{typography.styles.product.text.medium.md}",
644
- "type": "typography"
645
- },
646
- "disabled": {
647
- "value": "{typography.styles.product.text.medium.md}",
648
- "type": "typography"
649
- }
650
- },
651
- "mobile": {
652
- "label": {
653
- "default": {
654
- "value": "{typography.styles.product.text.medium.lg}",
655
- "type": "typography"
656
- },
657
- "hover": {
658
- "value": "{typography.styles.product.text.medium.lg}",
659
- "type": "typography"
660
- },
661
- "active": {
662
- "value": "{typography.styles.product.text.semibold.lg}",
663
- "type": "typography"
664
- }
665
- }
666
- }
667
- }
668
- }
669
- },
670
- "card": {
671
- "secondary": {
672
- "space": {
673
- "all": {
674
- "value": "{spaces.4}",
675
- "type": "spacing"
676
- },
677
- "gap": {
678
- "value": "{spaces.4}",
679
- "type": "spacing"
680
- }
681
- },
682
- "radii": {
683
- "all": {
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"
706
- }
707
- }
708
- },
709
- "typography": {
710
- "title": {
711
- "default": {
712
- "value": "{typography.styles.product.titles.md}",
713
- "type": "typography"
714
- },
715
- "hover": {
716
- "value": "{typography.styles.product.titles.md}",
717
- "type": "typography"
718
- },
719
- "active": {
720
- "value": "{typography.styles.product.titles.md}",
721
- "type": "typography"
722
- },
723
- "disabled": {
724
- "value": "{typography.styles.product.titles.md}",
725
- "type": "typography"
726
- }
727
- },
728
- "description": {
729
- "default": {
730
- "value": "{typography.styles.product.text.normal.md}",
731
- "type": "typography"
732
- },
733
- "hover": {
734
- "value": "{typography.styles.product.text.normal.md}",
735
- "type": "typography"
736
- },
737
- "active": {
738
- "value": "{typography.styles.product.text.normal.md}",
739
- "type": "typography"
740
- },
741
- "disabled": {
742
- "value": "{typography.styles.product.text.normal.md}",
743
- "type": "typography"
744
- }
745
- },
746
- "link": {
747
- "default": {
748
- "value": "{typography.styles.product.text.medium.md}",
749
- "type": "typography"
750
- },
751
- "hover": {
752
- "value": "{typography.styles.product.text.medium.md}",
753
- "type": "typography"
754
- },
755
- "active": {
756
- "value": "{typography.styles.product.text.medium.md}",
757
- "type": "typography"
758
- },
759
- "disabled": {
760
- "value": "{typography.styles.product.text.medium.md}",
761
- "type": "typography"
762
- }
763
- }
764
- },
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
- }
781
- },
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
- },
926
- "codeblock": {
927
- "space": {
928
- "x": {
929
- "value": "{spaces.4}",
930
- "type": "spacing"
931
- },
932
- "y": {
933
- "value": "{spaces.4}",
934
- "type": "spacing"
935
- },
936
- "gap": {
937
- "value": "1.5rem",
938
- "type": "spacing"
939
- }
940
- },
941
- "radii": {
942
- "all": {
943
- "value": "{border.radii.1}",
944
- "type": "borderRadius"
945
- }
946
- },
947
- "stroke": {
948
- "value": "{border.width.1}",
949
- "type": "borderWidth"
950
- },
951
- "typography": {
952
- "text": {
953
- "default": {
954
- "value": "{typography.styles.product.text.mono.md}",
955
- "type": "typography"
956
- }
957
- }
958
- },
959
- "numbers": {
960
- "size": {
961
- "width": {
962
- "value": "{sizes.7}",
963
- "type": "sizing"
964
- }
965
- }
966
- }
967
- },
968
- "codeInline": {
969
- "space": {
970
- "x": {
971
- "value": "{spaces.1}",
972
- "type": "spacing"
973
- }
974
- },
975
- "stroke": {
976
- "value": "{border.width.1}",
977
- "type": "borderWidth"
978
- },
979
- "typography": {
980
- "text": {
981
- "default": {
982
- "value": "{typography.styles.product.text.mono.md}",
983
- "type": "typography"
984
- }
985
- }
986
- },
987
- "radii": {
988
- "all": {
989
- "value": "{border.radii.1}",
990
- "type": "borderRadius"
991
- }
992
- }
993
- },
994
- "docs": {
995
- "typography": {
996
- "titles": {
997
- "lg": {
998
- "value": "{typography.styles.product.titles.2xl}",
999
- "type": "typography"
1000
- },
1001
- "md": {
1002
- "value": "{typography.styles.product.titles.xl}",
1003
- "type": "typography"
1004
- },
1005
- "sm": {
1006
- "value": "{typography.styles.product.titles.lg}",
1007
- "type": "typography"
1008
- }
1009
- },
1010
- "text": {
1011
- "default": {
1012
- "value": "{typography.styles.product.text.normal.md}",
1013
- "type": "typography"
1014
- }
1015
- },
1016
- "breadcrumbs": {
1017
- "default": {
1018
- "value": "{typography.styles.product.text.normal.md}",
1019
- "type": "typography"
1020
- },
1021
- "active": {
1022
- "value": "{typography.styles.product.text.semibold.md}",
1023
- "type": "typography"
1024
- }
1025
- },
1026
- "toc": {
1027
- "title": {
1028
- "default": {
1029
- "value": "{typography.styles.product.text.semibold.md}",
1030
- "type": "typography"
1031
- }
1032
- },
1033
- "item": {
1034
- "default": {
1035
- "value": "{typography.styles.product.text.normal.md}",
1036
- "type": "typography"
1037
- },
1038
- "hover": {
1039
- "value": "{typography.styles.product.text.normal.md}",
1040
- "type": "typography"
1041
- },
1042
- "active": {
1043
- "value": "{typography.styles.product.text.semibold.md}",
1044
- "type": "typography"
1045
- }
1046
- }
1047
- }
1048
- }
1049
- },
1050
- "field": {
1051
- "typography": {
1052
- "label": {
1053
- "default": {
1054
- "value": "{typography.styles.product.text.medium.sm}",
1055
- "type": "typography"
1056
- },
1057
- "hover": {
1058
- "value": "{typography.styles.product.text.medium.sm}",
1059
- "type": "typography"
1060
- },
1061
- "active": {
1062
- "value": "{typography.styles.product.text.medium.sm}",
1063
- "type": "typography"
1064
- },
1065
- "disabled": {
1066
- "value": "{typography.styles.product.text.medium.sm}",
1067
- "type": "typography"
1068
- },
1069
- "error": {
1070
- "value": "{typography.styles.product.text.medium.sm}",
1071
- "type": "typography"
1072
- }
1073
- },
1074
- "fieldText": {
1075
- "default": {
1076
- "value": "{typography.styles.product.text.normal.md}",
1077
- "type": "typography"
1078
- },
1079
- "hover": {
1080
- "value": "{typography.styles.product.text.normal.md}",
1081
- "type": "typography"
1082
- },
1083
- "active": {
1084
- "value": "{typography.styles.product.text.normal.md}",
1085
- "type": "typography"
1086
- },
1087
- "disabled": {
1088
- "value": "{typography.styles.product.text.normal.md}",
1089
- "type": "typography"
1090
- },
1091
- "error": {
1092
- "value": "{typography.styles.product.text.normal.md}",
1093
- "type": "typography"
1094
- }
1095
- },
1096
- "placeholder": {
1097
- "default": {
1098
- "value": "{click.field.typography.fieldText.default}",
1099
- "type": "typography"
1100
- }
1101
- },
1102
- "format": {
1103
- "default": {
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}",
1127
- "type": "typography"
1128
- },
1129
- "hover": {
1130
- "value": "{typography.styles.product.text.normal.md}",
1131
- "type": "typography"
1132
- },
1133
- "active": {
1134
- "value": "{typography.styles.product.text.normal.md}",
1135
- "type": "typography"
1136
- },
1137
- "disabled": {
1138
- "value": "{typography.styles.product.text.normal.md}",
1139
- "type": "typography"
1140
- },
1141
- "error": {
1142
- "value": "{typography.styles.product.text.normal.md}",
1143
- "type": "typography"
1144
- }
1145
- }
1146
- },
1147
- "type": {
1148
- "mobile": {
1149
- "label": {
1150
- "value": "{typography.styles.product.text.medium.md}",
1151
- "type": "typography"
1152
- },
1153
- "field-value": {
1154
- "value": "{typography.styles.product.text.normal.lg}",
1155
- "type": "typography"
1156
- }
1157
- }
1158
- },
1159
- "space": {
1160
- "x": {
1161
- "value": "{spaces.3}",
1162
- "type": "spacing"
1163
- },
1164
- "y": {
1165
- "value": "0.34375rem",
1166
- "type": "spacing"
1167
- },
1168
- "gap": {
1169
- "value": "{spaces.2}",
1170
- "type": "spacing"
1171
- }
1172
- },
1173
- "size": {
1174
- "icon": {
1175
- "value": "{sizes.5}",
1176
- "type": "sizing"
1177
- }
1178
- },
1179
- "radii": {
1180
- "all": {
1181
- "value": "{border.radii.1}",
1182
- "type": "borderRadius"
1183
- }
1184
- },
1185
- "mobile": {
1186
- "space": {
1187
- "x": {
1188
- "value": "{spaces.3}",
1189
- "type": "spacing"
1190
- },
1191
- "y": {
1192
- "value": "{spaces.2}",
1193
- "type": "spacing"
1194
- },
1195
- "gap": {
1196
- "value": "{spaces.2}",
1197
- "type": "spacing"
1198
- }
1199
- }
1200
- }
1201
- },
1202
- "genericMenu": {
1203
- "item": {
1204
- "space": {
1205
- "x": {
1206
- "value": "{spaces.4}",
1207
- "type": "spacing"
1208
- },
1209
- "y": {
1210
- "value": "0.34375rem",
1211
- "type": "spacing"
1212
- },
1213
- "gap": {
1214
- "value": "{spaces.2}",
1215
- "type": "spacing"
1216
- }
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
- }
1228
- }
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}",
1413
- "type": "sizing"
1414
- },
1415
- "width": {
1416
- "value": "{sizes.7}",
1417
- "type": "sizing"
1418
- }
1419
- }
1420
- },
1421
- "x-large": {
1422
- "size": {
1423
- "height": {
1424
- "value": "{sizes.9}",
1425
- "type": "sizing"
1426
- },
1427
- "width": {
1428
- "value": "{sizes.9}",
1429
- "type": "sizing"
1430
- }
1431
- }
1432
- },
1433
- "xx-large": {
1434
- "size": {
1435
- "height": {
1436
- "value": "{sizes.11}",
1437
- "type": "sizing"
1438
- },
1439
- "width": {
1440
- "value": "{sizes.11}",
1441
- "type": "sizing"
1442
- }
1443
- }
1444
- }
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
- },
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
- },
1545
- "radii": {
1546
- "all": {
1547
- "value": "{border.radii.1}",
1548
- "type": "borderRadius"
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
- }
1670
- }
1671
- },
1672
- "sidebar": {
1673
- "navigation": {
1674
- "item": {
1675
- "radii": {
1676
- "all": {
1677
- "value": "{border.radii.1}",
1678
- "type": "borderRadius"
1679
- }
1680
- },
1681
- "default": {
1682
- "space": {
1683
- "left": {
1684
- "value": "{spaces.0}",
1685
- "type": "spacing"
1686
- },
1687
- "right": {
1688
- "value": "{spaces.3}",
1689
- "type": "spacing"
1690
- },
1691
- "y": {
1692
- "value": "{click.button.basic.space.y}",
1693
- "type": "spacing"
1694
- },
1695
- "gap": {
1696
- "value": "{spaces.3}",
1697
- "type": "spacing"
1698
- }
1699
- }
1700
- },
1701
- "typography": {
1702
- "default": {
1703
- "value": "{typography.styles.product.text.normal.md}",
1704
- "type": "typography"
1705
- },
1706
- "hover": {
1707
- "value": "{typography.styles.product.text.normal.md}",
1708
- "type": "typography"
1709
- },
1710
- "active": {
1711
- "value": "{typography.styles.product.text.medium.md}",
1712
- "type": "typography"
1713
- },
1714
- "disabled": {
1715
- "value": "{typography.styles.product.text.medium.md}",
1716
- "type": "typography"
1717
- }
1718
- },
1719
- "mobile": {
1720
- "typography": {
1721
- "default": {
1722
- "value": "{typography.styles.product.text.normal.lg}",
1723
- "type": "typography"
1724
- },
1725
- "hover": {
1726
- "value": "{typography.styles.product.text.normal.lg}",
1727
- "type": "typography"
1728
- },
1729
- "active": {
1730
- "value": "{typography.styles.product.text.medium.lg}",
1731
- "type": "typography"
1732
- }
1733
- },
1734
- "space": {
1735
- "left": {
1736
- "value": "{spaces.0}",
1737
- "type": "spacing"
1738
- },
1739
- "right": {
1740
- "value": "{spaces.3}",
1741
- "type": "spacing"
1742
- },
1743
- "y": {
1744
- "value": "{spaces.3}",
1745
- "type": "spacing"
1746
- },
1747
- "gap": {
1748
- "value": "{spaces.3}",
1749
- "type": "spacing"
1750
- }
1751
- }
1752
- },
1753
- "collapsible": {
1754
- "space": {
1755
- "left": {
1756
- "value": "{spaces.0}",
1757
- "type": "spacing"
1758
- },
1759
- "right": {
1760
- "value": "{spaces.3}",
1761
- "type": "spacing"
1762
- },
1763
- "y": {
1764
- "value": "{click.button.basic.space.y}",
1765
- "type": "spacing"
1766
- },
1767
- "gap": {
1768
- "value": "{spaces.3}",
1769
- "type": "spacing"
1770
- }
1771
- }
1772
- }
1773
- },
1774
- "title": {
1775
- "typography": {
1776
- "default": {
1777
- "value": "{typography.styles.product.text.medium.sm}",
1778
- "type": "typography"
1779
- },
1780
- "hover": {
1781
- "value": "{typography.styles.product.text.medium.sm}",
1782
- "type": "typography"
1783
- },
1784
- "active": {
1785
- "value": "{typography.styles.product.text.medium.sm}",
1786
- "type": "typography"
1787
- },
1788
- "disabled": {
1789
- "value": "{typography.styles.product.text.medium.sm}",
1790
- "type": "typography"
1791
- }
1792
- }
1793
- },
1794
- "subItem": {
1795
- "default": {
1796
- "space": {
1797
- "left": {
1798
- "value": "2.75rem",
1799
- "type": "spacing"
1800
- },
1801
- "right": {
1802
- "value": "{spaces.3}",
1803
- "type": "spacing"
1804
- },
1805
- "y": {
1806
- "value": "{click.button.basic.space.y}",
1807
- "type": "spacing"
1808
- }
1809
- }
1810
- },
1811
- "mobile": {
1812
- "space": {
1813
- "left": {
1814
- "value": "2.75rem",
1815
- "type": "spacing"
1816
- },
1817
- "right": {
1818
- "value": "{spaces.3}",
1819
- "type": "spacing"
1820
- },
1821
- "y": {
1822
- "value": "{spaces.3}",
1823
- "type": "spacing"
1824
- },
1825
- "gap": {
1826
- "value": "{spaces.3}",
1827
- "type": "spacing"
1828
- }
1829
- },
1830
- "typography": {
1831
- "default": {
1832
- "value": "{typography.styles.product.text.normal.lg}",
1833
- "type": "typography"
1834
- },
1835
- "hover": {
1836
- "value": "{typography.styles.product.text.normal.lg}",
1837
- "type": "typography"
1838
- },
1839
- "active": {
1840
- "value": "{typography.styles.product.text.medium.lg}",
1841
- "type": "typography"
1842
- }
1843
- }
1844
- },
1845
- "radii": {
1846
- "all": {
1847
- "value": "{border.radii.1}",
1848
- "type": "borderRadius"
1849
- }
1850
- },
1851
- "typography": {
1852
- "default": {
1853
- "value": "{typography.styles.product.text.normal.md}",
1854
- "type": "typography"
1855
- },
1856
- "hover": {
1857
- "value": "{typography.styles.product.text.normal.md}",
1858
- "type": "typography"
1859
- },
1860
- "active": {
1861
- "value": "{typography.styles.product.text.medium.md}",
1862
- "type": "typography"
1863
- },
1864
- "disabled": {
1865
- "value": "{typography.styles.product.text.medium.md}",
1866
- "type": "typography"
1867
- }
1868
- }
1869
- }
1870
- }
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
- },
1959
- "switch": {
1960
- "space": {
1961
- "gap": {
1962
- "value": "{spaces.2}",
1963
- "type": "spacing"
1964
- }
1965
- },
1966
- "radii": {
1967
- "all": {
1968
- "value": "{border.radii.full}",
1969
- "type": "borderRadius"
1970
- }
1971
- },
1972
- "size": {
1973
- "width": {
1974
- "value": "{sizes.9}",
1975
- "type": "sizing"
1976
- },
1977
- "height": {
1978
- "value": "{sizes.5}",
1979
- "type": "sizing"
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
- }
2031
- }
2032
- },
2033
- "tabs": {
2034
- "space": {
2035
- "y": {
2036
- "value": "{spaces.2}",
2037
- "type": "spacing"
2038
- },
2039
- "x": {
2040
- "value": "{spaces.3}",
2041
- "type": "spacing"
2042
- }
2043
- },
2044
- "radii": {
2045
- "all": {
2046
- "value": "{border.radii.1}",
2047
- "type": "borderRadius"
2048
- }
2049
- },
2050
- "typography": {
2051
- "label": {
2052
- "default": {
2053
- "value": "{typography.styles.product.text.normal.md}",
2054
- "type": "typography"
2055
- },
2056
- "hover": {
2057
- "value": "{typography.styles.product.text.normal.md}",
2058
- "type": "typography"
2059
- },
2060
- "active": {
2061
- "value": "{typography.styles.product.text.medium.md}",
2062
- "type": "typography"
2063
- }
2064
- }
2065
- },
2066
- "basic": {
2067
- "strokeWidth": {
2068
- "default": {
2069
- "value": "{border.width.1}",
2070
- "type": "borderWidth"
2071
- },
2072
- "hover": {
2073
- "value": "{border.width.1}",
2074
- "type": "borderWidth"
2075
- },
2076
- "active": {
2077
- "value": "{border.width.2}",
2078
- "type": "borderWidth"
2079
- },
2080
- "global": {
2081
- "value": "{border.width.1}",
2082
- "type": "borderWidth"
2083
- }
2084
- },
2085
- "stroke": {
2086
- "default": {
2087
- "value": {
2088
- "color": "{click.tabs.basic.color.stroke.default}",
2089
- "width": "{click.tabs.basic.strokeWidth.default}",
2090
- "style": "solid"
2091
- },
2092
- "type": "border"
2093
- },
2094
- "hover": {
2095
- "value": {
2096
- "color": "{click.tabs.basic.color.stroke.hover}",
2097
- "width": "{click.tabs.basic.strokeWidth.hover}",
2098
- "style": "solid"
2099
- },
2100
- "type": "border"
2101
- },
2102
- "active": {
2103
- "value": {
2104
- "color": "{click.tabs.basic.color.stroke.active}",
2105
- "width": "{click.tabs.basic.strokeWidth.active}",
2106
- "style": "solid"
2107
- },
2108
- "type": "border"
2109
- },
2110
- "global": {
2111
- "value": {
2112
- "color": "{click.global.color.stroke.default}",
2113
- "width": "{border.width.1}",
2114
- "style": "solid"
2115
- },
2116
- "type": "border"
2117
- }
2118
- }
2119
- }
2120
- },
2121
- "toast": {
2122
- "icon": {
2123
- "size": {
2124
- "height": {
2125
- "value": "{click.image.small.size.height}",
2126
- "type": "sizing"
2127
- },
2128
- "width": {
2129
- "value": "{click.image.small.size.width}",
2130
- "type": "sizing"
2131
- }
2132
- }
2133
- },
2134
- "space": {
2135
- "title": {
2136
- "gap": {
2137
- "value": "{spaces.2}",
2138
- "type": "spacing"
2139
- }
2140
- },
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"
2152
- }
2153
- },
2154
- "radii": {
2155
- "all": {
2156
- "value": "{click.popover.radii.all}",
2157
- "type": "borderRadius"
2158
- }
2159
- },
2160
- "shadow": {
2161
- "value": "{click.popover.shadow.default}",
2162
- "type": "boxShadow"
2163
- },
2164
- "typography": {
2165
- "title": {
2166
- "default": {
2167
- "value": "{typography.styles.product.titles.sm}",
2168
- "type": "typography"
2169
- }
2170
- },
2171
- "description": {
2172
- "default": {
2173
- "value": "{typography.styles.product.text.normal.sm}",
2174
- "type": "typography"
2175
- }
2176
- }
2177
- }
2178
- },
2179
- "tooltip": {
2180
- "radii": {
2181
- "all": {
2182
- "value": "{border.radii.1}",
2183
- "type": "borderRadius"
2184
- }
2185
- },
2186
- "space": {
2187
- "x": {
2188
- "value": "{spaces.3}",
2189
- "type": "spacing"
2190
- },
2191
- "y": {
2192
- "value": "{spaces.2}",
2193
- "type": "spacing"
2194
- }
2195
- },
2196
- "typography": {
2197
- "label": {
2198
- "default": {
2199
- "value": "{typography.styles.product.text.normal.sm}",
2200
- "type": "typography"
2201
- }
2202
- }
2203
- }
2204
- },
2205
- "dialog": {
2206
- "space": {
2207
- "y": {
2208
- "value": "{spaces.5}",
2209
- "type": "spacing"
2210
- },
2211
- "x": {
2212
- "value": "{spaces.6}",
2213
- "type": "spacing"
2214
- },
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
- }
2226
- }
2227
- },
2228
- "radii": {
2229
- "all": {
2230
- "value": "{border.radii.2}",
2231
- "type": "borderRadius"
2232
- }
2233
- },
2234
- "shadow": {
2235
- "default": {
2236
- "value": "{shadow.1}",
2237
- "type": "boxShadow"
2238
- }
2239
- },
2240
- "stroke": {
2241
- "default": {
2242
- "value": {
2243
- "color": "{click.global.color.stroke.default}",
2244
- "width": "{border.width.1}",
2245
- "style": "solid"
2246
- },
2247
- "type": "border"
2248
- }
2249
- }
2250
- }
2251
- }
2252
- }