@redneckz/wildless-cms-uni-blocks 0.12.10 → 0.12.12

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

@@ -5,7 +5,7 @@ import { minBy } from '../../utils/minBy.js';
 import { scrollBy } from './scrollBy.js';
 import { scrollToEnd } from './scrollToEnd.js';
 import { scrollToStart } from './scrollToStart.js';
-export const useSwipeListScroll = ({ itemCount, isCyclic, onVisibleIndicesChange, }) => {
+export const useSwipeListScroll = ({ itemCount, onVisibleIndicesChange, }) => {
     const containerRef = useRef(null);
     const [visibleIndices, setVisibleIndices] = useState([]);
     const handleVisibleIndicesChange = useCallback((indices) => {
@@ -21,31 +21,31 @@ export const useSwipeListScroll = ({ itemCount, isCyclic, onVisibleIndicesChange
         if (!containerRef.current) {
             return;
         }
-        if (isCyclic && !canScrollLeft) {
-            scrollToEnd(containerRef.current);
+        if (canScrollLeft) {
+            scrollBy(containerRef.current)(itemCount, -1);
         }
         else {
-            scrollBy(containerRef.current)(itemCount, -1);
+            scrollToEnd(containerRef.current);
         }
-    }, [isCyclic, itemCount, canScrollLeft]);
+    }, [itemCount, canScrollLeft]);
     const scrollRight = useCallback(() => {
         if (!containerRef.current) {
             return;
         }
-        if (isCyclic && !canScrollRight) {
-            scrollToStart(containerRef.current);
+        if (canScrollRight) {
+            scrollBy(containerRef.current)(itemCount, 1);
         }
         else {
-            scrollBy(containerRef.current)(itemCount, 1);
+            scrollToStart(containerRef.current);
         }
-    }, [itemCount, isCyclic, canScrollRight]);
+    }, [itemCount, canScrollRight]);
     return [
         containerRef,
         {
             scrollLeft,
             scrollRight,
-            canScrollLeft: isCyclic || canScrollLeft,
-            canScrollRight: isCyclic || canScrollRight,
+            canScrollLeft,
+            canScrollRight,
             visibleIndicesRange: [minIndex, maxIndex],
             handleVisibleIndicesChange,
         },

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

@@ -1 +1 @@
-{"version":3,"file":"useSwipeListScroll.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/useSwipeListScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiBhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAwB,EACxD,SAAS,EACT,QAAQ,EACR,sBAAsB,GACD,EAAkE,EAAE;IACzF,MAAM,YAAY,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAE5C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnE,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,OAAiB,EAAE,EAAE;QACpB,iBAAiB,CAAC,CAAC,WAAW,EAAE,EAAE,CAChC,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAC7D,CAAC;QACF,sBAAsB,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,cAAc,CAAC,MAAM;QAChD,CAAC,CAAC,CAAC,KAAK,EAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAU,CAAC,cAAc,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,CAAC,aAAa,EAAE;YAC9B,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,CAAC,cAAc,EAAE;YAC/B,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACrC;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;SAC9C;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,YAAY;QACZ;YACE,UAAU;YACV,WAAW;YACX,aAAa,EAAE,QAAQ,IAAI,aAAa;YACxC,cAAc,EAAE,QAAQ,IAAI,cAAc;YAC1C,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACzC,0BAA0B;SAC3B;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useSwipeListScroll.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/useSwipeListScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAwB,EACxD,SAAS,EACT,sBAAsB,GACD,EAAkE,EAAE;IACzF,MAAM,YAAY,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAE5C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnE,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,OAAiB,EAAE,EAAE;QACpB,iBAAiB,CAAC,CAAC,WAAW,EAAE,EAAE,CAChC,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAC7D,CAAC;QACF,sBAAsB,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,cAAc,CAAC,MAAM;QAChD,CAAC,CAAC,CAAC,KAAK,EAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAU,CAAC,cAAc,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,aAAa,EAAE;YACjB,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;SAC/C;aAAM;YACL,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,cAAc,EAAE;YAClB,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;SAC9C;aAAM;YACL,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,OAAO;QACL,YAAY;QACZ;YACE,UAAU;YACV,WAAW;YACX,aAAa;YACb,cAAc;YACd,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACzC,0BAA0B;SAC3B;KACF,CAAC;AACJ,CAAC,CAAC"}

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

@@ -7,7 +7,7 @@ export const TableArrowScrollControl = JSX(({ isScrollAvailable, onNextClick, on
             inc: onNextClick,
             canDec: showPrevButton,
             canInc: showNextButton,
-            btnClass: ['top-[108px]', 'top-[44px]'],
+            btnClass: ['top-28', 'top-12'],
             className: 'right-7',
             isDisabled: true,
         }) })) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACG,YAAY,CAAC;YACZ,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC;YACvC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACG,YAAY,CAAC;YACZ,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;YAC9B,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -70,7 +70,7 @@ export const YandexMap = JSX(({ points, className = '', zoom = 5, showSearchFiel
             setPointsToRender(normalizedPoints);
         }
     };
-    return (_jsxs("div", { id: "map", className: `${isFullScreen ? '' : 'relative'} w-full ${className}`, children: [_jsx("div", { className: `absolute flex left-2 top-4 w-[50%] ${zIndex}`, children: showSearchField
+    return (_jsxs("div", { id: "map", className: `${isFullScreen ? '' : 'relative'} w-full ${className}`, children: [_jsx("div", { className: `absolute flex left-2 top-4 w-1/2 ${zIndex}`, children: showSearchField
                     ? renderSearchField(mockPoints, yandexMaps, updatePointsToRender)
                     : renderOpenMap(pointsCenter) }), _jsx("div", { className: `${Object.values(FULLSCREEN_STYLES).join(' ')} ${zIndex} right-2 top-4 bg-white`, onClick: toggleFullscreen, children: _jsx(Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), _jsxs("div", { className: `absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md ${zIndex}`, children: [_jsx(ZoomButton, { yandexMaps: map }), _jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map.current, yandexMaps, `right-2 top-80 ${zIndex}`)] }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"YandexMap.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/YandexMap.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAc,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,uCAAuC;IAC/C,QAAQ,EAAE,2CAA2C;IACrD,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,wCAAwC;IAC/C,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,0BAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,oHAAoH;AACpH,sDAAsD;AACtD,0DAA0D;AAC1D,6EAA6E;AAC7E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,eAAe,GAAG,KAAK,EAAE,EAAE,EAAE;IAChE,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAE,CAAC;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAa,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;IAE9F,MAAM,YAAY,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE;YACjB,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE;gBACrB,GAAG,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE;oBACtC,MAAM,EAAE,YAAY;oBACpB,IAAI;oBACJ,QAAQ,EAAE,EAAE;oBACZ,oBAAoB,EAAE,IAAI;iBAC3B,CAAC,CAAC;gBACH,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,IAAI,cAAc,IAAI,UAAU,EAAE;YAC/C,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;YAC3F,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACrD;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;QACxC,IAAI,CAAC,YAAY,EAAE;YACjB,SAAS,CAAC,eAAe,EAAE,CAAC;SAC7B;aAAM;YACL,SAAS,CAAC,cAAc,EAAE,CAAC;SAC5B;QACD,eAAe,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;IAEpD,MAAM,oBAAoB,GAAG,CAAC,SAA4B,EAAE,EAAE;QAC5D,IAAI,SAAS,EAAE;YACb,MAAM,gBAAgB,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;YACpD,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;SACrC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,WAAW,SAAS,EAAE,aAC9E,cAAK,SAAS,EAAE,sCAAsC,MAAM,EAAE,YAC3D,eAAe;oBACd,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,EAAE,oBAAoB,CAAC;oBACjE,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,GAC3B,EACN,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CACjD,GAAG,CACJ,IAAI,MAAM,yBAAyB,EACpC,OAAO,EAAE,gBAAgB,YAEzB,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACjD,EACN,eACE,SAAS,EAAE,0FAA0F,MAAM,EAAE,aAE7G,KAAC,UAAU,IAAC,UAAU,EAAE,GAAG,GAAI,EAC/B,KAAC,UAAU,IAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,GAAG,IAC3C,EACL,qBAAqB,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,kBAAkB,MAAM,EAAE,CAAC,IACvE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,MAAkB,EAAE,EAAE,CAAC;IAC7C,qBAAqB,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,qBAAqB,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,GAAe,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAEhF,MAAM,qBAAqB,GAAG,CAAC,GAAe,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC;AAE5F,MAAM,eAAe,GAAG,CAAC,MAAkB,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"YandexMap.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/YandexMap.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/ui-kit/YandexMap/renderSearchField.js

@@ -23,6 +23,6 @@ export const renderSearchField = (points, yandexMaps, updatePointsToRender) => {
             updatePointsToRender(null);
         }
     };
-    return (_jsxs("div", { className: `${Object.values(styles).join(' ')} bg-white py-3 pl-11 pr-4 w-full`, children: [_jsx(Icon, { name: "LoupeIcon", iconVersion: "black", width: "20", height: "20", className: "absolute left-4" }), _jsx("input", { type: "text", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u0438\u043B\u0438 \u043C\u0435\u0442\u0440\u043E", onChange: onChange, className: "border-0 focus:border-0 outline-0 w-full" })] }));
+    return (_jsxs("div", { className: `${Object.values(styles).join(' ')} bg-white py-s pl-5xl pr-m w-full`, children: [_jsx(Icon, { name: "LoupeIcon", iconVersion: "black", width: "20", height: "20", className: "absolute left-4" }), _jsx("input", { type: "text", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u0438\u043B\u0438 \u043C\u0435\u0442\u0440\u043E", onChange: onChange, className: "border-0 focus:border-0 outline-0 w-full" })] }));
 };
 //# sourceMappingURL=renderSearchField.js.map

package/mobile/lib/ui-kit/YandexMap/renderSearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderSearchField.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/renderSearchField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,sCAAsC;IAC9C,QAAQ,EAAE,4BAA4B;IACtC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,sCAAsC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAoB,EACpB,UAAqB,EACrB,oBAAwD,EACxD,EAAE;IACF,MAAM,QAAQ,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC1D,MAAM,KAAK,GAAW,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3E,IAAI,KAAK,EAAE;YACT,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAa,EAAE,EAAE;gBACnD,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC3C,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;oBACrC,OAAO,CAAC,CAAC;iBACV;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;SACpC;aAAM;YACL,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,kCAAkC,aAClF,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,WAAW,EAAC,OAAO,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,iBAAiB,GAC3B,EACF,gBACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,6HAAyB,EACrC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,0CAA0C,GACpD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"renderSearchField.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/renderSearchField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,sCAAsC;IAC9C,QAAQ,EAAE,4BAA4B;IACtC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,sCAAsC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAoB,EACpB,UAAqB,EACrB,oBAAwD,EACxD,EAAE;IACF,MAAM,QAAQ,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC1D,MAAM,KAAK,GAAW,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3E,IAAI,KAAK,EAAE;YACT,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAa,EAAE,EAAE;gBACnD,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC3C,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;oBACrC,OAAO,CAAC,CAAC;iBACV;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;SACpC;aAAM;YACL,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,mCAAmC,aACnF,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,WAAW,EAAC,OAAO,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,iBAAiB,GAC3B,EACF,gBACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,6HAAyB,EACrC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,0CAA0C,GACpD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/utils/formatBytes.d.ts

@@ -0,0 +1 @@
+export declare const formatBytes: (bytes: number, decimals?: number) => string;

package/mobile/lib/utils/formatBytes.js

@@ -0,0 +1,10 @@
+const KILO = 1024;
+const KILO_SIZES = ['байт', 'Кб', 'Мб', 'Гб', 'Тб', 'Пб'];
+export const formatBytes = (bytes, decimals = 2) => {
+    if (bytes === 0) {
+        return '';
+    }
+    const i = Math.floor(Math.log(bytes) / Math.log(KILO));
+    return `${parseFloat((bytes / Math.pow(KILO, i)).toFixed(decimals))} ${KILO_SIZES[i]}`;
+};
+//# sourceMappingURL=formatBytes.js.map

package/mobile/lib/utils/formatBytes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatBytes.js","sourceRoot":"","sources":["../../src/utils/formatBytes.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,CAAC;AAClB,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE;IACzD,IAAI,KAAK,KAAK,CAAC,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IAED,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AACzF,CAAC,CAAC"}

package/mobile/src/BlockRenderer/renderBlock.tsx

@@ -1,5 +1,6 @@
 import type { BlockAncestors } from '../model/BlockDecorator';
 import type { BlockDef } from '../model/ContentPageDef';
+import type { UniBlockProps } from '../model/JSXBlock';
 import { style } from '../utils/style';
 import type { BlockRendererOptions } from './BlockRendererOptions';
 import { defaultBlockDecorator } from './defaultBlockDecorator';
@@ -8,7 +9,7 @@ const DEFAULT_ANCESTORS: BlockAncestors = [];
 
 const defaultStyle = 'col-span-12';
 
-type ExtraProps = Partial<Record<string, any> & { className: string }>;
+export type ExtraProps = Partial<Record<string, any>> & UniBlockProps;
 
 export function renderBlock(
   block: BlockDef,
@@ -31,11 +32,7 @@ export function renderBlock(
 
   return blockDecorator(
     {
-      blockClassName: style(
-        'scroll-mt-12', // TODO scroll-mt-12 ? here?
-        className,
-        block.style || defaultStyle,
-      ),
+      blockClassName: style(block.style?.length ? block.style : defaultStyle, className),
       block,
       ancestors,
       // Adjusted by decorator block and blockClassName

package/mobile/src/BlockRenderer/renderBlockList.tsx

@@ -3,11 +3,18 @@ import { DEFAULT_SLOT_NAME } from '../model/BlockDecorator';
 import type { BlockDef } from '../model/ContentPageDef';
 import type { VNode } from '../model/VNode';
 import type { BlockRendererOptions } from './BlockRendererOptions';
-import { renderBlock } from './renderBlock';
+import { ExtraProps, renderBlock } from './renderBlock';
+
+export type ChildRenderProps = (
+  block: BlockDef,
+  options: BlockRendererOptions,
+  i?: number,
+) => VNode;
 
 export interface BlocksListRendererProps extends BlockRendererOptions {
   slotName?: SlotName;
-  renderProps?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+  extraProps?: ExtraProps;
+  renderProps?: ChildRenderProps;
 }
 
 const EMPTY_ANCESTORS: BlockAncestors = [];
@@ -18,16 +25,26 @@ export const renderBlocksList = (
     key,
     ancestors = EMPTY_ANCESTORS,
     slotName = DEFAULT_SLOT_NAME,
-    renderProps = renderBlock,
+    extraProps,
+    renderProps = renderBlock as ChildRenderProps,
     ...options
   }: BlocksListRendererProps,
-): VNode[] =>
-  (blocks || []).map((_: BlockDef, j: number) =>
-    renderProps(_, {
-      ...options,
-      key: `${key ? key : _.type}-${j}`,
-      ancestors: options.parent
-        ? [...(ancestors || EMPTY_ANCESTORS), [options.parent, slotName]]
-        : ancestors,
-    }),
+): VNode[] => {
+  const renderChildBlock: ChildRenderProps = extraProps
+    ? (childBlock, childOptions) => renderBlock(childBlock, childOptions, extraProps)
+    : renderProps;
+
+  return (blocks || []).map((_: BlockDef, i: number) =>
+    renderChildBlock(
+      _,
+      {
+        ...options,
+        key: `${key ? key : _.type}-${i}`,
+        ancestors: options.parent
+          ? [...(ancestors || EMPTY_ANCESTORS), [options.parent, slotName]]
+          : ancestors,
+      },
+      i,
+    ),
   );
+};

package/mobile/src/BlockRenderer/renderChildren.ts

@@ -1,18 +1,19 @@
-import type { BlockDef } from '../model/ContentPageDef';
 import type { UniBlockProps } from '../model/JSXBlock';
 import type { VNode } from '../model/VNode';
-import type { BlockRendererOptions } from './BlockRendererOptions';
-import { renderBlocksList } from './renderBlockList';
+import type { ExtraProps } from './renderBlock';
+import { ChildRenderProps, renderBlocksList } from './renderBlockList';
 
 interface ChildrenRendererProps extends UniBlockProps {
   children?: VNode;
-  renderProps?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+  extraProps?: ExtraProps;
+  renderProps?: ChildRenderProps;
 }
 
 export function renderChildren({
-  children,
   block,
   options,
+  children,
+  extraProps,
   renderProps,
 }: ChildrenRendererProps): VNode[] | null {
   if (children) {
@@ -20,6 +21,6 @@ export function renderChildren({
   }
 
   return block && options
-    ? renderBlocksList(block.blocks, { ...options, parent: block, renderProps })
+    ? renderBlocksList(block.blocks, { ...options, parent: block, extraProps, renderProps })
     : null;
 }

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

@@ -38,7 +38,7 @@ export const ApplicationForm = JSX<ApplicationFormProps>((props) => {
   }, []);
 
   return (
-    <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
+    <BlockWrapper className={className} defaultPadding="p-6xl" {...rest}>
       <div className="container max-w-[978px]">
         {title ? (
           <Heading headingType="h3" title={title} className="mb-4 sm:mb-8 sm:text-center" />

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

@@ -64,18 +64,18 @@ export const ApplicationFormWed = JSX<ApplicationFormsProps>((props) => {
 
   return (
     <form className="container" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Данные организации" className="sm:text-center mb-4" />
+      <Heading headingType="h6" title="Данные организации" className="sm:text-center mb-m" />
       {renderWedDataOrganization(field)}
-      <Heading headingType="h6" title="Интересующий вопрос" className="sm:text-center mb-4" />
+      <Heading headingType="h6" title="Интересующий вопрос" className="sm:text-center mb-m" />
       {renderQuestionsInterested(field)}
       <div className="flex flex-col border-b border-main-divider mb-5 pb-5 sm:items-center sm:flex-row sm:mb-9 sm:pb-9">
-        {renderSubmitButton(button, 'mb-4 sm:mr-5 sm:mb-0')}
+        {renderSubmitButton(button, 'mb-m sm:mr-lg sm:mb-0')}
         <Footnote link={link} />
       </div>
       <Heading
         headingType="h6"
         title="Или свяжитесь с нами удобным способом"
-        className="sm:text-center mb-4"
+        className="sm:text-center mb-m"
       />
       {renderContacts()}
     </form>

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

@@ -12,11 +12,11 @@ export const ResponseNotification = JSX<ResponseNotificationProps>(({ responseTy
   const backgroundColor = responseOK ? 'bg-ok' : 'bg-fail';
 
   return (
-    <div className={`flex items-center mt-5 p-5 rounded-md ${backgroundColor}`}>
+    <div className={`flex items-center mt-lg p-lg rounded-md space-x-m ${backgroundColor}`}>
       {responseOK ? (
-        <Img image={{ icon: 'ResponceOKIcon' }} width="42" height="42" className="mr-4" />
+        <Img image={{ icon: 'ResponceOKIcon' }} width="42" height="42" />
       ) : (
-        <Img image={{ icon: 'ResponceFailIcon' }} width="37" height="34" className="mr-4" />
+        <Img image={{ icon: 'ResponceFailIcon' }} width="37" height="34" />
       )}
       <div>
         <Heading

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

@@ -7,33 +7,33 @@ import type { WedFormState } from './WedFormState';
 
 export const renderWedDataOrganization = (field: FormFieldRegisterer<WedFormState>) => (
   <div>
-    <div className="sm:flex sm:justify-between sm:gap-5">
+    <div className="sm:flex sm:justify-between sm:gap-lg">
       <div className="sm:w-1/2">
         <InputControl
-          className="shrink-0 w-full mb-3"
+          className="shrink-0 w-full mb-s"
           label="Наименование организации"
           {...withValidator(field('fullName'), defaultValidator)}
         />
       </div>
       <div className="sm:w-1/2">
         <InputControl
-          className="shrink-0 w-full mb-3"
+          className="shrink-0 w-full mb-s"
           label="ФИО"
           {...withValidator(field('name'), nameValidator)}
         />
       </div>
     </div>
-    <div className="sm:flex sm:justify-between sm:gap-5 sm:mb-7">
+    <div className="sm:flex sm:justify-between sm:gap-lg sm:mb-2xl">
       <div className="sm:w-1/2">
         <PhoneInputControl
-          className="shrink-0 w-full mb-3"
+          className="shrink-0 w-full mb-s"
           label="Телефон"
           {...withValidator(field('phone'), phoneValidator)}
         />
       </div>
       <div className="sm:w-1/2">
         <InputControl
-          className="shrink-0 w-full mb-3"
+          className="shrink-0 w-full mb-s"
           label="Электронная почта"
           {...withValidator(field('mail'), defaultValidator)}
         />

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

@@ -17,10 +17,10 @@ interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
 
 export const BenefitsBlock = JSX<BenefitsBlockProps>(
   ({ className = '', title, benefitList, ...rest }) => (
-    <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
+    <BlockWrapper className={className} defaultPadding="p-6xl" {...rest}>
       {title ? <Heading headingType="h3" as="h2" className="text-center" title={title} /> : null}
       {benefitList?.length ? (
-        <div className="flex flex-wrap w-full sm:justify-center mt-m gap-xl" role="list">
+        <div className="flex flex-wrap w-full sm:justify-center mt-xl gap-5xl" role="list">
           {benefitList.map(renderBenefit)}
         </div>
       ) : null}
@@ -31,7 +31,7 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(
 const renderBenefit = (benefit: BenefitBlockItemProps, i: number) => (
   <div
     key={String(i)}
-    className="flex gap-s items-center md:basis-1/2 md:max-w-[400px]"
+    className="flex gap-m items-center md:basis-1/2 md:max-w-[400px]"
     role="listitem"
   >
     {benefit?.icon?.icon ? (
@@ -56,7 +56,7 @@ const renderDescription = (description: DescriptionDef | undefined) => {
   const benefitType = description?.benefitType || null;
 
   return description && benefitType ? (
-    <div className="mt-2 text-l font-light text-secondary-text group-data-secondary:text-white/80">
+    <div className="mt-xs text-l font-light text-secondary-text group-data-secondary:text-white/80">
       {benefitType === 'list'
         ? renderListBenefit(description as ListBenefitDef)
         : renderTextBenefit(description as TextBenefitDef)}
@@ -67,7 +67,7 @@ const renderDescription = (description: DescriptionDef | undefined) => {
 const renderTextBenefit = (description?: TextBenefitDef) => description?.name || null;
 
 const renderListBenefit = (description?: ListBenefitDef) => {
-  const listStyleType = description?.bullets ? 'list-disc pl-6' : '';
+  const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
 
   return description?.items && description.items.length > 0 ? (
     <ul className={listStyleType}>

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

@@ -0,0 +1 @@
+export const benefitImageStyles = 'w-56 h-56 min-w-56';

package/mobile/src/components/Blocks.ts

@@ -13,9 +13,11 @@ import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
 import { CarouselProductCard } from './CarouselProductCard/CarouselProductCard';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
+import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
+import { HorizontalLayout } from './HorizontalLayout/HorizontalLayout';
 import { ImgBlock } from './ImgBlock/ImgBlock';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
@@ -25,6 +27,7 @@ import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
+import { SafeDepositRental } from './SafeDepositRental/SafeDepositRental';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { Tabs } from './Tabs/Tabs';
 import { TariffsTable } from './TariffsTable/TariffsTable';
@@ -46,6 +49,7 @@ export const Blocks: BlocksRegistry = {
   Footer,
   Header,
   Headline,
+  HorizontalLayout,
   ImgBlock,
   LinkDocs,
   MobileAppTile,
@@ -58,8 +62,10 @@ export const Blocks: BlocksRegistry = {
   TextBlock,
   RichTextBlock,
   RollupItem,
+  SafeDepositRental,
   VerticalLayout,
   CarouselRecommendationCard,
+  ExchangeRateTile,
   CarouselProgramsCard,
   ProductGallery,
   BenefitsBlock,

package/mobile/src/components/Bonus/Bonus.tsx

@@ -14,9 +14,9 @@ export const Bonus = JSX<BonusProps>((props) => {
   const { className = '', title, description, bonusItems, ...rest } = props;
 
   return (
-    <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
+    <BlockWrapper className={className} defaultPadding="p-6xl" {...rest}>
       <div className="container">
-        <Headline className="!p-0" title={title} description={description} headlineVersion="M" />
+        <Headline title={title} description={description} headlineVersion="M" isPadding={false} />
         <div className="flex flex-wrap w-full mt-9">
           {bonusItems?.length
             ? bonusItems.map((_, i) => (
@@ -26,7 +26,7 @@ export const Bonus = JSX<BonusProps>((props) => {
                 >
                   {_?.title ? <Text size="text-h4">{_.title}</Text> : null}
                   {_?.description ? (
-                    <div className="mt-2">
+                    <div className="mt-xs">
                       <Paragraph size="text-xl" font="font-light">
                         {_.description}
                       </Paragraph>

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

@@ -1,7 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import type { BonusBenefitsBlockContent } from './BonusBenefitsBlockContent';
 import { renderBonusBenefits } from './renderBonusBenefits';
@@ -18,9 +17,9 @@ export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
     title,
     ...rest
   }) => (
-    <BlockWrapper className={style('p-default', className)} defaultPadding="p-default" {...rest}>
+    <BlockWrapper className={className} defaultPadding="p-6xl" {...rest}>
       <Headline
-        className="mb-4 sm:mb-8"
+        className="mb-4 sm:mb-3xl"
         isPadding={false}
         title={title}
         description={subtitle}

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

@@ -1,4 +1,5 @@
-import { AlignType } from '../../model/AlignType';
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import type { AlignType } from '../../model/AlignType';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
 import { BonusBenefit, ColumnsCount } from './BonusBenefitsBlockContent';
 import { renderBonusBenefit } from './renderBonusBenefit';

package/mobile/src/components/BusinessBlock/BusinessBlock.tsx

@@ -8,8 +8,8 @@ import { BusinessCard } from './BusinessCard';
 export interface BusinessBlockProps extends BusinessBlockContent, UniBlockProps {}
 
 export const BusinessBlock = JSX<BusinessBlockProps>(({ className, title, cards, ...rest }) => (
-  <BlockWrapper className={className} defaultPadding="p-default" {...rest}>
-    <Heading headingType="h3" title={title} className="text-center mb-8" />
+  <BlockWrapper className={className} defaultPadding="p-6xl space-y-3xl" {...rest}>
+    <Heading headingType="h3" title={title} className="text-center" />
     <div className="flex gap-5">
       {cards?.length ? cards.map((_, i) => <BusinessCard key={String(i)} {..._} />) : null}
     </div>

package/mobile/src/components/BusinessBlock/BusinessCard.tsx

@@ -9,16 +9,18 @@ export const BusinessCard = JSX<BusinessCardProps>((props) => {
   const { title, image, cardItems, button } = props;
 
   return (
-    <div className="border-gray border p-9 w-1/2">
+    <div className="border-gray border p-4xl w-1/2 space-y-lg">
       {image ? (
         <div className="flex justify-center">
-          {image?.src ? <Img className="mb-5" image={image} /> : null}
+          {image?.src ? <Img image={image} /> : null}
           {image?.icon ? <Img image={image} /> : null}
         </div>
       ) : null}
-      {title ? <Heading headingType="h4" title={title} className="mb-6" /> : null}
-      {cardItems?.length ? <ul>{cardItems.map((_, i) => renderItem(_, String(i)))}</ul> : null}
-      {renderButtonsSection([button], { buttonClassName: 'mt-6' })}
+      {title ? <Heading headingType="h4" title={title} /> : null}
+      {cardItems?.length ? (
+        <ul className="space-y-s">{cardItems.map((_, i) => renderItem(_, String(i)))}</ul>
+      ) : null}
+      {renderButtonsSection([button])}
     </div>
   );
 });
@@ -27,9 +29,9 @@ const renderItem = (item: BusinessCardItemProps, key: string) => {
   const { icon, text } = item;
 
   return (
-    <li key={key} className="flex items-center gap-3.5 mb-3 last:mb-0">
+    <li key={key} className="flex items-center gap-s last:mb-0">
       {icon?.icon ? (
-        <Img image={icon} className="w-12 h-12 min-w-12 p-3 rounded-icon bg-main-divider" />
+        <Img image={icon} className="w-12 h-12 min-w-12 p-s rounded-icon bg-main-divider" />
       ) : null}
       {icon?.src ? <Img image={icon} /> : null}
       <Text size="text-xl" font="font-light">

package/mobile/src/components/Calculator/BonusCalculatorForm.tsx

@@ -26,7 +26,7 @@ export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
 
     return (
       <section className={style('flex justify-between', className)}>
-        <div className="w-[468px]">
+        <div className="w-2/5">
           {renderWantedSumInput({
             title: 'Сумма покупок в категории путешествия, ₽',
             min: minSumTravel,
@@ -55,7 +55,7 @@ export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
             />
           ) : null}
         </div>
-        <div className="w-full max-w-[350px]">
+        <div className="w-96">
           {yearBonus >= 0 ? <CalculatorValueBlock title="Баллов за год" value={yearBonus} /> : null}
           {renderButtonsSection(buttons, { className: 'mt-7', isVertical: true })}
           {renderFootnote(footnote)}

package/mobile/src/components/Calculator/BusinessDepositCalculatorForm.tsx

@@ -37,7 +37,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
     return (
       <section className={className}>
         <div className="flex justify-between">
-          <div className="w-[486px]">
+          <div className="w-2/5">
             {renderWantedSumInput({
               title: 'Сумма вклада, ₽',
               min: calculatorParams.minSum,
@@ -73,7 +73,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
             />
           )}
 
-          <div className="w-full max-w-[350px]">
+          <div className="w-96">
             <CalculatorValueBlock title="Доход по вкладу" value={income} postfix="₽" prefix="+" />
             <CalculatorValueBlock title="Сумма в конце срока" value={finalSum} postfix="₽" />
             {renderButtonsSection(buttons, { className: 'mt-7', isVertical: true })}

package/mobile/src/components/Calculator/Calculator.tsx

@@ -70,9 +70,9 @@ export const Calculator = JSX<CalculatorProps>(
 
 function renderNavButton({ tab, i, isActive, onClick }: NavButtonProps) {
   const btnClassName = isActive
-    ? 'h-[88px] w-[387px] min-w-[387px] p-5 border-none bg-primary-main text-white'
-    : `h-[77px] w-[328px] min-w-[328px] px-5 py-4 ease-in duration-300 bg-white text-primary-text`;
-  const btnTitleClassName = isActive ? 'text-xl mb-1.5' : `text-l mb-[3px]`;
+    ? 'h-20 w-96 p-xl border-none bg-primary-main text-white'
+    : `h-20 w-96 px-lg ease-in duration-300 bg-white text-primary-text`;
+  const btnTitleClassName = isActive ? 'text-xl mb-xs' : `text-l mb-2xs`;
   const btnDescClassName = isActive
     ? 'text-l font-light text-white'
     : `text-m font-light text-secondary-text`;
@@ -87,12 +87,12 @@ function renderNavButton({ tab, i, isActive, onClick }: NavButtonProps) {
       onClick={onClick}
       aria-label={tab?.title}
       className={style(
-        'box-border relative border border-gray cursor-pointer text-left border-b-0 flex hover:h-[88px]',
+        'box-border relative border border-gray cursor-pointer text-left border-b-0 flex hover:h-20 space-x-m',
         btnClassName,
       )}
     >
       <Img
-        className={`h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`}
+        className={style('h-6 w-6 min-w-6 min-h-6', iconClassName)}
         image={{
           ...tab?.icon,
           iconVersion: iconVersion ?? activeIconStyle,
@@ -115,9 +115,9 @@ function renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick }: TabsProp
     <div>
       <div
         style={{ transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }}
-        className="flex flex-col justify-end items-center h-[126px] pt-9 box-border duration-1000"
+        className="flex flex-col justify-end items-center h-32 pt-4xl box-border duration-1000"
       >
-        <div className="w-full flex flex-nowrap items-end gap-2">
+        <div className="w-full flex flex-nowrap items-end gap-xs">
           {tabsNav.map((tab, i) =>
             renderNavButton({
               tab,