@redneckz/wildless-cms-uni-blocks 0.14.88 → 0.14.89

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.
Files changed (38) hide show
  1. package/bundle/bundle.umd.js +3 -2
  2. package/bundle/bundle.umd.min.js +1 -1
  3. package/bundle/components/StepsBlock/getIconTextStyle.d.ts +2 -0
  4. package/dist/components/StepsBlock/StepsBlock.js +2 -2
  5. package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
  6. package/dist/components/StepsBlock/StepsBlock.mobile.js +10 -9
  7. package/dist/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
  8. package/dist/components/StepsBlock/getIconTextStyle.d.ts +2 -0
  9. package/dist/components/StepsBlock/getIconTextStyle.js +5 -0
  10. package/dist/components/StepsBlock/getIconTextStyle.js.map +1 -0
  11. package/lib/components/StepsBlock/StepsBlock.js +1 -1
  12. package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
  13. package/lib/components/StepsBlock/StepsBlock.mobile.js +10 -9
  14. package/lib/components/StepsBlock/StepsBlock.mobile.js.map +1 -1
  15. package/lib/components/StepsBlock/getIconTextStyle.d.ts +2 -0
  16. package/lib/components/StepsBlock/getIconTextStyle.js +2 -0
  17. package/lib/components/StepsBlock/getIconTextStyle.js.map +1 -0
  18. package/mobile/bundle/bundle.umd.js +12 -10
  19. package/mobile/bundle/bundle.umd.min.js +1 -1
  20. package/mobile/bundle/components/StepsBlock/getIconTextStyle.d.ts +2 -0
  21. package/mobile/dist/components/StepsBlock/StepsBlock.js +10 -9
  22. package/mobile/dist/components/StepsBlock/StepsBlock.js.map +1 -1
  23. package/mobile/dist/components/StepsBlock/getIconTextStyle.d.ts +2 -0
  24. package/mobile/dist/components/StepsBlock/getIconTextStyle.js +5 -0
  25. package/mobile/dist/components/StepsBlock/getIconTextStyle.js.map +1 -0
  26. package/mobile/lib/common.css +1 -1
  27. package/mobile/lib/components/StepsBlock/StepsBlock.js +10 -9
  28. package/mobile/lib/components/StepsBlock/StepsBlock.js.map +1 -1
  29. package/mobile/lib/components/StepsBlock/getIconTextStyle.d.ts +2 -0
  30. package/mobile/lib/components/StepsBlock/getIconTextStyle.js +2 -0
  31. package/mobile/lib/components/StepsBlock/getIconTextStyle.js.map +1 -0
  32. package/mobile/src/components/StepsBlock/StepsBlock.tsx +45 -33
  33. package/mobile/src/components/StepsBlock/getIconTextStyle.ts +4 -0
  34. package/package.json +1 -1
  35. package/src/components/StepsBlock/StepsBlock.fixture.mobile.tsx +4 -0
  36. package/src/components/StepsBlock/StepsBlock.mobile.tsx +45 -33
  37. package/src/components/StepsBlock/StepsBlock.tsx +1 -3
  38. package/src/components/StepsBlock/getIconTextStyle.ts +4 -0
@@ -0,0 +1,2 @@
1
+ import { type BlockVersion } from '../../model/BlockVersion';
2
+ export declare const getIconTextStyle: (version: BlockVersion) => "text-secondary-text" | "group-data-primary:text-white";
@@ -10,6 +10,7 @@ const isIcon_1 = require("../../utils/isIcon");
10
10
  const joinList_1 = require("../../utils/joinList");
11
11
  const style_1 = require("../../utils/style");
12
12
  const Headline_1 = require("../Headline/Headline");
13
+ const getIconTextStyle_1 = require("./getIconTextStyle");
13
14
  const renderStep_1 = require("./renderStep");
14
15
  const StepsBlockStyleMaps_1 = require("./StepsBlockStyleMaps");
15
16
  const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
