@apify/ui-library 0.71.1-featcolortokens-178953.58 → 0.71.1-featcolortokens-178953.67

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 (121) hide show
  1. package/dist/src/design_system/colors/generated/{dark.d.ts → css_variables.dark.d.ts} +1 -1
  2. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
  3. package/dist/src/design_system/colors/generated/css_variables.dark.js +147 -0
  4. package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
  5. package/dist/src/design_system/colors/generated/{light.d.ts → css_variables.light.d.ts} +1 -1
  6. package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
  7. package/dist/src/design_system/colors/generated/css_variables.light.js +147 -0
  8. package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
  9. package/dist/src/design_system/colors/generated/{palette.dark.d.ts → css_variables_palette.dark.d.ts} +1 -1
  10. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
  11. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +74 -0
  12. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
  13. package/dist/src/design_system/colors/generated/{palette.light.d.ts → css_variables_palette.light.d.ts} +1 -1
  14. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
  15. package/dist/src/design_system/colors/generated/css_variables_palette.light.js +74 -0
  16. package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
  17. package/dist/src/design_system/colors/index.d.ts +4 -4
  18. package/dist/src/design_system/colors/index.d.ts.map +1 -1
  19. package/dist/src/design_system/colors/index.js +4 -4
  20. package/dist/src/design_system/colors/index.js.map +1 -1
  21. package/dist/tsconfig.build.tsbuildinfo +1 -1
  22. package/package.json +3 -2
  23. package/src/codemods/generate_typograpy_tokens_files.mjs +137 -0
  24. package/src/components/action_link.tsx +60 -0
  25. package/src/components/actor_template_card.tsx +116 -0
  26. package/src/components/badge.tsx +148 -0
  27. package/src/components/banner.tsx +94 -0
  28. package/src/components/blog_article.tsx +85 -0
  29. package/src/components/box.tsx +127 -0
  30. package/src/components/button.tsx +305 -0
  31. package/src/components/chip.tsx +128 -0
  32. package/src/components/code/action_button.tsx +96 -0
  33. package/src/components/code/code_block/code_block.styled.tsx +180 -0
  34. package/src/components/code/code_block/code_block.tsx +224 -0
  35. package/src/components/code/code_block/code_block_with_tabs.tsx +257 -0
  36. package/src/components/code/code_block/utils.tsx +67 -0
  37. package/src/components/code/index.ts +5 -0
  38. package/src/components/code/inline_code/inline_code.tsx +62 -0
  39. package/src/components/code/one_line_code/one_line_code.tsx +228 -0
  40. package/src/components/code/prism_highlighter.tsx +180 -0
  41. package/src/components/color_wheel_gradient.tsx +31 -0
  42. package/src/components/floating/index.ts +3 -0
  43. package/src/components/floating/menu.tsx +189 -0
  44. package/src/components/floating/menu_common.tsx +31 -0
  45. package/src/components/floating/menu_components.tsx +99 -0
  46. package/src/components/image.tsx +24 -0
  47. package/src/components/index.ts +22 -0
  48. package/src/components/link.tsx +114 -0
  49. package/src/components/message.tsx +153 -0
  50. package/src/components/rating.tsx +106 -0
  51. package/src/components/readme_renderer/index.ts +3 -0
  52. package/src/components/readme_renderer/pythonize_value.ts +76 -0
  53. package/src/components/readme_renderer/table_of_contents.tsx +272 -0
  54. package/src/components/readme_renderer/utils.tsx +46 -0
  55. package/src/components/simple_markdown/index.ts +2 -0
  56. package/src/components/simple_markdown/simple_markdown.tsx +214 -0
  57. package/src/components/simple_markdown/simple_markdown_components.tsx +293 -0
  58. package/src/components/tabs/index.ts +2 -0
  59. package/src/components/tabs/tab.tsx +217 -0
  60. package/src/components/tabs/tabs.tsx +169 -0
  61. package/src/components/tag.tsx +196 -0
  62. package/src/components/text/heading_content.tsx +56 -0
  63. package/src/components/text/heading_marketing.tsx +55 -0
  64. package/src/components/text/heading_shared.tsx +55 -0
  65. package/src/components/text/index.ts +19 -0
  66. package/src/components/text/text_base.tsx +52 -0
  67. package/src/components/text/text_content.tsx +104 -0
  68. package/src/components/text/text_marketing.tsx +152 -0
  69. package/src/components/text/text_shared.tsx +95 -0
  70. package/src/components/tile/horizontal_tile.tsx +77 -0
  71. package/src/components/tile/index.ts +2 -0
  72. package/src/components/tile/shared.ts +27 -0
  73. package/src/components/tile/vertical_tile.tsx +59 -0
  74. package/src/components/to_consolidate/card.tsx +141 -0
  75. package/src/components/to_consolidate/index.ts +4 -0
  76. package/src/components/to_consolidate/markdown.tsx +609 -0
  77. package/src/components/to_consolidate/pagination.tsx +136 -0
  78. package/src/components/to_consolidate/tab_number_chip.tsx +31 -0
  79. package/src/design_system/colors/build_color_tokens.js +183 -0
  80. package/src/design_system/colors/figma_color_tokens.dark.json +886 -0
  81. package/src/design_system/colors/figma_color_tokens.light.json +886 -0
  82. package/src/design_system/colors/generated/colors_theme.dark.ts +110 -0
  83. package/src/design_system/colors/generated/colors_theme.light.ts +110 -0
  84. package/{dist/src/design_system/colors/generated/dark.js → src/design_system/colors/generated/css_variables.dark.ts} +1 -1
  85. package/{dist/src/design_system/colors/generated/light.js → src/design_system/colors/generated/css_variables.light.ts} +1 -1
  86. package/{dist/src/design_system/colors/generated/palette.dark.js → src/design_system/colors/generated/css_variables_palette.dark.ts} +1 -1
  87. package/{dist/src/design_system/colors/generated/palette.light.js → src/design_system/colors/generated/css_variables_palette.light.ts} +1 -1
  88. package/{dist/src/design_system/properties_theme.js → src/design_system/colors/generated/properties_theme.ts} +20 -156
  89. package/src/design_system/colors/index.ts +7 -0
  90. package/src/design_system/supernova_typography_tokens.json +657 -0
  91. package/src/design_system/theme.ts +25 -0
  92. package/src/design_system/tokens/index.ts +5 -0
  93. package/src/design_system/tokens/layouts.ts +29 -0
  94. package/src/design_system/tokens/radiuses.ts +22 -0
  95. package/src/design_system/tokens/shadows.ts +22 -0
  96. package/src/design_system/tokens/spaces.ts +15 -0
  97. package/src/design_system/tokens/transitions.ts +19 -0
  98. package/src/design_system/typography_theme.ts +197 -0
  99. package/src/index.ts +8 -0
  100. package/src/type_utils.ts +7 -0
  101. package/src/ui_dependency_provider.tsx +58 -0
  102. package/src/utils/copy_to_clipboard.ts +24 -0
  103. package/src/utils/image_color.ts +42 -0
  104. package/src/utils/index.ts +4 -0
  105. package/src/utils/resize_observer.ts +18 -0
  106. package/src/utils/sanitization.ts +14 -0
  107. package/dist/src/design_system/colors/generated/dark.d.ts.map +0 -1
  108. package/dist/src/design_system/colors/generated/dark.js.map +0 -1
  109. package/dist/src/design_system/colors/generated/light.d.ts.map +0 -1
  110. package/dist/src/design_system/colors/generated/light.js.map +0 -1
  111. package/dist/src/design_system/colors/generated/palette.dark.d.ts.map +0 -1
  112. package/dist/src/design_system/colors/generated/palette.dark.js.map +0 -1
  113. package/dist/src/design_system/colors/generated/palette.light.d.ts.map +0 -1
  114. package/dist/src/design_system/colors/generated/palette.light.js.map +0 -1
  115. package/dist/src/design_system/colors_theme.d.ts +0 -213
  116. package/dist/src/design_system/colors_theme.d.ts.map +0 -1
  117. package/dist/src/design_system/colors_theme.js +0 -213
  118. package/dist/src/design_system/colors_theme.js.map +0 -1
  119. package/dist/src/design_system/properties_theme.d.ts +0 -175
  120. package/dist/src/design_system/properties_theme.d.ts.map +0 -1
  121. package/dist/src/design_system/properties_theme.js.map +0 -1
