@redneckz/wildless-cms-uni-blocks 0.14.69 → 0.14.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/migration-scripts/0.14.62.js +3 -1
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +11 -12
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/StepsBlock/StepsBlockContent.d.ts +2 -2
- package/bundle/ui-kit/List/ListContent.d.ts +2 -0
- package/dist/components/BenefitsBlock/BenefitsBlock.js +1 -1
- package/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -3
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.js +2 -2
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlockContent.d.ts +2 -2
- package/dist/ui-kit/BaseTile/BaseTile.js +3 -2
- package/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/dist/ui-kit/List/List.js +2 -2
- package/dist/ui-kit/List/List.js.map +1 -1
- package/dist/ui-kit/List/ListContent.d.ts +2 -0
- package/dist/ui-kit/List/ListItem.js +1 -1
- package/dist/ui-kit/List/ListItem.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -3
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.js +2 -2
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlockContent.d.ts +2 -2
- package/lib/ui-kit/BaseTile/BaseTile.js +3 -2
- package/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/lib/ui-kit/List/List.js +2 -2
- package/lib/ui-kit/List/List.js.map +1 -1
- package/lib/ui-kit/List/ListContent.d.ts +2 -0
- package/lib/ui-kit/List/ListItem.js +1 -1
- package/lib/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +9 -10
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/StepsBlock/StepsBlockContent.d.ts +2 -2
- package/mobile/bundle/ui-kit/List/ListContent.d.ts +2 -0
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js +1 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -3
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlockContent.d.ts +2 -2
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js +3 -2
- package/mobile/dist/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/dist/ui-kit/List/List.js +2 -2
- package/mobile/dist/ui-kit/List/List.js.map +1 -1
- package/mobile/dist/ui-kit/List/ListContent.d.ts +2 -0
- package/mobile/dist/ui-kit/List/ListItem.js +1 -1
- package/mobile/dist/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -3
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlockContent.d.ts +2 -2
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js +3 -2
- package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map +1 -1
- package/mobile/lib/ui-kit/List/List.js +2 -2
- package/mobile/lib/ui-kit/List/List.js.map +1 -1
- package/mobile/lib/ui-kit/List/ListContent.d.ts +2 -0
- package/mobile/lib/ui-kit/List/ListItem.js +1 -1
- package/mobile/lib/ui-kit/List/ListItem.js.map +1 -1
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx +1 -1
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +37 -39
- package/mobile/src/components/StepsBlock/StepsBlockContent.ts +3 -6
- package/mobile/src/ui-kit/BaseTile/BaseTile.tsx +3 -1
- package/mobile/src/ui-kit/List/List.tsx +6 -2
- package/mobile/src/ui-kit/List/ListContent.ts +2 -0
- package/mobile/src/ui-kit/List/ListItem.tsx +1 -1
- package/package.json +1 -1
- package/src/components/BenefitsBlock/BenefitsBlock.tsx +1 -1
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +37 -39
- package/src/components/StepsBlock/StepsBlock.tsx +1 -2
- package/src/components/StepsBlock/StepsBlockContent.ts +3 -6
- package/src/ui-kit/BaseTile/BaseTile.tsx +3 -1
- package/src/ui-kit/List/List.tsx +6 -2
- package/src/ui-kit/List/ListContent.ts +2 -0
- package/src/ui-kit/List/ListItem.tsx +1 -1
|
@@ -15,7 +15,8 @@ export const BaseTile = JSX(({ className, version = 'primary', defaultPadding, p
|
|
|
15
15
|
ev?.preventDefault();
|
|
16
16
|
router.back();
|
|
17
17
|
}, []);
|
|
18
|
-
return (_jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? _jsx("div", { className: "relative", children: title }) : null, _jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', leftImage ? 'self-start @xl:w-auto' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), _jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'
|
|
18
|
+
return (_jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? _jsx("div", { className: "relative", children: title }) : null, _jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', leftImage ? 'self-start @xl:w-auto' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), _jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow', 'h-full', //? fix issue https://github.com/redneckz/temp_wcms/issues/1254
|
|
19
|
+
'auto-rows-[max-content_1fr]'), children: [_jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderImageContainer(rightImage, {
|
|
19
20
|
className: style('@xl:justify-self-end @xl:col-start-2', buttons ? rowSpanStyle(isImageAlwaysOnRight) : '', positionStyle(isImageAlwaysOnRight), imageSecondaryStyle(isImageSecondary)),
|
|
20
21
|
imageAlign,
|
|
21
22
|
}), renderButtons(buttons)] })] })] }));
|
|
@@ -24,6 +25,6 @@ const getStyle = (padding = '', defaultPadding = '', className = '') => style('r
|
|
|
24
25
|
const rowSpanStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
|
|
25
26
|
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
|
|
26
27
|
const renderButtons = (buttons) => buttons ? _jsx("div", { className: "self-end", children: buttons }) : null;
|
|
27
|
-
const renderImageContainer = (image, { className, imageAlign }) => image ? (_jsx("div", { className: style('shrink-1/2 justify-self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
28
|
+
const renderImageContainer = (image, { className, imageAlign }) => image ? (_jsx("div", { className: style('shrink-1/2 justify-self-center mt-auto @xl:mt-0', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
28
29
|
const imageSecondaryStyle = (isImageSecondary) => isImageSecondary ? 'hidden @xl:block' : '';
|
|
29
30
|
//# sourceMappingURL=BaseTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAe1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,cAAc,EACd,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,EAAE,EACV,UAAU,GAAG,EAAE,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,KAAK,EACxB,cAAc,EACd,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,EAAqB,EAAE,EAAE;QACxD,EAAE,EAAE,cAAc,EAAE,CAAC;QACrB,MAAM,CAAC,IAAI,EAAE,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,QAAQ,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,CAAC,aACzD,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,EAClE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACvD,eACE,SAAS,EAAE,KAAK,CACd,yDAAyD,EACzD,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CACzC,aAEA,oBAAoB,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EACtE,eACE,SAAS,EAAE,KAAK,CACd,cAAc,EACd,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EACnC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":"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"}
|
package/lib/ui-kit/List/List.js
CHANGED
|
@@ -19,8 +19,8 @@ export const LIST_VERSION_STYLE = {
|
|
|
19
19
|
dotStyle: 'w-1.5 h-1.5 mr-m',
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
|
-
export const List = JSX(({ className, isDotted = true, items = [], listItemSize = 'M' }) => {
|
|
22
|
+
export const List = JSX(({ className, isDotted = true, items = [], listItemSize = 'M', dotClassName = '' }) => {
|
|
23
23
|
const versionStyle = LIST_VERSION_STYLE[listItemSize];
|
|
24
|
-
return items?.length ? (_jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', versionStyle.textSize, className), role: "list", children: items.map((item, i) => (_jsx(ListItem, { isDotted: isDotted, dotClassName: versionStyle.dotStyle, children: item }, String(i)))) })) : null;
|
|
24
|
+
return items?.length ? (_jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', versionStyle.textSize, className), role: "list", children: items.map((item, i) => (_jsx(ListItem, { isDotted: isDotted, dotClassName: style(dotClassName || 'bg-primary-text', versionStyle.dotStyle), children: item }, String(i)))) })) : null;
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAO3B;IACF,CAAC,EAAE;QACD,QAAQ,EAAE,mBAAmB;QAC7B,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,eAAe;KAC1B;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,kBAAkB;KAC7B;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,kBAAkB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAO3B;IACF,CAAC,EAAE;QACD,QAAQ,EAAE,mBAAmB;QAC7B,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,eAAe;KAC1B;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,kBAAkB;KAC7B;IACD,CAAC,EAAE;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,kBAAkB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,GAAG,GAAG,EAAE,YAAY,GAAG,EAAE,EAAE,EAAE,EAAE;IACpF,MAAM,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAEtD,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,kBACE,SAAS,EAAE,KAAK,CACd,sHAAsH,EACtH,YAAY,CAAC,QAAQ,EACrB,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAEP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,iBAAiB,EAAE,YAAY,CAAC,QAAQ,CAAC,YAE5E,IAAI,IAJA,MAAM,CAAC,CAAC,CAAC,CAKL,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { style } from '../../utils/style.js';
|
|
4
|
-
export const ListItem = JSX(({ className, isDotted, dotClassName, children }) => (_jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (_jsx("div", { className: "shrink-0", children: _jsx("div", { className: style('align-middle inline-block rounded-full
|
|
4
|
+
export const ListItem = JSX(({ className, isDotted, dotClassName, children }) => (_jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (_jsx("div", { className: "shrink-0", children: _jsx("div", { className: style('align-middle inline-block rounded-full group-data-secondary:bg-white', dotClassName) }) })) : null, _jsx("span", { children: children })] })));
|
|
5
5
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAY1C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9F,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAY1C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9F,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sEAAsE,EACtE,YAAY,CACb,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC,CAAC"}
|
|
@@ -669,7 +669,8 @@
|
|
|
669
669
|
ev?.preventDefault();
|
|
670
670
|
router.back();
|
|
671
671
|
}, []);
|
|
672
|
-
return (jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', leftImage ? 'self-start @xl:w-auto' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'
|
|
672
|
+
return (jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? jsx("div", { className: "relative", children: title }) : null, jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl w-full', leftImage ? 'self-start @xl:w-auto' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow', 'h-full', //? fix issue https://github.com/redneckz/temp_wcms/issues/1254
|
|
673
|
+
'auto-rows-[max-content_1fr]'), children: [jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderImageContainer(rightImage, {
|
|
673
674
|
className: style('@xl:justify-self-end @xl:col-start-2', buttons ? rowSpanStyle(isImageAlwaysOnRight) : '', positionStyle(isImageAlwaysOnRight), imageSecondaryStyle(isImageSecondary)),
|
|
674
675
|
imageAlign,
|
|
675
676
|
}), renderButtons(buttons)] })] })] }));
|
|
@@ -678,7 +679,7 @@
|
|
|
678
679
|
const rowSpanStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
|
|
679
680
|
const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
|
|
680
681
|
const renderButtons = (buttons) => buttons ? jsx("div", { className: "self-end", children: buttons }) : null;
|
|
681
|
-
const renderImageContainer = (image, { className, imageAlign }) => image ? (jsx("div", { className: style('shrink-1/2 justify-self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
682
|
+
const renderImageContainer = (image, { className, imageAlign }) => image ? (jsx("div", { className: style('shrink-1/2 justify-self-center mt-auto @xl:mt-0', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
|
|
682
683
|
const imageSecondaryStyle = (isImageSecondary) => isImageSecondary ? 'hidden @xl:block' : '';
|
|
683
684
|
|
|
684
685
|
const sum = (list = []) => list.reduce((a, b) => a + b, 0);
|
|
@@ -744,7 +745,7 @@
|
|
|
744
745
|
};
|
|
745
746
|
const renderButtonIcon = (icon) => isIcon(icon) ? (jsx(Img, { image: icon, width: String(icon?.size?.width || DEFAULT_ICON_W), height: String(DEFAULT_ICON_W) })) : null;
|
|
746
747
|
|
|
747
|
-
const ListItem = JSX(({ className, isDotted, dotClassName, children }) => (jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (jsx("div", { className: "shrink-0", children: jsx("div", { className: style('align-middle inline-block rounded-full
|
|
748
|
+
const ListItem = JSX(({ className, isDotted, dotClassName, children }) => (jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (jsx("div", { className: "shrink-0", children: jsx("div", { className: style('align-middle inline-block rounded-full group-data-secondary:bg-white', dotClassName) }) })) : null, jsx("span", { children: children })] })));
|
|
748
749
|
|
|
749
750
|
const LIST_VERSION_STYLE = {
|
|
750
751
|
S: {
|
|
@@ -763,9 +764,9 @@
|
|
|
763
764
|
dotStyle: 'w-1.5 h-1.5 mr-m',
|
|
764
765
|
},
|
|
765
766
|
};
|
|
766
|
-
const List = JSX(({ className, isDotted = true, items = [], listItemSize = 'M' }) => {
|
|
767
|
+
const List = JSX(({ className, isDotted = true, items = [], listItemSize = 'M', dotClassName = '' }) => {
|
|
767
768
|
const versionStyle = LIST_VERSION_STYLE[listItemSize];
|
|
768
|
-
return items?.length ? (jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', versionStyle.textSize, className), role: "list", children: items.map((item, i) => (jsx(ListItem, { isDotted: isDotted, dotClassName: versionStyle.dotStyle, children: item }, String(i)))) })) : null;
|
|
769
|
+
return items?.length ? (jsx("section", { className: style('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', versionStyle.textSize, className), role: "list", children: items.map((item, i) => (jsx(ListItem, { isDotted: isDotted, dotClassName: style(dotClassName || 'bg-primary-text', versionStyle.dotStyle), children: item }, String(i)))) })) : null;
|
|
769
770
|
});
|
|
770
771
|
|
|
771
772
|
const toLocalNumberFormat = (fractionDigits = 0) => (_ = 0) => new Intl.NumberFormat('ru-RU', {
|
|
@@ -1803,7 +1804,7 @@
|
|
|
1803
1804
|
const defaultIconSize = 56;
|
|
1804
1805
|
|
|
1805
1806
|
const BenefitsBlock = JSX(({ className = '', title, benefitList, ...rest }) => (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [title ? jsx(Heading, { headingType: "h3", as: "h2", className: AlignStyles, title: title }) : null, benefitList?.length ? (jsx("div", { className: "flex flex-col @md:flex-row flex-wrap w-full @md:justify-center mt-xl gap-5xl", role: "list", children: benefitList.map(renderBenefit) })) : null] })));
|
|
1806
|
-
const renderBenefit = ({ label, description, items, icon, iconBgVersion, isDotted = false }, i) => (jsxs("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]", role: "listitem", children: [icon?.icon ? (jsx(RoundedIcon, { className: "shrink-0", defaultIconSize: defaultIconSize, iconBgVersion: iconBgVersion || '', ...icon })) : null, icon?.src ? jsx(Img, { className: "shrink-0", image: icon }) : null, label ? (jsxs("div", { className: "@sm:h-full space-y-xs", children: [jsx(Heading, { headingType: "h6", children: label }), jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description }), jsx(List, {
|
|
1807
|
+
const renderBenefit = ({ label, description, items, icon, iconBgVersion, isDotted = false }, i) => (jsxs("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]", role: "listitem", children: [icon?.icon ? (jsx(RoundedIcon, { className: "shrink-0", defaultIconSize: defaultIconSize, iconBgVersion: iconBgVersion || '', ...icon })) : null, icon?.src ? jsx(Img, { className: "shrink-0", image: icon }) : null, label ? (jsxs("div", { className: "@sm:h-full space-y-xs", children: [jsx(Heading, { headingType: "h6", children: label }), jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description }), jsx(List, { dotClassName: "bg-secondary-text", listItemSize: "S", items: items, isDotted: isDotted })] })) : null] }, String(i)));
|
|
1807
1808
|
|
|
1808
1809
|
const Bonus = JSX(({ className = '', title, description, bonusItems = [], align = AlignStyles, ...rest }) => (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container", children: [jsx(Headline, { className: "mb-xl", isEmbedded: true, title: title, description: description, headlineVersion: "M", align: align }), jsx("div", { className: "flex flex-wrap gap-3xl gap-x-m w-full", children: bonusItems.length > 0
|
|
1809
1810
|
? bonusItems.map((_, i) => (jsxs("div", { className: "w-full @xl:w-[48%] sm:space-y-xs flex flex-col grow p-xl sm:p-m border border-gray", children: [jsx("div", { className: "grow", children: jsx(Headline, { title: _?.title, description: _?.description, headlineVersion: "S", isEmbedded: true, align: "text-left" }) }), jsxs("div", { className: "flex justify-center sm:justify-between sm:items-end", children: [jsx("div", { className: "hidden sm:block", children: renderButtonsSection(_?.buttons) }), _.bonusItemContent?.bonusType
|
|
@@ -3117,9 +3118,7 @@
|
|
|
3117
3118
|
const ImageAlwaysOnRight = false;
|
|
3118
3119
|
|
|
3119
3120
|
//TODO: replace SocialMedia with renderButtonSection
|
|
3120
|
-
const CarouselRecommendationCard = JSX(({ className, padding, description, additionalDescription, href, icon, items = [], isDotted, socialMedia = [], target, title, align = 'text-left', benefits, imageOptions: { directionRight = true, isImageAlwaysOnRight = ImageAlwaysOnRight, isImageSecondary = false, } = {}, ...rest }) => {
|
|
3121
|
-
return (jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: jsxs(BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), ...leftOrRightImage(isIcon(icon) ? jsx(Img, { image: icon }) : null, directionRight), buttons: socialMedia.length ? (jsx(SocialMedia, { media: socialMedia, showButtonText: true, version: rest?.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, isImageSecondary: isImageSecondary, imageAlign: "center", children: [jsx(BenefitsList, { benefits: benefits }), jsx(List, { items: items, isDotted: isDotted, listItemSize: "S" }), renderAdditionalDescription(additionalDescription, align)] }) }) }));
|
|
3122
|
-
});
|
|
3121
|
+
const CarouselRecommendationCard = JSX(({ className, padding, description, additionalDescription, href, icon, items = [], isDotted, socialMedia = [], target, title, align = 'text-left', benefits, imageOptions: { directionRight = true, isImageAlwaysOnRight = ImageAlwaysOnRight, isImageSecondary = false, } = {}, ...rest }) => (jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: jsxs(BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle: jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), ...leftOrRightImage(isIcon(icon) ? jsx(Img, { image: icon }) : null, directionRight), buttons: socialMedia.length ? (jsx(SocialMedia, { media: socialMedia, showButtonText: true, version: rest?.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, isImageSecondary: isImageSecondary, imageAlign: "center", children: [jsx(BenefitsList, { benefits: benefits }), jsx(List, { items: items, isDotted: isDotted, listItemSize: "S" }), renderAdditionalDescription(additionalDescription, align)] }) }) })));
|
|
3123
3122
|
const renderAdditionalDescription = (additionalDescription, align) => additionalDescription ? (jsx(Paragraph, { size: "text-m", font: "font-light", color: "text-secondary-text group-data-secondary:text-white/80", align: align, children: additionalDescription })) : null;
|
|
3124
3123
|
|
|
3125
3124
|
const renderCardInfo = (cell, i) => {
|
|
@@ -5459,7 +5458,7 @@
|
|
|
5459
5458
|
|
|
5460
5459
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5461
5460
|
|
|
5462
|
-
const packageVersion = "0.14.
|
|
5461
|
+
const packageVersion = "0.14.70";
|
|
5463
5462
|
|
|
5464
5463
|
exports.Blocks = Blocks;
|
|
5465
5464
|
exports.ContentPage = ContentPage;
|