@@ -24,8 +25,7 @@ exports.StepsBlock = (0, uni_jsx_1.JSX)(({ buttons, className = '', description,
24
25
  });
25
26
  const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
26
27
  const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
27
- return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(size)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: (0, isIcon_1.isIcon)(icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }, String(i)));
28
+ return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(size)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: (0, isIcon_1.isIcon)(icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : (0, getIconTextStyle_1.getIconTextStyle)(stepVersion)), children: i + 1 })) }, String(i)));
28
29
  };
29
30
  const getIconSizeStyle = (size) => (size === 'normal' ? 'h-24 w-24' : 'h-16 w-16');
30
- const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
31
31
  //# sourceMappingURL=StepsBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yDAAsD;AAGtD,4DAAyD;AACzD,8CAA2C;AAC3C,uFAAoF;AACpF,+CAA4C;AAC5C,mDAAgD;AAChD,6CAA0C;AAC1C,mDAAgD;AAChD,yDAAsD;AACtD,6CAA0C;AAE1C,+DAA0E;AAI1E,MAAM,cAAc,GAAG,CAAC,SAAkB,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AAE9E,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AAE1D,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EACC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,WAAW,EACX,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,MAAM,EACpB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAG,uCAAiB,CAAC;IAEnC,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EACd,iEAAiE,EACjE,SAAS,CACV,EACD,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,uBAAC,mBAAQ,IACP,eAAe,EAAC,GAAG,EACnB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,IAAI,EAChB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,yBAAW,GAClB,EACD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,iCAAK,SAAS,EAAC,uBAAuB,aACpC,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,mBAAmB,EAAE,QAAQ,CAAC,YACjD,IAAA,mBAAQ,EACP,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,wCAAwC,EAAE,WAAW,CAAC,GAAI,CACjF,CAAC,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GACrD,EACN,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,YAC9E,KAAK,CAAC,GAAG,CAAC,IAAA,uBAAU,EAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,GACvD,IACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAA,2CAAoB,EAAC,OAAO,CAAC,IACjB,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAClB,CAAC,QAAmB,EAAE,IAAY,EAAE,WAAyB,EAAE,EAAE,CACjE,CAAC,EAAE,IAAI,EAAQ,EAAE,CAAS,EAAE,EAAE;IAC5B,MAAM,WAAW,GAAG,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEpE,OAAO,CACL,uBAAC,2BAAY,IAEX,cAAc,EAAC,EAAE,EACjB,SAAS,EAAE,GAAG,gBAAgB,CAC5B,IAAI,CACL,4EAA4E,EAC7E,OAAO,EAAE,WAAW,YAEnB,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACd,uBAAC,SAAG,IACF,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,WAAW,EAAE,EACjE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,CAAC,CAAC,CAAC,CACF,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,SAAS,EACT,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,mCAAgB,EAAC,WAAW,CAAC,CAClF,YAEA,CAAC,GAAG,CAAC,GACD,CACR,IAtBI,MAAM,CAAC,CAAC,CAAC,CAuBD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC"}
@@ -11,6 +11,7 @@ const assertUnreachable_1 = require("../../utils/assertUnreachable");
11
11
  const isIcon_1 = require("../../utils/isIcon");
12
12
  const style_1 = require("../../utils/style");
13
13
  const Headline_1 = require("../Headline/Headline");
14
+ const getIconTextStyle_1 = require("./getIconTextStyle");
14
15
  const StepsBlockStyleMaps_1 = require("./StepsBlockStyleMaps");
15
16
  const STEPS_SIZE_MAP = {
16
17
  normal: { icon: 'h-11 w-11', image: 'h-14 w-14' },
@@ -21,9 +22,9 @@ const STEPS_TILE_DESCRIPTION_HEIGHT_MAP = {
21
22
  small: 'min-h-6xl',
22
23
  };
23
24
  const styleMap = StepsBlockStyleMaps_1.STEPS_BLOCK_STYLE;
24
- exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, description, steps, buttons, size = 'normal', version = 'primary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "box-border", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, version)) }) })) : null, (0, renderButtonsSection_1.renderButtonsSection)(buttons, { isVertical: true })] })));
25
+ exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, description, steps, buttons, size = 'normal', stepVersion = 'gray', version = 'primary', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "box-border", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, stepVersion)) }) })) : null, (0, renderButtonsSection_1.renderButtonsSection)(buttons, { isVertical: true })] })));
25
26
  // TODO: Create universal function for this case
