@redneckz/wildless-cms-uni-blocks 0.11.1 → 0.11.2

package/bundle/bundle.umd.js

@@ -348,6 +348,8 @@
     });
     const groupStyle = (isGroup) => (isGroup ? 'group' : '');
 
+    const headingTag = (tag) => tag;
+
     const styles$4 = {
         h0: 'text-h0',
         h1: 'text-h1',
@@ -357,7 +359,10 @@
         h5: 'text-h5',
         h6: 'text-h6', // 20
     };
-    const Heading = JSX(({ className = '', headingType = 'h3', as: Tag = 'h3', title, children }) => (jsx(Tag, { className: `font-sans m-0 ${styles$4[headingType]} ${className}`, children: title || children })));
+    const Heading = JSX(({ className = '', headingType = 'h3', as = 'h3', title, children }) => {
+        const Tag = headingTag(as);
+        return (jsx(Tag, { className: `font-sans m-0 ${styles$4[headingType]} ${className}`, children: title || children }));
+    });
 
     const identity = (_) => _;
 
@@ -1195,32 +1200,32 @@
         XXL: {
             title: { headingType: 'h0', as: 'h1' },
             descriptionSize: 'text-h5',
-            descriptionStyle: 'mt-5',
+            descriptionStyle: 'mt-headline-xxl',
         },
         XL: {
             title: { headingType: 'h1', as: 'h1' },
             descriptionSize: 'text-xl-light',
-            descriptionStyle: 'mt-4',
+            descriptionStyle: 'mt-headline-l',
         },
         L: {
             title: { headingType: 'h2', as: 'h2' },
             descriptionSize: 'text-xl-light',
-            descriptionStyle: 'mt-4',
+            descriptionStyle: 'mt-headline-l',
         },
         M: {
             title: { headingType: 'h3', as: 'h3' },
             descriptionSize: 'text-xl-light',
-            descriptionStyle: 'mt-3',
+            descriptionStyle: 'mt-headline-m',
         },
         S: {
             title: { headingType: 'h4', as: 'h4' },
             descriptionSize: 'text-xl-light',
-            descriptionStyle: 'mt-2',
+            descriptionStyle: 'mt-headline-s',
         },
         XS: {
             title: { headingType: 'h5', as: 'h5' },
             descriptionSize: 'text-l-light',
-            descriptionStyle: 'mt-2',
+            descriptionStyle: 'mt-headline-s',
         },
     };
     // TODO Move to Gallery and rename
@@ -2257,7 +2262,8 @@
         return (jsx(BlockWrapper, { className: style('w-[365px]', className), ...rest, children: jsxs(LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [icon?.icon ? jsx(ImgInner, { image: icon }) : null, icon?.src ? jsx(ImgInner, { image: icon }) : null, title ? (jsx(Heading, { headingType: "h6", as: "h4", className: "text-left pt-3 mb-2", title: title })) : null, description ? (jsx("div", { className: "mb-4", children: jsx(Text, { font: "font-light", size: "text-m", color: "text-secondary-text", children: description }) })) : null] }) }));
     });
 
-    const BaseTile = JSX(({ className, title = '', insetTitle = '', buttons, leftImage, rightImage, backImage, children, }) => (jsxs("div", { className: style('relative flex flex-col font-sans', className), children: [backImage ? jsx("div", { className: "absolute bottom-0 right-0 z-0", children: backImage }) : null, title, jsxs("div", { className: "grow relative flex flex-wrap md:flex-nowrap justify-between items-stretch gap-8", children: [leftImage, jsxs("div", { className: style('flex flex-col gap-8', leftImage ? '' : 'grow'), children: [insetTitle, jsx("div", { className: "grow", children: children }), buttons] }), rightImage ? jsx("div", { className: "-order-1 lg:order-1", children: rightImage }) : null] })] })));
+    const BaseTile = JSX(({ className, title = '', insetTitle = '', buttons, leftImage, rightImage, backImage, children, }) => (jsxs("div", { className: style('relative flex flex-col font-sans', className), children: [backImage ? jsx("div", { className: "absolute bottom-0 right-0 z-0", children: backImage }) : null, title, jsxs("div", { className: "grow relative flex flex-wrap sm:flex-nowrap justify-between items-stretch gap-8", children: [renderImageContainer(leftImage), jsxs("div", { className: style('flex flex-col gap-8', leftImage ? '' : 'grow'), children: [insetTitle, jsx("div", { className: "grow", children: children }), buttons] }), renderImageContainer(rightImage, { className: '-order-1 sm:order-1' })] })] })));
+    const renderImageContainer = (image, { className } = {}) => image ? jsx("div", { className: style('flex-none', className), children: image }) : null;
 
     const getItemListFontSize = (colValue) => (colValue === 1 ? 'text-h6' : 'text-l');
     const cardColumnsModeStyleMap = {
@@ -5094,7 +5100,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.11.1";
+    const packageVersion = "0.11.2";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;