npm - @redneckz/wildless-cms-uni-blocks - Versions diffs - 0.3.15 → 0.3.18 - Mend

@redneckz/wildless-cms-uni-blocks 0.3.15 → 0.3.18

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 (68) hide show

package/dist/components/TariffsTable/TariffsTable.js CHANGED Viewed

@@ -2,11 +2,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TariffsTable = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useTableArrowScrollControl_1 = require("../../hooks/useTableArrowScrollControl");
 const Heading_1 = require("../../ui-kit/Heading/Heading");
+const TableArrowScrollControl_1 = require("../../ui-kit/TableArrowScrollControl/TableArrowScrollControl");
 const constants_1 = require("./constants");
 const TariffsTableRow_1 = require("./TariffsTableRow");
-const TableArrowScrollControl_1 = require("../../ui-kit/TableArrowScrollControl/TableArrowScrollControl");
-const useTableArrowScrollControl_1 = require("../../hooks/useTableArrowScrollControl");
 exports.TariffsTable = (0, uni_jsx_1.JSX)(({ className, context, title, description, rowHeaders, columns }) => {
     const [activeCardIndex, setActiveCardIndex] = context.useState(0);
     const colData = getColData(columns);
@@ -18,7 +18,7 @@ exports.TariffsTable = (0, uni_jsx_1.JSX)(({ className, context, title, descript
         setActiveCardIndex,
     });
     const { isScrollAvailable } = tableArrowScrollControlProps;
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? (0, jsx_runtime_1.jsx)("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? ((0, jsx_runtime_1.jsxs)("div", { role: "table", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i) => ((0, jsx_runtime_1.jsx)(TariffsTableRow_1.TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), (0, jsx_runtime_1.jsx)(TableArrowScrollControl_1.TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? (0, jsx_runtime_1.jsx)("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? ((0, jsx_runtime_1.jsxs)("div", { role: "table", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i, { length }) => ((0, jsx_runtime_1.jsx)(TariffsTableRow_1.TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), (0, jsx_runtime_1.jsx)(TableArrowScrollControl_1.TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
 });
 const getColData = (columns) => columns?.map(({ data }) => data) || [];
 const getRowData = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({

package/dist/components/TariffsTable/TariffsTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,0DAAuD;AACvD,2CAAqD;~~AACrD~~,uDAAoD;~~AACpD~~,~~0GAAuG;AAQvG,uFAAoF;AAIvE,~~QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,IAAA,uDAA0B,EAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,kCAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,qCACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,iCAAK,IAAI,EAAC,OAAO,aACf,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,~~CACvB~~,uBAAC,iCAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACF,uBAAC,iDAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uFAAoF;AAEpF,0DAAuD;AACvD,0GAAuG;AACvG,2CAAqD;AAOrD,uDAAoD;AAIvC,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,IAAA,uDAA0B,EAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,kCAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,qCACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,iCAAK,IAAI,EAAC,OAAO,aACf,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,uBAAC,iCAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACF,uBAAC,iDAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}

package/lib/components/ComparisonTable/TableColumn.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { GRADIENT } from './constants.js';
 import { HeaderCell } from './HeaderCell.js';
 import { TableCell } from './TableCell.js';
 export const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
-    const columnDataView = columnData.slice(0, showRow ? columnData.length : visibleRowLength);
+    const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
     const gradientClassName = isFillGradient ? GRADIENT : '';
     const buttonVersion = isFillGradient ? 'secondary' : 'primary';
     return (_jsxs("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, role: "row", children: [_jsx(HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length

package/lib/components/ComparisonTable/TableColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAWxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,cAAc,GAAG,UAAU,~~CAAC~~,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;~~IAC3F~~,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,aAAa,GAAkB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,OAAO,CACL,eACE,SAAS,EAAE,mDAAmD,iBAAiB,EAAE,EACjF,IAAI,EAAC,KAAK,aAEV,KAAC,UAAU,OAAK,MAAM,EAAE,cAAc,EAAE,cAAc,GAAI,EACzD,cAAc,EAAE,MAAM;gBACrB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,IAHzB,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;gBACJ,CAAC,CAAC,IAAI,EAEP,OAAO,IAAI,YAAY,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,EAClD,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAClD,KAAC,MAAM,IACL,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC1B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sCAAsC,YAE/C,MAAM,CAAC,IAAI,CAAC,IAAI,GACV,CACV,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1E,cAAK,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,YAC/B,YACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,wCACT,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBACrC,EAAE,YAED,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACxC,GACA,CACP,CAAC"}
1	+ {"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAWxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,MAAM,cAAc,GAAG,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,aAAa,GAAkB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,OAAO,CACL,eACE,SAAS,EAAE,mDAAmD,iBAAiB,EAAE,EACjF,IAAI,EAAC,KAAK,aAEV,KAAC,UAAU,OAAK,MAAM,EAAE,cAAc,EAAE,cAAc,GAAI,EACzD,cAAc,EAAE,MAAM;gBACrB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,IAHzB,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;gBACJ,CAAC,CAAC,IAAI,EAEP,OAAO,IAAI,YAAY,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,EAClD,kBAAkB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAClD,KAAC,MAAM,IACL,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,EAC1B,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sCAAsC,YAE/C,MAAM,CAAC,IAAI,CAAC,IAAI,GACV,CACV,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1E,cAAK,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,YAC/B,YACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,wCACT,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBACrC,EAAE,YAED,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,GACxC,GACA,CACP,CAAC"}

package/lib/components/Headline/Headline.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
-import { ALIGN_TEXT, BACKGROUND_COLOR } from './constants.js';
+import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
 export const Headline = JSX(({ bgColorHeadline = 'transparent', align = 'left', className = '', title, description }) => {
-    return (_jsxs("section", { className: `p-[50px] ${BACKGROUND_COLOR[bgColorHeadline]} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-base mt-4 ${ALIGN_TEXT[align]}`, children: description }))] }));
+    const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
+    return (_jsxs("section", { className: `p-[50px] ${STYLE_MAPS.background} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-base mt-4 ${ALIGN_TEXT[align]}`, children: description }))] }));
 });
 //# sourceMappingURL=Headline.js.map

package/lib/components/Headline/Headline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,~~gBAAgB~~,EAAE,MAAM,aAAa,CAAC;~~AAK3D~~,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,eAAe,GAAG,aAAa,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1F,OAAO,CACL,mBAAS,SAAS,EAAE,YAAY,~~gBAAgB~~,CAAC,~~eAAe~~,~~CAAC,~~IAAI,SAAS,EAAE,~~aAC7E~~,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,qBAAqB,UAAU,CAAC,KAAK,CAAC,EAAE,EACnD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,8BAA8B,UAAU,CAAC,KAAK,CAAC,EAAE,YAAG,WAAW,GAAK,CACnF,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
1	+ {"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,eAAe,GAAG,aAAa,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1F,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,YAAY,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aACjE,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,qBAAqB,UAAU,CAAC,KAAK,CAAC,EAAE,EACnD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,8BAA8B,UAAU,CAAC,KAAK,CAAC,EAAE,YAAG,WAAW,GAAK,CACnF,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Headline/Headline.mobile.js CHANGED Viewed

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
-import { ALIGN_TEXT, BACKGROUND_COLOR } from './constants.js';
+import { ALIGN_TEXT, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
 export const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
-    return (_jsxs("section", { className: `px-4 py-6 ${BACKGROUND_COLOR[bgColorHeadline]} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-m-md ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (_jsx("div", { className: "mt-5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
+    const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
+    return (_jsxs("section", { className: `px-4 py-6 ${STYLE_MAPS.background} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (_jsx("div", { className: "mt-5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
 });
 //# sourceMappingURL=Headline.mobile.js.map

package/lib/components/Headline/Headline.mobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,~~gBAAgB~~,EAAE,MAAM,aAAa,CAAC;~~AAK3D~~,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,~~gBAAgB~~,CAAC,~~eAAe~~,~~CAAC,~~IAAI,SAAS,EAAE,~~aAC9E~~,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,~~qBAAqB~~,UAAU,CAAC,KAAK,CAAC,EAAE,~~EACnD~~,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,~~YAAG~~,SAAS,EAAE,yBAAyB,UAAU,CAAC,KAAK,CAAC,~~IAAI~~,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,~~EAAE~~,EAAE,~~YAChF~~,WAAW,GACV,CACL,EACA,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
1	+ {"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aAClE,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EACpD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YACE,SAAS,EAAE,yBAAyB,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,IAC7E,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EACrB,EAAE,YAED,WAAW,GACV,CACL,EACA,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Headline/constants.d.ts CHANGED Viewed

@@ -1,4 +1,10 @@
 import type { AlignType } from '../BaseTile/BaseTileProps';
 import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 export declare const ALIGN_TEXT: Record<AlignType, string>;
-export declare const BACKGROUND_COLOR: Record<BlockVersionWithTransparent, string>;
+declare type StyleType = {
+    background: string;
+    text: string;
+    description: string;
+};
+export declare const HEADLINE_BLOCK_STYLE_MAPS: Record<BlockVersionWithTransparent, StyleType>;
+export {};

package/lib/components/Headline/constants.js CHANGED Viewed

@@ -3,9 +3,21 @@ export const ALIGN_TEXT = {
     center: 'text-center',
     right: 'text-right',
 };
-export const BACKGROUND_COLOR = {
-    transparent: 'bg-transparent',
-    primary: 'bg-white',
-    secondary: 'bg-primary-main',
+export const HEADLINE_BLOCK_STYLE_MAPS = {
+    transparent: {
+        background: 'bg-transparent',
+        text: 'text-primary-text',
+        description: 'text-primary-text',
+    },
+    primary: {
+        background: 'bg-white',
+        text: 'text-primary-text',
+        description: 'text-primary-text',
+    },
+    secondary: {
+        background: 'bg-primary-main',
+        text: 'text-white',
+        description: 'text-white/80',
+    },
 };
 //# sourceMappingURL=constants.js.map

package/lib/components/Headline/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;~~AAEF~~,MAAM,CAAC,MAAM,~~gBAAgB~~,~~GAAgD~~;~~IAC3E~~,WAAW,EAAE,gBAAgB;~~IAC7B~~,OAAO,EAAE,UAAU;~~IACnB~~,SAAS,EAAE,iBAAiB;~~CAC7B~~,CAAC"}
1	+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAQF,MAAM,CAAC,MAAM,yBAAyB,GAAmD;IACvF,WAAW,EAAE;QACX,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAC"}

package/lib/components/StepsBlock/StepsBlock.fixture.mobile.d.ts CHANGED Viewed

@@ -1,8 +1,5 @@
 declare const _default: {
     default: any;
-    'only desc': any;
-    small: any;
-    'small multi-options': any;
-    'small icons': any;
+    secondary: any;
 };
 export default _default;

package/lib/components/StepsBlock/StepsBlock.mobile.js CHANGED Viewed

@@ -2,21 +2,43 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Icon } from '../../ui-kit/Icon/Icon.js';
-export const StepsBlock = JSX(({ className, title, description, steps, size = 'normal' }) => {
-    return (_jsxs("section", { className: `box-border font-sans text-primary-text bg-white px-4 py-6 flex flex-col ${className || ''}`, children: [title && _jsx(Heading, { headingType: "h3", className: "text-center", title: title }), description && _jsx("p", { className: `text-m-md text-center ${title && 'mt-2'}`, children: description }), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length })) }) })) : null] }));
+const STEPS_BLOCK_STYLE_MAPS = {
+    primary: {
+        background: 'bg-white',
+        title: 'text-primary-text',
+        description: 'text-secondary-text',
+        iconBackground: 'bg-secondary-light',
+        iconConnector: 'bg-secondary-light',
+    },
+    secondary: {
+        background: 'bg-primary-main',
+        title: 'text-white',
+        description: 'text-white/80',
+        iconBackground: 'bg-white/30',
+        iconConnector: 'bg-white',
+    },
+};
+const styleMaps = (version) => STEPS_BLOCK_STYLE_MAPS[version];
+export const StepsBlock = JSX(({ className, title, description, steps, size = 'normal', version = 'primary' }) => {
+    const style = styleMaps(version);
+    return (_jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
+        ${style.background} ${style.title} ${className || ''}`, children: [title && (_jsx(Heading, { headingType: "h3", className: `text-center ${style.title}`, title: title })), description && (_jsx("p", { className: `text-m-md text-center ${style.description} ${title && 'mt-2'}`, children: description })), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length, version: version })) }) })) : null] }));
 });
 const renderStepTitle = (params) => {
-    const { step, size, i, length } = params;
+    const { step, size, i, length, version } = params;
     const isLastStep = length - 1 === i;
     const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
-    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { children: [renderIconArea(step, size, i), !isLastStep && _jsx("div", { className: `min-h-8 h-full w-[2px] bg-secondary-light ${margin}` })] }), _jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (_jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm text-secondary-text text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
+    const style = styleMaps(version);
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { className: "overflow-hidden", children: [renderIconArea(params), !isLastStep && (_jsx("div", { className: `min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}` }))] }), _jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (_jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm ${style.description} text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
 };
-const renderIconArea = (step, size, i) => {
+const renderIconArea = (params) => {
+    const { step, size, i, version } = params;
+    const style = styleMaps(version);
     const iconAreaSize = size === 'normal'
         ? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
         : 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
     const iconSize = size === 'normal' ? '38' : '27';
     const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
-    return (_jsx("div", { className: `${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium text-secondary-text self-center ${iconTextSize}`, children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize })) || i + 1 }) }));
+    return (_jsx("div", { className: `${iconAreaSize} ${style.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${style.title} ${iconTextSize}`, children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize, asSVG: true })) || i + 1 }) }));
 };
 //# sourceMappingURL=StepsBlock.mobile.js.map

package/lib/components/StepsBlock/StepsBlock.mobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;~~AAGxC~~,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;~~AAK9C~~,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE;~~IAC5D~~,OAAO,CACL,mBACE,SAAS,EAAE,~~2EACT~~,SAAS,IAAI,~~EACf~~,EAAE,~~aAED~~,KAAK,IAAI,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,~~EAAC~~,~~aAAa~~,~~EAAC~~,KAAK,EAAE,KAAK,GAAI,~~EAC3E~~,WAAW,IAAI,YAAG,SAAS,EAAE,yBAAyB,KAAK,IAAI,MAAM,EAAE,~~YAAG~~,WAAW,~~GAAK~~,~~EAC1F~~,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,+BAA+B,YAC7C,cAAK,SAAS,EAAC,6CAA6C,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,~~CAAC~~,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,~~CAAC~~,CAAC,~~GAC7E~~,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;~~AASF~~,MAAM,eAAe,GAAG,CAAC,MAA6B,EAAE,EAAE;IACxD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;~~IAEzC~~,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;~~IAE7D~~,OAAO,CACL,wBACE,eAAqB,SAAS,EAAC,oCAAoC,aACjE,~~0BACG~~,~~cAAc~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~EAAE,~~CAAC,CAAC,~~EAC7B~~,CAAC,UAAU,IAAI,cAAK,SAAS,EAAE,~~6CAA6C~~,MAAM,EAAE,GAAI,~~IACrF~~,EACN,eAAK,SAAS,EAAC,sCAAsC,aAClD,IAAI,CAAC,KAAK,IAAI,CACb,cAAK,SAAS,EAAC,2CAA2C,YAAE,IAAI,CAAC,KAAK,GAAO,CAC9E,EACA,IAAI,CAAC,WAAW,IAAI,CACnB,cACE,SAAS,EAAE,~~qDACT~~,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACxB,EAAE,YAED,IAAI,CAAC,WAAW,GACb,CACP,IACG,~~KAlBE~~,MAAM,CAAC,CAAC,CAAC,~~CAmBb~~,~~IApBE~~,MAAM,CAAC,CAAC,CAAC,~~CAqBb~~,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,~~IAAU~~,EAAE,~~IAAiB~~,EAAE,~~CAAS~~,EAAE,EAAE;~~IAClE~~,MAAM,YAAY,GAChB,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,6CAA6C;QAC/C,CAAC,CAAC,6CAA6C,CAAC;IAEpD,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,YAAY,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAE5E,OAAO,CACL,cACE,SAAS,EAAE,GAAG,YAAY~~,+EAA+E~~,~~YAEzG~~,eAAM,SAAS,EAAE~~,+CAA+C~~,YAAY,EAAE,YAC3E,CAAC,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,~~GAAI~~,CAAC,IAAI,CAAC,GAAG,CAAC,~~GAChF~~,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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"}

package/lib/components/StepsBlock/StepsBlockContent.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { SizeVersion } from '../../model/SizeVersion';
+import type { BlockVersion } from '../../model/BlockVersion';
 /**
  * @title Шаг
  */
@@ -27,4 +28,5 @@ export interface StepsBlockContent {
      */
     steps?: Step[];
     size?: SizeVersion;
+    version?: BlockVersion;
 }

package/lib/components/TariffsTable/TariffsTable.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
 import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
 import { TariffsTableRow } from './TariffsTableRow.js';
-import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
-import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
 export const TariffsTable = JSX(({ className, context, title, description, rowHeaders, columns }) => {
     const [activeCardIndex, setActiveCardIndex] = context.useState(0);
     const colData = getColData(columns);
@@ -16,7 +16,7 @@ export const TariffsTable = JSX(({ className, context, title, description, rowHe
         setActiveCardIndex,
     });
     const { isScrollAvailable } = tableArrowScrollControlProps;
-    return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? _jsx("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [rowData.map((row, i) => (_jsx(TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
+    return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? _jsx("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
 });
 const getColData = (columns) => columns?.map(({ data }) => data) || [];
 const getRowData = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({

package/lib/components/TariffsTable/TariffsTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,~~OAAO~~,EAAE,MAAM,~~8BAA8B~~,CAAC;~~AACvD~~,OAAO,EAAE,~~sBAAsB~~,EAAE,MAAM,~~aAAa~~,CAAC;~~AACrD~~,OAAO,EAAE,~~eAAe~~,EAAE,MAAM,~~mBAAmB~~,CAAC;~~AACpD~~,OAAO,EAAE,~~uBAAuB~~,EAAE,MAAM,~~8DAA8D~~,CAAC;~~AAQvG~~,OAAO,EAAE,~~0BAA0B~~,EAAE,MAAM,~~wCAAwC~~,CAAC;~~AAIpF~~,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,0BAA0B,CAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,eAAK,IAAI,EAAC,OAAO,aACf,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,~~CACvB~~,KAAC,eAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACF,KAAC,uBAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAEpF,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAOrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,0BAA0B,CAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,eAAK,IAAI,EAAC,OAAO,aACf,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACF,KAAC,uBAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js CHANGED Viewed

@@ -272,14 +272,27 @@
       center: 'text-center',
       right: 'text-right',
   };
-  const BACKGROUND_COLOR = {
-      transparent: 'bg-transparent',
-      primary: 'bg-white',
-      secondary: 'bg-primary-main',
+  const HEADLINE_BLOCK_STYLE_MAPS = {
+      transparent: {
+          background: 'bg-transparent',
+          text: 'text-primary-text',
+          description: 'text-primary-text',
+      },
+      primary: {
+          background: 'bg-white',
+          text: 'text-primary-text',
+          description: 'text-primary-text',
+      },
+      secondary: {
+          background: 'bg-primary-main',
+          text: 'text-white',
+          description: 'text-white/80',
+      },
   };
   const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
-      return (jsxs("section", { className: `px-4 py-6 ${BACKGROUND_COLOR[bgColorHeadline]} ${className}`, children: [title && (jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (jsx("p", { className: `font-normal text-m-md ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (jsx("div", { className: "mt-5 mx-auto flex justify-center", children: jsx(Img, { image: image }) }))] }));
+      const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
+      return (jsxs("section", { className: `px-4 py-6 ${STYLE_MAPS.background} ${className}`, children: [title && (jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })), description && (jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (jsx("div", { className: "mt-5 mx-auto flex justify-center", children: jsx(Img, { image: image }) }))] }));
   });
   // column-gap between children of SwipeListControl container
