@apify/ui-library 0.65.0 → 0.65.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "0.65.0",
+    "version": "0.65.2",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -65,5 +65,5 @@
         "typescript": "^5.1.6",
         "typescript-eslint": "^8.24.0"
     },
-    "gitHead": "d1a2df0010d382b71da020d68f955709f6432f6d"
+    "gitHead": "bab0abe1b9320f67ea4bdc695afbc5a221958227"
 }

package/src/components/code/code_block/code_block_with_tabs.tsx

@@ -122,9 +122,13 @@ const CodeBlockWithTabsWrapper = styled(Box)`
             gap: ${theme.space.space24};
             padding-inline: ${theme.space.space24};
 
-            & > [role="tabpanel"]::after {
-                right: -${theme.space.space24};
-                width: ${theme.space.space32};
+            & > [role="tabpanel"] {
+                margin-left: unset;
+
+                &::after {
+                    right: -${theme.space.space24};
+                    width: ${theme.space.space32};
+                }
             }
         }
     }

package/src/components/to_consolidate/markdown.tsx

@@ -4,7 +4,7 @@ import qs from 'query-string';
 import React, { useMemo } from 'react';
 import type { Components } from 'react-markdown';
 import ReactMarkdown, { uriTransformer } from 'react-markdown';
-import type { AllowElement } from 'react-markdown/lib/rehype-filter';
+import type { AllowElement, Node } from 'react-markdown/lib/rehype-filter';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
 import styled from 'styled-components';
@@ -587,7 +587,9 @@ const Markdown = ({
                 ),
                 code: (codeProps: CodeRendererComponentProps) => CodeRenderer(codeProps),
                 p: ParagraphRenderer,
-                img: (imageProps: React.ImgHTMLAttributes<HTMLImageElement>) => <img {...imageProps} {...(lazyLoadImages ? { loading: 'lazy' } : {})} />,
+                img: ({ node, ...imageProps }: React.ImgHTMLAttributes<HTMLImageElement> & { node?: Node }) => (
+                    <img {...imageProps} {...(lazyLoadImages ? { loading: 'lazy' } : {})} /> // node is injected by rehype-raw plugin and causing invalid prop
+                ),
             } as unknown as Components}
             transformLinkUri={(href) => (transformLinkUri ? uriTransformer(transformLinkUri(href)) : uriTransformer(href))}
             transformImageUri={transformImageUri}