26
- const renderStep = (size, version) =>
27
+ const renderStep = (size, stepVersion) =>
27
28
  // Linter doesn't understand that switch processes all cases
28
29
  // eslint-disable-next-line consistent-return
29
30
  (step, i) => {
@@ -33,20 +34,20 @@ const renderStep = (size, version) =>
33
34
  }
34
35
  switch (type) {
35
36
  case 'default':
36
- return renderDefaultStep(size, version)(step, i);
37
+ return renderDefaultStep(size, stepVersion)(step, i);
37
38
  case 'rte':
38
39
  return (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: step.__html });
39
40
  default:
40
41
  (0, assertUnreachable_1.assertUnreachable)(step);
41
42
  }
42
43
  };
43
- const renderDefaultStep = (size, version) => (step, i) => ((0, jsx_runtime_1.jsx)("div", { className: "contents", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
44
- const renderIconArea = (size, version) => (step, i) => {
45
- const iconSize = size === 'normal' ? '38' : '24';
46
- const iconVersion = version === 'secondary' ? 'white' : 'color';
44
+ const renderDefaultStep = (size, stepVersion) => (step, i) => ((0, jsx_runtime_1.jsx)("div", { className: "contents", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, stepVersion)(step, i) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
45
+ const renderIconArea = (size, stepVersion) => (step, i) => {
46
+ const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
47
47
  const isImg = Boolean(step?.icon?.src);
48
48
  const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
49
- const containerStyle = isImg ? '' : `rounded-md ${styleMap.iconBackground}`;
50
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), children: (0, jsx_runtime_1.jsx)("span", { className: "flex max-w-full max-h-full self-center text-h4 text-secondary-text group-data-secondary:text-white", children: (0, isIcon_1.isIcon)(step?.icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: iconSize, height: iconSize })) : ((0, jsx_runtime_1.jsx)("span", { children: i + 1 })) }) }));
49
+ const containerStyle = isImg ? '' : 'rounded-md';
50
+ return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), version: stepVersion, children: (0, jsx_runtime_1.jsx)("span", { className: "flex max-w-full max-h-full items-center justify-center", children: (0, isIcon_1.isIcon)(step?.icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: getIconSizeStyle(size), height: getIconSizeStyle(size) })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : (0, getIconTextStyle_1.getIconTextStyle)(stepVersion)), children: i + 1 })) }) }));
51
51
  };