@@ -934,7 +947,7 @@
   const renderCellInner$1 = (isFillGradient, rowHeader) => ({ label, description }, i) => (jsxs("div", { className: "flex justify-between text-m-sm py-3.5", children: [jsx("div", { className: `${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: rowHeader }), jsxs("div", { className: "basis-1/2", children: [label && (jsx("div", { className: `text-right ${isFillGradient ? 'text-white' : ''}`, children: label })), description && (jsx("div", { className: `text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`, children: description }))] })] }, String(i)));
   const TableColumn = JSX(({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
-      const columnDataView = columnData.slice(0, showRow ? columnData.length : visibleRowLength);
+      const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
       const gradientClassName = isFillGradient ? GRADIENT : '';
       const buttonVersion = isFillGradient ? 'secondary' : 'primary';
       return (jsxs("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, role: "row", children: [jsx(HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
@@ -1272,22 +1285,44 @@
       return (jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
   });
-  const StepsBlock = JSX(({ className, title, description, steps, size = 'normal' }) => {
-      return (jsxs("section", { className: `box-border font-sans text-primary-text bg-white px-4 py-6 flex flex-col ${className || ''}`, children: [title && jsx(Heading, { headingType: "h3", className: "text-center", title: title }), description && jsx("p", { className: `text-m-md text-center ${title && 'mt-2'}`, children: description }), steps?.length ? (jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length })) }) })) : null] }));
+  const STEPS_BLOCK_STYLE_MAPS = {
+      primary: {
+          background: 'bg-white',
+          title: 'text-primary-text',
+          description: 'text-secondary-text',
+          iconBackground: 'bg-secondary-light',
+          iconConnector: 'bg-secondary-light',
+      },
+      secondary: {
+          background: 'bg-primary-main',
+          title: 'text-white',
+          description: 'text-white/80',
+          iconBackground: 'bg-white/30',
+          iconConnector: 'bg-white',
+      },
+  };
+  const styleMaps = (version) => STEPS_BLOCK_STYLE_MAPS[version];
+  const StepsBlock = JSX(({ className, title, description, steps, size = 'normal', version = 'primary' }) => {
+      const style = styleMaps(version);
+      return (jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
+        ${style.background} ${style.title} ${className || ''}`, children: [title && (jsx(Heading, { headingType: "h3", className: `text-center ${style.title}`, title: title })), description && (jsx("p", { className: `text-m-md text-center ${style.description} ${title && 'mt-2'}`, children: description })), steps?.length ? (jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length, version: version })) }) })) : null] }));
   });
   const renderStepTitle = (params) => {
-      const { step, size, i, length } = params;
+      const { step, size, i, length, version } = params;
       const isLastStep = length - 1 === i;
       const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
-      return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { children: [renderIconArea(step, size, i), !isLastStep && jsx("div", { className: `min-h-8 h-full w-[2px] bg-secondary-light ${margin}` })] }), jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (jsx("div", { className: `font-normal text-sm text-secondary-text text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
+      const style = styleMaps(version);
+      return (jsx("div", { children: jsxs("div", { className: "flex flex-row text-center relative", children: [jsxs("div", { className: "overflow-hidden", children: [renderIconArea(params), !isLastStep && (jsx("div", { className: `min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}` }))] }), jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (jsx("div", { className: `font-normal text-sm ${style.description} text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
   };
-  const renderIconArea = (step, size, i) => {
+  const renderIconArea = (params) => {
+      const { step, size, i, version } = params;
+      const style = styleMaps(version);
       const iconAreaSize = size === 'normal'
           ? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
           : 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
       const iconSize = size === 'normal' ? '38' : '27';
       const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
-      return (jsx("div", { className: `${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium text-secondary-text self-center ${iconTextSize}`, children: (step.icon && jsx(Icon, { name: step.icon, width: iconSize, height: iconSize })) || i + 1 }) }));
+      return (jsx("div", { className: `${iconAreaSize} ${style.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${style.title} ${iconTextSize}`, children: (step.icon && jsx(Icon, { name: step.icon, width: iconSize, height: iconSize, asSVG: true })) || i + 1 }) }));
   };
   const TableTileHeader = JSX(({ title, icon }) => {