@redneckz/wildless-cms-uni-blocks 0.7.1 → 0.7.2

package/lib/components/ProductBlock/ProductBlock.js

@@ -1,20 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Breadcrumb } from '../../ui-kit/Breadcrumb.js';
 import { joinList } from '../../utils/joinList.js';
 import { ProductBlockInner } from './ProductBlockInner.js';
 import { renderBackwardButton } from './renderBackwardButton.js';
-const breadcrumbsStyleMap = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white/80',
-};
+const breadcrumbStyle = 'text-secondary-text group-data-secondary:text-white/80';
 export const ProductBlock = JSX((props) => {
     const { className = '', breadcrumbs, backwardButton, version = 'primary', ...rest } = props;
     const buttonVersion = version === 'primary' ? version : 'white';
-    return (_jsxs(BlockWrapper, { className: `font-sans overflow-hidden p-12 flex flex-col box-border min-h-[454px] ${VersionStyleMap[version]} ${className}`, ...rest, children: [backwardButton?.text
+    return (_jsxs(BlockWrapper, { className: `overflow-hidden p-12 flex flex-col box-border min-h-[454px] ${className}`, version: version, ...rest, children: [backwardButton?.text
                 ? renderBackwardButton(backwardButton, buttonVersion, 'mb-10 -mt-2.5')
-                : null, breadcrumbs?.length ? (_jsx("div", { className: "text-xs-light mb-6", children: joinList(_jsx("span", { className: `mx-2 ${breadcrumbsStyleMap[version]}`, children: "/" }))(breadcrumbs.map((breadcrumb, i) => (_jsx(Breadcrumb, { className: breadcrumbsStyleMap[version], ...breadcrumb }, String(i))))) })) : null, _jsx(ProductBlockInner, { version: version, ...rest })] }));
+                : null, breadcrumbs?.length ? (_jsx("div", { className: "text-xs-light mb-6", children: joinList(_jsx("span", { className: `mx-2 ${breadcrumbStyle}`, children: "/" }))(breadcrumbs.map((breadcrumb, i) => (_jsx(Breadcrumb, { className: breadcrumbStyle, ...breadcrumb }, String(i))))) })) : null, _jsx(ProductBlockInner, { version: version, ...rest })] }));
 });
 //# sourceMappingURL=ProductBlock.js.map

package/lib/components/ProductBlock/ProductBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5F,MAAM,aAAa,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhE,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,yEAAyE,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,KACvH,IAAI,aAEP,cAAc,EAAE,IAAI;gBACnB,CAAC,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,EAAE,eAAe,CAAC;gBACtE,CAAC,CAAC,IAAI,EACP,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,oBAAoB,YAChC,QAAQ,CAAC,eAAM,SAAS,EAAE,QAAQ,mBAAmB,CAAC,OAAO,CAAC,EAAE,kBAAU,CAAC,CAC1E,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,IAET,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAC,KACnC,UAAU,IAFT,MAAM,CAAC,CAAC,CAAC,CAGd,CACH,CAAC,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,IACpC,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,eAAe,GAAG,wDAAwD,CAAC;AAEjF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC5F,MAAM,aAAa,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhE,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,+DAA+D,SAAS,EAAE,EACrF,OAAO,EAAE,OAAO,KACZ,IAAI,aAEP,cAAc,EAAE,IAAI;gBACnB,CAAC,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,EAAE,eAAe,CAAC;gBACtE,CAAC,CAAC,IAAI,EACP,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,oBAAoB,YAChC,QAAQ,CAAC,eAAM,SAAS,EAAE,QAAQ,eAAe,EAAE,kBAAU,CAAC,CAC7D,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,IAAiB,SAAS,EAAE,eAAe,KAAM,UAAU,IAArD,MAAM,CAAC,CAAC,CAAC,CAAgD,CAC3E,CAAC,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,KAAM,IAAI,GAAI,IACpC,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/ProductBlock/ProductBlock.mobile.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { ProductBlockInner } from './ProductBlockInner.js';
 export const ProductBlock = JSX((props /* Get rid of image and benefits */) => {
-    const { className = '', version = 'primary' } = props;
-    return (_jsx("section", { className: `font-sans bg-white px-4 py-6 ${VersionStyleMap[version]} ${className}`, children: _jsx(ProductBlockInner, { ...props }) }));
+    const { className = '', ...rest } = props;
+    return (_jsx(BlockWrapper, { className: `px-4 py-6 ${className}`, ...rest, children: _jsx(ProductBlockInner, { ...props }) }));
 });
 //# sourceMappingURL=ProductBlock.mobile.js.map

package/lib/components/ProductBlock/ProductBlock.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,KAAK,CAAC,mCAAmC,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,CACL,kBAAS,SAAS,EAAE,gCAAgC,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,YACzF,KAAC,iBAAiB,OAAK,KAAK,GAAI,GACxB,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ProductBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,KAAK,CAAC,mCAAmC,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1C,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,aAAa,SAAS,EAAE,KAAM,IAAI,YACzD,KAAC,iBAAiB,OAAK,KAAK,GAAI,GACnB,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/ProductBlock/ProductBlockInner.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { List } from '../../ui-kit/List/List.js';
+import { style } from '../../utils/style.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { Headline } from '../Headline/Headline.js';
 import { renderBenefit } from './renderBenefit.js';