package/src/design_system/supernova_typography_tokens.json ADDED
@@ -0,0 +1,657 @@
1
+ {
2
+ "global": {
3
+ "shared": {
4
+ "mobile": {
5
+ "title3xl": {
6
+ "value": {
7
+ "fontWeight": "700",
8
+ "fontSize": "28",
9
+ "lineHeight": "32",
10
+ "fontFamily": "Inter"
11
+ },
12
+ "type": "typography"
13
+ },
14
+ "title2xl": {
15
+ "value": {
16
+ "fontWeight": "700",
17
+ "fontSize": "24",
18
+ "lineHeight": "28",
19
+ "fontFamily": "Inter"
20
+ },
21
+ "type": "typography"
22
+ },
23
+ "titleXl": {
24
+ "value": {
25
+ "fontWeight": "650",
26
+ "fontSize": "20",
27
+ "lineHeight": "24",
28
+ "fontFamily": "Inter"
29
+ },
30
+ "type": "typography"
31
+ },
32
+ "titleL": {
33
+ "value": {
34
+ "fontWeight": "650",
35
+ "fontSize": "18",
36
+ "lineHeight": "24",
37
+ "fontFamily": "Inter"
38
+ },
39
+ "type": "typography"
40
+ }
41
+ },
42
+ "title3xl": {
43
+ "value": {
44
+ "fontWeight": "700",
45
+ "fontSize": "36",
46
+ "lineHeight": "44",
47
+ "fontFamily": "Inter"
48
+ },
49
+ "type": "typography"
50
+ },
51
+ "title2xl": {
52
+ "value": {
53
+ "fontWeight": "700",
54
+ "fontSize": "28",
55
+ "lineHeight": "32",
56
+ "fontFamily": "Inter"
57
+ },
58
+ "type": "typography"
59
+ },
60
+ "titleXl": {
61
+ "value": {
62
+ "fontWeight": "700",
63
+ "fontSize": "24",
64
+ "lineHeight": "28",
65
+ "fontFamily": "Inter"
66
+ },
67
+ "type": "typography"
68
+ },
69
+ "titleL": {
70
+ "value": {
71
+ "fontWeight": "650",
72
+ "fontSize": "20",
73
+ "lineHeight": "24",
74
+ "fontFamily": "Inter"
75
+ },
76
+ "type": "typography"
77
+ },
78
+ "titleM": {
79
+ "value": {
80
+ "fontWeight": "650",
81
+ "fontSize": "16",
82
+ "lineHeight": "24",
83
+ "fontFamily": "Inter"
84
+ },
85
+ "type": "typography"
86
+ },
87
+ "titleS": {
88
+ "value": {
89
+ "fontWeight": "650",
90
+ "fontSize": "14",
91
+ "lineHeight": "20",
92
+ "fontFamily": "Inter"
93
+ },
94
+ "type": "typography"
95
+ },
96
+ "titleXs": {
97
+ "value": {
98
+ "fontWeight": "650",
99
+ "fontSize": "12",
100
+ "lineHeight": "16",
101
+ "fontFamily": "Inter"
102
+ },
103
+ "type": "typography"
104
+ },
105
+ "bodyL": {
106
+ "value": {
107
+ "fontWeight": "400",
108
+ "fontSize": "16",
109
+ "lineHeight": "24",
110
+ "fontFamily": "Inter"
111
+ },
112
+ "type": "typography"
113
+ },
114
+ "bodyL-medium": {
115
+ "value": {
116
+ "fontWeight": "500",
117
+ "fontSize": "16",
118
+ "lineHeight": "24",
119
+ "fontFamily": "Inter"
120
+ },
121
+ "type": "typography"
122
+ },
123
+ "bodyL-strong": {
124
+ "value": {
125
+ "fontWeight": "600",
126
+ "fontSize": "16",
127
+ "lineHeight": "24",
128
+ "fontFamily": "Inter"
129
+ },
130
+ "type": "typography"
131
+ },
132
+ "bodyM": {
133
+ "value": {
134
+ "fontWeight": "400",
135
+ "fontSize": "14",
136
+ "lineHeight": "20",
137
+ "fontFamily": "Inter"
138
+ },
139
+ "type": "typography"
140
+ },
141
+ "bodyM-medium": {
142
+ "value": {
143
+ "fontWeight": "500",
144
+ "fontSize": "14",
145
+ "lineHeight": "20",
146
+ "fontFamily": "Inter"
147
+ },
148
+ "type": "typography"
149
+ },
150
+ "bodyM-strong": {
151
+ "value": {
152
+ "fontWeight": "600",
153
+ "fontSize": "14",
154
+ "lineHeight": "20",
155
+ "fontFamily": "Inter"
156
+ },
157
+ "type": "typography"
158
+ },
159
+ "bodyS": {
160
+ "value": {
161
+ "fontWeight": "400",
162
+ "fontSize": "12",
163
+ "lineHeight": "16",
164
+ "fontFamily": "Inter"
165
+ },
166
+ "type": "typography"
167
+ },
168
+ "bodyS-medium": {
169
+ "value": {
170
+ "fontWeight": "500",
171
+ "fontSize": "12",
172
+ "lineHeight": "16",
173
+ "fontFamily": "Inter"
174
+ },
175
+ "type": "typography"
176
+ },
177
+ "bodyS-strong": {
178
+ "value": {
179
+ "fontWeight": "600",
180
+ "fontSize": "12",
181
+ "lineHeight": "16",
182
+ "fontFamily": "Inter"
183
+ },
184
+ "type": "typography"
185
+ },
186
+ "codeL": {
187
+ "value": {
188
+ "fontWeight": "400",
189
+ "fontSize": "16",
190
+ "lineHeight": "24",
191
+ "fontFamily": "IBM Plex Mono"
192
+ },
193
+ "type": "typography"
194
+ },
195
+ "codeL-medium": {
196
+ "value": {
197
+ "fontWeight": "500",
198
+ "fontSize": "16",
199
+ "lineHeight": "24",
200
+ "fontFamily": "IBM Plex Mono"
201
+ },
202
+ "type": "typography"
203
+ },
204
+ "codeL-strong": {
205
+ "value": {
206
+ "fontWeight": "600",
207
+ "fontSize": "16",
208
+ "lineHeight": "24",
209
+ "fontFamily": "IBM Plex Mono"
210
+ },
211
+ "type": "typography"
212
+ },
213
+ "codeM": {
214
+ "value": {
215
+ "fontWeight": "400",
216
+ "fontSize": "14",
217
+ "lineHeight": "20",
218
+ "fontFamily": "IBM Plex Mono"
219
+ },
220
+ "type": "typography"
221
+ },
222
+ "codeM-medium": {
223
+ "value": {
224
+ "fontWeight": "500",
225
+ "fontSize": "14",
226
+ "lineHeight": "20",
227
+ "fontFamily": "IBM Plex Mono"
228
+ },
229
+ "type": "typography"
230
+ },
231
+ "codeM-strong": {
232
+ "value": {
233
+ "fontWeight": "600",
234
+ "fontSize": "14",
235
+ "lineHeight": "20",
236
+ "fontFamily": "IBM Plex Mono"
237
+ },
238
+ "type": "typography"
239
+ },
240
+ "codeS": {
241
+ "value": {
242
+ "fontWeight": "400",
243
+ "fontSize": "12",
244
+ "lineHeight": "16",
245
+ "fontFamily": "IBM Plex Mono"
246
+ },
247
+ "type": "typography"
248
+ },
249
+ "codeS-medium": {
250
+ "value": {
251
+ "fontWeight": "500",
252
+ "fontSize": "12",
253
+ "lineHeight": "16",
254
+ "fontFamily": "IBM Plex Mono"
255
+ },
256
+ "type": "typography"
257
+ },
258
+ "codeS-strong": {
259
+ "value": {
260
+ "fontWeight": "600",
261
+ "fontSize": "12",
262
+ "lineHeight": "16",
263
+ "fontFamily": "IBM Plex Mono"
264
+ },
265
+ "type": "typography"
266
+ }
267
+ },
268
+ "marketing": {
269
+ "mobile": {
270
+ "title3xl": {
271
+ "value": {
272
+ "fontWeight": "400",
273
+ "fontSize": "52",
274
+ "lineHeight": "60",
275
+ "fontFamily": "GT Walsheim"
276
+ },
277
+ "type": "typography"
278
+ },
279
+ "title2xl": {
280
+ "value": {
281
+ "fontWeight": "400",
282
+ "fontSize": "36",
283
+ "lineHeight": "46",
284
+ "fontFamily": "GT Walsheim"
285
+ },
286
+ "type": "typography"
287
+ },
288
+ "titleXl": {
289
+ "value": {
290
+ "fontWeight": "400",
291
+ "fontSize": "32",
292
+ "lineHeight": "42",
293
+ "fontFamily": "GT Walsheim"
294
+ },
295
+ "type": "typography"
296
+ },
297
+ "titleL": {
298
+ "value": {
299
+ "fontWeight": "400",
300
+ "fontSize": "28",
301
+ "lineHeight": "36",
302
+ "fontFamily": "GT Walsheim"
303
+ },
304
+ "type": "typography"
305
+ },
306
+ "titleM": {
307
+ "value": {
308
+ "fontWeight": "400",
309
+ "fontSize": "24",
310
+ "lineHeight": "32",
311
+ "fontFamily": "GT Walsheim"
312
+ },
313
+ "type": "typography"
314
+ }
315
+ },
316
+ "tablet": {
317
+ "title3xl": {
318
+ "value": {
319
+ "fontWeight": "400",
320
+ "fontSize": "66",
321
+ "lineHeight": "76",
322
+ "fontFamily": "GT Walsheim"
323
+ },
324
+ "type": "typography"
325
+ },
326
+ "title2xl": {
327
+ "value": {
328
+ "fontWeight": "400",
329
+ "fontSize": "48",
330
+ "lineHeight": "58",
331
+ "fontFamily": "GT Walsheim"
332
+ },
333
+ "type": "typography"
334
+ },
335
+ "titleXl": {
336
+ "value": {
337
+ "fontWeight": "400",
338
+ "fontSize": "44",
339
+ "lineHeight": "54",
340
+ "fontFamily": "GT Walsheim"
341
+ },
342
+ "type": "typography"
343
+ },
344
+ "titleL": {
345
+ "value": {
346
+ "fontWeight": "400",
347
+ "fontSize": "32",
348
+ "lineHeight": "42",
349
+ "fontFamily": "GT Walsheim"
350
+ },
351
+ "type": "typography"
352
+ },
353
+ "titleM": {
354
+ "value": {
355
+ "fontWeight": "400",
356
+ "fontSize": "26",
357
+ "lineHeight": "30",
358
+ "fontFamily": "GT Walsheim"
359
+ },
360
+ "type": "typography"
361
+ }
362
+ },
363
+ "title3xl": {
364
+ "value": {
365
+ "fontWeight": "400",
366
+ "fontSize": "72",
367
+ "lineHeight": "82",
368
+ "fontFamily": "GT Walsheim"
369
+ },
370
+ "type": "typography"
371
+ },
372
+ "title2xl": {
373
+ "value": {
374
+ "fontWeight": "400",
375
+ "fontSize": "58",
376
+ "lineHeight": "68",
377
+ "fontFamily": "GT Walsheim"
378
+ },
379
+ "type": "typography"
380
+ },
381
+ "titleXl": {
382
+ "value": {
383
+ "fontWeight": "400",
384
+ "fontSize": "48",
385
+ "lineHeight": "58",
386
+ "fontFamily": "GT Walsheim"
387
+ },
388
+ "type": "typography"
389
+ },
390
+ "titleL": {
391
+ "value": {
392
+ "fontWeight": "400",
393
+ "fontSize": "40",
394
+ "lineHeight": "50",
395
+ "fontFamily": "GT Walsheim"
396
+ },
397
+ "type": "typography"
398
+ },
399
+ "titleM": {
400
+ "value": {
401
+ "fontWeight": "400",
402
+ "fontSize": "26",
403
+ "lineHeight": "34",
404
+ "fontFamily": "GT Walsheim"
405
+ },
406
+ "type": "typography"
407
+ },
408
+ "titleS": {
409
+ "value": {
410
+ "fontWeight": "650",
411
+ "fontSize": "20",
412
+ "lineHeight": "24",
413
+ "fontFamily": "Inter"
414
+ },
415
+ "type": "typography"
416
+ },
417
+ "titleXs": {
418
+ "value": {
419
+ "fontWeight": "650",
420
+ "fontSize": "16",
421
+ "lineHeight": "24",
422
+ "fontFamily": "Inter"
423
+ },
424
+ "type": "typography"
425
+ },
426
+ "bodyL": {
427
+ "value": {
428
+ "fontWeight": "400",
429
+ "fontSize": "18",
430
+ "lineHeight": "28",
431
+ "fontFamily": "Inter"
432
+ },
433
+ "type": "typography"
434
+ },
435
+ "bodyL-medium": {
436
+ "value": {
437
+ "fontWeight": "500",
438
+ "fontSize": "18",
439
+ "lineHeight": "28",
440
+ "fontFamily": "Inter"
441
+ },
442
+ "type": "typography"
443
+ },
444
+ "bodyL-strong": {
445
+ "value": {
446
+ "fontWeight": "700",
447
+ "fontSize": "18",
448
+ "lineHeight": "28",
449
+ "fontFamily": "Inter"
450
+ },
451
+ "type": "typography"
452
+ },
453
+ "bodyM": {
454
+ "value": {
455
+ "fontWeight": "400",
456
+ "fontSize": "16",
457
+ "lineHeight": "24",
458
+ "fontFamily": "Inter"
459
+ },
460
+ "type": "typography"
461
+ },
462
+ "bodyM-medium": {
463
+ "value": {
464
+ "fontWeight": "500",
465
+ "fontSize": "16",
466
+ "lineHeight": "24",
467
+ "fontFamily": "Inter"
468
+ },
469
+ "type": "typography"
470
+ },
471
+ "bodyM-strong": {
472
+ "value": {
473
+ "fontWeight": "700",
474
+ "fontSize": "16",
475
+ "lineHeight": "24",
476
+ "fontFamily": "Inter"
477
+ },
478
+ "type": "typography"
479
+ },
480
+ "bodyS": {
481
+ "value": {
482
+ "fontWeight": "400",
483
+ "fontSize": "14",
484
+ "lineHeight": "20",
485
+ "fontFamily": "Inter"
486
+ },
487
+ "type": "typography"
488
+ },
489
+ "bodyS-medium": {
490
+ "value": {
491
+ "fontWeight": "500",
492
+ "fontSize": "14",
493
+ "lineHeight": "20",
494
+ "fontFamily": "Inter"
495
+ },
496
+ "type": "typography"
497
+ },
498
+ "bodyS-strong": {
499
+ "value": {
500
+ "fontWeight": "700",
501
+ "fontSize": "14",
502
+ "lineHeight": "20",
503
+ "fontFamily": "Inter"
504
+ },
505
+ "type": "typography"
506
+ },
507
+ "bodyXs": {
508
+ "value": {
509
+ "fontWeight": "400",
510
+ "fontSize": "12",
511
+ "lineHeight": "16",
512
+ "fontFamily": "Inter"
513
+ },
514
+ "type": "typography"
515
+ },
516
+ "bodyXs-medium": {
517
+ "value": {
518
+ "fontWeight": "500",
519
+ "fontSize": "12",
520
+ "lineHeight": "16",
521
+ "fontFamily": "Inter"
522
+ },
523
+ "type": "typography"
524
+ },
525
+ "bodyXs-strong": {
526
+ "value": {
527
+ "fontWeight": "700",
528
+ "fontSize": "12",
529
+ "lineHeight": "16",
530
+ "fontFamily": "Inter"
531
+ },
532
+ "type": "typography"
533
+ }
534
+ },
535
+ "content": {
536
+ "mobile": {
537
+ "heading1": {
538
+ "value": {
539
+ "fontWeight": "700",
540
+ "fontSize": "24",
541
+ "lineHeight": "28",
542
+ "fontFamily": "Inter"
543
+ },
544
+ "type": "typography"
545
+ },
546
+ "heading2": {
547
+ "value": {
548
+ "fontWeight": "700",
549
+ "fontSize": "20",
550
+ "lineHeight": "24",
551
+ "fontFamily": "Inter"
552
+ },
553
+ "type": "typography"
554
+ },
555
+ "heading3": {
556
+ "value": {
557
+ "fontWeight": "700",
558
+ "fontSize": "18",
559
+ "lineHeight": "24",
560
+ "fontFamily": "Inter"
561
+ },
562
+ "type": "typography"
563
+ }
564
+ },
565
+ "heading1": {
566
+ "value": {
567
+ "fontWeight": "700",
568
+ "fontSize": "32",
569
+ "lineHeight": "40",
570
+ "fontFamily": "Inter"
571
+ },
572
+ "type": "typography"
573
+ },
574
+ "heading2": {
575
+ "value": {
576
+ "fontWeight": "700",
577
+ "fontSize": "24",
578
+ "lineHeight": "28",
579
+ "fontFamily": "Inter"
580
+ },
581
+ "type": "typography"
582
+ },
583
+ "heading3": {
584
+ "value": {
585
+ "fontWeight": "700",
586
+ "fontSize": "20",
587
+ "lineHeight": "24",
588
+ "fontFamily": "Inter"
589
+ },
590
+ "type": "typography"
591
+ },
592
+ "heading4": {
593
+ "value": {
594
+ "fontWeight": "700",
595
+ "fontSize": "16",
596
+ "lineHeight": "24",
597
+ "fontFamily": "Inter"
598
+ },
599
+ "type": "typography"
600
+ },
601
+ "heading5": {
602
+ "value": {
603
+ "fontWeight": "700",
604
+ "fontSize": "14",
605
+ "lineHeight": "20",
606
+ "fontFamily": "Inter"
607
+ },
608
+ "type": "typography"
609
+ },
610
+ "heading6": {
611
+ "value": {
612
+ "fontWeight": "700",
613
+ "fontSize": "12",
614
+ "lineHeight": "16",
615
+ "fontFamily": "Inter"
616
+ },
617
+ "type": "typography"
618
+ },
619
+ "paragraph": {
620
+ "value": {
621
+ "fontWeight": "400",
622
+ "fontSize": "16",
623
+ "lineHeight": "24",
624
+ "fontFamily": "Inter"
625
+ },
626
+ "type": "typography"
627
+ },
628
+ "paragraph-strong": {
629
+ "value": {
630
+ "fontWeight": "700",
631
+ "fontSize": "16",
632
+ "lineHeight": "24",
633
+ "fontFamily": "Inter"
634
+ },
635
+ "type": "typography"
636
+ },
637
+ "snippet": {
638
+ "value": {
639
+ "fontWeight": "400",
640
+ "fontSize": "14",
641
+ "lineHeight": "20",
642
+ "fontFamily": "IBM Plex Mono"
643
+ },
644
+ "type": "typography"
645
+ },
646
+ "snippet-strong": {
647
+ "value": {
648
+ "fontWeight": "700",
649
+ "fontSize": "14",
650
+ "lineHeight": "20",
651
+ "fontFamily": "IBM Plex Mono"
652
+ },
653
+ "type": "typography"
654
+ }
655
+ }
656
+ }
657
+ }
package/src/design_system/theme.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { colorProperties, darkTheme, lightTheme } from './colors/index.js';
2
+ import {
3
+ devices,
4
+ layouts,
5
+ radiuses,
6
+ shadows,
7
+ spaces,
8
+ transitions,
9
+ } from './tokens/index.js';
10
+ import { typographyTokens } from './typography_theme.js';
11
+
12
+ export const theme = {
13
+ color: colorProperties,
14
+ colorPalette: { light: lightTheme, dark: darkTheme },
15
+ space: spaces,
16
+ radius: radiuses,
17
+ /** @deprecated - use device instead - it doesn't need the full `(min-width: xxx)` syntax */
18
+ layout: layouts,
19
+ device: devices,
20
+ transition: transitions,
21
+ shadow: shadows,
22
+ typography: typographyTokens,
23
+ };
24
+
25
+ export type UiThemeOption = 'LIGHT' | 'DARK'
package/src/design_system/tokens/index.ts ADDED
@@ -0,0 +1,5 @@
1
+ export * from './layouts.js';
2
+ export * from './spaces.js';
3
+ export * from './shadows.js';
4
+ export * from './radiuses.js';
5
+ export * from './transitions.js';