52
+ const getIconSizeStyle = (size) => (size === 'normal' ? '38' : '24');
52
53
  //# sourceMappingURL=StepsBlock.mobile.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,4DAAyD;AACzD,8CAA2C;AAC3C,uFAAoF;AACpF,gEAA6D;AAC7D,6DAA0D;AAC1D,qEAAkE;AAClE,+CAA4C;AAC5C,6CAA0C;AAC1C,mDAAgD;AAEhD,+DAA0D;AAI1D,MAAM,cAAc,GAAyC;IAC3D,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IACjD,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;CACjD,CAAC;AAEF,MAAM,iCAAiC,GAAgC;IACrE,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAG,uCAAiB,CAAC;AAItB,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,iCAAiC,EAAE,SAAS,CAAC,EAC9D,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAC,WAAW,GACjB,EACD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAC,YAAY,YACzB,gCAAK,SAAS,EAAC,uCAAuC,YACnD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GACjC,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAA,2CAAoB,EAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,IACvC,CAChB,CACF,CAAC;AAEF,gDAAgD;AAChD,MAAM,UAAU,GACd,CAAC,IAAiB,EAAE,OAAqB,EAAE,EAAE;AAC7C,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACnD,KAAK,KAAK;YACR,OAAO,uBAAC,mBAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;QAC3C;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;AACH,CAAC,CAAC;AAEJ,MAAM,iBAAiB,GACrB,CAAC,IAAiB,EAAE,OAAqB,EAAE,EAAE,CAAC,CAAC,IAAiB,EAAE,CAAS,EAAE,EAAE,CAC7E,CACE,gCAAqB,SAAS,EAAC,UAAU,YACvC,iCAAK,SAAS,EAAC,oCAAoC,aACjD,gCAAK,SAAS,EAAC,iDAAiD,YAC7D,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GACnC,EACN,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,oCAAoC,EACpC,iCAAiC,CAAC,IAAI,CAAC,CACxC,aAEA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,YACvC,IAAI,CAAC,KAAK,GACD,CACb,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,6BAA6B,EAAE,QAAQ,CAAC,WAAW,CAAC,YACvE,IAAI,CAAC,WAAW,GACb,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,IAtBE,MAAM,CAAC,CAAC,CAAC,CAuBb,CACP,CAAC;AAEN,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,OAAqB,EAAE,EAAE,CAAC,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;IAC7F,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChE,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACpE,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,QAAQ,CAAC,cAAc,EAAE,CAAC;IAE5E,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,YAAY,EACZ,cAAc,EACd,8CAA8C,CAC/C,YAED,iCAAM,SAAS,EAAC,oGAAoG,YACjH,IAAA,eAAM,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CACpB,uBAAC,SAAG,IACF,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,IAAI,WAAW,EAAE,EAC3E,cAAc,EAAC,uBAAuB,EACtC,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,GAChB,CACH,CAAC,CAAC,CAAC,CACF,2CAAO,CAAC,GAAG,CAAC,GAAQ,CACrB,GACI,GACH,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import { type BlockVersion } from '../../model/BlockVersion';
2
+ export declare const getIconTextStyle: (version: BlockVersion) => "text-secondary-text" | "group-data-primary:text-white";
@@ -0,0 +1,5 @@
1
+ Object.defineProperty(exports, "__esModule", { value: true });
2
+ exports.getIconTextStyle = void 0;
3
+ const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
4
+ exports.getIconTextStyle = getIconTextStyle;
5
+ //# sourceMappingURL=getIconTextStyle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getIconTextStyle.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/getIconTextStyle.ts"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,GAAG,CAAC,OAAqB,EAAE,EAAE,CACxD,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,qBAAqB,CAAC;AADvE,QAAA,gBAAgB,oBACuD"}
@@ -8,6 +8,7 @@ import { isIcon } from '../../utils/isIcon.js';
8
8
  import { joinList } from '../../utils/joinList.js';
9
9
  import { style } from '../../utils/style.js';
10
10
  import { Headline } from '../Headline/Headline.js';
11
+ import { getIconTextStyle } from './getIconTextStyle.js';
11
12
  import { renderStep } from './renderStep.js';
12
13
  import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps.js';
13
14
  const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
@@ -25,5 +26,4 @@ const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
25
26
  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)));
26
27
  };
27
28
  const getIconSizeStyle = (size) => (size === 'normal' ? 'h-24 w-24' : 'h-16 w-16');
28
- const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
29
29
  //# sourceMappingURL=StepsBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
@@ -9,6 +9,7 @@ import { assertUnreachable } from '../../utils/assertUnreachable.js';
9
9
  import { isIcon } from '../../utils/isIcon.js';
10
10
  import { style } from '../../utils/style.js';
11
11
  import { Headline } from '../Headline/Headline.js';
12
+ import { getIconTextStyle } from './getIconTextStyle.js';
12
13
  import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps.js';
