@redneckz/wildless-cms-uni-blocks 0.9.7 → 0.9.8

package/bundle/bundle.umd.js

@@ -2130,7 +2130,7 @@
         const link = useLink();
         const linkProps = link({ href, target });
         const Tag = href ? 'a' : 'div';
-        return (jsx(Tag, { className: className, ...(href ? linkProps : {}), children: children }));
+        return (jsx(Tag, { className: style('block', className), ...(href ? linkProps : {}), children: children }));
     });
 
     const getIconWithVersion = (icon, version = 'primary') => ({
@@ -2205,7 +2205,7 @@
     const List = JSX(({ className = '', hasIndent, isDotted, itemClassName = '', items, listItemSize = 'M' }) => items?.length ? (jsx("section", { className: `text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text ${TEXT_SIZE_MAP[listItemSize]} ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''} ${className}`, role: "list", children: items.map((item, i) => (jsx(ListItem, { className: itemClassName, isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
 
     const CarouselProductCard = JSX(({ additionalDescription, align = 'text-center', button = {}, className = '', description, headlineSmallVersion = 'H6', href, icon, isDotted = true, items = [], target, title, version = 'primary', ...rest }) => {
-        return (jsxs(BlockWrapper, { className: style('justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [jsxs(LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage$3(icon), renderCardTitle(headlineSmallVersion, title), renderDescription$3(description, title), renderItems(items, isDotted, version), renderAdditionalDescription$1(additionalDescription)] }), renderButtonsSection([button], { className: 'p-6 pt-0', isVertical: true })] }));
+        return (jsxs(BlockWrapper, { className: style('h-full flex flex-col justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [jsxs(LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage$3(icon), renderCardTitle(headlineSmallVersion, title), renderDescription$3(description, title), renderItems(items, isDotted, version), renderAdditionalDescription$1(additionalDescription)] }), renderButtonsSection([button], { className: 'p-6 pt-0', isVertical: true })] }));
     });
     const renderImage$3 = (image) => (jsxs("div", { className: "flex justify-center", children: [image?.src ? jsx(ImgInner, { className: "mb-5", image: image }) : null, image?.icon ? (jsx(ImgInner, { className: `w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`, image: image, asSVG: true })) : null] }));
     const renderCardTitle = (headlineSmallVersion, title) => title ? (jsx("div", { children: jsx(Text, { size: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) })) : null;
@@ -2214,9 +2214,9 @@
     const renderItems = (items, isDotted, version = 'primary') => items?.length ? (jsx(List, { className: `max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "text-left", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted })) : null;
 
     const CarouselProgramsCard = JSX(({ className = '', title, icon, list = [], href, target, ...rest }) => {
-        return (jsx(BlockWrapper, { className: style('border border-gray min-w-[536px]', className), ...rest, children: jsxs(LinkWrapper, { className: "flex", href: href, target: target, children: [jsxs("div", { className: "w-[200px] min-w-[200px] self-center", children: [icon?.icon ? jsx(ImgInner, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? jsx(ImgInner, { image: icon }) : null] }), jsxs("div", { className: "p-8 pl-3 w-full", children: [title ? jsx(Heading, { className: " mb-3.5", headingType: "h5", title: title }) : null, list.length ? (jsx("div", { className: "flex flex-col gap-3", children: list?.map(renderList$1) })) : null] })] }) }));
+        return (jsx(BlockWrapper, { className: style('border border-gray', className), ...rest, children: jsxs(LinkWrapper, { className: "flex", href: href, target: target, children: [jsxs("div", { className: "w-[200px] min-w-[200px] self-center", children: [icon?.icon ? jsx(ImgInner, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? jsx(ImgInner, { image: icon }) : null] }), jsxs("div", { className: "p-8 pl-3 w-full", children: [title ? jsx(Heading, { className: "mb-3.5", headingType: "h5", title: title }) : null, list.length ? (jsx("div", { className: "flex flex-col gap-3", children: list?.map(renderList$1) })) : null] })] }) }));
     });
-    const renderList$1 = (_, i) => (jsxs("div", { className: "break-words", children: [_.title ? jsx("div", { className: `text-h6`, children: _.title }) : null, _.description ? jsx("span", { className: "text-l-light mt-1", children: _.description }) : null] }, String(i)));
+    const renderList$1 = (_, i) => (jsxs("div", { className: "break-words", children: [_.title ? jsx("div", { className: "text-h6", children: _.title }) : null, _.description ? jsx("span", { className: "text-l-light mt-1", children: _.description }) : null] }, String(i)));
 
     const ICONS_MAP = [
         {
@@ -2272,7 +2272,7 @@
     const BORDER_STYLE = 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider';
     const setAdditionalIconStyles = (items) => items.length ? 'w-1/2 flex-1 justify-center' : 'w-full justify-end';
     const CarouselRecommendationCard = JSX(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, version = 'primary', ...rest }) => {
-        return (jsx(BlockWrapper, { className: style('relative p-12 min-w-[524px] h-full flex flex-col box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: jsxs(LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [jsx("div", { className: "self-center", children: title ? jsx(Heading, { headingType: "h3", as: "h3", className: "mb-8", title: title }) : null }), jsx("div", { className: "mb-5", children: description ? (jsx(Paragraph, { size: "text-xl", font: "font-light", color: "group-data-gray:text-secondary-text", children: description })) : null }), jsxs("div", { className: "flex align-center w-full", children: [jsxs("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? (jsx(List, { className: "text-xl-light flex flex-col gap-2 pb-16 mb-3", items: items })) : null, socialMedia.length ? jsx(SocialMedia, { className: "pb-0", media: socialMedia }) : null] }), renderIconBlock$1(icon, items)] })] }) }));
+        return (jsx(BlockWrapper, { className: style('relative p-12 min-w-[524px] h-full box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: jsxs(LinkWrapper, { href: href, target: target, children: [title ? (jsx(Heading, { headingType: "h3", as: "h3", className: "text-center mb-8", title: title })) : null, jsx("div", { className: "mb-5", children: description ? (jsx(Paragraph, { size: "text-xl", font: "font-light", color: "group-data-gray:text-secondary-text", children: description })) : null }), jsxs("div", { className: "flex", children: [jsxs("div", { className: style('flex flex-col w-1/2', items?.length ? 'justify-between' : 'justify-end'), children: [items.length ? (jsx(List, { className: "text-xl-light flex flex-col gap-2 mt-14", items: items })) : null, socialMedia.length ? jsx(SocialMedia, { className: "pb-0", media: socialMedia }) : null] }), renderIconBlock$1(icon, items)] })] }) }));
     });
     const renderIconBlock$1 = (icon, items) => (jsxs("div", { className: style('flex', setAdditionalIconStyles(items)), children: [icon?.icon ? jsx(ImgInner, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? jsx(ImgInner, { image: icon }) : null] }));
 
@@ -4906,7 +4906,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.9.7";
+    const packageVersion = "0.9.8";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;