@redneckz/wildless-cms-uni-blocks 0.6.48 → 0.6.49

package/bundle/bundle.umd.js

@@ -1730,7 +1730,11 @@
             label: 'Google Play',
         },
     ];
-    const MediaButton = JSX(({ version = 'primary', ...rest }) => {
+    const BUTTON_SIZE = {
+        default: ' w-14 h-14',
+        small: ' w-12 h-12',
+    };
+    const MediaButton = JSX(({ version = 'primary', isRounded = false, buttonSize = 'default', ...rest }) => {
         const link = useLink();
         const { href, onClick } = link(rest);
         const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
@@ -1740,11 +1744,12 @@
         const classes = version === 'secondary'
             ? 'bg-white hover:bg-secondary-hover'
             : 'border-solid border border-main-divider hover:border-transparent hover:bg-primary-main';
-        const isPrimary = version === 'primary';
-        return (jsx("a", { className: `flex items-center justify-center rounded-md w-14 h-14 group box-border ${classes} ${isPrimary ? 'hover:text-black' : ''}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", onClick: onClick, children: icon ? (jsx(ImgInner, { image: getIconWithVersion(icon), imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
+        const isPrimary = version === 'primary' ? 'hover:text-black' : '';
+        const rounded = isRounded ? 'rounded-full' : 'rounded-md';
+        return (jsx("a", { className: `flex items-center justify-center group box-border ${classes} ${rounded} ${isPrimary} ${BUTTON_SIZE[buttonSize]}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", onClick: onClick, children: icon ? (jsx(ImgInner, { image: getIconWithVersion(icon), imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
     });
 
-    const SocialMedia = JSX(({ className = '', media, version, children }) => (jsxs("div", { className: "font-sans", children: [jsx("div", { className: `flex gap-2.5 ${className}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, ..._ }, String(index)))) }), jsx("span", { className: "text-s-light text-secondary-text", children: children })] })));
+    const SocialMedia = JSX(({ className = '', media, version, isRounded = false, buttonSize, children }) => (jsxs("div", { className: "font-sans", children: [jsx("div", { className: `flex gap-2.5 ${className}`, children: media?.map((_, index) => (jsx(MediaButton, { version: version, isRounded: isRounded, buttonSize: buttonSize, ..._ }, String(index)))) }), jsx("span", { className: "text-s-light text-secondary-text", children: children })] })));
 
     const CarouselRecommendationCard = JSX(({ button, className = '', description, image, items = [], socialMedia = [], title, version = 'primary', ...rest }) => {
         const tileTitle = title ? (jsx(Heading, { headingType: "h5", as: "h3", className: "mb-3.5 z-10", title: title })) : null;
@@ -4145,7 +4150,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.6.48";
+    const packageVersion = "0.6.49";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;