13
14
  const STEPS_SIZE_MAP = {
14
15
  normal: { icon: 'h-11 w-11', image: 'h-14 w-14' },
@@ -19,9 +20,9 @@ const STEPS_TILE_DESCRIPTION_HEIGHT_MAP = {
19
20
  small: 'min-h-6xl',
20
21
  };
21
22
  const styleMap = STEPS_BLOCK_STYLE;
22
- export const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', version = 'primary', ...rest }) => (_jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [_jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (_jsx("div", { className: "box-border", children: _jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, version)) }) })) : null, renderButtonsSection(buttons, { isVertical: true })] })));
23
+ export const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', stepVersion = 'gray', version = 'primary', ...rest }) => (_jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [_jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (_jsx("div", { className: "box-border", children: _jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, stepVersion)) }) })) : null, renderButtonsSection(buttons, { isVertical: true })] })));
23
24
  // TODO: Create universal function for this case
24
- const renderStep = (size, version) =>
25
+ const renderStep = (size, stepVersion) =>
25
26
  // Linter doesn't understand that switch processes all cases
26
27
  // eslint-disable-next-line consistent-return
27
28
  (step, i) => {
@@ -31,20 +32,20 @@ const renderStep = (size, version) =>
31
32
  }
32
33
  switch (type) {
33
34
  case 'default':
34
- return renderDefaultStep(size, version)(step, i);
35
+ return renderDefaultStep(size, stepVersion)(step, i);
35
36
  case 'rte':
36
37
  return _jsx(RichText, { __html: step.__html });
37
38
  default:
38
39
  assertUnreachable(step);
39
40
  }
40
41
  };
41
- const renderDefaultStep = (size, version) => (step, i) => (_jsx("div", { className: "contents", children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), _jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (_jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (_jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
42
- const renderIconArea = (size, version) => (step, i) => {
43
- const iconSize = size === 'normal' ? '38' : '24';
44
- const iconVersion = version === 'secondary' ? 'white' : 'color';
42
+ const renderDefaultStep = (size, stepVersion) => (step, i) => (_jsx("div", { className: "contents", children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, stepVersion)(step, i) }), _jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (_jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (_jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
43
+ const renderIconArea = (size, stepVersion) => (step, i) => {
44
+ const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
45
45
  const isImg = Boolean(step?.icon?.src);
46
46
  const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
47
- const containerStyle = isImg ? '' : `rounded-md ${styleMap.iconBackground}`;
48
- return (_jsx("div", { className: style(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), children: _jsx("span", { className: "flex max-w-full max-h-full self-center text-h4 text-secondary-text group-data-secondary:text-white", children: isIcon(step?.icon) ? (_jsx(Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: iconSize, height: iconSize })) : (_jsx("span", { children: i + 1 })) }) }));
47
+ const containerStyle = isImg ? '' : 'rounded-md';
48
+ return (_jsx(BlockWrapper, { className: style(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), version: stepVersion, children: _jsx("span", { className: "flex max-w-full max-h-full items-center justify-center", children: isIcon(step?.icon) ? (_jsx(Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: getIconSizeStyle(size), height: getIconSizeStyle(size) })) : (_jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }) }));
49
49
  };
50
+ const getIconSizeStyle = (size) => (size === 'normal' ? '38' : '24');
50
51
  //# sourceMappingURL=StepsBlock.mobile.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import { type BlockVersion } from '../../model/BlockVersion';
2
+ export declare const getIconTextStyle: (version: BlockVersion) => "text-secondary-text" | "group-data-primary:text-white";
@@ -0,0 +1,2 @@
1
+ export const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
2
+ //# sourceMappingURL=getIconTextStyle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getIconTextStyle.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/getIconTextStyle.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAqB,EAAE,EAAE,CACxD,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,qBAAqB,CAAC"}
@@ -4501,6 +4501,8 @@
4501
4501
  throw new Error(x);
4502
4502
  }
4503
4503
 
4504
+ const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
4505
+
4504
4506
  const STEPS_BLOCK_STYLE = {
4505
4507
  description: 'text-white/80 text-l font-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
4506
4508
  iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
@@ -4518,9 +4520,9 @@
4518
4520
  small: 'min-h-6xl',
4519
4521
  };
4520
4522
  const styleMap = STEPS_BLOCK_STYLE;
4521
- const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (jsx("div", { className: "box-border", children: jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, version)) }) })) : null, renderButtonsSection(buttons, { isVertical: true })] })));
4523
+ const StepsBlock = JSX(({ className = '', title, description, steps, buttons, size = 'normal', stepVersion = 'gray', version = 'primary', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? (jsx("div", { className: "box-border", children: jsx("div", { className: "flex flex-col gap-6xl justify-between", children: steps.map(renderStep(size, stepVersion)) }) })) : null, renderButtonsSection(buttons, { isVertical: true })] })));
4522
4524
  // TODO: Create universal function for this case
