@redneckz/wildless-cms-uni-blocks 0.14.30 → 0.14.32
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.29.js +3 -1
- package/bundle/bundle.umd.js +24 -24
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/ui-kit/List/List.d.ts +2 -0
- package/dist/components/BenefitsBlock/BenefitsBlock.js +3 -1
- package/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/dist/ui-kit/List/List.d.ts +2 -0
- package/dist/ui-kit/List/List.js +3 -3
- package/dist/ui-kit/List/List.js.map +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js +3 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/lib/ui-kit/List/List.d.ts +2 -0
- package/lib/ui-kit/List/List.js +1 -1
- package/lib/ui-kit/List/List.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +24 -24
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/ui-kit/List/List.d.ts +2 -0
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js +3 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/dist/ui-kit/List/List.d.ts +2 -0
- package/mobile/dist/ui-kit/List/List.js +3 -3
- package/mobile/dist/ui-kit/List/List.js.map +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js +3 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/lib/ui-kit/List/List.d.ts +2 -0
- package/mobile/lib/ui-kit/List/List.js +1 -1
- package/mobile/lib/ui-kit/List/List.js.map +1 -1
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx +9 -6
- package/mobile/src/ui-kit/List/List.tsx +1 -1
- package/package.json +2 -2
- package/src/components/BenefitsBlock/BenefitsBlock.tsx +9 -6
- package/src/ui-kit/List/List.tsx +1 -1
|
@@ -7,7 +7,9 @@ const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
|
7
7
|
const Heading_1 = require("../../ui-kit/Heading/Heading");
|
|
8
8
|
const RoundedIcon_1 = require("../../ui-kit/Icon/RoundedIcon");
|
|
9
9
|
const Img_1 = require("../../ui-kit/Img/Img");
|
|
10
|
+
const List_1 = require("../../ui-kit/List/List");
|
|
10
11
|
const Text_1 = require("../../ui-kit/Text/Text");
|
|
12
|
+
const style_1 = require("../../utils/style");
|
|
11
13
|
const defaultIconSize_1 = require("./defaultIconSize");
|
|
12
14
|
exports.BenefitsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, benefitList, ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", as: "h2", className: AlignStyles_1.AlignStyles, title: title }) : null, benefitList?.length ? ((0, jsx_runtime_1.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] })));
|
|
13
15
|
const renderBenefit = (benefit, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]", role: "listitem", children: [benefit?.icon?.icon ? ((0, jsx_runtime_1.jsx)(RoundedIcon_1.RoundedIcon, { className: "shrink-0", defaultIconSize: defaultIconSize_1.defaultIconSize, iconBgVersion: benefit?.iconBgVersion || '', ...benefit?.icon })) : null, benefit?.icon?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "shrink-0", image: benefit.icon }) : null, benefit?.label ? ((0, jsx_runtime_1.jsxs)("div", { className: "@sm:h-full", children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h6", children: benefit.label }), renderDescription(benefit.description)] })) : null] }, String(i)));
|
|
@@ -20,6 +22,6 @@ const renderDescription = (description) => {
|
|
|
20
22
|
const renderTextBenefit = (description) => description?.name ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description.name })) : null;
|
|
21
23
|
const renderListBenefit = (description) => {
|
|
22
24
|
const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
|
|
23
|
-
return description?.items && description.items.length > 0 ? ((0, jsx_runtime_1.jsx)("ul", { className: listStyleType, children: description.items.map((_, i) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, {
|
|
25
|
+
return description?.items && description.items.length > 0 ? ((0, jsx_runtime_1.jsx)("ul", { className: (0, style_1.style)(listStyleType, description.listItemSize ? List_1.TEXT_SIZE_MAP[description.listItemSize] : ''), children: description.items.map((_, i) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: _ }) }, `benefitListItem-${i}`))) })) : null;
|
|
24
26
|
};
|
|
25
27
|
//# sourceMappingURL=BenefitsBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BenefitsBlock.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/BenefitsBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yDAAsD;AAEtD,4DAAyD;AACzD,0DAAuD;AACvD,+DAA4D;AAC5D,8CAA2C;AAC3C,iDAA8C;
|
|
1
|
+
{"version":3,"file":"BenefitsBlock.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/BenefitsBlock.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui-kit/List/List.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.List = void 0;
|
|
2
|
+
exports.List = exports.TEXT_SIZE_MAP = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const style_1 = require("../../utils/style");
|
|
6
6
|
const ListItem_1 = require("./ListItem");
|
|
7
|
-
|
|
7
|
+
exports.TEXT_SIZE_MAP = {
|
|
8
8
|
XS: 'text-m font-light',
|
|
9
9
|
S: 'text-l font-light',
|
|
10
10
|
M: 'text-h6',
|
|
@@ -16,5 +16,5 @@ const ITEM_INDENT_MAP = {
|
|
|
16
16
|
M: 'ml-s',
|
|
17
17
|
L: 'ml-m',
|
|
18
18
|
};
|
|
19
|
-
exports.List = (0, uni_jsx_1.JSX)(({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) => items?.length ? ((0, jsx_runtime_1.jsx)("section", { className: (0, style_1.style)('flex flex-col gap-xs text-left 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) => ((0, jsx_runtime_1.jsx)(ListItem_1.ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
|
|
19
|
+
exports.List = (0, uni_jsx_1.JSX)(({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) => items?.length ? ((0, jsx_runtime_1.jsx)("section", { className: (0, style_1.style)('flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', exports.TEXT_SIZE_MAP[listItemSize], hasIndent ? ITEM_INDENT_MAP[listItemSize] : '', className), role: "list", children: items.map((item, i) => ((0, jsx_runtime_1.jsx)(ListItem_1.ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
|
|
20
20
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAE1C,yCAAsC;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAE1C,yCAAsC;AAGzB,QAAA,aAAa,GAAiC;IACzD,EAAE,EAAE,mBAAmB;IACvB,CAAC,EAAE,mBAAmB;IACtB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAiC;IACpD,EAAE,EAAE,QAAQ;IACZ,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,aAAG,EACrB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CAC5E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,oCACE,SAAS,EAAE,IAAA,aAAK,EACd,sHAAsH,EACtH,qBAAa,CAAC,YAAY,CAAC,EAC3B,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBAAC,mBAAQ,IAAiB,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,YAC7D,IAAI,IADQ,MAAM,CAAC,CAAC,CAAC,CAEb,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
|
|
@@ -5,7 +5,9 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
|
5
5
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
6
6
|
import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon.js';
|
|
7
7
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
8
|
+
import { TEXT_SIZE_MAP } from '../../ui-kit/List/List.js';
|
|
8
9
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
10
|
+
import { style } from '../../utils/style.js';
|
|
9
11
|
import { defaultIconSize } from './defaultIconSize.js';
|
|
10
12
|
export 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] })));
|
|
11
13
|
const renderBenefit = (benefit, i) => (_jsxs("div", { className: "flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]", role: "listitem", children: [benefit?.icon?.icon ? (_jsx(RoundedIcon, { className: "shrink-0", defaultIconSize: defaultIconSize, iconBgVersion: benefit?.iconBgVersion || '', ...benefit?.icon })) : null, benefit?.icon?.src ? _jsx(Img, { className: "shrink-0", image: benefit.icon }) : null, benefit?.label ? (_jsxs("div", { className: "@sm:h-full", children: [_jsx(Heading, { headingType: "h6", children: benefit.label }), renderDescription(benefit.description)] })) : null] }, String(i)));
|
|
@@ -18,6 +20,6 @@ const renderDescription = (description) => {
|
|
|
18
20
|
const renderTextBenefit = (description) => description?.name ? (_jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description.name })) : null;
|
|
19
21
|
const renderListBenefit = (description) => {
|
|
20
22
|
const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
|
|
21
|
-
return description?.items && description.items.length > 0 ? (_jsx("ul", { className: listStyleType, children: description.items.map((_, i) => (_jsx("li", { children: _jsx(Text, {
|
|
23
|
+
return description?.items && description.items.length > 0 ? (_jsx("ul", { className: style(listStyleType, description.listItemSize ? TEXT_SIZE_MAP[description.listItemSize] : ''), children: description.items.map((_, i) => (_jsx("li", { children: _jsx(Text, { color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: _ }) }, `benefitListItem-${i}`))) })) : null;
|
|
22
24
|
};
|
|
23
25
|
//# sourceMappingURL=BenefitsBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BenefitsBlock.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/BenefitsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"BenefitsBlock.js","sourceRoot":"","sources":["../../../src/components/BenefitsBlock/BenefitsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQ1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnD,MAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAC,OAAO,KAAK,IAAI,aAChE,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACzF,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cACE,SAAS,EAAC,8EAA8E,EACxF,IAAI,EAAC,MAAM,YAEV,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,GAC3B,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,OAA8B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,eAEE,SAAS,EAAC,yDAAyD,EACnE,IAAI,EAAC,UAAU,aAEd,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CACrB,KAAC,WAAW,IACV,SAAS,EAAC,UAAU,EACpB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,OAAO,EAAE,aAAa,IAAI,EAAE,KACvC,OAAO,EAAE,IAAI,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,OAAO,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAC7E,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,YAAE,OAAO,CAAC,KAAK,GAAW,EAClD,iBAAiB,CAAC,OAAO,CAAC,WAAW,CAAC,IACnC,CACP,CAAC,CAAC,CAAC,IAAI,KAlBH,MAAM,CAAC,CAAC,CAAC,CAmBV,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,WAAuC,EAAE,EAAE;IACpE,MAAM,WAAW,GAAG,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC;IAErD,OAAO,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAC,gFAAgF,YAC5F,WAAW,KAAK,MAAM;YACrB,CAAC,CAAC,iBAAiB,CAAC,WAA6B,CAAC;YAClD,CAAC,CAAC,iBAAiB,CAAC,WAA6B,CAAC,GAChD,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,WAA4B,EAAE,EAAE,CACzD,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,wDAAwD,EAC9D,IAAI,EAAC,YAAY,YAEhB,WAAW,CAAC,IAAI,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,iBAAiB,GAAG,CAAC,WAA4B,EAAE,EAAE;IACzD,MAAM,aAAa,GAAG,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,OAAO,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1D,aACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CACxE,YAEA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,uBACE,KAAC,IAAI,IAAC,KAAK,EAAC,wDAAwD,EAAC,IAAI,EAAC,YAAY,YACnF,CAAC,GACG,IAHA,mBAAmB,CAAC,EAAE,CAI1B,CACN,CAAC,GACC,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
|
package/lib/ui-kit/List/List.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { style } from '../../utils/style.js';
|
|
4
4
|
import { ListItem } from './ListItem.js';
|
|
5
|
-
const TEXT_SIZE_MAP = {
|
|
5
|
+
export const TEXT_SIZE_MAP = {
|
|
6
6
|
XS: 'text-m font-light',
|
|
7
7
|
S: 'text-l font-light',
|
|
8
8
|
M: 'text-h6',
|
|
@@ -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;AAGtC,MAAM,aAAa,GAAiC;
|
|
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;AAGtC,MAAM,CAAC,MAAM,aAAa,GAAiC;IACzD,EAAE,EAAE,mBAAmB;IACvB,CAAC,EAAE,mBAAmB;IACtB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAiC;IACpD,EAAE,EAAE,QAAQ;IACZ,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CAC5E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,KAAK,CACd,sHAAsH,EACtH,aAAa,CAAC,YAAY,CAAC,EAC3B,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAiB,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,YAC7D,IAAI,IADQ,MAAM,CAAC,CAAC,CAAC,CAEb,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
|
|
@@ -1536,6 +1536,28 @@
|
|
|
1536
1536
|
}, className: style('rounded-icon object-fit flex justify-center items-center', iconBgStyles[iconBgVersion], className), children: jsx(Icon, { ...rest, width: "54%", height: "54%", name: icon }) })) : null;
|
|
1537
1537
|
});
|
|
1538
1538
|
|
|
1539
|
+
const DOT_SIZE_MAP = {
|
|
1540
|
+
L: 'w-1.5 h-1.5 mr-m',
|
|
1541
|
+
M: 'w-1.5 h-1.5 mr-s',
|
|
1542
|
+
S: 'w-1 h-1 mr-xs',
|
|
1543
|
+
XS: 'w-1 h-1 mr-xs',
|
|
1544
|
+
};
|
|
1545
|
+
const ListItem = JSX(({ className, isDotted, children, size = 'M' }) => (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 bg-primary-text group-data-secondary:bg-white', DOT_SIZE_MAP[size]) }) })) : null, jsx("span", { children: children })] })));
|
|
1546
|
+
|
|
1547
|
+
const TEXT_SIZE_MAP = {
|
|
1548
|
+
XS: 'text-m font-light',
|
|
1549
|
+
S: 'text-l font-light',
|
|
1550
|
+
M: 'text-h6',
|
|
1551
|
+
L: 'text-h5',
|
|
1552
|
+
};
|
|
1553
|
+
const ITEM_INDENT_MAP = {
|
|
1554
|
+
XS: 'ml-2xs',
|
|
1555
|
+
S: 'ml-xs',
|
|
1556
|
+
M: 'ml-s',
|
|
1557
|
+
L: 'ml-m',
|
|
1558
|
+
};
|
|
1559
|
+
const List = JSX(({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) => 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', TEXT_SIZE_MAP[listItemSize], hasIndent ? ITEM_INDENT_MAP[listItemSize] : '', className), role: "list", children: items.map((item, i) => (jsx(ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
|
|
1560
|
+
|
|
1539
1561
|
const defaultIconSize = 56;
|
|
1540
1562
|
|
|
1541
1563
|
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] })));
|
|
@@ -1549,7 +1571,7 @@
|
|
|
1549
1571
|
const renderTextBenefit = (description) => description?.name ? (jsx(Text, { size: "text-l", color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: description.name })) : null;
|
|
1550
1572
|
const renderListBenefit = (description) => {
|
|
1551
1573
|
const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
|
|
1552
|
-
return description?.items && description.items.length > 0 ? (jsx("ul", { className: listStyleType, children: description.items.map((_, i) => (jsx("li", { children: jsx(Text, {
|
|
1574
|
+
return description?.items && description.items.length > 0 ? (jsx("ul", { className: style(listStyleType, description.listItemSize ? TEXT_SIZE_MAP[description.listItemSize] : ''), children: description.items.map((_, i) => (jsx("li", { children: jsx(Text, { color: "text-secondary-text group-data-secondary:text-white/80", font: "font-light", children: _ }) }, `benefitListItem-${i}`))) })) : null;
|
|
1553
1575
|
};
|
|
1554
1576
|
|
|
1555
1577
|
const isIcon = (icon) => Boolean(icon?.src || icon?.icon);
|
|
@@ -2902,28 +2924,6 @@
|
|
|
2902
2924
|
|
|
2903
2925
|
const BenefitsList = JSX(({ isTabularBenefits, ...rest }) => isTabularBenefits ? jsx(TabularBenefitsList, { ...rest }) : jsx(DefaultBenefitsList, { ...rest }));
|
|
2904
2926
|
|
|
2905
|
-
const DOT_SIZE_MAP = {
|
|
2906
|
-
L: 'w-1.5 h-1.5 mr-m',
|
|
2907
|
-
M: 'w-1.5 h-1.5 mr-s',
|
|
2908
|
-
S: 'w-1 h-1 mr-xs',
|
|
2909
|
-
XS: 'w-1 h-1 mr-xs',
|
|
2910
|
-
};
|
|
2911
|
-
const ListItem = JSX(({ className, isDotted, children, size = 'M' }) => (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 bg-primary-text group-data-secondary:bg-white', DOT_SIZE_MAP[size]) }) })) : null, jsx("span", { children: children })] })));
|
|
2912
|
-
|
|
2913
|
-
const TEXT_SIZE_MAP = {
|
|
2914
|
-
XS: 'text-m font-light',
|
|
2915
|
-
S: 'text-l font-light',
|
|
2916
|
-
M: 'text-h6',
|
|
2917
|
-
L: 'text-h5',
|
|
2918
|
-
};
|
|
2919
|
-
const ITEM_INDENT_MAP = {
|
|
2920
|
-
XS: 'ml-2xs',
|
|
2921
|
-
S: 'ml-xs',
|
|
2922
|
-
M: 'ml-s',
|
|
2923
|
-
L: 'ml-m',
|
|
2924
|
-
};
|
|
2925
|
-
const List = JSX(({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) => 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', TEXT_SIZE_MAP[listItemSize], hasIndent ? ITEM_INDENT_MAP[listItemSize] : '', className), role: "list", children: items.map((item, i) => (jsx(ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
|
|
2926
|
-
|
|
2927
2927
|
const PriceList = JSX(({ priceList }) => priceList?.length ? (jsx("div", { className: "flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl", children: priceList.map(renderPriceListItem) })) : null);
|
|
2928
2928
|
const renderPriceListItem = ({ label, amount }) => (jsxs("div", { className: "basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre", children: [jsx(Text, { font: "font-light", size: "text-l", color: "text-secondary-text", children: label }), amount ? (jsxs("span", { className: "font-sans text-h6 sm:text-primary-main text-primary-text", children: [toLocalNumberFormat(2)(amount), " \u20BD"] })) : null] }));
|
|
2929
2929
|
|
|
@@ -5162,7 +5162,7 @@
|
|
|
5162
5162
|
|
|
5163
5163
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5164
5164
|
|
|
5165
|
-
const packageVersion = "0.14.
|
|
5165
|
+
const packageVersion = "0.14.31";
|
|
5166
5166
|
|
|
5167
5167
|
exports.Blocks = Blocks;
|
|
5168
5168
|
exports.ContentPage = ContentPage;
|