@apify/ui-library 1.122.0 → 1.123.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.122.0",
+    "version": "1.123.0",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -65,5 +65,5 @@
         "src",
         "style"
     ],
-    "gitHead": "956543910a436e56ec71a6b01b2438e57be13abe"
+    "gitHead": "3c83585389c9e8c4e8449ae090dad74640cfaf23"
 }

package/src/components/simple_markdown/simple_markdown_components.tsx

@@ -15,8 +15,9 @@ import type { LinkProps } from '../link.js';
 import { Link } from '../link.js';
 import { slugifyHeadingChildren } from '../readme_renderer/utils.js';
 import type { HeadingSharedProps } from '../text/heading_shared.js';
-import { Heading, Text } from '../text/index.js';
-import type { SharedTextProps, SharedTextSize } from '../text/text_shared.js';
+import { Heading, TextContent } from '../text/index.js';
+import type { ContentTextProps } from '../text/text_content.js';
+import type { SharedTextSize } from '../text/text_shared.js';
 
 const simpleMarkdownClassNames = {
     HEADING_ICON_LINK: 'headingIconLink',
@@ -305,16 +306,16 @@ const getMarkdownVideoSrc = (child?: ElementContent): string | undefined => {
 };
 
 // TODO: This should be used for readmes
-export const MarkdownParagraphContent: React.FC<SharedTextProps & MarkdownComponentExtraProps> = async ({
+export function MarkdownParagraphContent({
     children,
     node,
     ...textProps
-}) => {
+}: ContentTextProps & MarkdownComponentExtraProps): React.ReactNode {
     const child = node?.children[0];
     const videoSrc = getMarkdownVideoSrc(child);
 
     if (videoSrc) return <MarkdownVideo src={videoSrc} />;
 
     // Render the children as a paragraph
-    return <Text as='p' my='space16' {...textProps}>{children}</Text>;
-};
+    return <TextContent my='space16' {...textProps}>{children}</TextContent>;
+}