4523
- const renderStep = (size, version) =>
4525
+ const renderStep = (size, stepVersion) =>
4524
4526
  // Linter doesn't understand that switch processes all cases
4525
4527
  // eslint-disable-next-line consistent-return
4526
4528
  (step, i) => {
@@ -4530,22 +4532,22 @@
4530
4532
  }
4531
4533
  switch (type) {
4532
4534
  case 'default':
4533
- return renderDefaultStep(size, version)(step, i);
4535
+ return renderDefaultStep(size, stepVersion)(step, i);
4534
4536
  case 'rte':
4535
4537
  return jsx(RichText, { __html: step.__html });
4536
4538
  default:
4537
4539
  assertUnreachable(step);
4538
4540
  }
4539
4541
  };
4540
- const renderDefaultStep = (size, version) => (step, i) => (jsx("div", { className: "contents", children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, version)(step, i) }), jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
4541
- const renderIconArea = (size, version) => (step, i) => {
4542
- const iconSize = size === 'normal' ? '38' : '24';
4543
- const iconVersion = version === 'secondary' ? 'white' : 'color';
4542
+ const renderDefaultStep = (size, stepVersion) => (step, i) => (jsx("div", { className: "contents", children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsx("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(size, stepVersion)(step, i) }), jsxs("div", { className: style('flex flex-col justify-center h-fit', STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]), children: [step.label ? (jsx(Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step.description ? (jsx("div", { className: style('text-s font-light text-left', styleMap.description), children: step.description })) : null] })] }) }, String(i)));
4543
+ const renderIconArea = (size, stepVersion) => (step, i) => {
4544
+ const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
4544
4545
  const isImg = Boolean(step?.icon?.src);
4545
4546
  const iconAreaSize = STEPS_SIZE_MAP[size][isImg ? 'image' : 'icon'];
4546
- const containerStyle = isImg ? '' : `rounded-md ${styleMap.iconBackground}`;
4547
- return (jsx("div", { className: style(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), children: jsx("span", { className: "flex max-w-full max-h-full self-center text-h4 text-secondary-text group-data-secondary:text-white", children: isIcon(step?.icon) ? (jsx(Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: iconSize, height: iconSize })) : (jsx("span", { children: i + 1 })) }) }));
4547
+ const containerStyle = isImg ? '' : 'rounded-md';
4548
+ return (jsx(BlockWrapper, { className: style(iconAreaSize, containerStyle, 'z-10 mr-s flex justify-center content-center'), version: stepVersion, children: jsx("span", { className: "flex max-w-full max-h-full items-center justify-center", children: isIcon(step?.icon) ? (jsx(Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: getIconSizeStyle(size), height: getIconSizeStyle(size) })) : (jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : getIconTextStyle(stepVersion)), children: i + 1 })) }) }));
4548
4549
  };
4550
+ const getIconSizeStyle = (size) => (size === 'normal' ? '38' : '24');
4549
4551
 
4550
4552
  const isHrefActive = (router) => ({ href }) => !href
4551
4553
  ? false
@@ -5407,7 +5409,7 @@
5407
5409
 
5408
5410
  const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
5409
5411
 
5410
- const packageVersion = "0.14.87";
5412
+ const packageVersion = "0.14.88";
5411
5413
 
5412
5414
  exports.Blocks = Blocks;
5413
5415
  exports.ContentPage = ContentPage;