@readme/markdown 14.7.1 → 14.7.2

package/dist/main.js

@@ -12209,7 +12209,7 @@ const LightboxPortal = ({ children }) => {
     return (0,external_amd_react_dom_commonjs2_react_dom_commonjs_react_dom_root_ReactDOM_umd_react_dom_.createPortal)(children, document.body);
 };
 const Image = (Props) => {
-    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = 'auto', src, title = '', width = 'auto', lazy = true, children, wrap: wrapProp, } = Props;
+    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = Props.style?.height ?? 'auto', src, style, title = '', width = Props.style?.width ?? 'auto', lazy = true, children, wrap: wrapProp, } = Props;
     // Normalize border/framed: MDXish passes {false} as the string "false", not a boolean
     const border = borderProp === true || borderProp === 'true';
     const framed = framedProp === true || framedProp === 'true';
@@ -12217,7 +12217,7 @@ const Image = (Props) => {
     const noWrap = (align === 'left' || align === 'right') && (wrapProp === false || wrapProp === 'false');
     const [lightbox, setLightbox] = external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useState(false);
     if (className === 'emoji') {
-        return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width });
+        return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     }
     const handleKeyDown = ({ key, metaKey: cmd }) => {
         const cmdKey = cmd ? 'cmd+' : '';
@@ -12245,7 +12245,7 @@ const Image = (Props) => {
     };
     // Framed images center the <img> itself; outer wrapper handles left/right alignment via text-align.
     const imgClass = `img ${caption || children || framed ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}${noWrap ? ' img-no-wrap' : ''}`;
-    const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
+    const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     const closedLightbox = (ariaLabel, content) => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": ariaLabel, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" }, content)));
     const lightboxOverlay = lightbox ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement(LightboxPortal, null,

package/dist/main.node.js

@@ -24835,7 +24835,7 @@ const LightboxPortal = ({ children }) => {
     return (0,external_react_dom_namespaceObject.createPortal)(children, document.body);
 };
 const Image = (Props) => {
-    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = 'auto', src, title = '', width = 'auto', lazy = true, children, wrap: wrapProp, } = Props;
+    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = Props.style?.height ?? 'auto', src, style, title = '', width = Props.style?.width ?? 'auto', lazy = true, children, wrap: wrapProp, } = Props;
     // Normalize border/framed: MDXish passes {false} as the string "false", not a boolean
     const border = borderProp === true || borderProp === 'true';
     const framed = framedProp === true || framedProp === 'true';
@@ -24843,7 +24843,7 @@ const Image = (Props) => {
     const noWrap = (align === 'left' || align === 'right') && (wrapProp === false || wrapProp === 'false');
     const [lightbox, setLightbox] = external_react_.useState(false);
     if (className === 'emoji') {
-        return external_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width });
+        return (external_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     }
     const handleKeyDown = ({ key, metaKey: cmd }) => {
         const cmdKey = cmd ? 'cmd+' : '';
@@ -24871,7 +24871,7 @@ const Image = (Props) => {
     };
     // Framed images center the <img> itself; outer wrapper handles left/right alignment via text-align.
     const imgClass = `img ${caption || children || framed ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}${noWrap ? ' img-no-wrap' : ''}`;
-    const imgElement = (external_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
+    const imgElement = (external_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     const closedLightbox = (ariaLabel, content) => (external_react_.createElement("span", { "aria-label": ariaLabel, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
         external_react_.createElement("span", { className: "lightbox-inner" }, content)));
     const lightboxOverlay = lightbox ? (external_react_.createElement(LightboxPortal, null,