@redneckz/wildless-cms-uni-blocks 0.8.24 → 0.8.26

package/mobile/lib/ui-kit/BenefitItem/BenefitItemProps.d.ts

@@ -19,7 +19,7 @@ export declare type BenefitItemProps = DescriptionProps & LabelProps & IconProps
 declare type DefaultBenefit = BenefitItemProps & DefaultListItemType;
 /**
  * @title Преимущество
- * @default{
+ * @default {
  *  "type": "default"
  * }
  */

package/mobile/lib/ui-kit/Icon/Icon.js

@@ -17,7 +17,10 @@ export const Icon = JSX(({ className = '', imageClassName = '', name = '', alt =
     if (asSVG && iconVersion !== 'normal') {
         return (_jsx(Background, { className: className, children: _jsxs("svg", { className: style(getSvgSize(imgProps.width), svgUseStyleMap[iconVersion], iconVersion === 'white' ? 'invert' : '', imageClassName), ...imgProps, "aria-hidden": "true", children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { href: `${href}#icon`, xlinkHref: `${href}#icon` })] }) }));
     }
-    return (_jsx("img", { className: className, src: href, alt: alt, title: title, ...imgProps, "aria-hidden": "true" }));
+    if (!className.includes('h-')) {
+        imgProps['style'] = { height: `${imgProps.height}px` };
+    }
+    return (_jsx("img", { className: className, src: href, alt: alt, title: title, "aria-hidden": "true", ...imgProps }));
 });
 const getSvgSize = (width) => (width ? '' : 'w-full h-full');
 const Background = JSX(({ className, children }) => className ? _jsx("div", { className: className, children: children }) : children);

package/mobile/lib/ui-kit/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,IAAI,EAAE,EACtB,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,OAAO,EACrB,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC;IAExF,IAAI,KAAK,IAAI,WAAW,KAAK,QAAQ,EAAE;QACrC,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,eACE,SAAS,EAAE,KAAK,CACd,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC1B,cAAc,CAAC,WAAW,CAAC,EAC3B,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACvC,cAAc,CACf,KACG,QAAQ,iBACA,MAAM,aAEjB,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,GACK,CACd,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;AAEtE,MAAM,UAAU,GAAG,GAAG,CAAyB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzE,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,QAAQ,CACnE,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,MAAM,cAAc,GAAgC;IAClD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,IAAI,EAAE,EACtB,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,OAAO,EACrB,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC;IAExF,IAAI,KAAK,IAAI,WAAW,KAAK,QAAQ,EAAE;QACrC,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,eACE,SAAS,EAAE,KAAK,CACd,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC1B,cAAc,CAAC,WAAW,CAAC,EAC3B,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACvC,cAAc,CACf,KACG,QAAQ,iBACA,MAAM,aAEjB,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,GACK,CACd,CAAC;KACH;IACD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC7B,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC;KACxD;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACA,MAAM,KACd,QAAQ,GACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;AAEtE,MAAM,UAAU,GAAG,GAAG,CAAyB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzE,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,QAAQ,CACnE,CAAC"}

package/mobile/lib/ui-kit/List/List.js

@@ -11,5 +11,5 @@ const ITEM_INDENT_MAP = {
     M: 'ml-3',
     L: 'ml-4',
 };