-export const ProductBlockInner = JSX(({ className = '', title, headlineVersion = 'L', description, benefitsCountOfRow = 3, benefits, benefitsVersion, buttons, footnote, image, items, version = 'primary', isDotted = true, textBlockClassName = '', ...rest }) => {
+export const ProductBlockInner = JSX(({ className = '', title, headlineVersion = 'L', description, benefitsCountOfRow = 3, benefits, benefitsVersion, buttons, footnote, image, items, version = 'primary', isDotted = true, textBlockClassName = '', }) => {
     const benefitsCount = benefits?.filter((_) => _.label)?.length;
     const benefitsContainerStyles = getBenefitsContainerStyles(benefitsCountOfRow);
-    return (_jsxs("div", { className: `flex grow justify-between items-stretch h-full ${className}`, children: [_jsxs("div", { className: `flex flex-col ${textBlockClassName}`, children: [_jsx(Headline, { title: title, description: description, className: `!p-0 max-w-[600px]`, bgColorHeadline: version, headlineVersion: headlineVersion, align: "text-left", ...rest }), _jsxs("div", { className: "flex flex-col justify-between h-full", children: [_jsxs(BaseTile, { buttons: buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex gap-4", ...rest })) : null, children: [benefitsCount ? (_jsx("div", { className: benefitsContainerStyles, children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-5 text-h6", items: items, itemClassName: "mb-[7px]", version: version, isDotted: isDotted })) : null] }), footnote ? _jsx("p", { className: "text-m-light pt-12", children: footnote }) : null] })] }), image?.src && _jsx(Img, { className: "mt-[-50px]", image: image })] }));
+    return (_jsxs("div", { className: style('flex grow justify-between items-stretch h-full', className), children: [_jsxs("div", { className: style('flex flex-col', textBlockClassName), children: [_jsx(Headline, { className: "!p-0 max-w-[600px]", title: title, description: description, headlineVersion: headlineVersion, align: "text-left" }), _jsxs("div", { className: "flex flex-col justify-between h-full", children: [_jsxs(BaseTile, { buttons: renderButtonsSection(buttons), children: [benefitsCount ? (_jsx("div", { className: benefitsContainerStyles, children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-5 text-h6", items: items, itemClassName: "mb-[7px]", isDotted: isDotted })) : null] }), footnote ? _jsx("p", { className: "text-m-light pt-12", children: footnote }) : null] })] }), image?.src && _jsx(Img, { className: "mt-[-50px]", image: image })] }));
 });
 const getBenefitsContainerStyles = (benefitsCountOfRow = 2) => `gap-6 mt-6 ${benefitsCountOfRow > 2
     ? 'inline-grid grid-cols-[auto_auto_auto]'

package/lib/components/ProductBlock/ProductBlockInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,kBAAkB,GAAG,CAAC,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,EACvB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/D,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAE/E,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC3E,eAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,aACnD,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAC,WAAW,KACb,IAAI,GACR,EACF,eAAK,SAAS,EAAC,sCAAsC,aACnD,MAAC,QAAQ,IACP,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,KAAK,IAAI,GAAI,CACrE,CAAC,CAAC,CAAC,IAAI,aAGT,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,uBAAuB,YACpC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAClD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,EACV,QAAQ,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAC/D,IACF,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,GAAI,IACvD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,kBAAkB,GAAG,CAAC,EAAE,EAAE,CAC5D,cACE,kBAAkB,GAAG,CAAC;IACpB,CAAC,CAAC,wCAAwC;IAC1C,CAAC,CAAC,mCACN,EAAE,CAAC"}
+{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,kBAAkB,GAAG,CAAC,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,GACxB,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/D,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAE/E,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,gDAAgD,EAAE,SAAS,CAAC,aAChF,eAAK,SAAS,EAAE,KAAK,CAAC,eAAe,EAAE,kBAAkB,CAAC,aACxD,KAAC,QAAQ,IACP,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAC,WAAW,GACjB,EACF,eAAK,SAAS,EAAC,sCAAsC,aACnD,MAAC,QAAQ,IAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,aAC7C,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,uBAAuB,YACpC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAClD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,EACV,QAAQ,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAC/D,IACF,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,GAAI,IACvD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,kBAAkB,GAAG,CAAC,EAAE,EAAE,CAC5D,cACE,kBAAkB,GAAG,CAAC;IACpB,CAAC,CAAC,wCAAwC;IAC1C,CAAC,CAAC,mCACN,EAAE,CAAC"}

package/lib/components/ProductBlock/ProductBlockInner.mobile.js

@@ -1,20 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { List } from '../../ui-kit/List/List.js';
+import { Text } from '../../ui-kit/Text/Text.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { Headline } from '../Headline/Headline.js';
 import { renderBenefit } from './renderBenefit.js';
-export const ProductBlockInner = JSX(({ className = '', headlineVersion = 'L', benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, ...rest }) => {
-    return (_jsxs("div", { className: `w-full ${className}`, children: [_jsxs("div", { children: [label ? renderLabel(label, version) : null, _jsx(Headline, { className: "!p-0 max-w-[600px]", bgColorHeadline: version, headlineVersion: headlineVersion, ...rest }), _jsxs(BaseTile, { buttons: buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [benefits?.filter((_) => _.label)?.length ? (_jsx("div", { className: "mt-3", children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-3 text-m", items: items, version: version, isDotted: isDotted })) : null] })] }), renderImage(image)] }));
-});
+export const ProductBlockInner = JSX(({ className = '', headlineVersion = 'L', benefits, benefitsVersion = 'normal', buttons, image, items, version = 'primary', isDotted = true, label, title, description, ...rest }) => (_jsxs(BlockWrapper, { className: `w-full ${className}`, version: version, ...rest, children: [_jsxs("div", { children: [label ? renderLabel(label) : null, _jsx(Headline, { className: "!p-0 max-w-[600px]", title: title, description: description, headlineVersion: headlineVersion, align: "text-left" }), _jsxs(BaseTile, { buttons: renderButtonsSection(buttons, { className: 'mt-5', isVertical: true }), children: [benefits?.filter((_) => _.label)?.length ? (_jsx("div", { className: "mt-3", children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-3 text-m", items: items, isDotted: isDotted })) : null] })] }), renderImage(image)] })));
 function renderImage(image) {
     return image?.src ? (_jsx(Img, { imageClassName: "mt-5 mx-auto block", image: { className: 'block', ...image } })) : null;
 }
-const labelStyleMap = {
-    primary: 'text-primary-main border-secondary-hover',
-    secondary: 'text-white/80',
-};
-const renderLabel = (label, version) => (_jsx("div", { className: `px-2.5 py-1.5 mb-5 rounded-md border-2 border-solid w-fit ${labelStyleMap[version]}`, children: label }));
+const renderLabel = (label) => (_jsx("div", { className: "w-fit px-2.5 py-1.5 mb-5 rounded-md border-2 border-solid border-secondary-hover", children: _jsx(Text, { color: "text-primary-main group-data-secondary:text-white/80", children: label }) }));
 //# sourceMappingURL=ProductBlockInner.mobile.js.map

package/lib/components/ProductBlock/ProductBlockInner.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,GAAG,EACrB,QAAQ,EACR,eAAe,GAAG,QAAQ,EAC1B,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,SAAS,EAAE,aACnC,0BACG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAC,QAAQ,IACP,SAAS,EAAC,oBAAoB,EAC9B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,eAAe,KAC5B,IAAI,GACR,EACF,MAAC,QAAQ,IACP,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,4BAA4B,GAAG,CAC3E,CAAC,CAAC,CAAC,IAAI,aAGT,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAC1C,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAAO,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACrF,CAAC,CAAC,CAAC,IAAI,IACC,IACP,EACL,WAAW,CAAC,KAAK,CAAC,IACf,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAClB,KAAC,GAAG,IAAC,cAAc,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAI,CACrF,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,aAAa,GAAiC;IAClD,OAAO,EAAE,0CAA0C;IACnD,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,OAAqB,EAAE,EAAE,CAAC,CAC5D,cACE,SAAS,EAAE,6DAA6D,aAAa,CAAC,OAAO,CAAC,EAAE,YAE/F,KAAK,GACF,CACP,CAAC"}
+{"version":3,"file":"ProductBlockInner.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,GAAG,EACrB,QAAQ,EACR,eAAe,GAAG,QAAQ,EAC1B,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,KAAK,EACL,WAAW,EACX,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,YAAY,IAAC,SAAS,EAAE,UAAU,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,aACxE,0BACG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,KAAC,QAAQ,IACP,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAC,WAAW,GACjB,EACF,MAAC,QAAQ,IAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,aACtF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAC1C,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAAO,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,IACC,IACP,EACL,WAAW,CAAC,KAAK,CAAC,IACN,CAChB,CACF,CAAC;AAEF,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAClB,KAAC,GAAG,IAAC,cAAc,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAI,CACrF,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CACrC,cAAK,SAAS,EAAC,kFAAkF,YAC/F,KAAC,IAAI,IAAC,KAAK,EAAC,sDAAsD,YAAE,KAAK,GAAQ,GAC7E,CACP,CAAC"}

package/lib/components/ProductGallery/ProductGallery.js

@@ -1,46 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
-import { BorderVersionStyleMap } from '../../model/BorderVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
-const productBlockStyleMap = {
-    primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
-    secondary: { title: 'text-white', text: 'text-white/80' },
-};
 export const ProductGallery = JSX(({ className = '', slides = [], version = 'primary', ...rest }) => {
     const galleryNav = slides.map((s) => s.nav);
     const galleryBlocks = slides.map((s) => s.productBlock);
     const [activeSlideIndex, setActiveSlideIndex] = useState(0);
     const handleActiveSlideIndex = useCallback((_) => setActiveSlideIndex(_), []);
-    return (_jsxs(BlockWrapper, { className: `box-border pt-12 overflow-hidden relative font-sans w-100 mb-6 ${className}
-        ${VersionStyleMap[version]}`, ...rest, children: [_jsx("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, ...rest, version }, i)) }), _jsx("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border h-28", children: galleryNav.map((slide, i) => renderNavButton({
+    return (_jsxs(BlockWrapper, { className: `box-border pt-12 overflow-hidden relative w-100 mb-6 ${className}`, version: version, ...rest, children: [_jsx("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, ...rest, version }, i)) }), _jsx("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border h-28", children: galleryNav.map((slide, i) => renderNavButton({
                     slide,
                     i,
                     isActive: Boolean(i === activeSlideIndex),
                     onClick: () => handleActiveSlideIndex(i),
-                    version,
                 })) })] }));
 });
 function renderProductBlock(block, i) {
-    const { version } = block;
-    const additionalClass = version ? productBlockStyleMap[version].title : '';
-    return (_jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { className: `pl-12 z-10 ${additionalClass}`, textBlockClassName: "mb-[154px]", headlineVersion: "XXL", ...block }) }) }, String(i)));
+    return (_jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { className: "pl-12 z-10 text-secondary-text group-data-secondary:text-white", textBlockClassName: "mb-[154px]", headlineVersion: "XXL", ...block }) }) }, String(i)));
 }
-function renderNavButton({ slide, i, isActive, onClick, version }) {
+function renderNavButton({ slide, i, isActive, onClick }) {
     const btnClassName = isActive
         ? 'bg-white shadow-dark-blue min-w-[350px] border-none p-6'
-        : `min-w-[290px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10 px-6 py-5 backdrop-blur
-      ${VersionStyleMap[version]}`;
+        : 'min-w-[290px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10 px-6 py-5 backdrop-blur';
     const btnTitleClassName = isActive
         ? 'text-primary-text !text-h6 p-2'
-        : `text-l pb-1 ${productBlockStyleMap[version].title}`;
+        : 'text-l pb-1 text-secondary-text group-data-secondary:text-white';
     const btnDescClassName = isActive
         ? 'text-secondary-text text-l-light'
-        : `text-m-light ${productBlockStyleMap[version].text}`;
-    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border relative overflow-hidden border border-white/50 cursor-pointer text-left mx-1 grow basis-0
-        ${btnClassName} ${BorderVersionStyleMap[version]}
-      `, children: _jsxs("div", { className: "border-0 px-6", children: [_jsx("div", { className: `last:pb-0 ${btnTitleClassName}`, children: slide?.title }), _jsx("div", { className: `text-secondary-text  ${btnDescClassName}`, children: slide?.description })] }) }, String(i)));
+        : 'text-m-light text-secondary-text group-data-secondary:text-white/80';
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `relative box-border overflow-hidden cursor-pointer text-left mx-1 grow basis-0 border border-gray group-data-secondary:border-white/50 ${btnClassName}`, children: _jsxs("div", { className: "border-0 px-6", children: [_jsx("div", { className: `last:pb-0 ${btnTitleClassName}`, children: slide?.title }), _jsx("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide?.description })] }) }, String(i)));
 }
 //# sourceMappingURL=ProductGallery.js.map

package/lib/components/ProductGallery/ProductGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":"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"}

package/lib/components/ProductGallery/ProductGalleryContent.d.ts

@@ -2,6 +2,7 @@ import type { BlockVersion } from '../../model/BlockVersion';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 /** @title Кнопка под слайдом */
 export interface ProductGalleryNav {
+    /** @title Заголовок */
     title: string;
     /** @title Описание */
     description: string;

package/lib/components/ProductTile/ProductTile.js

@@ -1,22 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
+import { style } from '../../utils/style.js';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
 import { Headline } from '../Headline/Headline.js';
 import { renderAdditionalDescription } from './renderAdditionalDescription.js';
 import { renderBenefit } from './renderBenefit.js';
 import { renderImage } from './renderImage.js';
-export const ProductTile = JSX(({ className = '', title, headlineVersion = 'S', description, additionalDescription, benefits = [], buttons, image, isImageOnRightSide = true, version = 'primary', ...rest }) => (_jsxs(BlockWrapper, { className: `overflow-hidden font-sans p-9 box-border relative min-h-[364px]
-          ${VersionStyleMap[version]} ${getTileRightPadding(className)} ${className}`, ...rest, children: [_jsxs("div", { className: `flex flex-col ${isImageOnRightSide ? '' : 'items-end'}`, children: [_jsx(Headline, { className: `!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`, as: "h2", title: title, description: description, headlineVersion: headlineVersion, bgColorHeadline: version, align: "text-left", ...rest }), renderBenefits(benefits, version, image), renderAdditionalDescription(additionalDescription, image), buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "mt-5 gap-4 z-10 text-l" })) : null] }), renderImage(image, isImageOnRightSide)] })));
-function renderBenefits(benefits, version, image) {
+export const ProductTile = JSX(({ className = '', title, headlineVersion = 'S', description, additionalDescription, benefits = [], buttons, image, isImageOnRightSide = true, ...rest }) => (_jsxs(BlockWrapper, { className: style('overflow-hidden p-9 box-border relative min-h-[364px]', getTileRightPadding(className), className), ...rest, children: [_jsxs("div", { className: style('flex flex-col', isImageOnRightSide ? '' : 'items-end'), children: [_jsx(Headline, { className: style('!p-0 !bg-transparent z-10', title || description ? 'mb-3.5' : ''), title: title, description: description, headlineVersion: headlineVersion, as: "h2", align: "text-left" }), renderBenefits(benefits, image), renderAdditionalDescription(additionalDescription, image), renderButtonsSection(buttons, { className: 'mt-5 z-10 text-l' })] }), renderImage(image, isImageOnRightSide)] })));
+function renderBenefits(benefits, image) {
     if (!benefits.length) {
         return null;
     }
     // picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
     const benefitsWidth = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
     return (_jsx("div", { className: `z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline
-        ${benefitsWidth}`, children: benefits.length ? benefits.map(renderBenefit(version)) : null }));
+        ${benefitsWidth}`, children: benefits.length ? benefits.map(renderBenefit) : null }));
 }
 //# sourceMappingURL=ProductTile.js.map

package/lib/components/ProductTile/ProductTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,qBAAqB,EACrB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,KAAK,EACL,kBAAkB,GAAG,IAAI,EACzB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,YAAY,IACX,SAAS,EAAE;YACL,eAAe,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,KAC3E,IAAI,aAER,eAAK,SAAS,EAAE,iBAAiB,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,aACtE,KAAC,QAAQ,IACP,SAAS,EAAE,6BAA6B,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9E,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,OAAO,EACxB,KAAK,EAAC,WAAW,KACb,IAAI,GACR,EACD,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,EACxC,2BAA2B,CAAC,qBAAqB,EAAE,KAAK,CAAC,EACzD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,GAAG,CACvE,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,WAAW,CAAC,KAAK,EAAE,kBAAkB,CAAC,IAC1B,CAChB,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,QAAmB,EAAE,OAAqB,EAAE,KAAe;IACjF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IAED,wGAAwG;IACxG,MAAM,aAAa,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvE,OAAO,CACL,cACE,SAAS,EAAE;UACP,aAAa,EAAE,YAElB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC1D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,qBAAqB,EACrB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,KAAK,EACL,kBAAkB,GAAG,IAAI,EACzB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,uDAAuD,EACvD,mBAAmB,CAAC,SAAS,CAAC,EAC9B,SAAS,CACV,KACG,IAAI,aAER,eAAK,SAAS,EAAE,KAAK,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,aAC3E,KAAC,QAAQ,IACP,SAAS,EAAE,KAAK,CAAC,2BAA2B,EAAE,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EACnF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACD,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC/B,2BAA2B,CAAC,qBAAqB,EAAE,KAAK,CAAC,EACzD,oBAAoB,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,IAC7D,EACL,WAAW,CAAC,KAAK,EAAE,kBAAkB,CAAC,IAC1B,CAChB,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,QAAmB,EAAE,KAAe;IAC1D,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IAED,wGAAwG;IACxG,MAAM,aAAa,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvE,OAAO,CACL,cACE,SAAS,EAAE;UACP,aAAa,EAAE,YAElB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,GACjD,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ProductTile/renderAdditionalDescription.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
-export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture, version?: BlockVersion): JSX.Element | null;
+export declare function renderAdditionalDescription(additionalDescription?: string, image?: Picture): JSX.Element | null;

package/lib/components/ProductTile/renderAdditionalDescription.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
-const DESCRIPTION_STYLE_MAP = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-};
-export function renderAdditionalDescription(additionalDescription, image, version = 'primary') {
+export function renderAdditionalDescription(additionalDescription, image) {
     if (!additionalDescription) {
         return null;
     }
     // picture width = 242px. Text can overlay picture 20px deep. Outer paddings_x = 36px. 242-36-20 = 186px
     const descriptionWidth = image?.src ? 'max-w-[calc(100%-186px)]' : '100%';
-    return (_jsx("div", { className: `mt-2.5 z-10 ${descriptionWidth}`, children: _jsx(Paragraph, { size: "text-m", font: "font-light", color: DESCRIPTION_STYLE_MAP[version], children: additionalDescription }) }));
+    return (_jsx("div", { className: `mt-2.5 z-10 ${descriptionWidth}`, children: _jsx(Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription }) }));
 }
 //# sourceMappingURL=renderAdditionalDescription.js.map

package/lib/components/ProductTile/renderAdditionalDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderAdditionalDescription.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderAdditionalDescription.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAG7D,MAAM,qBAAqB,GAAoC;IAC7D,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,2BAA2B,CACzC,qBAA8B,EAC9B,KAAe,EACf,UAAwB,SAAS;IAEjC,IAAI,CAAC,qBAAqB,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAED,wGAAwG;IACxG,MAAM,gBAAgB,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,cAAK,SAAS,EAAE,eAAe,gBAAgB,EAAE,YAC/C,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,YAC7E,qBAAqB,GACZ,GACR,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"renderAdditionalDescription.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderAdditionalDescription.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,MAAM,UAAU,2BAA2B,CAAC,qBAA8B,EAAE,KAAe;IACzF,IAAI,CAAC,qBAAqB,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAED,wGAAwG;IACxG,MAAM,gBAAgB,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,cAAK,SAAS,EAAE,eAAe,gBAAgB,EAAE,YAC/C,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,wCAAwC,YACtF,qBAAqB,GACZ,GACR,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ProductTile/renderBenefit.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { Benefit } from './ProductTileContent';
-export declare const renderBenefit: (version?: BlockVersion) => (benefit: Benefit, i: number) => JSX.Element | JSX.Element[] | null;
+export declare const renderBenefit: (benefit: Benefit, i: number) => JSX.Element | JSX.Element[] | null;

package/lib/components/ProductTile/renderBenefit.js

@@ -2,11 +2,7 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { RichText } from '../../ui-kit/RichText/RichText.js';
 import { Text } from '../../ui-kit/Text/Text.js';
 import { assertUnreachable } from '../../utils/assertUnreachable.js';
-const LABEL_STYLE_MAP = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-};
-export const renderBenefit = (version = 'primary') => 
+export const renderBenefit = 
 // Linter doesn't understand that switch processes all cases
 // eslint-disable-next-line consistent-return
 (benefit, i) => {
@@ -18,7 +14,7 @@ export const renderBenefit = (version = 'primary') =>
         case 'default':
             return [
                 _jsx(Text, { size: "text-h6", children: benefit.label }, `label-${i}`),
-                _jsx(Text, { size: "text-m-light", color: LABEL_STYLE_MAP[version], children: benefit.description }, `desc-${i}`),
+                _jsx(Text, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: benefit.description }, `desc-${i}`),
             ];
         case 'rte':
             return _jsx(RichText, { __html: benefit.__html });

package/lib/components/ProductTile/renderBenefit.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderBenefit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,eAAe,GAAoC;IACvD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GACxB,CAAC,UAAwB,SAAS,EAAE,EAAE;AACtC,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,OAAgB,EAAE,CAAS,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAEzB,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;gBACL,KAAC,IAAI,IAAoB,IAAI,EAAC,SAAS,YACpC,OAAO,CAAC,KAAK,IADL,SAAS,CAAC,EAAE,CAEhB;gBACP,KAAC,IAAI,IAAmB,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,YACxE,OAAO,CAAC,WAAW,IADX,QAAQ,CAAC,EAAE,CAEf;aACR,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,KAAC,QAAQ,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,CAAC;QAC9C;YACE,iBAAiB,CAAC,OAAO,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC"}
+{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductTile/renderBenefit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,CAAC,MAAM,aAAa;AACxB,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,OAAgB,EAAE,CAAS,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAEzB,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;gBACL,KAAC,IAAI,IAAoB,IAAI,EAAC,SAAS,YACpC,OAAO,CAAC,KAAK,IADL,SAAS,CAAC,EAAE,CAEhB;gBACP,KAAC,IAAI,IAEH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,wCAAwC,YAE7C,OAAO,CAAC,WAAW,IALf,QAAQ,CAAC,EAAE,CAMX;aACR,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,KAAC,QAAQ,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,CAAC;QAC9C;YACE,iBAAiB,CAAC,OAAO,CAAC,CAAC;KAC9B;AACH,CAAC,CAAC"}

package/lib/components/PromoTile/PromoTile.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { ButtonSection } from '../../ui-kit/Button/ButtonSection.js';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
+import { style } from '../../utils/style.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { getTileHeadingType } from '../BaseTile/getTileHeadingType.js';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight.js';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
 import { Headline } from '../Headline/Headline.js';
-export const PromoTile = JSX(({ className = '', title = 'Акции и спецпредложения', date, description, buttons = [], version = 'primary', ...rest }) => (_jsx(BlockWrapper, { className: `bg-white text-primary-text font-sans p-9 box-border ${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, ...rest, children: _jsx(BaseTile, { title: title ? (_jsx(Headline, { title: title, className: `!p-0 max-w-[600px]`, headlineVersion: getTileHeadingType(className), bgColorHeadline: version, align: "text-left", as: "h2", ...rest })) : null, buttons: buttons?.length ? _jsx(ButtonSection, { buttons: buttons, className: "flex gap-3" }) : null, children: _jsxs("div", { className: "mt-1.5", children: [date ? _jsx("div", { className: "text-s mb-2", children: formatDate(date) }) : null, _jsx("div", { className: "text-l", children: description })] }) }) })));
+export const PromoTile = JSX(({ className = '', title = 'Акции и спецпредложения', date, description, as, buttons = [], ...rest }) => (_jsx(BlockWrapper, { className: style('p-9 box-border', className, getTileRightPadding(className), getTileMinHeight(className)), ...rest, children: _jsx(BaseTile, { title: title ? (_jsx(Headline, { className: "!p-0 max-w-[600px]", title: title, headlineVersion: getTileHeadingType(className), align: "text-left", as: as || 'h2' })) : null, buttons: renderButtonsSection(buttons), children: _jsxs("div", { className: "mt-1.5", children: [date ? _jsx("div", { className: "text-s mb-2", children: formatDate(date) }) : null, _jsx("div", { className: "text-l", children: description })] }) }) })));
 function formatDate(date) {
     const dateObj = new Date(date);
     const dateFormat = {

package/lib/components/PromoTile/PromoTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../../../src/components/PromoTile/PromoTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,yBAAyB,EACjC,IAAI,EACJ,WAAW,EACX,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,uDAAuD,SAAS,IACzE,eAAe,CAAC,OAAO,CACzB,IAAI,mBAAmB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,SAAS,CAAC,GAAG,KAChE,IAAI,YAER,KAAC,QAAQ,IACP,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAC9C,eAAe,EAAE,OAAO,EACxB,KAAK,EAAC,WAAW,EACjB,EAAE,EAAC,IAAI,KACH,IAAI,GACR,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,IAAI,YAGrF,eAAK,SAAS,EAAC,QAAQ,aACpB,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,aAAa,YAAE,UAAU,CAAC,IAAI,CAAC,GAAO,CAAC,CAAC,CAAC,IAAI,EACpE,cAAK,SAAS,EAAC,QAAQ,YAAE,WAAW,GAAO,IACvC,GACG,GACE,CAChB,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,IAAY;IAC9B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAA+B;QAC7C,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KAChB,CAAC;IAEF,OAAO,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACvE,CAAC"}
+{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../../../src/components/PromoTile/PromoTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,yBAAyB,EACjC,IAAI,EACJ,WAAW,EACX,EAAE,EACF,OAAO,GAAG,EAAE,EACZ,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,gBAAgB,EAChB,SAAS,EACT,mBAAmB,CAAC,SAAS,CAAC,EAC9B,gBAAgB,CAAC,SAAS,CAAC,CAC5B,KACG,IAAI,YAER,KAAC,QAAQ,IACP,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,QAAQ,IACP,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAC9C,KAAK,EAAC,WAAW,EACjB,EAAE,EAAE,EAAE,IAAI,IAAI,GACd,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,YAEtC,eAAK,SAAS,EAAC,QAAQ,aACpB,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,aAAa,YAAE,UAAU,CAAC,IAAI,CAAC,GAAO,CAAC,CAAC,CAAC,IAAI,EACpE,cAAK,SAAS,EAAC,QAAQ,YAAE,WAAW,GAAO,IACvC,GACG,GACE,CAChB,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,IAAY;IAC9B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAA+B;QAC7C,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KAChB,CAAC;IAEF,OAAO,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACvE,CAAC"}

package/lib/components/Recommendation/Recommendation.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useCarouselControls } from '../../hooks/useCarouselControls.js';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
-import { BorderVersionStyleMap } from '../../model/BorderVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
@@ -15,8 +13,8 @@ export const Recommendation = JSX(({ recommendations = [], className = '', title
         itemCount: recommendations.length,
         visibleItemCount: CARD_VIEW_COUNT,
     });
-    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations.length
-                            ? recommendations.map((card, i) => (_jsx(RecommendationCard, { version: version, className: BorderVersionStyleMap[version], ...card }, String(i))))
+    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${className}`, version: version, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations.length
+                            ? recommendations.map((card, i) => (_jsx(RecommendationCard, { version: version, className: "border-gray group-data-secondary:border-white/50", ...card }, String(i))))
                             : null }), renderArrows({
                         ...controls,
                         btnClass: ['left-8', 'right-8'],

package/lib/components/Recommendation/Recommendation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAC;AAIvB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,eAAe,CAAC,MAAM;QACjC,gBAAgB,EAAE,eAAe;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,sDAAsD,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,KACpG,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,0BACE,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,IAAI,EAAC,MAAM,YAEV,eAAe,CAAC,MAAM;4BACrB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,kBAAkB,IAEjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,KACrC,IAAI,IAHH,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;4BACJ,CAAC,CAAC,IAAI,GACJ,EACL,YAAY,CAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAC;AAIvB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,eAAe,CAAC,MAAM;QACjC,gBAAgB,EAAE,eAAe;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,sDAAsD,SAAS,EAAE,EAC5E,OAAO,EAAE,OAAO,KACZ,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,0BACE,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,IAAI,EAAC,MAAM,YAEV,eAAe,CAAC,MAAM;4BACrB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,kBAAkB,IAEjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kDAAkD,KACxD,IAAI,IAHH,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;4BACJ,CAAC,CAAC,IAAI,GACJ,EACL,YAAY,CAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Recommendation/RecommendationCard.d.ts

@@ -1,7 +1,5 @@
-import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import type { RecommendationCardTypes } from './RecommendationContent';
-export interface RecommendationCardProps extends RecommendationCardTypes {
-    className?: string;
-    version?: BlockVersion;
+export interface RecommendationCardProps extends RecommendationCardTypes, UniBlockProps {
 }
 export declare const RecommendationCard: import("@redneckz/uni-jsx").UNIComponent<RecommendationCardProps, any, any>;

package/lib/components/Recommendation/RecommendationCard.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { renderButton } from '../../ui-kit/Button/ButtonSection.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { List } from '../../ui-kit/List/List.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { SocialMedia } from '../Footer/SocialMedia.js';
-export const RecommendationCard = JSX(({ className = '', title, description, items, image, version, socialMedia, button }) => {
+export const RecommendationCard = JSX(({ className = '', title, description, items, image, socialMedia, button, ...rest }) => {
     const tileTitle = title ? (_jsx(Heading, { headingType: "h5", as: "h3", className: "mb-3.5 z-10", title: title })) : null;
     const tileImage = image?.src ? (_jsx(Img, { className: "absolute bottom-0 right-0 m-0", image: image })) : null;
-    return (_jsx("section", { className: `relative overflow-hidden text-left border border-solid box-border p-7 min-w-[524px] min-h-[218px] ${className}`, role: "listitem", children: _jsx(BaseTile, { className: "flex justify-between", title: tileTitle, image: tileImage, children: _jsxs("div", { className: "h-full flex flex-col justify-between", children: [description ? _jsx("span", { className: "mb-2", children: description }) : null, items?.length ? (_jsx(List, { className: "text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]", items: items, version: version })) : null, socialMedia ? (_jsx(SocialMedia, { className: "pt-10 pb-0", media: socialMedia, version: version })) : null, button?.text ? (_jsx("div", { className: "pt-2", children: renderButton({ button, buttonClassName: 'mt-16 px-5' }) })) : null] }) }) }));
+    return (_jsx(BlockWrapper, { className: `relative overflow-hidden text-left border border-solid box-border p-7 min-w-[524px] min-h-[218px] ${className}`, role: "listitem", ...rest, children: _jsx(BaseTile, { className: "flex justify-between", title: tileTitle, image: tileImage, children: _jsxs("div", { className: "h-full flex flex-col justify-between", children: [description ? _jsx("span", { className: "mb-2", children: description }) : null, items?.length ? (_jsx(List, { className: "text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]", items: items })) : null, socialMedia ? _jsx(SocialMedia, { className: "pt-10 pb-0", media: socialMedia }) : null, button?.text ? (_jsx("div", { className: "pt-2", children: renderButtonsSection([button], { buttonClassName: 'mt-16 px-5' }) })) : null] }) }) }));
 });
 //# sourceMappingURL=RecommendationCard.js.map

package/lib/components/Recommendation/RecommendationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE;IACrF,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CACxB,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAC7B,KAAC,GAAG,IAAC,SAAS,EAAC,+BAA+B,EAAC,KAAK,EAAE,KAAK,GAAI,CAChE,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,kBACE,SAAS,EAAE,qGAAqG,SAAS,EAAE,EAC3H,IAAI,EAAC,UAAU,YAEf,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,YAC3E,eAAK,SAAS,EAAC,sCAAsC,aAClD,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,MAAM,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,wDAAwD,EAClE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7E,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAC,MAAM,YAAE,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,GAAO,CACtF,CAAC,CAAC,CAAC,IAAI,IACJ,GACG,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrF,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CACxB,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAC7B,KAAC,GAAG,IAAC,SAAS,EAAC,+BAA+B,EAAC,KAAK,EAAE,KAAK,GAAI,CAChE,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,qGAAqG,SAAS,EAAE,EAC3H,IAAI,EAAC,UAAU,KACX,IAAI,YAER,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,YAC3E,eAAK,SAAS,EAAC,sCAAsC,aAClD,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,MAAM,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,wDAAwD,EAClE,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAC,MAAM,YAClB,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,GAC9D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACG,GACE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/RollupItem/RollupItem.js

@@ -1,27 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
 import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
-export const RollupItem = JSX(({ className = '', label = 'Развернуть', isExpanded, isFoldButtonOnTop = true, version = 'primary', ...rest }) => (_jsx("div", { className: `border-b border-solid border-main-divider w-full ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: `grid grid-cols-12 gap-1 border-box`, isUnfolded: isUnfolded, children: renderChildren(rest) }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle, label, version }) }) })));
+export const RollupItem = JSX(({ className = '', label = 'Развернуть', isExpanded, isFoldButtonOnTop = true, version = 'primary', ...rest }) => (_jsx(BlockWrapper, { className: `border-b border-solid border-main-divider w-full ${className}`, tag: "div", ...rest, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: `grid grid-cols-12 gap-1 border-box`, isUnfolded: isUnfolded, children: renderChildren(rest) }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ version, label, isUnfolded, onToggle }) }) })));
 RollupItem.childrenTypes = {
-    exclude: [
-        'RollupItem',
-        'Accordion',
-        'AccordionItem',
-        'OtherProducts',
-        'OtherProductsItem',
-        'VerticalLayout',
-    ],
+    exclude: ['RollupItem', 'Accordion', 'AccordionItem', 'OtherProducts', 'OtherProductsItem'],
 };
-const renderFoldButton = ({ isUnfolded, onToggle, label, version }) => {
-    const iconsPrimary = ['PlusIcon', 'MinusIcon'];
-    const iconsSecondary = ['ArrowDownIcon', 'ArrowUpIcon'];
-    const labels = label ? [label, label] : ['Развернуть', 'Скрыть'];
-    return version === 'primary' ? (_jsx(FoldButton, { icon: iconsPrimary[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle })) : (_jsx(DefaultFoldButton, { icon: iconsSecondary[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
+const renderFoldButton = ({ version, label: defaultLabel, isUnfolded, onToggle, }) => {
+    const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
+    return version === 'primary' ? (renderPrimaryFoldButton({ label, icon: isUnfolded ? 'MinusIcon' : 'PlusIcon', onToggle })) : (_jsx(DefaultFoldButton, { label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: onToggle }));
 };
-const FoldButton = JSX(({ label, icon, onClick }) => (_jsxs("button", { className: "border-none bg-transparent px-9 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 group cursor-pointer", onClick: onClick, children: [_jsx("span", { className: "text-xl font-medium pr-2.5", children: label }), icon ? _jsx(Img, { image: getIconWithVersion({ icon }), width: "24", height: "24", asSVG: true }) : null] })));
+const renderPrimaryFoldButton = ({ label, icon, onToggle }) => (_jsxs("button", { className: "border-none bg-transparent px-9 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 cursor-pointer", onClick: onToggle, children: [_jsx("span", { className: "text-xl font-medium pr-2.5", children: label }), icon ? _jsx(Img, { image: getIconWithVersion({ icon }), width: "24", height: "24", asSVG: true }) : null] }));
 //# sourceMappingURL=RollupItem.js.map

package/lib/components/RollupItem/RollupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,YAAY,EACpB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,oDAAoD,SAAS,EAAE,EAC1E,GAAG,EAAC,KAAK,KACL,IAAI,YAER,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAE,oCAAoC,EAC/C,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC,IAAI,CAAC,GACL,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,GAE5D,GACW,CAChB,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG;IACzB,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,mBAAmB,CAAC;CAC5F,CAAC;AAOF,MAAM,gBAAgB,GAAG,CAAC,EACxB,OAAO,EACP,KAAK,EAAE,YAAY,EACnB,UAAU,EACV,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAErE,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,uBAAuB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC,CAC1F,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,uBAAuB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAA0B,EAAE,EAAE,CAAC,CACrF,kBACE,SAAS,EAAC,oHAAoH,EAC9H,OAAO,EAAE,QAAQ,aAEjB,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAQ,EAC1D,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IACjF,CACV,CAAC"}

package/lib/components/SafeDepositRental/SafeDepositRental.js

@@ -24,7 +24,7 @@ export const SafeDepositRental = JSX(({ title, footnote, className = '', ...rest
     const branches = useSafeBoxes(selectedRegion);
     const handleChangeSafeDepositState = useCallback((state) => setStateDepositState((oldState) => ({ ...oldState, ...state })), [setStateDepositState]);
     const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
-    return (_jsxs(BlockWrapper, { className: className, ...rest, children: [_jsxs("div", { className: "font-sans bg-white px-8 py-12", children: [title ? (_jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "text-primary-text mb-2.5 text-center" })) : null, _jsx(SafeDepositRentalForm, { regions: regions, branches: branches, data: { ...safeDepositState, selectedRegion }, onClick: handleShowMap, onChange: handleChangeSafeDepositState }), footnote ? _jsx("p", { className: "text-s-light text-secondary-text", children: footnote }) : null] }), points.length && showMap ? _jsx(YandexMap, { points: points, className: "h-[640px]" }) : null] }));
+    return (_jsxs(BlockWrapper, { className: className, ...rest, children: [_jsxs("div", { className: "px-8 py-12", children: [title ? (_jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "text-primary-text mb-2.5 text-center" })) : null, _jsx(SafeDepositRentalForm, { regions: regions, branches: branches, data: { ...safeDepositState, selectedRegion }, onClick: handleShowMap, onChange: handleChangeSafeDepositState }), footnote ? _jsx("p", { className: "text-s-light text-secondary-text", children: footnote }) : null] }), points.length && showMap ? _jsx(YandexMap, { points: points, className: "h-[640px]" }) : null] }));
 });
 const normalizeSelectedRegion = (selectedRegion, regions) => !selectedRegion && regions?.length && regions[0]?.code ? regions[0].code : selectedRegion;
 //# sourceMappingURL=SafeDepositRental.js.map

package/lib/components/SafeDepositRental/SafeDepositRental.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeDepositRental.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRental.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SafeDepositRental.js","sourceRoot":"","sources":["../../../src/components/SafeDepositRental/SafeDepositRental.tsx"],"names":[],"mappings":"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"}

package/lib/components/StepsBlock/StepsBlock.js

@@ -19,14 +19,11 @@ export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], b
     const titleMargin = title ? 'mt-9' : '';
     const paddingX = getPaddingX(steps.length);
     return (_jsxs(BlockWrapper, { className: [
-            'box-border py-12 font-sans',
+            'box-border py-12',
             shortGaps ? 'px-20' : 'px-[70px]',
             'flex flex-col items-center overflow-hidden',
-            styleMap.background,
-            styleMap.title,
             className,
-        ].join(' '), ...rest, children: [title ? (_jsx(Heading, { headingType: "h3", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: `flex items-center ${paddingX}`, children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap, version))) }), _jsx("div", { className: `flex justify-between mt-4 ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepContent({ styleMap, isMainButton: Boolean(button?.text), version })) })] })) : null, button?.text ? _jsx(Button, { className: "mt-8 min-w-60", version: "primary", ...button }) : null] }));
+        ].join(' '), version: version, ...rest, children: [title ? (_jsx(Heading, { headingType: "h3", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: `flex items-center ${paddingX}`, children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap, version))) }), _jsx("div", { className: `flex justify-between mt-4 ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepContent({ styleMap, isMainButton: Boolean(button?.text), version })) })] })) : null, button?.text ? _jsx(Button, { className: "mt-8 min-w-60", version: "primary", ...button }) : null] }));
 });
-const renderStepIcon = (styleMap, version) => ({ icon }, i) => (_jsx("div", { className: "flex flex-col items-center text-center", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center
-            ${styleMap.iconBackground} ${styleMap.title}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: getIconWithVersion(icon || {}, version), width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
+const renderStepIcon = (styleMap, version) => ({ icon }, i) => (_jsx("div", { className: "flex flex-col items-center text-center", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center ${styleMap.iconBackground}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: getIconWithVersion(icon || {}, version), width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
 //# sourceMappingURL=StepsBlock.js.map