@redneckz/wildless-cms-uni-blocks 0.3.47 → 0.3.50

package/mobile/lib/ui-kit/Icon/IconProps.d.ts

@@ -1,4 +1,5 @@
 import type { IconName } from '../../icons/IconName';
+import type { IconVersion } from '../../model/IconVersion';
 export type { IconName };
 export interface IconCompatibilityFields {
     /** @title Альтернативный текст (alt) */
@@ -15,4 +16,6 @@ export interface IconCompatibilityFields {
 export declare type IconProps = IconCompatibilityFields & {
     className?: string;
     name?: IconName;
+    /** @hidden */
+    iconVersion?: IconVersion;
 };

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../Icon/Icon.js';
+import { getIconVersion } from './getIconVersion.js';
 export const Img = JSX(({ className = '', image, imageClassName = '', ...iconProps }) => {
     // backwards compatibility with existing icons in usage
     const icon = typeof image === 'string' ? image : image?.icon;
     if (icon || icon === '') {
-        return _jsx(Icon, { className: className, name: icon, ...iconProps });
+        return (_jsx(Icon, { className: className, iconVersion: getIconVersion(image), name: icon, ...iconProps }));
     }
     return (_jsx(ImgAsPicture, { className: className, imageClassName: imageClassName, image: image }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IAC/D,uDAAuD;IACvD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7D,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QACvB,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,GAAI,CAAC;KAClE;IAED,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,KAAK,EAAE,OAAO,EAAE,MAAM;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,cAAc,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IAC/D,uDAAuD;IACvD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7D,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QACvB,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,EAClC,IAAI,EAAE,IAAI,KACN,SAAS,GACb,CACH,CAAC;KACH;IAED,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAgB,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACjD,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,KAAK,EAAE,OAAO,EAAE,MAAM;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,cAAc,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}

package/mobile/lib/ui-kit/Img/getIconVersion.d.ts

@@ -0,0 +1 @@
+export declare function getIconVersion(image: any): any;

package/mobile/lib/ui-kit/Img/getIconVersion.js

@@ -0,0 +1,4 @@
+export function getIconVersion(image) {
+    return typeof image === 'string' ? 'normal' : image.iconVersion || 'normal';
+}
+//# sourceMappingURL=getIconVersion.js.map

package/mobile/lib/ui-kit/Img/getIconVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconVersion.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/getIconVersion.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,KAAK;IAClC,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC;AAC9E,CAAC"}

package/mobile/lib/ui-kit/Select/SelectOption.d.ts

@@ -1,5 +1,6 @@
 export interface SelectOptionProps {
     className?: string;
     value?: string;
+    selected?: boolean;
 }
 export declare const SelectOption: (props: import("@redneckz/uni-jsx").PropsWithChildren<SelectOptionProps, any>, context?: any) => any;

package/mobile/lib/ui-kit/Select/SelectOption.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const SelectOption = JSX(({ className = '', value, children }) => {
-    return (_jsx("option", { className: className, value: `${value}`, children: children }));
+export const SelectOption = JSX(({ className = '', value, selected, children }) => {
+    return (_jsx("option", { className: className, value: `${value}`, selected: selected, children: children }));
 });
 //# sourceMappingURL=SelectOption.js.map

package/mobile/lib/ui-kit/Select/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAOxC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,iBAAQ,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,YAC5C,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/SelectOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChD,OAAO,CACL,iBAAQ,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,YAChE,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -10,5 +10,5 @@ const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
     const isActive = currentTabIndex === index;
     return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": String(isActive), children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "font-medium m-0 text-base", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: `font-light text-xs ${isActive ? '' : 'text-secondary-text'}`, children: tab?.description })) : null] })] }, String(index)));
 };
-const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert-full' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
+const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAC3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,MAAM,CAAC,QAAQ,CAAC,aAE9B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,2BAA2B,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,sBAAsB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC3E,GAAG,EAAE,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,KAhBD,MAAM,CAAC,KAAK,CAAC,CAiBd,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1D,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAC3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,MAAM,CAAC,QAAQ,CAAC,aAE9B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,2BAA2B,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,sBAAsB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC3E,GAAG,EAAE,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,KAhBD,MAAM,CAAC,KAAK,CAAC,CAiBd,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/mobile/src/common.css

@@ -40,10 +40,6 @@ html {
 @tailwind utilities;
 
 @layer utilities {
-  .invert-full {
-    filter: invert(1);
-  }
-
   .rotate-180 {
     transform: rotate(180deg);
   }

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

@@ -9,11 +9,11 @@ export const Bonus = JSX<BonusProps>((props) => {
   const { className = '', title, description, bonusItems, anchor = null } = props;
 
   return (
-    <section className={`bg-white p-12 ${className}`} id={anchor}>
+    <section className={`font-sans bg-white p-[50px] pb-9 ${className}`} id={anchor}>
       <div className="container">
-        {title ? <Heading headingType="h2" className="text-center" title={title} /> : null}
+        {title ? <Heading headingType="h3" className="text-center" title={title} /> : null}
         {description ? (
-          <div className="text-md font-light text-center mt-2">{description}</div>
+          <div className="text-md font-light text-center mt-[10px]">{description}</div>
         ) : null}
         <div className="flex flex-wrap w-full mt-9">
           {bonusItems
@@ -21,16 +21,18 @@ export const Bonus = JSX<BonusProps>((props) => {
                 return (
                   <div
                     key={String(i)}
-                    className="flex-grow w-[49%] border border-gray pl-9 pt-9 pr-6 pb-6 mb-4 mx-2 even:mr-0 odd:ml-0 last:odd:w-full last:odd:mx-0"
+                    className="flex-grow w-[49%] border border-gray pl-9 pt-9 pr-6 pb-6 mb-[14px] mx-[7px] even:mr-0 odd:ml-0 last:odd:mx-0"
                   >
                     <div className="flex justify-between w-full">
                       <div className="mr-4">
                         <div className="text-title-sm">{_.name}</div>
-                        <div className="text-md font-light mt-3 max-w-[488px]">{_.description}</div>
+                        <div className="text-md font-light mt-[14px] max-w-[488px]">
+                          {_.description}
+                        </div>
                       </div>
                       {_.bonusCount ? (
                         <div className="relative -bottom-3 h-auto flex items-end mt-14 shrink-0">
-                          <span className="font-mohave -tracking-wider text-title-extra bg-clip-text text-transparent bg-green-to-yellow -mb-7">
+                          <span className="font-mohave -tracking-[5px] text-title-extra bg-clip-text text-transparent bg-green-to-yellow -mb-7">
                             {_.bonusCount}
                           </span>
                           <span className="text-[44px] bg-clip-text text-transparent bg-green-to-yellow">

package/mobile/src/components/Bonus/BonusContent.ts

@@ -1,9 +1,9 @@
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 
-/** @title Список плиток */
+/** @title Плитка */
 interface BonusItems {
-  /** @title Заголовок плитки */
+  /** @title Бонусы */
   name?: string;
   /** @title Описание плитки */
   description?: string;
@@ -14,9 +14,10 @@ interface BonusItems {
 }
 
 /**
- * @title Плитка
+ * @title Блок Бонусы
  */
 export type BonusContent = HeadingContent &
   DescriptionContent & {
+    /** @title Список плиток */
     bonusItems?: BonusItems[];
   };

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -486,6 +486,12 @@
       "content": {
         "title": "Потребительский кредит наличными",
         "description": "Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт.",
+        "headingType": "h2",
+        "backwardButton": {
+          "href": "https://rshb.ru",
+          "text": "Кнопка возврата",
+          "icon": { "icon": "ArrowLeftIcon" }
+        },
         "breadcrumbs": [
           {
             "text": "Главная",
@@ -553,27 +559,27 @@
       "content": {
         "navigatorTabs": [
           {
-            "label": "Калькулятор",
+            "text": "Калькулятор",
             "href": "#calculator"
           },
           {
-            "label": "Преимущества",
+            "text": "Преимущества",
             "href": "#advantages"
           },
           {
-            "label": "Как оформить",
+            "text": "Как оформить",
             "href": "#howToApply"
           },
           {
-            "label": "Тарифы",
+            "text": "Тарифы",
             "href": "#tariffs"
           },
           {
-            "label": "Документы",
+            "text": "Документы",
             "href": "#documents"
           },
           {
-            "label": "Урожай",
+            "text": "Урожай",
             "href": "https://rshb.ru/",
             "target": "_blank"
           }

package/mobile/src/components/ExchangeRateTile/CurrentLocation.tsx

@@ -10,7 +10,7 @@ interface CurrentLocationProps {
 export const CurrentLocation = JSX<CurrentLocationProps>(
   ({ className = '', address, distance }) => (
     <div className={`flex text-sm ${className}`}>
-      <Img className="min-w-fit" image={{ icon: 'GpsIcon' }} width="24" height="24" asSVG />
+      <Img image={{ icon: 'GpsIcon' }} width="24" height="24" asSVG />
       <div className="ml-3 font-light">
         {address ? <p className="m-0 mb-[3px]">{address}</p> : null}
         {distance ? (

package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -16,7 +16,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
     return (
       <div className={`grid gap-3.5 ${className}`}>
         {renderInput('Хочу продать', codes)}
-        {renderInput('Получу', codes)}
+        {renderInput('Получу', codes, 'USD')}
         <Button className="box-border mt-3.5 py-3 h-12 w-full" version="primary" href="#">
           Купить валюту
         </Button>
@@ -25,7 +25,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
   },
 );
 
-function renderInput(placeholder: string, codes: string[]) {
+function renderInput(placeholder: string, codes: string[], selected?: string) {
   return (
     <div className="relative flex items-center">
       <Input
@@ -36,7 +36,7 @@ function renderInput(placeholder: string, codes: string[]) {
       {codes.length ? (
         <Select className="h-9 -translate-x-4">
           {codes.map((code, i) => (
-            <SelectOption key={String(i)} value={code}>
+            <SelectOption key={String(i)} value={code} selected={code === selected}>
               {code}
             </SelectOption>
           ))}

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

@@ -12,7 +12,8 @@
             "src": "calendar/august.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -29,7 +30,8 @@
             "src": "calendar/september.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -40,7 +42,8 @@
             "src": "calendar/october.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -57,7 +60,8 @@
             "src": "calendar/november.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }
@@ -74,7 +78,8 @@
             "src": "calendar/december.png",
             "format": "webp",
             "size": {
-              "width": 210
+              "width": 210,
+              "height": 190
             },
             "alt": "Пример использования «Карты для покупок в рассрочку»"
           }

package/mobile/src/components/GracePeriod/GracePeriod.tsx

@@ -10,8 +10,8 @@ export interface GracePeriodProps extends GracePeriodContent, UniBlockProps {}
 export const GracePeriod = JSX<GracePeriodProps>(
   ({ className = '', title, description, calendar, anchor = null }) => {
     return (
-      <section className={`bg-white p-16 pt-12 ${className}`} id={anchor}>
-        <Heading headingType="h2" className="text-center" title={title} />
+      <section className={`font-sans bg-white p-[50px] ${className}`} id={anchor}>
+        <Heading headingType="h3" className="text-center" title={title} />
         <div className="font-light text-base-md text-center mt-3">{description}</div>
         {calendar ? renderCalendar(calendar) : null}
       </section>
@@ -21,24 +21,30 @@ export const GracePeriod = JSX<GracePeriodProps>(
 
 const renderCalendar = (calendar) => {
   const colCount =
-    calendar.reduce((accumulator, currentValue) => accumulator + currentValue.month.length, 0) || 1;
+    calendar.reduce(
+      (accumulator, currentValue) =>
+        currentValue?.month?.length ? accumulator + currentValue.month.length : accumulator,
+      0,
+    ) || 1;
   const colSize = 100 / colCount;
 
-  const mappedCalendar = calendar.map((_) => ({
-    ..._,
-    flexBasis: `${_.month.length * colSize}%`,
-  }));
+  const mappedCalendar = calendar
+    .filter((_) => _?.month?.length)
+    .map((_) => ({
+      ..._,
+      flexBasis: `${_.month.length * colSize}%`,
+    }));
 
   return (
-    <div className="w-full flex flex-col justify-center mt-14">
-      <div className="flex w-full mb-3 font-light text-m-title-md mb-3 text-center">
+    <div className="w-full flex flex-col justify-center mt-[54px]">
+      <div className="flex w-full mb-3 font-light text-m-title-md text-center">
         {mappedCalendar.map((_) => renderMonthNames(_, colSize))}
       </div>
       <div className="flex w-full">
         {mappedCalendar.map((_, ind) => (
           <div
             key={`monthItem-${ind}`}
-            className="pr-3 mr-3 border-r border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0"
+            className="pr-[11px] mr-3 border-r border-main-divider last:border-r-0 last:pr-0 last:mr-0"
             style={{ flexBasis: _.flexBasis }}
           >
             <div className="flex">{renderMonthImages(_)}</div>
@@ -64,7 +70,7 @@ const renderMonthImages = (item) =>
     _.image?.src ? (
       <div
         key={`monthImage-${_.image.src}`}
-        className="max-h-[207px] border-r-[1px] pr-3 mr-3 border-r-gray/100 last:border-r-0 last:pr-0 last:mr-0"
+        className="h-[207px] border-r-[1px] pr-3 mr-3 border-main-divider last:border-r-0 last:pr-0 last:mr-0"
       >
         <Img image={_.image} className="flex" />
       </div>

package/mobile/src/components/GracePeriod/GracePeriodContent.ts

@@ -1,10 +1,19 @@
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { Picture } from '../../model/Picture';
 
 interface Month {
   /** @title Название месяца */
   name?: string;
-  /** @title Изображение календарного месяца */
+  /**
+   * @title Изображение календарного месяца
+   * @default
+   * {
+   *  format: "webp",
+   *  size: {
+   *    width: 210,
+   *    height: 190
+   *   }
+   * }
+   */
   image?: Picture;
 }
 
@@ -20,7 +29,9 @@ interface CalendarItem {
 /**
  * @title Льготный период
  */
-export interface GracePeriodContent extends HeadingContent {
+export interface GracePeriodContent {
+  /** @title Заголовок */
+  title?: string;
   /** @title Описание */
   description?: string;
   /** @title Календарь */

package/mobile/src/components/NavigatorTabs/NavigatorTabItem.tsx

@@ -1,19 +1,19 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { NavigatorTab } from './NavigatorTabsContent';
+import type { LinkProps } from '../../model/LinkProps';
 
-export interface NavigatorTabItemProps extends NavigatorTab {
+export interface NavigatorTabItemProps extends LinkProps {
   active?: boolean;
   className?: string;
   onClick?: (ev: MouseEvent) => void;
 }
 
-const TEXT_CLASSES = 'font-sans font-normal text-sm';
+const TEXT_CLASSES = 'font-sans font-normal text-m-md';
 const LINK_CLASSES = 'flex-1 flex items-center justify-center cursor-pointer';
 
 export const NavigatorTabItem = JSX<NavigatorTabItemProps>(
-  ({ className = '', label, active, children, onClick, href, target = '_self' }) => (
+  ({ className = '', text, active, children, onClick, href, target = '_self' }) => (
     <a className={getLinkClasses(className, active)} target={target} href={href} onClick={onClick}>
-      <span className={getTextClasses(active)}>{label || children}</span>
+      <span className={getTextClasses(active)}>{text || children}</span>
     </a>
   ),
 );

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

@@ -1,7 +1,7 @@
 {
   "navigatorTabs": [
-    { "label": "Tab1", "href": "#tab1" },
-    { "label": "Tab2", "href": "#tab2" },
-    { "label": "Link", "href": "https://rshb.ru", "target": "_blank" }
+    { "text": "Таб 1", "href": "", "target": "_self" },
+    { "text": "Таб 2", "href": "", "target": "_self" },
+    { "text": "Таб 3", "href": "", "target": "_self" }
   ]
 }

package/mobile/src/components/NavigatorTabs/NavigatorTabs.tsx

@@ -1,29 +1,33 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import { LinkProps } from '../../model/LinkProps';
 import type { UniBlockProps } from '../../types';
-import { getHash, isURL } from '../../utils/url';
-import type { Router } from '../ContentPage/ContentPageContext';
+import { getHash } from '../../utils/url';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { NavigatorTabItem } from './NavigatorTabItem';
-import type { NavigatorTab, NavigatorTabsContent } from './NavigatorTabsContent';
+import type { NavigatorTabsContent } from './NavigatorTabsContent';
 
 export interface TabsBlockProps extends UniBlockProps, NavigatorTabsContent {}
 
 export const NavigatorTabs = JSX<TabsBlockProps>(
   ({ className = '', navigatorTabs, context, anchor = null }) => {
-    const router = context.useRouter();
     const href = globalThis.location?.href; // TODO: remove globalThis, use href from router
 
     return (
       <section
-        className={`sticky top-0 z-20 box-border flex gap-x-1 h-12 ${className}`}
+        className={`sticky top-0 z-20 box-border flex gap-x-1 h-14 ${className}`}
         id={anchor}
       >
-        {navigatorTabs ? navigatorTabs.map(renderTab(href, router)) : null}
+        {navigatorTabs ? navigatorTabs.map(renderTab(context, href)) : null}
       </section>
     );
   },
 );
 
-const renderTab = (href?: string, router?: Router) => (tab: NavigatorTab, i: number) => {
+const renderTab = (context: ContentPageContext, href?: string) => (tab: LinkProps, i: number) => {
+  const { useRouter, handlerDecorator } = context;
+  const router = useRouter();
+
   const hash = getHash(href);
   const active = hash ? tab.href === hash : i === 0;
 
@@ -31,14 +35,7 @@ const renderTab = (href?: string, router?: Router) => (tab: NavigatorTab, i: num
     <NavigatorTabItem
       key={tab.href}
       active={active}
-      onClick={() => handleRoute(router, tab.href)}
-      {...tab}
+      {...useLink({ router, handlerDecorator }, tab)}
     />
   );
 };
-
-const handleRoute = (router?: Router, href?: string) => {
-  if (isURL(href)) return; // if href if full URL - move to HTML href action, do not touch router
-
-  router?.replace(href || '');
-};

package/mobile/src/components/NavigatorTabs/NavigatorTabsContent.ts

@@ -1,14 +1,4 @@
-/**
- * @title Таб
- */
-export interface NavigatorTab {
-  /** @title Название */
-  label?: string;
-  /** @title Якорь */
-  href?: string;
-  /** @title Таргет (target) */
-  target?: string;
-}
+import type { LinkProps } from '../../model/LinkProps';
 
 /**
  * @title Блок табов
@@ -18,5 +8,5 @@ export interface NavigatorTabsContent {
    * @title Список табов
    * @minItems 3
    */
-  navigatorTabs?: NavigatorTab[];
+  navigatorTabs?: LinkProps[];
 }

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

@@ -1,6 +1,12 @@
 {
   "title": "Продукт",
   "description": "Описание",
+  "headingType": "h2",
+  "backwardButton": {
+    "href": "https://rshb.ru",
+    "text": "Кнопка возврата",
+    "icon": { "icon": "ArrowLeftIcon" }
+  },
   "image": {
     "format": "webp",
     "size": {

package/mobile/src/components/ProductBlock/ProductBlockContent.ts

@@ -5,8 +5,15 @@ import type { DescriptionContent } from '../../ui-kit/Description/DescriptionCon
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { IconVersion } from '../../model/IconVersion';
 import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 
+export type BenefitItemProps = {
+  benefit: Benefit;
+  version?: BlockVersion;
+  benefitsVersion?: IconVersion;
+};
+
 export type ProductBlockInnerContent = HeadingContent &
   HeadingTypeContent &
   DescriptionContent &
@@ -19,6 +26,7 @@ export type ProductBlockInnerContent = HeadingContent &
      * @maxItems 3
      */
     benefits?: Benefit[];
+    benefitsVersion?: IconVersion;
     version?: BlockVersion;
     /**
      *  @title Буллиты

package/mobile/src/components/ProductBlock/ProductBlockInner.tsx

@@ -20,6 +20,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     headingType = 'h2',
     description,
     benefits,
+    benefitsVersion = 'normal',
     buttons,
     image,
     items,
@@ -56,7 +57,11 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
               <Description className="mt-3 text-m-md" description={description} />
             ) : null}
             {benefits?.filter((items) => items.label)?.length ? (
-              <div className="mt-3">{benefits.map((_, i) => renderBenefit(_, i, version))}</div>
+              <div className="mt-3">
+                {benefits.map((benefit, i) =>
+                  renderBenefit({ benefit, version, benefitsVersion }, i),
+                )}
+              </div>
             ) : null}
             {items?.length ? (
               <List

package/mobile/src/components/ProductBlock/renderBenefit.tsx

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import { Img } from '../../ui-kit/Img/Img';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import type { BenefitItemProps } from './ProductBlockContent';
 
 const benefitTitleStyleMap: Record<BlockVersion, string> = {
   primary: 'text-primary-text',
@@ -11,13 +11,14 @@ const benefitDescStyleMap: Record<BlockVersion, string> = {
   secondary: 'text-white',
 };
 
-export function renderBenefit(benefit: Benefit, i: number, version: BlockVersion) {
+export function renderBenefit({ benefit, version = 'primary' }: BenefitItemProps, i: number) {
+  const isIconWhite = version === 'secondary';
   return (
     <div key={String(i)} className="flex gap-3 items-center mb-2.5 last:mb-0">
       {benefit.icon ? (
         <Img
-          className="w-6 h-6 rounded-full box-border"
-          image={benefit.icon}
+          className={renderBenefitIconBgStyle(version)}
+          image={{ ...benefit?.icon, iconVersion: isIconWhite ? 'white' : 'normal' }}
           width="24"
           height="24"
           asSVG
@@ -34,3 +35,13 @@ export function renderBenefit(benefit: Benefit, i: number, version: BlockVersion
     </div>
   );
 }
+
+function renderBenefitIconBgStyle(version) {
+  let bgColorStyle = 'text-primary-main';
+
+  if (version === 'secondary') {
+    bgColorStyle = 'text-black';
+  }
+
+  return `w-6 h-6 rounded-full box-border ${bgColorStyle}`;
+}

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

@@ -1,5 +1,6 @@
 {
   "title": "Продуктовая плитка",
+  "headingType": "h3",
   "description": "Описание",
   "image": {
     "format": "webp",