-export const List = JSX(({ className = '', hasIndent, isDotted, itemClassName = '', items, listItemSize = 'M' }) => items?.length ? (_jsx("section", { className: `text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text ${TEXT_SIZE_MAP[listItemSize]} ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''} ${className}`, role: "list", children: items.map((item, i) => (_jsx(ListItem, { className: `${itemClassName} mb-1.5`, isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
+export const List = JSX(({ className = '', hasIndent, isDotted, itemClassName = '', items, listItemSize = 'M' }) => items?.length ? (_jsx("section", { className: `text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text ${TEXT_SIZE_MAP[listItemSize]} ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''} ${className}`, role: "list", children: items.map((item, i) => (_jsx(ListItem, { className: itemClassName, isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
 //# sourceMappingURL=List.js.map

package/mobile/lib/ui-kit/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAiC;IAClD,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CACzF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,yFACT,aAAa,CAAC,YAAY,CAC5B,IAAI,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACjE,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAEP,SAAS,EAAE,GAAG,aAAa,SAAS,EACpC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,YAAY,YAEjB,IAAI,IALA,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAiC;IAClD,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CACzF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,yFACT,aAAa,CAAC,YAAY,CAC5B,IAAI,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACjE,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,YAAY,YAEjB,IAAI,IALA,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js

@@ -27,7 +27,7 @@ export const SwipeListContainer = JSX(({ className = '', containerRef, activeInd
         ...(isVerticalList ? getContainerHeight(minHeight) : {}),
         gap: `${gap}px`,
     };
-    return (_jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : ''), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
+    return (_jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : ''), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
 });
 // Styles used to compensate outer container padding to get rid of clipping effect
 const getContainerOffset = (padding, additionalPadding = 0) => ({

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map

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

package/mobile/lib/ui-kit/SwipeListControl/SwipeListItem.js

@@ -9,6 +9,6 @@ export const SwipeListItem = JSX(({ className = '', style, idx, activeIndex, obs
         }
     }, [onIntersection, idx]);
     const ref = useIntersectionObserver(observerCallback, observerOptions);
-    return (_jsx("div", { className: `inline-block snap-always box-border ${className}`, style: style, role: "listitem", "aria-current": Boolean(idx === activeIndex), ref: ref, children: children }));
+    return (_jsx("div", { className: `inline-block snap-always box-border ${className}`, style: style, "aria-current": Boolean(idx === activeIndex), ref: ref, children: children }));
 });
 //# sourceMappingURL=SwipeListItem.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,uBAAuB,GAExB,MAAM,qCAAqC,CAAC;AAc7C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACzF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,OAAO,CAAC,MAAM,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;SACvD;IACH,CAAC,EACD,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAiB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAEvF,OAAO,CACL,cACE,SAAS,EAAE,uCAAuC,SAAS,EAAE,EAC7D,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,kBACD,OAAO,CAAC,GAAG,KAAK,WAAW,CAAC,EAC1C,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAEL,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAc7C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACzF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,OAAO,CAAC,MAAM,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;SACvD;IACH,CAAC,EACD,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAiB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAEvF,OAAO,CACL,cACE,SAAS,EAAE,uCAAuC,SAAS,EAAE,EAC7D,KAAK,EAAE,KAAK,kBACE,OAAO,CAAC,GAAG,KAAK,WAAW,CAAC,EAC1C,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/components/Accordion/Accordion.example.json

@@ -5,7 +5,7 @@
   },
   "blocks": [
     {
-      "type": "AccordionItem",
+      "type": "RollupItem",
       "content": {
         "label": "Аккордеон 1",
         "isExpanded": true,
@@ -31,7 +31,7 @@
       ]
     },
     {
-      "type": "AccordionItem",
+      "type": "RollupItem",
       "content": {
         "label": "Аккордеон 2",
         "isExpanded": false,
@@ -41,7 +41,7 @@
       }
     },
     {
-      "type": "AccordionItem",
+      "type": "RollupItem",
       "content": {
         "label": "Аккордеон 3",
         "isExpanded": false,

package/mobile/src/components/Accordion/Accordion.tsx

@@ -5,7 +5,6 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import type { AccordionContent } from './AccordionContent';
-import { AccordionItemsList } from './AccordionItemsList';
 
 export interface AccordionProps extends AccordionContent, UniBlockProps {}
 
@@ -20,9 +19,9 @@ export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
           </Paragraph>
         </div>
       ) : null}
-      <AccordionItemsList>{renderChildren(rest)}</AccordionItemsList>
+      <div className="list-none m-0 p-0">{renderChildren(rest)}</div>
     </BlockWrapper>
   ),
 );
 
-Accordion.childrenTypes = ['AccordionItem'];
+Accordion.childrenTypes = ['Accordion'];

package/mobile/src/components/ApplicationForm/ApplicationFormAcquiring.tsx

@@ -61,13 +61,13 @@ export const ApplicationFormAcquiring = JSX<ApplicationFormsProps>((props) => {
   const onSubmit = async (e: PreventableEvent) => {
     e.preventDefault();
 
-    const PartnerComments = `Вид эквайринга=${acquiringType}/Онлайн касса=${onlineСheckout}/POS-терминал=${posTerminal}`;
+    const partnerComments = `Вид эквайринга=${acquiringType}/Онлайн касса=${onlineСheckout}/POS-терминал=${posTerminal}`;
 
     handleSubmit &&
       (await handleSubmit({
         typeForm: 'acqr',
         region: regions.find((_) => _.code === selectedRegion)?.name || '',
-        PartnerComments,
+        partnerComments,
         fullName,
         inn,
         name,

package/mobile/src/components/ApplicationForm/ApplicationFormCredit.tsx

@@ -65,7 +65,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>((props) => {
   const onSubmit = async (e: PreventableEvent) => {
     e.preventDefault();
 
-    const PartnerComments = `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
+    const partnerComments = `Сумма=${amount}/Срок=${term}/Выручка=${annualRevenue}`;
 
     handleSubmit &&
       (await handleSubmit({
@@ -77,7 +77,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>((props) => {
         mail,
         region: regions.find((_) => _.code === selectedRegion)?.name || '',
         department: branches.find((_) => _.branchCode === department)?.address || '',
-        PartnerComments,
+        partnerComments,
       }));
   };
 

package/mobile/src/components/ApplicationForm/ApplicationFormWed.tsx

@@ -54,7 +54,7 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
   const onSubmit = async (e: PreventableEvent) => {
     e.preventDefault();
 
-    const PartnerComments = `Валютный контроль=${currencyControl}/Документарные операции=${documentaryOperations}/Конверсионные операции=${conversionOperations}/Доп инф=${text}`;
+    const partnerComments = `Валютный контроль=${currencyControl}/Документарные операции=${documentaryOperations}/Конверсионные операции=${conversionOperations}/Доп инф=${text}`;
 
     handleSubmit &&
       (await handleSubmit({
@@ -63,7 +63,7 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
         name,
         phone,
         mail,
-        PartnerComments,
+        partnerComments,
       }));
   };
 

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -41,7 +41,7 @@ const renderStep = (benefit: BenefitBlockItemProps, i: number) => {
         />
       ) : null}
       {benefit?.icon?.src ? <Img image={benefit.icon} /> : null}
-      <div className="ml-5">
+      <div className="ml-5 h-full">
         {benefit?.label ? <Heading headingType="h6">{benefit.label}</Heading> : null}
         {renderDescription(description)}
       </div>

package/mobile/src/components/Blocks.ts

@@ -1,6 +1,5 @@
 import type { BlocksRegistry } from '../model/BlocksRegistry';
 import { Accordion } from './Accordion/Accordion';
-import { AccordionItem } from './AccordionItem/AccordionItem';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
 import { Footer } from './Footer/Footer';
 import { Header } from './Header/Header';
@@ -10,13 +9,14 @@ import { LinkList } from './LinkList/LinkList';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
+import { RollupItem } from './RollupItem/RollupItem';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
+import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
   Accordion,
-  AccordionItem,
   ComparisonTable,
   Footer,
   Header,
@@ -25,8 +25,10 @@ export const Blocks: BlocksRegistry = {
   LinkList,
   MobileAppTile,
   ProductBlock,
+  RollupItem,
   StepsBlock,
   TariffsTable,
   TextBlock,
   Placeholder,
+  VerticalLayout,
 };

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx

@@ -9,6 +9,7 @@ import type {
   BonusBenefitsBlockContent,
   ColumnsCount,
 } from './BonusBenefitsBlockContent';
+import { style } from '../../utils/style';
 
 export interface BenefitsBlockProps extends BonusBenefitsBlockContent, UniBlockProps {}
 
@@ -40,10 +41,16 @@ export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
 
 const renderBonusBenefit = ({ icon, title, description }: BonusBenefit, i: number) => {
   return (
-    <div key={String(i)} className="flex flex-col items-center text-h6">
+    <div
+      key={String(i)}
+      className={style(
+        'flex flex-col items-center text-h6',
+        !description && !title ? 'justify-center' : '',
+      )}
+    >
       {title ? <span>{title}</span> : null}
-      {icon ? <Img image={icon} height="180" width="auto" className="h-[180px] w-auto" /> : null}
-      <div>{description ? <span>{description}</span> : null}</div>
+      {icon ? <Img image={icon} height="180" width="auto" className="w-auto" /> : null}
+      {description ? <span>{description}</span> : null}
     </div>
   );
 };

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -21,7 +21,7 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
       >
         <div className="flex flex-col max-w-96 pr-9 text-white text-xl-light">
           <Headline
-            className="p-0"
+            isPadding={false}
             title={title}
             description={description}
             as="h1"

package/mobile/src/components/Footer/Footer.tsx

@@ -1,16 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import type { UniBlockProps } from '../../model/JSXBlock';
+import { projectSettings } from '../../ProjectSettings';
 import type { SitemapDataProps } from '../../services/sitemap/SitemapProps';
 import { useSWRResource } from '../../services/sitemap/useSWRResource';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
 import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import { AccordionItemsList } from '../Accordion/AccordionItemsList';
-import { AccordionItem } from '../AccordionItem/AccordionItem';
 import { LinkList } from '../LinkList/LinkList';
 import { MobileAppTile } from '../MobileAppTile/MobileAppTile';
+import { RollupItem } from '../RollupItem/RollupItem';
 import { Contacts } from './Contacts';
 import type { FooterContent, SubMenuItem } from './FooterContent';
 import type { FooterDataProps } from './FooterDataProps';
@@ -28,15 +28,15 @@ export const Footer = JSX<FooterProps>(({ className = '', ...rest }) => {
     useSWRResource<FooterDataProps>(projectSettings.FOOTER || 'footer', fallback);
 
   return (
-    <footer className={`font-sans px-4 py-[26px] bg-white ${className}`}>
+    <BlockWrapper tag="footer" className={`px-4 py-[26px] ${className}`} {...rest}>
       <Contacts className="overflow-hidden" items={contacts} hasButton />
-      <AccordionItemsList>
+      <div className="m-0 p-0">
         {sitemap.topItems?.map((item, i) => (
-          <AccordionItem key={String(i)} label={item.text}>
+          <RollupItem key={String(i)} label={item?.text}>
             <LinkList documents={item.items} />
-          </AccordionItem>
+          </RollupItem>
         ))}
-      </AccordionItemsList>
+      </div>
       <div>{sitemap?.dispositions?.map(renderSubMenuItem)}</div>
       <MobileAppTile
         title="Мобильное приложение"
@@ -47,7 +47,7 @@ export const Footer = JSX<FooterProps>(({ className = '', ...rest }) => {
       <SocialMedia className="pb-4" media={socialMedia} />
       <HorizontalNavigation title={horizontalNavigationTitle} links={relatedEnterprises} />
       <TextInformation links={documents} />
-    </footer>
+    </BlockWrapper>
   );
 });
 

package/mobile/src/components/Header/Header.tsx

@@ -12,9 +12,8 @@ import type { SitemapDataProps } from '../../services/sitemap/SitemapProps';
 import { useSWRResource } from '../../services/sitemap/useSWRResource';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
-import { AccordionItemsList } from '../Accordion/AccordionItemsList';
-import { AccordionItem } from '../AccordionItem/AccordionItem';
 import { LinkList } from '../LinkList/LinkList';
+import { RollupItem } from '../RollupItem/RollupItem';
 import { HeaderBurger } from './HeaderBurger';
 import type { HeaderContent } from './HeaderContent';
 import { HeaderTop } from './HeaderTop';
@@ -65,13 +64,13 @@ export const Header = JSX<HeaderProps>(
             burgerSubMenu={dispositions}
             defaultLocation={defaultLocation}
           >
-            <AccordionItemsList>
+            <div className="list-none m-0 p-0">
               {topItems?.map((item, i) => (
-                <AccordionItem key={String(i)} label={item.text}>
+                <RollupItem key={String(i)} label={item.text}>
                   <LinkList documents={item.items} />
-                </AccordionItem>
+                </RollupItem>
               ))}
-            </AccordionItemsList>
+            </div>
           </HeaderBurger>
         ) : null}
       </BlockWrapper>

package/mobile/src/components/Headline/Headline.tsx

@@ -18,14 +18,17 @@ export const Headline = JSX<HeadlineProps>(
     headlineVersion = 'XL',
     align = 'text-center',
     as,
+    isPadding = true,
     ...rest
   }) => {
     const versionStyle = headlineVersionStyles[headlineVersion];
+    const paddingStyle = isPadding ? 'p-12' : '';
 
     return (
       <BlockWrapper
         className={style(
-          'flex flex-col p-12 group-data-secondary:bg-primary-main group-data-secondary:text-white',
+          'flex flex-col group-data-secondary:bg-primary-main group-data-secondary:text-white',
+          paddingStyle,
           versionStyle.wrapper,
           className,
         )}

package/mobile/src/components/Headline/HeadlineContent.ts

@@ -13,4 +13,6 @@ export type HeadlineContent = UniBlockContent &
     align?: TextAlign;
     /** @hidden */
     as?: HeadingTagType;
+  /** @title Внутренний отступ блока */
+  isPadding?: boolean;
   };

package/mobile/src/components/PictureText/PictureText.example.json

@@ -13,6 +13,7 @@
     "directionRight": false,
     "benefits": [
       {
+        "type": "default",
         "label": "Преимущество №1",
         "icon": {
           "format": "webp",
@@ -20,6 +21,7 @@
         }
       },
       {
+        "type": "default",
         "label": "Преимущество №2",
         "icon": {
           "format": "webp",

package/mobile/src/components/RollupItem/RollupItem.tsx

@@ -1,15 +1,20 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { BlockVersion } from '../../model/BlockVersion';
+import type { IconName } from '../../icons/IconName';
+import { BlockVersion } from '../../model/BlockVersion';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
+import { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import type { FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import { Img } from '../../ui-kit/Img/Img';
+import { Text } from '../../ui-kit/Text/Text';
 import { getIconWithVersion } from '../../utils/getIconWithVersion';
+import { style } from '../../utils/style';
+import { AccordionContent } from '../Accordion/AccordionContent';
 import type { RollupItemContent } from './RollupItemContent';
 
 export interface RollupItemProps extends RollupItemContent, UniBlockProps {}
@@ -22,40 +27,49 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
     isFoldButtonOnTop = true,
     version = 'primary',
     ...rest
-  }) => (
-    <BlockWrapper
-      className={`border-b border-solid border-main-divider w-full ${className}`}
-      tag="div"
-      {...rest}
-    >
-      <Foldable
-        isFoldButtonOnTop={isFoldButtonOnTop}
-        unfoldedByDefault={isExpanded}
-        renderFoldableSection={({ isUnfolded }) => (
-          <div className="box-border">
+  }) => {
+    const { bordered } = getParentBlockContent(rest.options, {} as AccordionContent);
+
+    return (
+      <BlockWrapper
+        className={style(
+          'border-b border-solid border-main-divider w-full',
+          bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0',
+          className,
+        )}
+        tag="div"
+        version="transparent"
+        {...rest}
+      >
+        <Foldable
+          isFoldButtonOnTop={isFoldButtonOnTop}
+          unfoldedByDefault={isExpanded}
+          renderFoldableSection={({ isUnfolded }) => (
             <FoldableSection
-              className={`grid grid-cols-12 gap-1 border-box`}
+              className="flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0"
               isUnfolded={isUnfolded}
             >
               {renderChildren(rest)}
             </FoldableSection>
-          </div>
-        )}
-        renderFoldButton={({ isUnfolded, onToggle }) =>
-          renderFoldButton({ version, label, isUnfolded, onToggle })
-        }
-      />
-    </BlockWrapper>
-  ),
+          )}
+          renderFoldButton={({ isUnfolded, onToggle }) =>
+            renderFoldButton({ version, label, isUnfolded, onToggle })
+          }
+        />
+      </BlockWrapper>
+    );
+  },
 );
 
 RollupItem.childrenTypes = {
-  exclude: ['RollupItem', 'Accordion', 'AccordionItem', 'OtherProducts', 'OtherProductsItem'],
+  exclude: ['RollupItem', 'Accordion', 'OtherProducts'],
 };
 
 interface FoldButtonProps extends FoldablePartProps {
   version?: BlockVersion;
   label?: string;
+  className?: string;
+  primaryIcon?: Picture;
 }
 
 const renderFoldButton = ({
@@ -63,11 +77,19 @@ const renderFoldButton = ({
   label: defaultLabel,
   isUnfolded,
   onToggle,
+  className = '',
+  primaryIcon,
 }: FoldButtonProps) => {
   const label = defaultLabel || (isUnfolded ? 'Скрыть' : 'Развернуть');
 
   return version === 'primary' ? (
-    renderPrimaryFoldButton({ label, icon: isUnfolded ? 'MinusIcon' : 'PlusIcon', onToggle })
+    renderPrimaryFoldButton({
+      label,
+      icon: isUnfolded ? 'MinusIcon' : 'PlusIcon',
+      onToggle,
+      className,
+      primaryIcon,
+    })
   ) : (
     <DefaultFoldButton
       label={label}
@@ -80,15 +102,42 @@ const renderFoldButton = ({
 interface PrimaryFoldButtonProps {
   label?: string;
   icon?: IconName;
+  primaryIcon?: Picture;
   onToggle?: () => void;
+  onClick?: () => void;
+  className?: string;
 }
 
-const renderPrimaryFoldButton = ({ label, icon, onToggle }: PrimaryFoldButtonProps) => (
+const renderPrimaryFoldButton = ({
+  label,
+  icon,
+  primaryIcon,
+  onToggle,
+}: PrimaryFoldButtonProps) => (
   <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"
+    className={`border-none bg-transparent flex justify-between text-left w-full text-primary-text group cursor-pointer py-3.5 px-0`}
     onClick={onToggle}
   >
-    <span className="text-xl font-medium pr-2.5">{label}</span>
-    {icon ? <Img image={getIconWithVersion({ icon })} width="24" height="24" asSVG /> : null}
+    <div className="flex group-hover:text-primary-main">
+      {primaryIcon ? (
+        <Img
+          image={{ ...getIconWithVersion({ ...primaryIcon } as Picture) }}
+          className="mr-3 flex-shrink-0"
+          width="24"
+          height="24"
+          asSVG
+        />
+      ) : null}
+      <Text size="text-m-title-xs" font="font-medium">
+        {label}
+      </Text>
+    </div>
+    <Img
+      className="flex-shrink-0"
+      image={{ ...getIconWithVersion({ icon: icon }) }}
+      width="24"
+      height="24"
+      asSVG
+    />
   </button>
 );

package/mobile/src/components/StepsBlock/StepsBlock.example.json

@@ -8,6 +8,7 @@
     "stepVersion": "gray",
     "steps": [
       {
+        "type": "default",
         "label": "Шаг №1",
         "description": "Описание шага №1",
         "icon": {
@@ -22,9 +23,10 @@
           "text": "Кнопка",
           "target": "_blank",
           "version": "primary"
-        } 
+        }
       },
       {
+        "type": "default",
         "label": "Шаг №2",
         "icon": {
           "icon": "PassSendIcon",
@@ -41,6 +43,7 @@
         }
       },
       {
+        "type": "default",
         "description": "Шаг №3 без заголовка",
         "icon": {
           "icon": "ActualBalanceIcon",

package/mobile/src/ui-kit/BenefitItem/BenefitItemProps.ts

@@ -23,7 +23,7 @@ type DefaultBenefit = BenefitItemProps & DefaultListItemType;
 
 /**
  * @title Преимущество
- * @default{
+ * @default {
  *  "type": "default"
  * }
  */

package/mobile/src/ui-kit/Icon/Icon.tsx

@@ -48,6 +48,9 @@ export const Icon = JSX<IconProps>(
         </Background>
       );
     }
+    if (!className.includes('h-')) {
+      imgProps['style'] = { height: `${imgProps.height}px` };
+    }
 
     return (
       <img
@@ -55,8 +58,8 @@ export const Icon = JSX<IconProps>(
         src={href}
         alt={alt}
         title={title}
-        {...imgProps}
         aria-hidden="true"
+        {...imgProps}
       />
     );
   },

package/mobile/src/ui-kit/List/List.tsx

@@ -26,7 +26,7 @@ export const List = JSX<ListProps>(
         {items.map((item, i) => (
           <ListItem
             key={String(i)}
-            className={`${itemClassName} mb-1.5`}
+            className={itemClassName}
             isDotted={isDotted}
             size={listItemSize}
           >