@apify/ui-library 0.51.6-featurepublishuilibrary-0a4729.38266

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 (349) hide show
  1. package/.eslintrc +39 -0
  2. package/.stylelintrc +12 -0
  3. package/CHANGELOG.md +2804 -0
  4. package/README.md +15 -0
  5. package/dist/src/components/action_link.d.ts +5 -0
  6. package/dist/src/components/action_link.d.ts.map +1 -0
  7. package/dist/src/components/action_link.jsx +35 -0
  8. package/dist/src/components/action_link.jsx.map +1 -0
  9. package/dist/src/components/actor_template_card.d.ts +10 -0
  10. package/dist/src/components/actor_template_card.d.ts.map +1 -0
  11. package/dist/src/components/actor_template_card.jsx +73 -0
  12. package/dist/src/components/actor_template_card.jsx.map +1 -0
  13. package/dist/src/components/badge.d.ts +26 -0
  14. package/dist/src/components/badge.d.ts.map +1 -0
  15. package/dist/src/components/badge.jsx +96 -0
  16. package/dist/src/components/badge.jsx.map +1 -0
  17. package/dist/src/components/banner.d.ts +11 -0
  18. package/dist/src/components/banner.d.ts.map +1 -0
  19. package/dist/src/components/banner.jsx +73 -0
  20. package/dist/src/components/banner.jsx.map +1 -0
  21. package/dist/src/components/blog_article.d.ts +9 -0
  22. package/dist/src/components/blog_article.d.ts.map +1 -0
  23. package/dist/src/components/blog_article.jsx +73 -0
  24. package/dist/src/components/blog_article.jsx.map +1 -0
  25. package/dist/src/components/box.d.ts +41 -0
  26. package/dist/src/components/box.d.ts.map +1 -0
  27. package/dist/src/components/box.jsx +48 -0
  28. package/dist/src/components/box.jsx.map +1 -0
  29. package/dist/src/components/button.d.ts +35 -0
  30. package/dist/src/components/button.d.ts.map +1 -0
  31. package/dist/src/components/button.jsx +193 -0
  32. package/dist/src/components/button.jsx.map +1 -0
  33. package/dist/src/components/chip.d.ts +52 -0
  34. package/dist/src/components/chip.d.ts.map +1 -0
  35. package/dist/src/components/chip.jsx +89 -0
  36. package/dist/src/components/chip.jsx.map +1 -0
  37. package/dist/src/components/code/action_button.d.ts +11 -0
  38. package/dist/src/components/code/action_button.d.ts.map +1 -0
  39. package/dist/src/components/code/action_button.jsx +67 -0
  40. package/dist/src/components/code/action_button.jsx.map +1 -0
  41. package/dist/src/components/code/code_block/code_block.d.ts +38 -0
  42. package/dist/src/components/code/code_block/code_block.d.ts.map +1 -0
  43. package/dist/src/components/code/code_block/code_block.jsx +99 -0
  44. package/dist/src/components/code/code_block/code_block.jsx.map +1 -0
  45. package/dist/src/components/code/code_block/code_block.styled.d.ts +13 -0
  46. package/dist/src/components/code/code_block/code_block.styled.d.ts.map +1 -0
  47. package/dist/src/components/code/code_block/code_block.styled.jsx +215 -0
  48. package/dist/src/components/code/code_block/code_block.styled.jsx.map +1 -0
  49. package/dist/src/components/code/code_block/utils.d.ts +2 -0
  50. package/dist/src/components/code/code_block/utils.d.ts.map +1 -0
  51. package/dist/src/components/code/code_block/utils.js +20 -0
  52. package/dist/src/components/code/code_block/utils.js.map +1 -0
  53. package/dist/src/components/code/index.d.ts +4 -0
  54. package/dist/src/components/code/index.d.ts.map +1 -0
  55. package/dist/src/components/code/index.js +4 -0
  56. package/dist/src/components/code/index.js.map +1 -0
  57. package/dist/src/components/code/inline_code/inline_code.d.ts +11 -0
  58. package/dist/src/components/code/inline_code/inline_code.d.ts.map +1 -0
  59. package/dist/src/components/code/inline_code/inline_code.jsx +24 -0
  60. package/dist/src/components/code/inline_code/inline_code.jsx.map +1 -0
  61. package/dist/src/components/code/one_line_code/one_line_code.d.ts +27 -0
  62. package/dist/src/components/code/one_line_code/one_line_code.d.ts.map +1 -0
  63. package/dist/src/components/code/one_line_code/one_line_code.jsx +157 -0
  64. package/dist/src/components/code/one_line_code/one_line_code.jsx.map +1 -0
  65. package/dist/src/components/code/syntax_highlighter.d.ts +16 -0
  66. package/dist/src/components/code/syntax_highlighter.d.ts.map +1 -0
  67. package/dist/src/components/code/syntax_highlighter.jsx +94 -0
  68. package/dist/src/components/code/syntax_highlighter.jsx.map +1 -0
  69. package/dist/src/components/color_wheel_gradient.d.ts +9 -0
  70. package/dist/src/components/color_wheel_gradient.d.ts.map +1 -0
  71. package/dist/src/components/color_wheel_gradient.jsx +23 -0
  72. package/dist/src/components/color_wheel_gradient.jsx.map +1 -0
  73. package/dist/src/components/floating/index.d.ts +4 -0
  74. package/dist/src/components/floating/index.d.ts.map +1 -0
  75. package/dist/src/components/floating/index.js +4 -0
  76. package/dist/src/components/floating/index.js.map +1 -0
  77. package/dist/src/components/floating/menu.d.ts +33 -0
  78. package/dist/src/components/floating/menu.d.ts.map +1 -0
  79. package/dist/src/components/floating/menu.jsx +95 -0
  80. package/dist/src/components/floating/menu.jsx.map +1 -0
  81. package/dist/src/components/floating/menu_common.d.ts +42 -0
  82. package/dist/src/components/floating/menu_common.d.ts.map +1 -0
  83. package/dist/src/components/floating/menu_common.jsx +20 -0
  84. package/dist/src/components/floating/menu_common.jsx.map +1 -0
  85. package/dist/src/components/floating/menu_components.d.ts +29 -0
  86. package/dist/src/components/floating/menu_components.d.ts.map +1 -0
  87. package/dist/src/components/floating/menu_components.jsx +73 -0
  88. package/dist/src/components/floating/menu_components.jsx.map +1 -0
  89. package/dist/src/components/image.d.ts +12 -0
  90. package/dist/src/components/image.d.ts.map +1 -0
  91. package/dist/src/components/image.jsx +8 -0
  92. package/dist/src/components/image.jsx.map +1 -0
  93. package/dist/src/components/index.d.ts +21 -0
  94. package/dist/src/components/index.d.ts.map +1 -0
  95. package/dist/src/components/index.js +21 -0
  96. package/dist/src/components/index.js.map +1 -0
  97. package/dist/src/components/link.d.ts +24 -0
  98. package/dist/src/components/link.d.ts.map +1 -0
  99. package/dist/src/components/link.jsx +67 -0
  100. package/dist/src/components/link.jsx.map +1 -0
  101. package/dist/src/components/message.d.ts +31 -0
  102. package/dist/src/components/message.d.ts.map +1 -0
  103. package/dist/src/components/message.jsx +105 -0
  104. package/dist/src/components/message.jsx.map +1 -0
  105. package/dist/src/components/readme_renderer/index.d.ts +4 -0
  106. package/dist/src/components/readme_renderer/index.d.ts.map +1 -0
  107. package/dist/src/components/readme_renderer/index.js +4 -0
  108. package/dist/src/components/readme_renderer/index.js.map +1 -0
  109. package/dist/src/components/readme_renderer/pythonize_value.d.ts +3 -0
  110. package/dist/src/components/readme_renderer/pythonize_value.d.ts.map +1 -0
  111. package/dist/src/components/readme_renderer/pythonize_value.js +81 -0
  112. package/dist/src/components/readme_renderer/pythonize_value.js.map +1 -0
  113. package/dist/src/components/readme_renderer/table_of_contents.d.ts +10 -0
  114. package/dist/src/components/readme_renderer/table_of_contents.d.ts.map +1 -0
  115. package/dist/src/components/readme_renderer/table_of_contents.jsx +197 -0
  116. package/dist/src/components/readme_renderer/table_of_contents.jsx.map +1 -0
  117. package/dist/src/components/readme_renderer/utils.d.ts +6 -0
  118. package/dist/src/components/readme_renderer/utils.d.ts.map +1 -0
  119. package/dist/src/components/readme_renderer/utils.jsx +42 -0
  120. package/dist/src/components/readme_renderer/utils.jsx.map +1 -0
  121. package/dist/src/components/simple_markdown/index.d.ts +3 -0
  122. package/dist/src/components/simple_markdown/index.d.ts.map +1 -0
  123. package/dist/src/components/simple_markdown/index.jsx +3 -0
  124. package/dist/src/components/simple_markdown/index.jsx.map +1 -0
  125. package/dist/src/components/simple_markdown/simple_markdown.d.ts +16 -0
  126. package/dist/src/components/simple_markdown/simple_markdown.d.ts.map +1 -0
  127. package/dist/src/components/simple_markdown/simple_markdown.jsx +137 -0
  128. package/dist/src/components/simple_markdown/simple_markdown.jsx.map +1 -0
  129. package/dist/src/components/simple_markdown/simple_markdown_components.d.ts +26 -0
  130. package/dist/src/components/simple_markdown/simple_markdown_components.d.ts.map +1 -0
  131. package/dist/src/components/simple_markdown/simple_markdown_components.jsx +193 -0
  132. package/dist/src/components/simple_markdown/simple_markdown_components.jsx.map +1 -0
  133. package/dist/src/components/tag.d.ts +38 -0
  134. package/dist/src/components/tag.d.ts.map +1 -0
  135. package/dist/src/components/tag.jsx +126 -0
  136. package/dist/src/components/tag.jsx.map +1 -0
  137. package/dist/src/components/text/heading_content.d.ts +10 -0
  138. package/dist/src/components/text/heading_content.d.ts.map +1 -0
  139. package/dist/src/components/text/heading_content.jsx +31 -0
  140. package/dist/src/components/text/heading_content.jsx.map +1 -0
  141. package/dist/src/components/text/heading_marketing.d.ts +10 -0
  142. package/dist/src/components/text/heading_marketing.d.ts.map +1 -0
  143. package/dist/src/components/text/heading_marketing.jsx +31 -0
  144. package/dist/src/components/text/heading_marketing.jsx.map +1 -0
  145. package/dist/src/components/text/heading_shared.d.ts +10 -0
  146. package/dist/src/components/text/heading_shared.d.ts.map +1 -0
  147. package/dist/src/components/text/heading_shared.jsx +32 -0
  148. package/dist/src/components/text/heading_shared.jsx.map +1 -0
  149. package/dist/src/components/text/index.d.ts +12 -0
  150. package/dist/src/components/text/index.d.ts.map +1 -0
  151. package/dist/src/components/text/index.js +11 -0
  152. package/dist/src/components/text/index.js.map +1 -0
  153. package/dist/src/components/text/text_base.d.ts +13 -0
  154. package/dist/src/components/text/text_base.d.ts.map +1 -0
  155. package/dist/src/components/text/text_base.jsx +23 -0
  156. package/dist/src/components/text/text_base.jsx.map +1 -0
  157. package/dist/src/components/text/text_content.d.ts +11 -0
  158. package/dist/src/components/text/text_content.d.ts.map +1 -0
  159. package/dist/src/components/text/text_content.jsx +68 -0
  160. package/dist/src/components/text/text_content.jsx.map +1 -0
  161. package/dist/src/components/text/text_marketing.d.ts +11 -0
  162. package/dist/src/components/text/text_marketing.d.ts.map +1 -0
  163. package/dist/src/components/text/text_marketing.jsx +116 -0
  164. package/dist/src/components/text/text_marketing.jsx.map +1 -0
  165. package/dist/src/components/text/text_shared.d.ts +14 -0
  166. package/dist/src/components/text/text_shared.d.ts.map +1 -0
  167. package/dist/src/components/text/text_shared.jsx +55 -0
  168. package/dist/src/components/text/text_shared.jsx.map +1 -0
  169. package/dist/src/components/tile/horizontal_tile.d.ts +9 -0
  170. package/dist/src/components/tile/horizontal_tile.d.ts.map +1 -0
  171. package/dist/src/components/tile/horizontal_tile.jsx +43 -0
  172. package/dist/src/components/tile/horizontal_tile.jsx.map +1 -0
  173. package/dist/src/components/tile/index.d.ts +3 -0
  174. package/dist/src/components/tile/index.d.ts.map +1 -0
  175. package/dist/src/components/tile/index.js +3 -0
  176. package/dist/src/components/tile/index.js.map +1 -0
  177. package/dist/src/components/tile/shared.d.ts +17 -0
  178. package/dist/src/components/tile/shared.d.ts.map +1 -0
  179. package/dist/src/components/tile/shared.js +12 -0
  180. package/dist/src/components/tile/shared.js.map +1 -0
  181. package/dist/src/components/tile/vertical_tile.d.ts +10 -0
  182. package/dist/src/components/tile/vertical_tile.d.ts.map +1 -0
  183. package/dist/src/components/tile/vertical_tile.jsx +32 -0
  184. package/dist/src/components/tile/vertical_tile.jsx.map +1 -0
  185. package/dist/src/components/to_consolidate/card.d.ts +27 -0
  186. package/dist/src/components/to_consolidate/card.d.ts.map +1 -0
  187. package/dist/src/components/to_consolidate/card.jsx +93 -0
  188. package/dist/src/components/to_consolidate/card.jsx.map +1 -0
  189. package/dist/src/components/to_consolidate/index.d.ts +5 -0
  190. package/dist/src/components/to_consolidate/index.d.ts.map +1 -0
  191. package/dist/src/components/to_consolidate/index.js +5 -0
  192. package/dist/src/components/to_consolidate/index.js.map +1 -0
  193. package/dist/src/components/to_consolidate/markdown.d.ts +40 -0
  194. package/dist/src/components/to_consolidate/markdown.d.ts.map +1 -0
  195. package/dist/src/components/to_consolidate/markdown.jsx +454 -0
  196. package/dist/src/components/to_consolidate/markdown.jsx.map +1 -0
  197. package/dist/src/components/to_consolidate/pagination.d.ts +8 -0
  198. package/dist/src/components/to_consolidate/pagination.d.ts.map +1 -0
  199. package/dist/src/components/to_consolidate/pagination.jsx +88 -0
  200. package/dist/src/components/to_consolidate/pagination.jsx.map +1 -0
  201. package/dist/src/components/to_consolidate/tab_number_chip.d.ts +7 -0
  202. package/dist/src/components/to_consolidate/tab_number_chip.d.ts.map +1 -0
  203. package/dist/src/components/to_consolidate/tab_number_chip.jsx +22 -0
  204. package/dist/src/components/to_consolidate/tab_number_chip.jsx.map +1 -0
  205. package/dist/src/design_system/colors_theme.d.ts +213 -0
  206. package/dist/src/design_system/colors_theme.d.ts.map +1 -0
  207. package/dist/src/design_system/colors_theme.js +213 -0
  208. package/dist/src/design_system/colors_theme.js.map +1 -0
  209. package/dist/src/design_system/properties_theme.d.ts +175 -0
  210. package/dist/src/design_system/properties_theme.d.ts.map +1 -0
  211. package/dist/src/design_system/properties_theme.js +315 -0
  212. package/dist/src/design_system/properties_theme.js.map +1 -0
  213. package/dist/src/design_system/theme.d.ts +630 -0
  214. package/dist/src/design_system/theme.d.ts.map +1 -0
  215. package/dist/src/design_system/theme.js +17 -0
  216. package/dist/src/design_system/theme.js.map +1 -0
  217. package/dist/src/design_system/tokens/index.d.ts +6 -0
  218. package/dist/src/design_system/tokens/index.d.ts.map +1 -0
  219. package/dist/src/design_system/tokens/index.js +6 -0
  220. package/dist/src/design_system/tokens/index.js.map +1 -0
  221. package/dist/src/design_system/tokens/layouts.d.ts +29 -0
  222. package/dist/src/design_system/tokens/layouts.d.ts.map +1 -0
  223. package/dist/src/design_system/tokens/layouts.js +29 -0
  224. package/dist/src/design_system/tokens/layouts.js.map +1 -0
  225. package/dist/src/design_system/tokens/radiuses.d.ts +23 -0
  226. package/dist/src/design_system/tokens/radiuses.d.ts.map +1 -0
  227. package/dist/src/design_system/tokens/radiuses.js +23 -0
  228. package/dist/src/design_system/tokens/radiuses.js.map +1 -0
  229. package/dist/src/design_system/tokens/shadows.d.ts +23 -0
  230. package/dist/src/design_system/tokens/shadows.d.ts.map +1 -0
  231. package/dist/src/design_system/tokens/shadows.js +23 -0
  232. package/dist/src/design_system/tokens/shadows.js.map +1 -0
  233. package/dist/src/design_system/tokens/spaces.d.ts +15 -0
  234. package/dist/src/design_system/tokens/spaces.d.ts.map +1 -0
  235. package/dist/src/design_system/tokens/spaces.js +14 -0
  236. package/dist/src/design_system/tokens/spaces.js.map +1 -0
  237. package/dist/src/design_system/tokens/transitions.d.ts +20 -0
  238. package/dist/src/design_system/tokens/transitions.d.ts.map +1 -0
  239. package/dist/src/design_system/tokens/transitions.js +20 -0
  240. package/dist/src/design_system/tokens/transitions.js.map +1 -0
  241. package/dist/src/design_system/typography_theme.d.ts +189 -0
  242. package/dist/src/design_system/typography_theme.d.ts.map +1 -0
  243. package/dist/src/design_system/typography_theme.js +190 -0
  244. package/dist/src/design_system/typography_theme.js.map +1 -0
  245. package/dist/src/index.d.ts +7 -0
  246. package/dist/src/index.d.ts.map +1 -0
  247. package/dist/src/index.js +7 -0
  248. package/dist/src/index.js.map +1 -0
  249. package/dist/src/type_utils.d.ts +6 -0
  250. package/dist/src/type_utils.d.ts.map +1 -0
  251. package/dist/src/type_utils.js +2 -0
  252. package/dist/src/type_utils.js.map +1 -0
  253. package/dist/src/ui_dependency_provider.d.ts +29 -0
  254. package/dist/src/ui_dependency_provider.d.ts.map +1 -0
  255. package/dist/src/ui_dependency_provider.jsx +14 -0
  256. package/dist/src/ui_dependency_provider.jsx.map +1 -0
  257. package/dist/src/utils/copy_to_clipboard.d.ts +7 -0
  258. package/dist/src/utils/copy_to_clipboard.d.ts.map +1 -0
  259. package/dist/src/utils/copy_to_clipboard.js +16 -0
  260. package/dist/src/utils/copy_to_clipboard.js.map +1 -0
  261. package/dist/src/utils/image_color.d.ts +7 -0
  262. package/dist/src/utils/image_color.d.ts.map +1 -0
  263. package/dist/src/utils/image_color.js +35 -0
  264. package/dist/src/utils/image_color.js.map +1 -0
  265. package/dist/src/utils/index.d.ts +4 -0
  266. package/dist/src/utils/index.d.ts.map +1 -0
  267. package/dist/src/utils/index.js +4 -0
  268. package/dist/src/utils/index.js.map +1 -0
  269. package/dist/src/utils/sanitization.d.ts +11 -0
  270. package/dist/src/utils/sanitization.d.ts.map +1 -0
  271. package/dist/src/utils/sanitization.js +16 -0
  272. package/dist/src/utils/sanitization.js.map +1 -0
  273. package/dist/tsconfig.build.tsbuildinfo +1 -0
  274. package/package.json +71 -0
  275. package/src/codemods/generate_color_property_tokens.mjs +97 -0
  276. package/src/codemods/generate_color_theme_files.mjs +46 -0
  277. package/src/codemods/generate_typograpy_tokens_files.mjs +136 -0
  278. package/src/components/action_link.tsx +59 -0
  279. package/src/components/actor_template_card.tsx +99 -0
  280. package/src/components/badge.tsx +144 -0
  281. package/src/components/banner.tsx +95 -0
  282. package/src/components/blog_article.tsx +85 -0
  283. package/src/components/box.tsx +127 -0
  284. package/src/components/button.tsx +303 -0
  285. package/src/components/chip.tsx +121 -0
  286. package/src/components/code/action_button.tsx +96 -0
  287. package/src/components/code/code_block/code_block.styled.tsx +228 -0
  288. package/src/components/code/code_block/code_block.tsx +235 -0
  289. package/src/components/code/code_block/utils.ts +19 -0
  290. package/src/components/code/index.ts +3 -0
  291. package/src/components/code/inline_code/inline_code.tsx +44 -0
  292. package/src/components/code/one_line_code/one_line_code.tsx +232 -0
  293. package/src/components/code/syntax_highlighter.tsx +125 -0
  294. package/src/components/color_wheel_gradient.tsx +31 -0
  295. package/src/components/floating/index.ts +3 -0
  296. package/src/components/floating/menu.tsx +191 -0
  297. package/src/components/floating/menu_common.tsx +31 -0
  298. package/src/components/floating/menu_components.tsx +94 -0
  299. package/src/components/image.tsx +23 -0
  300. package/src/components/index.ts +20 -0
  301. package/src/components/link.tsx +114 -0
  302. package/src/components/message.tsx +157 -0
  303. package/src/components/readme_renderer/index.ts +3 -0
  304. package/src/components/readme_renderer/pythonize_value.ts +78 -0
  305. package/src/components/readme_renderer/table_of_contents.tsx +257 -0
  306. package/src/components/readme_renderer/utils.tsx +46 -0
  307. package/src/components/simple_markdown/index.tsx +2 -0
  308. package/src/components/simple_markdown/simple_markdown.tsx +181 -0
  309. package/src/components/simple_markdown/simple_markdown_components.tsx +295 -0
  310. package/src/components/tag.tsx +185 -0
  311. package/src/components/text/heading_content.tsx +56 -0
  312. package/src/components/text/heading_marketing.tsx +55 -0
  313. package/src/components/text/heading_shared.tsx +57 -0
  314. package/src/components/text/index.ts +18 -0
  315. package/src/components/text/text_base.tsx +52 -0
  316. package/src/components/text/text_content.tsx +104 -0
  317. package/src/components/text/text_marketing.tsx +152 -0
  318. package/src/components/text/text_shared.tsx +96 -0
  319. package/src/components/tile/horizontal_tile.tsx +76 -0
  320. package/src/components/tile/index.ts +2 -0
  321. package/src/components/tile/shared.ts +27 -0
  322. package/src/components/tile/vertical_tile.tsx +58 -0
  323. package/src/components/to_consolidate/card.tsx +141 -0
  324. package/src/components/to_consolidate/index.ts +4 -0
  325. package/src/components/to_consolidate/markdown.tsx +593 -0
  326. package/src/components/to_consolidate/pagination.tsx +139 -0
  327. package/src/components/to_consolidate/tab_number_chip.tsx +31 -0
  328. package/src/design_system/colors_theme.ts +213 -0
  329. package/src/design_system/generate_color_definitions.js +43 -0
  330. package/src/design_system/properties_theme.ts +453 -0
  331. package/src/design_system/supernova_color_tokens.json +1766 -0
  332. package/src/design_system/supernova_typography_tokens.json +657 -0
  333. package/src/design_system/theme.ts +26 -0
  334. package/src/design_system/tokens/index.ts +5 -0
  335. package/src/design_system/tokens/layouts.ts +29 -0
  336. package/src/design_system/tokens/radiuses.ts +22 -0
  337. package/src/design_system/tokens/shadows.ts +22 -0
  338. package/src/design_system/tokens/spaces.ts +15 -0
  339. package/src/design_system/tokens/transitions.ts +19 -0
  340. package/src/design_system/typography_theme.ts +197 -0
  341. package/src/index.ts +7 -0
  342. package/src/type_utils.ts +7 -0
  343. package/src/ui_dependency_provider.tsx +50 -0
  344. package/src/utils/copy_to_clipboard.ts +24 -0
  345. package/src/utils/image_color.ts +44 -0
  346. package/src/utils/index.ts +3 -0
  347. package/src/utils/sanitization.ts +14 -0
  348. package/tsconfig.build.json +18 -0
  349. package/tsconfig.json +10 -0
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,26 @@
1
+ import { darkTheme, lightTheme } from './colors_theme';
2
+ import { colorProperties } from './properties_theme';
3
+ import {
4
+ spaces,
5
+ radiuses,
6
+ layouts,
7
+ devices,
8
+ transitions,
9
+ shadows,
10
+ } from './tokens';
11
+ import { typographyTokens } from './typography_theme';
12
+
13
+ export const theme = {
14
+ color: colorProperties,
15
+ colorPalette: { light: lightTheme, dark: darkTheme },
16
+ space: spaces,
17
+ radius: radiuses,
18
+ /** @deprecated - use device instead - it doesn't need the full `(min-width: xxx)` syntax */
19
+ layout: layouts,
20
+ device: devices,
21
+ transition: transitions,
22
+ shadow: shadows,
23
+ typography: typographyTokens,
24
+ };
25
+
26
+ export type UiThemeOption = 'LIGHT' | 'DARK'
package/src/design_system/tokens/index.ts ADDED
@@ -0,0 +1,5 @@
1
+ export * from './layouts';
2
+ export * from './spaces';
3
+ export * from './shadows';
4
+ export * from './radiuses';
5
+ export * from './transitions';