@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
@@ -0,0 +1,137 @@
1
+ import React, { useCallback, useMemo, useRef } from 'react';
2
+ import ReactMarkdown, { uriTransformer } from 'react-markdown';
3
+ import rehypeRaw from 'rehype-raw';
4
+ import rehypeSanitize from 'rehype-sanitize';
5
+ import remarkGfm from 'remark-gfm';
6
+ import styled from 'styled-components';
7
+ import { theme } from '../../design_system/theme';
8
+ import { useSharedUiDependencies } from '../../ui_dependency_provider';
9
+ import { Box } from '../box';
10
+ import { isUrlExternal } from '../link';
11
+ import { cleanMarkdown } from '../readme_renderer/utils';
12
+ import { Heading, Text } from '../text';
13
+ import { HeadingContent } from '../text/heading_content';
14
+ import { TextContent } from '../text/text_content';
15
+ import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable, } from './simple_markdown_components';
16
+ const StyledMarkdown = styled(ReactMarkdown) `
17
+ scroll-margin-top: 10px;
18
+
19
+ @font-face {
20
+ font-family: "ellipsis-font";
21
+ src: local("Courier");
22
+ unicode-range: U+2026;
23
+ size-adjust: 0%;
24
+ }
25
+
26
+ img {
27
+ max-width: 100%;
28
+ }
29
+
30
+ hr {
31
+ color: ${theme.color.neutral.border};
32
+ }
33
+ `;
34
+ export const defaultRehypePlugins = [rehypeRaw];
35
+ export const defaultRemarkPlugins = [remarkGfm];
36
+ export const defaultAllowedElements = [
37
+ 'a',
38
+ 'b',
39
+ 'blockquote',
40
+ 'br',
41
+ 'center',
42
+ 'code',
43
+ 'del',
44
+ 'em',
45
+ 'h1',
46
+ 'h2',
47
+ 'h3',
48
+ 'h4',
49
+ 'h5',
50
+ 'hr',
51
+ 'i',
52
+ 'img',
53
+ 'li',
54
+ 'ol',
55
+ 'p',
56
+ 'pre',
57
+ 'span',
58
+ 'strong',
59
+ 'table',
60
+ 'tbody',
61
+ 'td',
62
+ 'tfoot',
63
+ 'th',
64
+ 'thead',
65
+ 'tr',
66
+ 'u',
67
+ 'ul',
68
+ ];
69
+ // TODO: Add Image component
70
+ const regularMarkdownSizeComponents = {
71
+ h1: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading1'>{children}</HeadingContent>,
72
+ h2: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading2'>{children}</HeadingContent>,
73
+ h3: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading3'>{children}</HeadingContent>,
74
+ h4: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading4'>{children}</HeadingContent>,
75
+ h5: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading5'>{children}</HeadingContent>,
76
+ h6: ({ children }) => <HeadingContent mt='space32' mb='space16' type='heading6'>{children}</HeadingContent>,
77
+ p: ({ children }) => (<TextContent my='space16'>{children}</TextContent>),
78
+ strong: ({ children }) => <TextContent as='strong' weight='bold'>{children}</TextContent>,
79
+ b: ({ children }) => <TextContent as='b' weight='bold'>{children}</TextContent>,
80
+ th: ({ children }) => <TextContent as='th' weight='bold'>{children}</TextContent>,
81
+ blockquote: ({ children }) => <MarkdownBlockQuote>{children}</MarkdownBlockQuote>,
82
+ table: ({ children }) => <MarkdownTable>{children}</MarkdownTable>,
83
+ ul: ({ children }) => <Box as='ul' pl='space32'>{children}</Box>,
84
+ ol: ({ children, start }) => <Box as='ol' pl='space32' start={start}>{children}</Box>,
85
+ li: ({ children }) => <Box as='li' mt='space4'>{children}</Box>,
86
+ a: ({ children, href }) => <MarkdownLink to={href}>{children}</MarkdownLink>,
87
+ code: ({ children, inline }) => <MarkdownCode inline={inline} size='regular'>{children}</MarkdownCode>,
88
+ };
89
+ const smallMarkdownSizeComponents = {
90
+ h1: ({ children }) => <Heading mt='space32' mb='space16' type='title2xl'>{children}</Heading>,
91
+ h2: ({ children }) => <Heading mt='space32' mb='space16' type='titleXl'>{children}</Heading>,
92
+ h3: ({ children }) => <Heading mt='space32' mb='space16' type='titleL'>{children}</Heading>,
93
+ h4: ({ children }) => <Heading mt='space32' mb='space16' type='titleM'>{children}</Heading>,
94
+ h5: ({ children }) => <Heading mt='space32' mb='space16' type='titleS'>{children}</Heading>,
95
+ h6: ({ children }) => <Heading mt='space32' mb='space16' type='titleXs'>{children}</Heading>,
96
+ p: ({ children }) => (<Text my='space16'>{children}</Text>),
97
+ strong: ({ children }) => <Text as='strong' weight='bold'>{children}</Text>,
98
+ b: ({ children }) => <Text as='b' weight='bold'>{children}</Text>,
99
+ th: ({ children }) => <Text as='th' weight='bold'>{children}</Text>,
100
+ blockquote: ({ children }) => <MarkdownBlockQuote>{children}</MarkdownBlockQuote>,
101
+ table: ({ children }) => <MarkdownTable>{children}</MarkdownTable>,
102
+ ul: ({ children }) => <Box as='ul' pl='space32'>{children}</Box>,
103
+ ol: ({ children, start }) => <Box as='ol' pl='space32' start={start}>{children}</Box>,
104
+ li: ({ children }) => <Box as='li' mt='space4'>{children}</Box>,
105
+ a: ({ children, href }) => <MarkdownLink to={href}>{children}</MarkdownLink>,
106
+ code: ({ children, inline }) => <MarkdownCode inline={inline} size='small'>{children}</MarkdownCode>,
107
+ };
108
+ const useDefaultUrlTransform = () => {
109
+ const { windowLocationHost } = useSharedUiDependencies();
110
+ return useCallback((url) => {
111
+ if (!isUrlExternal(url, windowLocationHost)) {
112
+ // We want to make sure internal links will be relative links without https://host at the beginning because Link doesn't work with these
113
+ return url.replace(/^(https?:\/\/)?(www\.)?[^/]+/, '') || '/';
114
+ }
115
+ return url;
116
+ }, [windowLocationHost]);
117
+ };
118
+ export const SimpleMarkdown = ({ size = 'regular', // small is default for console
119
+ children: markdown, components, rehypePlugins, remarkPlugins, transformLinkUri, allowedElements, ...rest }) => {
120
+ const cleanedMarkdown = useMemo(() => cleanMarkdown(markdown), [markdown]);
121
+ const effectiveComponents = useRef({
122
+ ...(size === 'regular' ? regularMarkdownSizeComponents : smallMarkdownSizeComponents),
123
+ ...components,
124
+ });
125
+ const rehypePluginsRef = useRef([
126
+ ...(rehypePlugins || defaultRehypePlugins),
127
+ rehypeSanitize, // lets always sanitize the output
128
+ ]);
129
+ const defaultUrlTransform = useDefaultUrlTransform();
130
+ return (<StyledMarkdown components={effectiveComponents.current} rehypePlugins={rehypePluginsRef.current} remarkPlugins={remarkPlugins || defaultRemarkPlugins} allowedElements={allowedElements || defaultAllowedElements} transformLinkUri={(href, children, title) => {
131
+ const transformed = transformLinkUri ? transformLinkUri(href, children, title) : defaultUrlTransform(href);
132
+ return uriTransformer(transformed);
133
+ }} {...rest}>
134
+ {cleanedMarkdown}
135
+ </StyledMarkdown>);
136
+ };
137
+ //# sourceMappingURL=simple_markdown.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simple_markdown.jsx","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import type { CodeProps, ReactMarkdownProps } from 'react-markdown/lib/ast-to-react';
3
+ import type { WithOptional } from '../../type_utils';
4
+ import type { LinkProps } from '../link';
5
+ import type { HeadingSharedProps } from '../text/heading_shared';
6
+ import type { SharedTextProps, SharedTextSize } from '../text/text_shared';
7
+ export declare const MarkdownPlainHeading: React.FC<HeadingSharedProps>;
8
+ /**
9
+ * Default markdown heading that renders copy icon next to it.
10
+ * Use `MarkdownPlainHeading` if you want to render simple heading instead
11
+ */
12
+ export declare const MarkdownHeadingWrapper: React.FC<HeadingSharedProps>;
13
+ export declare const MarkdownParagraphContent: React.FC<SharedTextProps & Pick<ReactMarkdownProps, 'node'>>;
14
+ type MarkdownCodeProps = Pick<CodeProps, 'inline' | 'className' | 'children'>;
15
+ export declare const MarkdownCode: React.FC<MarkdownCodeProps & {
16
+ size: SharedTextSize;
17
+ }>;
18
+ export declare const MarkdownLink: React.FC<WithOptional<LinkProps, 'to'>>;
19
+ export declare const MarkdownBlockQuote: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../box").BoxProps & React.RefAttributes<HTMLElement>>, any, {
20
+ my: "space16";
21
+ py: "none";
22
+ forwardedAs: string;
23
+ }, "my" | "py" | "forwardedAs">;
24
+ export declare const MarkdownTable: import("styled-components").StyledComponent<"table", any, {}, never>;
25
+ export {};
26
+ //# sourceMappingURL=simple_markdown_components.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simple_markdown_components.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown_components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAMrF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAM3E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgB7D,CAAC;AAuBF;;;GAGG;AAEH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2C/D,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAYjG,CAAC;AAeF,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAE7E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAwC/E,CAAC;AAoEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAWhE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;+BAa9B,CAAC;AAEF,eAAO,MAAM,aAAa,sEAgBzB,CAAC"}
@@ -0,0 +1,193 @@
1
+ import qs from 'query-string';
2
+ import React from 'react';
3
+ import styled from 'styled-components';
4
+ import { Check16, Link16 } from '@apify/icons';
5
+ import { theme } from '../../design_system/theme';
6
+ import { useCopyToClipboard } from '../../utils';
7
+ import { Box } from '../box';
8
+ import { CodeBlock, InlineCode, OneLineCode } from '../code';
9
+ import { Link } from '../link';
10
+ import { slugifyHeadingChildren } from '../readme_renderer/utils';
11
+ import { Heading } from '../text';
12
+ const simpleMarkdownClassNames = {
13
+ HEADING_ICON_LINK: 'headingIconLink',
14
+ };
15
+ export const MarkdownPlainHeading = ({ children, ...rest }) => {
16
+ const id = slugifyHeadingChildren(children);
17
+ return (<Heading mt='space32' mb='space16' id={id} {...rest}>
18
+ {children}
19
+ </Heading>);
20
+ };
21
+ const StyledMarkdownHeading = styled(Box) `
22
+ display: flex;
23
+ align-items: center;
24
+ gap: ${theme.space.space4};
25
+
26
+ .${simpleMarkdownClassNames.HEADING_ICON_LINK} {
27
+ height: 16px;
28
+ display: none;
29
+
30
+ svg {
31
+ max-height: 1em !important;
32
+ }
33
+ }
34
+
35
+ &:hover {
36
+ .${simpleMarkdownClassNames.HEADING_ICON_LINK} {
37
+ display: initial;
38
+ }
39
+ }
40
+ `;
41
+ /**
42
+ * Default markdown heading that renders copy icon next to it.
43
+ * Use `MarkdownPlainHeading` if you want to render simple heading instead
44
+ */
45
+ // TODO: This should be used for readmes
46
+ export const MarkdownHeadingWrapper = ({ children, ...rest }) => {
47
+ const id = slugifyHeadingChildren(children);
48
+ const [isCopied, handleClick] = useCopyToClipboard({
49
+ text: id ?? '',
50
+ // We want the whole URL to be copied, not just the ID
51
+ transform: (text) => {
52
+ const url = new URL(window.location.href);
53
+ url.hash = `#${text}`;
54
+ return url.toString();
55
+ },
56
+ });
57
+ return (<StyledMarkdownHeading mt='space32' mb='space16' id={id} {...rest}>
58
+ {children}
59
+ <Link className={simpleMarkdownClassNames.HEADING_ICON_LINK} onClick={handleClick} to={`#${id}`}>
60
+ {isCopied ? (<Check16 color={theme.color.success.action} viewBox="0 0 16 16"/>) : (<Link16 color={theme.color.primary.text} viewBox="0 0 16 16"/>)}
61
+ </Link>
62
+ </StyledMarkdownHeading>);
63
+ };
64
+ // TODO: This should be used for readmes
65
+ export const MarkdownParagraphContent = ({ children, node, }) => {
66
+ const child = node.children[0];
67
+ const isText = child?.type === 'text';
68
+ const videoSrc = isText && getVideoSrc(child.value);
69
+ if (videoSrc)
70
+ return <MarkdownVideo src={videoSrc}/>;
71
+ // the || null part is important because non-supported elements will fall back to this paragraph component;
72
+ return children || null;
73
+ };
74
+ const StyledInlineCode = styled(InlineCode) `
75
+ /* If code is rendered within heading, it should inherit its font styles */
76
+ /* TODO: Look at implementation of InlineCode - maybe we can live without it */
77
+ h1 & code, h2 & code, h3 & code, h4 & code, h5 & code {
78
+ font-size: inherit !important;
79
+ line-height: inherit !important;
80
+ }
81
+
82
+ b & code, strong & code{
83
+ font-weight: inherit !important;
84
+ }
85
+ `;
86
+ export const MarkdownCode = ({ inline, className, children, size, }) => {
87
+ if (inline) {
88
+ return <StyledInlineCode size={size} className={className}>{children}</StyledInlineCode>;
89
+ }
90
+ const code = String(children).replace(/\n$/, '').trim();
91
+ const match = /language-(\w+)/.exec(className || '');
92
+ const language = match?.[1]?.toLowerCase();
93
+ const isOneLineCode = code.split('\n').length <= 1;
94
+ if (isOneLineCode) {
95
+ return (<OneLineCode language={language} size={size} fullWidth>
96
+ {code}
97
+ </OneLineCode>);
98
+ }
99
+ if (!inline) {
100
+ return (<CodeBlock content={code} language={language} size={size} hideLineNumbers fullWidth hideBashHeader hideBashPromptPrefixes/>);
101
+ }
102
+ };
103
+ const youtubeRegex = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube(?:-nocookie)?\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)(?:\S*)?$/;
104
+ const vimeoRegex = /^((?:https?:\/\/)?(?:player\.)?vimeo\.com(?:\/video)?\/(\d+))$/;
105
+ const getVideoSrc = (link) => {
106
+ const youtubeLink = link.match(youtubeRegex);
107
+ const vimeoLink = link.match(vimeoRegex);
108
+ let src;
109
+ if (youtubeLink) {
110
+ // add rel=0 to disable related videos from other channels at the end of the video
111
+ // add enablejsapi=1 to enable tracking videos via API through Google Analytics
112
+ src = qs.stringifyUrl({ url: `https://www.youtube.com/embed/${youtubeLink[1]}`, query: { rel: 0, enablejsapi: 1 } });
113
+ }
114
+ if (vimeoLink)
115
+ src = `https://player.vimeo.com/video/${vimeoLink[2]}`;
116
+ return src;
117
+ };
118
+ const StyledVideo = styled.div `
119
+ width: 65%;
120
+
121
+ & > div {
122
+ position: relative;
123
+ overflow: hidden;
124
+ width: 100%;
125
+ padding-top: 56.25%;
126
+
127
+ & > iframe {
128
+ position: absolute;
129
+ top: 0;
130
+ left: 0;
131
+ bottom: 0;
132
+ right: 0;
133
+ width: 100%;
134
+ height: 100%;
135
+ border: 0px;
136
+ }
137
+ }
138
+ `;
139
+ const MarkdownVideo = ({ src }) => {
140
+ return (<StyledVideo>
141
+ <div>
142
+ <iframe loading="lazy" allowFullScreen src={src}/>
143
+ </div>
144
+ </StyledVideo>);
145
+ };
146
+ const StyledMarkdownLink = styled(Link) `
147
+ overflow-wrap: break-word;
148
+
149
+ h1 &, h2 &, h3 &, h4 &, h5 & {
150
+ overflow-wrap: normal;
151
+ }
152
+
153
+ &:hover {
154
+ /* Links normally don't have underline, but in markdown we want to have it */
155
+ text-decoration: underline;
156
+ }
157
+ `;
158
+ export const MarkdownLink = ({ to, children, rel, className, }) => {
159
+ return (to && typeof to === 'string') ? (<StyledMarkdownLink to={to} hideExternalIcon={true} rel={rel} className={className}>{children}</StyledMarkdownLink>) : (<span>{children}</span> // Invalid links can be rendered as a regular span instead
160
+ );
161
+ };
162
+ export const MarkdownBlockQuote = styled(Box).attrs({
163
+ my: 'space16',
164
+ py: 'none',
165
+ forwardedAs: 'blockquote',
166
+ }) `
167
+ border-left: 2px solid ${theme.color.neutral.separatorSubtle};
168
+ padding-left: ${theme.space.space16};
169
+
170
+ color: ${theme.color.neutral.textMuted};
171
+
172
+ & > p {
173
+ margin: 0;
174
+ }
175
+ `;
176
+ export const MarkdownTable = styled.table `
177
+ display: block;
178
+ overflow: auto;
179
+ border-collapse: collapse;
180
+
181
+ td, th {
182
+ border: 1px solid ${theme.color.neutral.border};
183
+ padding: ${theme.space.space16};
184
+ text-align: left;
185
+ }
186
+
187
+ tr:nth-child(even):not([class]) {
188
+ > th, > td {
189
+ background-color: inherit;
190
+ }
191
+ }
192
+ `;
193
+ //# sourceMappingURL=simple_markdown_components.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simple_markdown_components.jsx","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown_components.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,38 @@
1
+ import React, { type ForwardedRef } from 'react';
2
+ import type { IconComponent } from '@apify/ui-icons';
3
+ import { type MarginSpacingProps, type RegularBoxProps } from './box';
4
+ import { type RegularLinkProps } from './link';
5
+ type TagSize = typeof TAG_SIZES[number];
6
+ export declare const TAG_SIZES: readonly ["large", "medium", "small"];
7
+ type TagVariant = typeof TAG_VARIANTS[number];
8
+ export declare const TAG_VARIANTS: readonly ["primary", "secondary", "accent", "success", "warning", "error"];
9
+ type TagNodeType = Extract<React.ElementType, 'a' | 'button'>;
10
+ type TagNodePropsMap = {
11
+ a: {
12
+ element: HTMLAnchorElement;
13
+ props: RegularLinkProps;
14
+ };
15
+ button: {
16
+ element: HTMLButtonElement;
17
+ props: React.ButtonHTMLAttributes<HTMLButtonElement>;
18
+ };
19
+ };
20
+ export type TagProps<T extends TagNodeType> = RegularBoxProps & MarginSpacingProps & ({
21
+ as?: T;
22
+ size?: TagSize;
23
+ variant?: TagVariant;
24
+ LeadingIcon?: IconComponent;
25
+ TrailingIcon?: IconComponent;
26
+ } & Omit<TagNodePropsMap[T]['props'], 'size'>);
27
+ /**
28
+ * Component for displaying inherenly interactive chip descendant
29
+ */
30
+ declare function TagWrapper<T extends TagNodeType>({ as, size, variant, LeadingIcon, TrailingIcon, children, ...props }: TagProps<T>, ref: ForwardedRef<TagNodePropsMap[T]['element']>): React.JSX.Element;
31
+ declare namespace TagWrapper {
32
+ var displayName: string;
33
+ }
34
+ export declare const Tag: <T extends TagNodeType>(props: TagProps<T> & {
35
+ ref?: ForwardedRef<TagNodePropsMap[T]["element"]>;
36
+ }) => ReturnType<typeof TagWrapper>;
37
+ export {};
38
+ //# sourceMappingURL=tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAErD,KAAK,OAAO,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAExC,eAAO,MAAM,SAAS,uCAAwC,CAAC;AAiC/D,KAAK,UAAU,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE9C,eAAO,MAAM,YAAY,4EAA6E,CAAC;AAkFvG,KAAK,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;AAC9D,KAAK,eAAe,GAAG;IACnB,CAAC,EAAE;QACC,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE;QACJ,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;KACxD,CAAC;CACL,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI,eAAe,GAAG,kBAAkB,GAAG,CAAC;IAClF,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;CAChC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAE/C;;GAEG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EACvC,EAAE,EACF,IAAc,EACd,OAAmB,EACnB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,QAAQ,CAAC,CAAC,CAAC,EACd,GAAG,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,qBAiB/C;kBA1BQ,UAAU;;;AA8BnB,eAAO,MAAM,GAAG,EAA6B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;CAAE,KACzE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
@@ -0,0 +1,126 @@
1
+ import React, { forwardRef } from 'react';
2
+ import styled, { css } from 'styled-components';
3
+ import { theme } from '../design_system/theme';
4
+ import { Box } from './box';
5
+ import { Link } from './link';
6
+ export const TAG_SIZES = ['large', 'medium', 'small'];
7
+ const TAG_ICON_SIZES = {
8
+ large: '20',
9
+ medium: '16',
10
+ small: '12',
11
+ };
12
+ const tagSizeStyle = {
13
+ large: css `
14
+ height: 4rem;
15
+ padding: ${theme.space.space8} ${theme.space.space12};
16
+ border-radius: ${theme.radius.radius12};
17
+ ${theme.typography.shared.desktop.bodyLMedium}
18
+ `,
19
+ medium: css `
20
+ height: 2.8rem;
21
+ padding: ${theme.space.space4} ${theme.space.space8};
22
+ border-radius: ${theme.radius.radius8};
23
+ ${theme.typography.shared.desktop.bodyMMedium}
24
+ `,
25
+ small: css `
26
+ height: 2rem;
27
+ padding: ${theme.space.space2} ${theme.space.space6};
28
+ border-radius: ${theme.radius.radius4};
29
+ ${theme.typography.shared.desktop.bodySMedium}
30
+
31
+ &:has(> svg:last-child:nth-child(1)) {
32
+ padding: ${theme.space.space2} ${theme.space.space4};
33
+ }
34
+ `,
35
+ };
36
+ export const TAG_VARIANTS = ['primary', 'secondary', 'accent', 'success', 'warning', 'error'];
37
+ const tagVariantStyle = {
38
+ primary: css `
39
+ color: ${theme.color.neutral.text};
40
+ fill: ${theme.color.neutral.icon};
41
+ background: transparent;
42
+ box-shadow: inset 0 0 0 1px ${theme.color.neutral.border};
43
+
44
+ &:hover {
45
+ background: ${theme.color.neutral.hover};
46
+ }
47
+ `,
48
+ secondary: css `
49
+ color: ${theme.color.neutral.text};
50
+ fill: ${theme.color.neutral.icon};
51
+ background: transparent;
52
+
53
+ &:hover {
54
+ background: ${theme.color.neutral.hover};
55
+ }
56
+ `,
57
+ accent: css `
58
+ color: ${theme.color.primary.chipText};
59
+ fill: ${theme.color.primary.chipText};
60
+ background: ${theme.color.primary.background};
61
+
62
+ &:hover {
63
+ background: ${theme.color.primary.backgroundHover};
64
+ }
65
+ `,
66
+ success: css `
67
+ color: ${theme.color.success.chipText};
68
+ fill: ${theme.color.success.chipText};
69
+ background: ${theme.color.success.background};
70
+
71
+ &:hover {
72
+ background: ${theme.color.success.backgroundHover};
73
+ }
74
+ `,
75
+ warning: css `
76
+ color: ${theme.color.warning.chipText};
77
+ fill: ${theme.color.warning.chipText};
78
+ background: ${theme.color.warning.background};
79
+
80
+ &:hover {
81
+ background: ${theme.color.warning.backgroundHover};
82
+ }
83
+ `,
84
+ error: css `
85
+ color: ${theme.color.danger.chipText};
86
+ fill: ${theme.color.danger.chipText};
87
+ background: ${theme.color.danger.background};
88
+
89
+ &:hover {
90
+ background: ${theme.color.danger.backgroundHover};
91
+ }
92
+ `,
93
+ };
94
+ const StyledTag = styled(Box) `
95
+ ${({ $size }) => tagSizeStyle[$size]};
96
+ ${({ $variant }) => tagVariantStyle[$variant]};
97
+
98
+ /* Static styles */
99
+ width: fit-content;
100
+ border: none;
101
+ outline: none;
102
+ display: flex;
103
+ flex-direction: row;
104
+ justify-content: center;
105
+ align-items: center;
106
+ white-space: nowrap;
107
+ gap: ${theme.space.space4};
108
+ cursor: pointer;
109
+ transition: background ${theme.transition.fastEaseOut};
110
+ `;
111
+ /**
112
+ * Component for displaying inherenly interactive chip descendant
113
+ */
114
+ function TagWrapper({ as, size = 'small', variant = 'primary', LeadingIcon, TrailingIcon, children, ...props }, ref) {
115
+ const component = (as === 'a' ? Link : as ?? 'button');
116
+ return (<StyledTag as={component} ref={ref} $variant={variant} $size={size} {...props}>
117
+ {LeadingIcon && <LeadingIcon size={TAG_ICON_SIZES[size]}/>}
118
+ {children}
119
+ {TrailingIcon && <TrailingIcon size={TAG_ICON_SIZES[size]}/>}
120
+ </StyledTag>);
121
+ }
122
+ ;
123
+ TagWrapper.displayName = 'Tag';
124
+ // `forwardRef` can't handle generic types, should be fixable with React 19
125
+ export const Tag = forwardRef(TagWrapper);
126
+ //# sourceMappingURL=tag.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.jsx","sourceRoot":"","sources":["../../../src/components/tag.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import type { TextBaseProps } from './text_base';
3
+ type HeadingContentType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
4
+ interface HeadingContentTransientProps {
5
+ type?: HeadingContentType;
6
+ }
7
+ export type HeadingContentProps = HeadingContentTransientProps & TextBaseProps;
8
+ export declare const HeadingContent: React.FC<HeadingContentProps>;
9
+ export {};
10
+ //# sourceMappingURL=heading_content.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"heading_content.d.ts","sourceRoot":"","sources":["../../../../src/components/text/heading_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtG,UAAU,4BAA4B;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAeD,MAAM,MAAM,mBAAmB,GAAG,4BAA4B,GAAG,aAAa,CAAC;AAe/E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC"}
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import styled, { css } from 'styled-components';
3
+ import { theme } from '../../design_system/theme';
4
+ import { TextBaseComponent } from './text_base';
5
+ ;
6
+ const getContentHeadingStyles = (headingType) => css `
7
+ ${theme.typography.content.mobile[headingType]}
8
+
9
+ @media (min-width: ${theme.layout.tablet}) {
10
+ ${theme.typography.content.tablet[headingType]}
11
+ }
12
+
13
+ @media (min-width: ${theme.layout.desktop}) {
14
+ ${theme.typography.content.desktop[headingType]}
15
+ }
16
+ `;
17
+ const HEADING_CONTENT_DEFAULT_ELEMENTS = {
18
+ heading1: 'h1',
19
+ heading2: 'h2',
20
+ heading3: 'h3',
21
+ heading4: 'h4',
22
+ heading5: 'h5',
23
+ heading6: 'h6',
24
+ };
25
+ const StyledHeadingContent = styled(TextBaseComponent) `
26
+ ${(props) => getContentHeadingStyles(props.$type || 'heading1')}
27
+ `;
28
+ export const HeadingContent = ({ type, as, ...rest }) => {
29
+ return (<StyledHeadingContent $type={type} forwardedAs={as || HEADING_CONTENT_DEFAULT_ELEMENTS[type || 'heading1']} m='none' {...rest}/>);
30
+ };
31
+ //# sourceMappingURL=heading_content.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"heading_content.jsx","sourceRoot":"","sources":["../../../../src/components/text/heading_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAM/C,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,WAA+B,EAAE,EAAE,CAAC,GAAG,CAAA;MAClE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;yBAEzB,KAAK,CAAC,MAAM,CAAC,MAAM;UAClC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;;yBAG7B,KAAK,CAAC,MAAM,CAAC,OAAO;UACnC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;;CAEtD,CAAC;AAKF,MAAM,gCAAgC,GAAG;IACrC,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACR,CAAC;AAEX,MAAM,oBAAoB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAA2B;MAC3E,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,CAAC,oBAAoB,CACjB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,WAAW,CAAC,CAAC,EAAE,IAAI,gCAAgC,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CACxE,CAAC,CAAC,MAAM,CACR,IAAI,IAAI,CAAC,EACX,CACL,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import type { TextBaseProps } from './text_base';
3
+ type HeadingMarketingType = 'titleXs' | 'titleS' | 'titleM' | 'titleL' | 'titleXl' | 'title2xl' | 'title3xl';
4
+ interface HeadingMarketingTransientProps {
5
+ type?: HeadingMarketingType;
6
+ }
7
+ export type HeadingMarketingProps = HeadingMarketingTransientProps & TextBaseProps;
8
+ export declare const HeadingMarketing: React.FC<HeadingMarketingProps>;
9
+ export {};
10
+ //# sourceMappingURL=heading_marketing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"heading_marketing.d.ts","sourceRoot":"","sources":["../../../../src/components/text/heading_marketing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,oBAAoB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7G,UAAU,8BAA8B;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAGD,MAAM,MAAM,qBAAqB,GAAG,8BAA8B,GAAG,aAAa,CAAC;AA0BnF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAa5D,CAAC"}