@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/primitives.json DELETED
@@ -1,947 +0,0 @@
1
- {
2
- "palette": {
3
- "brand": {
4
- "50": {
5
- "value": "#ffffe8",
6
- "type": "color"
7
- },
8
- "100": {
9
- "value": "#feffba",
10
- "type": "color"
11
- },
12
- "200": {
13
- "value": "#fdffa3",
14
- "type": "color"
15
- },
16
- "300": {
17
- "value": "#FAFF69",
18
- "type": "color"
19
- },
20
- "400": {
21
- "value": "#eef400",
22
- "type": "color"
23
- },
24
- "500": {
25
- "value": "#9fa300",
26
- "type": "color"
27
- },
28
- "600": {
29
- "value": "#4f5100",
30
- "type": "color"
31
- },
32
- "700": {
33
- "value": "#27291B",
34
- "type": "color"
35
- },
36
- "800": {
37
- "value": "#161600",
38
- "type": "color"
39
- },
40
- "base": {
41
- "value": "#fbff46",
42
- "type": "color"
43
- }
44
- },
45
- "neutral": {
46
- "0": {
47
- "value": "#ffffff",
48
- "type": "color"
49
- },
50
- "100": {
51
- "value": "#f9f9f9",
52
- "type": "color"
53
- },
54
- "200": {
55
- "value": "#dfdfdf",
56
- "type": "color"
57
- },
58
- "300": {
59
- "value": "#c0c0c0",
60
- "type": "color"
61
- },
62
- "400": {
63
- "value": "#a0a0a0",
64
- "type": "color"
65
- },
66
- "500": {
67
- "value": "#808080",
68
- "type": "color"
69
- },
70
- "600": {
71
- "value": "#606060",
72
- "type": "color"
73
- },
74
- "700": {
75
- "value": "#414141",
76
- "type": "color"
77
- },
78
- "725": {
79
- "value": "#282828",
80
- "type": "color"
81
- },
82
- "750": {
83
- "value": "#1F1F1C",
84
- "type": "color"
85
- },
86
- "800": {
87
- "value": "#1d1d1d",
88
- "type": "color"
89
- },
90
- "900": {
91
- "value": "#151515",
92
- "type": "color"
93
- },
94
- "base": {
95
- "value": "#212121",
96
- "type": "color"
97
- }
98
- },
99
- "slate": {
100
- "50": {
101
- "value": "#f6f7fa",
102
- "type": "color"
103
- },
104
- "100": {
105
- "value": "#e6e7e9",
106
- "type": "color"
107
- },
108
- "200": {
109
- "value": "#cccfd3",
110
- "type": "color"
111
- },
112
- "300": {
113
- "value": "#b3b6bd",
114
- "type": "color"
115
- },
116
- "400": {
117
- "value": "#9a9ea7",
118
- "type": "color"
119
- },
120
- "500": {
121
- "value": "#808691",
122
- "type": "color"
123
- },
124
- "600": {
125
- "value": "#696e79",
126
- "type": "color"
127
- },
128
- "700": {
129
- "value": "#53575f",
130
- "type": "color"
131
- },
132
- "800": {
133
- "value": "#302e32",
134
- "type": "color"
135
- },
136
- "900": {
137
- "value": "#161517",
138
- "type": "color"
139
- },
140
- "base": {
141
- "value": "#373439",
142
- "type": "color"
143
- }
144
- },
145
- "indigo": {
146
- "50": {
147
- "value": "#f4f1fc",
148
- "type": "color"
149
- },
150
- "100": {
151
- "value": "#e4e2e9",
152
- "type": "color"
153
- },
154
- "200": {
155
- "value": "#c8c5d3",
156
- "type": "color"
157
- },
158
- "300": {
159
- "value": "#ada8bd",
160
- "type": "color"
161
- },
162
- "400": {
163
- "value": "#918ba7",
164
- "type": "color"
165
- },
166
- "500": {
167
- "value": "#766e91",
168
- "type": "color"
169
- },
170
- "600": {
171
- "value": "#5e5874",
172
- "type": "color"
173
- },
174
- "700": {
175
- "value": "#474257",
176
- "type": "color"
177
- },
178
- "800": {
179
- "value": "#23212c",
180
- "type": "color"
181
- },
182
- "900": {
183
- "value": "#18161d",
184
- "type": "color"
185
- },
186
- "base": {
187
- "value": "#2f2c3a",
188
- "type": "color"
189
- }
190
- },
191
- "info": {
192
- "50": {
193
- "value": "#dae6fc",
194
- "type": "color"
195
- },
196
- "100": {
197
- "value": "#b5cdf9",
198
- "type": "color"
199
- },
200
- "200": {
201
- "value": "#91b3f6",
202
- "type": "color"
203
- },
204
- "300": {
205
- "value": "#6c9af3",
206
- "type": "color"
207
- },
208
- "400": {
209
- "value": "#135be6",
210
- "type": "color"
211
- },
212
- "500": {
213
- "value": "#0e44ad",
214
- "type": "color"
215
- },
216
- "600": {
217
- "value": "#092e73",
218
- "type": "color"
219
- },
220
- "700": {
221
- "value": "#061d48",
222
- "type": "color"
223
- },
224
- "800": {
225
- "value": "#05173a",
226
- "type": "color"
227
- },
228
- "900": {
229
- "value": "#041330",
230
- "type": "color"
231
- },
232
- "base": {
233
- "value": "#4781f0",
234
- "type": "color"
235
- }
236
- },
237
- "success": {
238
- "50": {
239
- "value": "#e0f8e7",
240
- "type": "color"
241
- },
242
- "100": {
243
- "value": "#c0f2ce",
244
- "type": "color"
245
- },
246
- "200": {
247
- "value": "#a1ebb6",
248
- "type": "color"
249
- },
250
- "300": {
251
- "value": "#81e59d",
252
- "type": "color"
253
- },
254
- "400": {
255
- "value": "#41d76b",
256
- "type": "color"
257
- },
258
- "500": {
259
- "value": "#2ac656",
260
- "type": "color"
261
- },
262
- "600": {
263
- "value": "#1c8439",
264
- "type": "color"
265
- },
266
- "700": {
267
- "value": "#15632b",
268
- "type": "color"
269
- },
270
- "800": {
271
- "value": "#0e421d",
272
- "type": "color"
273
- },
274
- "900": {
275
- "value": "#07210e",
276
- "type": "color"
277
- },
278
- "base": {
279
- "value": "#62de85",
280
- "type": "color"
281
- }
282
- },
283
- "warning": {
284
- "50": {
285
- "value": "#ffedd8",
286
- "type": "color"
287
- },
288
- "100": {
289
- "value": "#ffdbb1",
290
- "type": "color"
291
- },
292
- "200": {
293
- "value": "#ffca8b",
294
- "type": "color"
295
- },
296
- "300": {
297
- "value": "#ffb864",
298
- "type": "color"
299
- },
300
- "400": {
301
- "value": "#ff9416",
302
- "type": "color"
303
- },
304
- "500": {
305
- "value": "#ed8000",
306
- "type": "color"
307
- },
308
- "600": {
309
- "value": "#c66b00",
310
- "type": "color"
311
- },
312
- "700": {
313
- "value": "#9e5600",
314
- "type": "color"
315
- },
316
- "800": {
317
- "value": "#4f2b00",
318
- "type": "color"
319
- },
320
- "900": {
321
- "value": "#271500",
322
- "type": "color"
323
- },
324
- "base": {
325
- "value": "#ffa63d",
326
- "type": "color"
327
- }
328
- },
329
- "danger": {
330
- "50": {
331
- "value": "#ffdddd",
332
- "type": "color"
333
- },
334
- "100": {
335
- "value": "#ffbaba",
336
- "type": "color"
337
- },
338
- "200": {
339
- "value": "#ff9898",
340
- "type": "color"
341
- },
342
- "300": {
343
- "value": "#ff7575",
344
- "type": "color"
345
- },
346
- "400": {
347
- "value": "#ff2323",
348
- "type": "color"
349
- },
350
- "500": {
351
- "value": "#f10000",
352
- "type": "color"
353
- },
354
- "600": {
355
- "value": "#c10000",
356
- "type": "color"
357
- },
358
- "700": {
359
- "value": "#910000",
360
- "type": "color"
361
- },
362
- "800": {
363
- "value": "#610000",
364
- "type": "color"
365
- },
366
- "900": {
367
- "value": "#300000",
368
- "type": "color"
369
- },
370
- "base": {
371
- "value": "#FF5353",
372
- "type": "color"
373
- }
374
- },
375
- "gradients": {
376
- "base": {
377
- "value": "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
378
- "type": "color"
379
- },
380
- "transparent": {
381
- "value": "rgba(0,0,0,0)",
382
- "type": "color",
383
- "description": "Transparent background"
384
- }
385
- },
386
- "utility": {
387
- "transparent": {
388
- "value": "rgba(0,0,0,0)",
389
- "type": "color"
390
- }
391
- }
392
- },
393
- "sizes": {
394
- "0": {
395
- "value": "0",
396
- "type": "sizing"
397
- },
398
- "1": {
399
- "value": "1px",
400
- "type": "sizing"
401
- },
402
- "2": {
403
- "value": "0.25rem",
404
- "type": "sizing"
405
- },
406
- "3": {
407
- "value": "0.5rem",
408
- "type": "sizing"
409
- },
410
- "4": {
411
- "value": "0.75rem",
412
- "type": "sizing"
413
- },
414
- "5": {
415
- "value": "1rem",
416
- "type": "sizing"
417
- },
418
- "6": {
419
- "value": "1.25rem",
420
- "type": "sizing"
421
- },
422
- "7": {
423
- "value": "1.5rem",
424
- "type": "sizing"
425
- },
426
- "8": {
427
- "value": "1.75rem",
428
- "type": "sizing"
429
- },
430
- "9": {
431
- "value": "2rem",
432
- "type": "sizing"
433
- },
434
- "10": {
435
- "value": "2.5rem",
436
- "type": "sizing"
437
- },
438
- "11": {
439
- "value": "4rem",
440
- "type": "sizing"
441
- }
442
- },
443
- "typography": {
444
- "font": {
445
- "families": {
446
- "regular": {
447
- "value": "\"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
448
- "type": "fontFamilies"
449
- },
450
- "mono": {
451
- "value": "\"Inconsolata\", \"SFMono Regular\", monospace",
452
- "type": "fontFamilies"
453
- },
454
- "display": {
455
- "value": "'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
456
- "type": "fontFamilies"
457
- }
458
- },
459
- "weights": {
460
- "1": {
461
- "value": "400",
462
- "type": "fontWeights"
463
- },
464
- "2": {
465
- "value": "500",
466
- "type": "fontWeights"
467
- },
468
- "3": {
469
- "value": "600",
470
- "type": "fontWeights"
471
- },
472
- "4": {
473
- "value": "700",
474
- "type": "fontWeights"
475
- }
476
- },
477
- "sizes": {
478
- "0": {
479
- "value": "0.625rem",
480
- "type": "fontSizes"
481
- },
482
- "1": {
483
- "value": "{sizes.4}",
484
- "type": "fontSizes"
485
- },
486
- "2": {
487
- "value": "0.875rem",
488
- "type": "fontSizes"
489
- },
490
- "3": {
491
- "value": "{sizes.5}",
492
- "type": "fontSizes"
493
- },
494
- "4": {
495
- "value": "{sizes.6}",
496
- "type": "fontSizes"
497
- },
498
- "6": {
499
- "value": "{sizes.9}",
500
- "type": "fontSizes"
501
- },
502
- "base": {
503
- "value": "16px",
504
- "type": "fontSizes"
505
- }
506
- },
507
- "line-height": {
508
- "1": {
509
- "value": "150%",
510
- "type": "lineHeights"
511
- },
512
- "2": {
513
- "value": "160%",
514
- "type": "lineHeights"
515
- },
516
- "3": {
517
- "value": "170%",
518
- "type": "lineHeights"
519
- },
520
- "4": {
521
- "value": "130%",
522
- "type": "lineHeights"
523
- }
524
- }
525
- },
526
- "styles": {
527
- "product": {
528
- "titles": {
529
- "xs": {
530
- "value": {
531
- "fontFamily": "{typography.font.families.regular}",
532
- "fontWeight": "{typography.font.weights.4}",
533
- "fontSize": "{typography.font.sizes.1}",
534
- "lineHeight": "{typography.font.line-height.1}"
535
- },
536
- "type": "typography"
537
- },
538
- "sm": {
539
- "value": {
540
- "fontFamily": "{typography.font.families.regular}",
541
- "fontWeight": "{typography.font.weights.4}",
542
- "lineHeight": "{typography.font.line-height.1}",
543
- "fontSize": "{typography.font.sizes.2}"
544
- },
545
- "type": "typography"
546
- },
547
- "md": {
548
- "value": {
549
- "fontFamily": "{typography.font.families.regular}",
550
- "fontWeight": "{typography.font.weights.3}",
551
- "lineHeight": "{typography.font.line-height.1}",
552
- "fontSize": "{typography.font.sizes.3}"
553
- },
554
- "type": "typography"
555
- },
556
- "lg": {
557
- "value": {
558
- "fontFamily": "{typography.font.families.regular}",
559
- "fontWeight": "{typography.font.weights.4}",
560
- "lineHeight": "{typography.font.line-height.1}",
561
- "fontSize": "{typography.font.sizes.3}"
562
- },
563
- "type": "typography"
564
- },
565
- "xl": {
566
- "value": {
567
- "fontFamily": "{typography.font.families.regular}",
568
- "fontWeight": "{typography.font.weights.4}",
569
- "lineHeight": "{typography.font.line-height.1}",
570
- "fontSize": "{typography.font.sizes.4}"
571
- },
572
- "type": "typography"
573
- },
574
- "2xl": {
575
- "value": {
576
- "fontFamily": "{typography.font.families.regular}",
577
- "fontWeight": "{typography.font.weights.3}",
578
- "lineHeight": "{typography.font.line-height.1}",
579
- "fontSize": "{typography.font.sizes.6}"
580
- },
581
- "type": "typography"
582
- }
583
- },
584
- "text": {
585
- "normal": {
586
- "xs": {
587
- "value": {
588
- "fontFamily": "{typography.font.families.regular}",
589
- "fontWeight": "{typography.font.weights.1}",
590
- "lineHeight": "{typography.font.line-height.1}",
591
- "fontSize": "{typography.font.sizes.0}"
592
- },
593
- "type": "typography"
594
- },
595
- "sm": {
596
- "value": {
597
- "fontFamily": "{typography.font.families.regular}",
598
- "fontWeight": "{typography.font.weights.1}",
599
- "lineHeight": "{typography.font.line-height.1}",
600
- "fontSize": "{typography.font.sizes.1}"
601
- },
602
- "type": "typography"
603
- },
604
- "md": {
605
- "value": {
606
- "fontFamily": "{typography.font.families.regular}",
607
- "fontWeight": "{typography.font.weights.1}",
608
- "lineHeight": "{typography.font.line-height.1}",
609
- "fontSize": "{typography.font.sizes.2}"
610
- },
611
- "type": "typography"
612
- },
613
- "lg": {
614
- "value": {
615
- "fontFamily": "{typography.font.families.regular}",
616
- "fontWeight": "{typography.font.weights.1}",
617
- "lineHeight": "{typography.font.line-height.1}",
618
- "fontSize": "{typography.font.sizes.3}"
619
- },
620
- "type": "typography"
621
- }
622
- },
623
- "medium": {
624
- "xs": {
625
- "value": {
626
- "fontFamily": "{typography.font.families.regular}",
627
- "fontWeight": "{typography.font.weights.2}",
628
- "lineHeight": "{typography.font.line-height.1}",
629
- "fontSize": "{typography.font.sizes.0}"
630
- },
631
- "type": "typography"
632
- },
633
- "sm": {
634
- "value": {
635
- "fontFamily": "{typography.font.families.regular}",
636
- "fontWeight": "{typography.font.weights.2}",
637
- "lineHeight": "{typography.font.line-height.1}",
638
- "fontSize": "{typography.font.sizes.1}"
639
- },
640
- "type": "typography"
641
- },
642
- "md": {
643
- "value": {
644
- "fontFamily": "{typography.font.families.regular}",
645
- "fontWeight": "{typography.font.weights.2}",
646
- "lineHeight": "{typography.font.line-height.1}",
647
- "fontSize": "{typography.font.sizes.2}"
648
- },
649
- "type": "typography"
650
- },
651
- "lg": {
652
- "value": {
653
- "fontFamily": "{typography.font.families.regular}",
654
- "fontWeight": "{typography.font.weights.2}",
655
- "lineHeight": "{typography.font.line-height.1}",
656
- "fontSize": "{typography.font.sizes.3}"
657
- },
658
- "type": "typography"
659
- }
660
- },
661
- "semibold": {
662
- "xs": {
663
- "value": {
664
- "fontFamily": "{typography.font.families.regular}",
665
- "fontWeight": "{typography.font.weights.3}",
666
- "lineHeight": "{typography.font.line-height.1}",
667
- "fontSize": "{typography.font.sizes.0}"
668
- },
669
- "type": "typography"
670
- },
671
- "sm": {
672
- "value": {
673
- "fontFamily": "{typography.font.families.regular}",
674
- "fontWeight": "{typography.font.weights.3}",
675
- "lineHeight": "{typography.font.line-height.1}",
676
- "fontSize": "{typography.font.sizes.1}"
677
- },
678
- "type": "typography"
679
- },
680
- "md": {
681
- "value": {
682
- "fontFamily": "{typography.font.families.regular}",
683
- "fontWeight": "{typography.font.weights.3}",
684
- "lineHeight": "{typography.font.line-height.1}",
685
- "fontSize": "{typography.font.sizes.2}"
686
- },
687
- "type": "typography"
688
- },
689
- "lg": {
690
- "value": {
691
- "fontFamily": "{typography.font.families.regular}",
692
- "fontWeight": "{typography.font.weights.3}",
693
- "lineHeight": "{typography.font.line-height.1}",
694
- "fontSize": "{typography.font.sizes.3}"
695
- },
696
- "type": "typography"
697
- }
698
- },
699
- "mono": {
700
- "sm": {
701
- "value": {
702
- "fontFamily": "{typography.font.families.mono}",
703
- "fontWeight": "{typography.font.weights.2}",
704
- "lineHeight": "{typography.font.line-height.2}",
705
- "fontSize": "{typography.font.sizes.1}"
706
- },
707
- "type": "typography"
708
- },
709
- "md": {
710
- "value": {
711
- "fontFamily": "{typography.font.families.mono}",
712
- "fontWeight": "{typography.font.weights.2}",
713
- "lineHeight": "{typography.font.line-height.3}",
714
- "fontSize": "{typography.font.sizes.2}"
715
- },
716
- "type": "typography"
717
- },
718
- "lg": {
719
- "value": {
720
- "fontFamily": "{typography.font.families.mono}",
721
- "fontWeight": "{typography.font.weights.2}",
722
- "lineHeight": "{typography.font.line-height.2}",
723
- "fontSize": "{typography.font.sizes.3}"
724
- },
725
- "type": "typography"
726
- }
727
- },
728
- "bold": {
729
- "xs": {
730
- "value": {
731
- "fontFamily": "{typography.font.families.regular}",
732
- "fontWeight": "{typography.font.weights.4}",
733
- "lineHeight": "{typography.font.line-height.1}",
734
- "fontSize": "{typography.font.sizes.0}"
735
- },
736
- "type": "typography"
737
- },
738
- "sm": {
739
- "value": {
740
- "fontFamily": "{typography.font.families.regular}",
741
- "fontWeight": "{typography.font.weights.4}",
742
- "lineHeight": "{typography.font.line-height.1}",
743
- "fontSize": "{typography.font.sizes.1}"
744
- },
745
- "type": "typography"
746
- },
747
- "md": {
748
- "value": {
749
- "fontFamily": "{typography.font.families.regular}",
750
- "fontWeight": "{typography.font.weights.4}",
751
- "lineHeight": "{typography.font.line-height.1}",
752
- "fontSize": "{typography.font.sizes.2}"
753
- },
754
- "type": "typography"
755
- },
756
- "lg": {
757
- "value": {
758
- "fontFamily": "{typography.font.families.regular}",
759
- "fontWeight": "{typography.font.weights.4}",
760
- "lineHeight": "{typography.font.line-height.1}",
761
- "fontSize": "{typography.font.sizes.3}"
762
- },
763
- "type": "typography"
764
- }
765
- }
766
- }
767
- },
768
- "brand": {
769
- "titles": {
770
- "xs": {
771
- "value": {
772
- "fontFamily": "{typography.font.families.display}",
773
- "fontWeight": "{typography.font.weights.3}",
774
- "lineHeight": "{typography.font.line-height.1}",
775
- "fontSize": "20px"
776
- },
777
- "type": "typography"
778
- },
779
- "sm": {
780
- "value": {
781
- "fontFamily": "{typography.font.families.display}",
782
- "fontWeight": "{typography.font.weights.3}",
783
- "lineHeight": "{typography.font.line-height.1}",
784
- "fontSize": "24px"
785
- },
786
- "type": "typography"
787
- },
788
- "md": {
789
- "value": {
790
- "fontFamily": "{typography.font.families.display}",
791
- "fontWeight": "{typography.font.weights.3}",
792
- "lineHeight": "{typography.font.line-height.4}",
793
- "fontSize": "36px"
794
- },
795
- "type": "typography"
796
- },
797
- "lg": {
798
- "value": {
799
- "fontFamily": "{typography.font.families.display}",
800
- "fontWeight": "{typography.font.weights.3}",
801
- "lineHeight": "{typography.font.line-height.4}",
802
- "fontSize": "56px"
803
- },
804
- "type": "typography"
805
- },
806
- "xl": {
807
- "value": {
808
- "fontFamily": "{typography.font.families.display}",
809
- "fontWeight": "{typography.font.weights.4}",
810
- "lineHeight": "{typography.font.line-height.4}",
811
- "fontSize": "64px"
812
- },
813
- "type": "typography"
814
- },
815
- "2xl": {
816
- "value": {
817
- "fontFamily": "{typography.font.families.display}",
818
- "fontWeight": "{typography.font.weights.4}",
819
- "lineHeight": "{typography.font.line-height.4}",
820
- "fontSize": "80px"
821
- },
822
- "type": "typography"
823
- }
824
- }
825
- },
826
- "field": {
827
- "md": {
828
- "value": {
829
- "fontFamily": "{typography.font.families.regular}",
830
- "fontWeight": "{typography.font.weights.1}",
831
- "lineHeight": "{typography.font.line-height.2}",
832
- "fontSize": "{typography.font.sizes.2}"
833
- },
834
- "type": "typography"
835
- }
836
- }
837
- }
838
- },
839
- "border": {
840
- "radii": {
841
- "0": {
842
- "value": "{sizes.0}",
843
- "type": "borderRadius"
844
- },
845
- "1": {
846
- "value": "{sizes.2}",
847
- "type": "borderRadius"
848
- },
849
- "2": {
850
- "value": "{sizes.3}",
851
- "type": "borderRadius"
852
- },
853
- "full": {
854
- "value": "9999px",
855
- "type": "borderRadius"
856
- }
857
- },
858
- "width": {
859
- "1": {
860
- "value": "{sizes.1}",
861
- "type": "borderWidth"
862
- },
863
- "2": {
864
- "value": "{sizes.1} + {sizes.1}",
865
- "type": "borderWidth"
866
- }
867
- }
868
- },
869
- "spaces": {
870
- "0": {
871
- "value": "{sizes.0}",
872
- "type": "spacing"
873
- },
874
- "1": {
875
- "value": "{sizes.2}",
876
- "type": "spacing"
877
- },
878
- "2": {
879
- "value": "{sizes.3}",
880
- "type": "spacing"
881
- },
882
- "3": {
883
- "value": "{sizes.4}",
884
- "type": "spacing"
885
- },
886
- "4": {
887
- "value": "{sizes.5}",
888
- "type": "spacing"
889
- },
890
- "5": {
891
- "value": "{sizes.7}",
892
- "type": "spacing"
893
- },
894
- "6": {
895
- "value": "{sizes.9}",
896
- "type": "spacing"
897
- },
898
- "7": {
899
- "value": "{sizes.10}",
900
- "type": "spacing"
901
- }
902
- },
903
- "shadow": {
904
- "1": {
905
- "value": [
906
- {
907
- "x": "0",
908
- "y": "4",
909
- "blur": "6",
910
- "spread": "-1",
911
- "color": "{click.global.color.shadow.default}",
912
- "type": "dropShadow"
913
- },
914
- {
915
- "x": "0",
916
- "y": "2",
917
- "blur": "4",
918
- "spread": "-1",
919
- "color": "{click.global.color.shadow.default}",
920
- "type": "dropShadow"
921
- }
922
- ],
923
- "type": "boxShadow"
924
- },
925
- "2": {
926
- "value": [
927
- {
928
- "x": "0",
929
- "y": "4",
930
- "blur": "4",
931
- "spread": "0",
932
- "color": "rgba(88, 92, 98, 0.06)",
933
- "type": "dropShadow"
934
- },
935
- {
936
- "x": "5",
937
- "y": "0",
938
- "blur": "10",
939
- "spread": "0",
940
- "color": "rgba(104, 105, 111, 0.1)",
941
- "type": "innerShadow"
942
- }
943
- ],
944
- "type": "boxShadow"
945
- }
946
- }
947
- }