@redneckz/wildless-cms-uni-blocks 0.14.531 → 0.14.532

package/bundle/bundle.umd.js

@@ -5885,21 +5885,18 @@
     };
 
     const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
-    const StepsBlock = JSX(({ buttons, className = '', description, showLines = true, size = 'normal', steps = [], stepVersion = 'gray', title, version = 'primary', ...rest }) => {
-        const stepsLength = steps.length;
-        const shortGaps = stepsLength > 3;
+    const StepsBlock = JSX(({ buttons, className = '', description, showLines = true, steps = [], stepVersion = 'gray', title, version = 'primary', ...rest }) => {
+        const isBigSizeSteps = steps.length > 3;
         const styleMap = STEPS_BLOCK_STYLE;
         const lineOpacity = getLineOpacity(showLines);
         const isMobileMode = useMobileMode();
-        const paddingXNormal = stepsLength < STEP_BREAKPOINT ? 'px-24' : 'px-16';
-        const paddingXSmall = stepsLength < STEP_BREAKPOINT ? 'px-28' : 'px-20';
-        return (jsxs(BlockWrapper, { className: style('box-border flex flex-col items-center overflow-hidden gap-y-3xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [jsx(Headline, { headlineVersion: "S", title: title, description: description, isEmbedded: true, className: "w-full", align: getAlignStyles(isMobileMode) }), steps?.length ? (jsxs("div", { className: "box-border space-y-lg flex flex-col justify-center", children: [jsx("div", { className: style('flex items-center', size === 'normal' ? paddingXNormal : paddingXSmall), children: joinList(jsx("div", { className: style('h-0.5 w-full bg-secondary-light flex-1', lineOpacity) }))(steps.map(renderStepIcon(styleMap, size, stepVersion))) }), jsx("div", { className: style('flex justify-between', shortGaps ? 'gap-x-s' : 'gap-x-20'), children: steps.map(renderStep({ styleMap, version })) })] })) : null, renderButtonsSection(buttons)] }));
+        return (jsxs(BlockWrapper, { className: style('box-border flex flex-col items-center overflow-hidden gap-y-3xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [jsx(Headline, { headlineVersion: "S", title: title, description: description, isEmbedded: true, className: "w-full", align: getAlignStyles(isMobileMode) }), steps?.length ? (jsxs("div", { className: "box-border space-y-lg flex flex-col justify-center", children: [jsx("div", { className: style('flex items-center', isBigSizeSteps ? 'px-16' : 'px-24'), children: joinList(jsx("div", { className: style('h-0.5 w-full bg-secondary-light flex-1', lineOpacity) }))(steps.map(renderStepIcon(styleMap, isBigSizeSteps, stepVersion))) }), jsx("div", { className: style('flex justify-between', isBigSizeSteps ? 'gap-x-s' : 'gap-x-20'), children: steps.map(renderStep({ styleMap, version })) })] })) : null, renderButtonsSection(buttons)] }));
     });
-    const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
+    const renderStepIcon = (styleMap, stepsSize, stepVersion) => ({ icon }, i) => {
         const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
-        return (jsx(BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(size)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: isIcon(icon) ? (jsx(Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : (jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }, String(i)));
+        return (jsx(BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(stepsSize)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: isIcon(icon) ? (jsx(Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : (jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }, String(i)));
     };
-    const getIconSizeStyle = (size) => (size === 'normal' ? 'h-24 w-24' : 'h-16 w-16');
+    const getIconSizeStyle = (stepsSize) => (stepsSize ? 'h-16 w-16' : 'h-24 w-24');
 
     const StickyBottomMenu = JSX(() => (jsx("div", { className: "hidden", role: "none" })));
 
@@ -6448,7 +6445,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.530";
+    const packageVersion = "0.14.531";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;