@redneckz/wildless-cms-uni-blocks 0.3.41 → 0.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAqB;IAC9E,OAAO,CACL,eAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,QACL,KAAK,EAAE,OAAO,GACd,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,mCAAmC,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAC/E,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAE,yBAAyB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YACpE,OAAO,CAAC,WAAW,GAChB,CACP,KAlBO,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAqB;IAC9E,OAAO,CACL,eAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,mCAAmC,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAC/E,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAE,yBAAyB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YACpE,OAAO,CAAC,WAAW,GAChB,CACP,KAjBO,MAAM,CAAC,CAAC,CAAC,CAkBb,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Description } from '../../ui-kit/Description/Description.js';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { List } from '../../ui-kit/List/List.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { SocialMedia } from '../Footer/SocialMedia.js';
-import { Heading } from '../../ui-kit/Heading/Heading.js';
 export const RecommendationCard = JSX(({ context, className = '', title, description, items, image, version, socialMedia }) => {
-    return (_jsx("section", { className: `border border-solid box-border py-[30px] px-9 min-w-[515px] max-w-[515px] ${className}`, role: "listitem", children: _jsxs(BaseTile, { context: context, className: "flex justify-between", title: title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "font-normal mb-3.5", title: title })) : null, image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description ? _jsx(Description, { className: "text-left", description: description }) : null, items?.length ? (_jsx(List, { className: "text-md font-light flex flex-col gap-2", items: items, version: version })) : null, _jsx(SocialMedia, { className: "pt-[42px] pb-0", media: socialMedia, context: context })] }) }));
+    return (_jsx("section", { className: `border border-solid box-border py-[30px] px-9 min-w-[515px] max-w-[515px] ${className}`, role: "listitem", children: _jsxs(BaseTile, { context: context, className: "flex justify-between", title: title ? (_jsx(Heading, { headingType: "h4", as: "h3", className: "font-normal mb-3.5", title: title })) : null, image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description ? _jsx(Description, { className: "text-left", description: description }) : null, items?.length ? (_jsx(List, { className: "text-md font-light flex flex-col gap-2", items: items, version: version })) : null, _jsx(SocialMedia, { className: "pt-[42px] pb-0", media: socialMedia, version: version, context: context })] }) }));
 });
 //# sourceMappingURL=RecommendationCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAIvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,kBACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,EACnG,IAAI,EAAC,UAAU,YAEf,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,IACvE,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,kBACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,EACnG,IAAI,EAAC,UAAU,YAEf,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IACV,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,IACO,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,16 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings.js';
 import { IconTitleMap } from '../../icons/IconName.js';
-const svgColorsMap = {
-    none: '',
-    primary: 'text-white',
-    secondary: 'text-white',
-};
-export const Icon = JSX(({ className = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, asSVG, color = 'primary', ...imgProps }) => {
+import { projectSettings } from '../../ProjectSettings.js';
+export const Icon = JSX(({ className = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, asSVG, ...imgProps }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
     if (asSVG) {
-        return (_jsxs("svg", { className: `${svgColorsMap[color]} ${className}`, ...imgProps, "aria-hidden": "true", style: color === 'secondary' ? { filter: 'invert(1)' } : null, children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
+        return (_jsxs("svg", { className: className, ...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" }));
 });

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,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,YAAY,GAA8B;IAC9C,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAE7D,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eACE,SAAS,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,SAAS,EAAE,KAC5C,QAAQ,iBACA,MAAM,EAClB,KAAK,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,aAE5D,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,CACP,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"}
+{"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,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAE7D,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,KAAM,QAAQ,iBAAc,MAAM,aACxD,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,CACP,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"}

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

@@ -1,10 +1,5 @@
 import type { IconName } from '../../icons/IconName';
 export type { IconName };
-/**
- * @title Цвет иконки (svg)
- * @enumNames ["Нет", "Основной", "Второстепенный"]
- */
-export declare type IconColor = 'none' | 'primary' | 'secondary';
 export interface IconCompatibilityFields {
     /** @title Альтернативный текст (alt) */
     alt?: string;
@@ -16,8 +11,6 @@ export interface IconCompatibilityFields {
     height?: string;
     /** @hidden */
     asSVG?: boolean;
-    /** @hidden */
-    color?: IconColor;
 }
 export declare type IconProps = IconCompatibilityFields & {
     className?: string;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { ListItem } from './ListItem.js';
 const TEXT_STYLE_MAP = {
@@ -11,7 +11,7 @@ const TEXT_STYLE_MAP = {
 export const List = JSX((props) => {
     const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
     return (_jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${className}`, role: "list", children: items?.length
-            ? items.map((_, i) => (_jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
+            ? items.map((_, i) => (_jsxs(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: [_, "12"] }, 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,cAAc,GAAoC;IACtD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,YAAY;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtF,OAAO,CACL,kBAAS,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EAAE,IAAI,EAAC,MAAM,YACvE,KAAK,EAAE,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,CAAC,IALG,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC;YACJ,CAAC,CAAC,IAAI,GACA,CACX,CAAC;AACJ,CAAC,CAAC,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,cAAc,GAAoC;IACtD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;IAC3B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,YAAY;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtF,OAAO,CACL,kBAAS,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EAAE,IAAI,EAAC,MAAM,YACvE,KAAK,EAAE,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,MAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,aAEf,CAAC,WALG,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC;YACJ,CAAC,CAAC,IAAI,GACA,CACX,CAAC;AACJ,CAAC,CAAC,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", style: isActive ? { filter: 'invert(1)' } : null, children: _jsx(Img, { className: "w-5 h-5 mr-3", 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-full' : ''}`, 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,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,YAC3E,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC,QAAQ,GAAI,GAC9E,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,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1D,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/mobile/src/common.css

@@ -1,4 +1,5 @@
 @import '../fonts/ubuntu/ubuntu.css';
+@import '../fonts/mohave/mohave.css';
 
 html {
   scroll-behavior: smooth;
@@ -39,6 +40,10 @@ html {
 @tailwind utilities;
 
 @layer utilities {
+  .invert-full {
+    filter: invert(1);
+  }
+
   .rotate-180 {
     transform: rotate(180deg);
   }

package/mobile/src/components/BlockContent.ts

@@ -1,4 +1,5 @@
 import type { BenefitsBlockContent } from './BenefitsBlock/BenefitsBlockContent';
+import type { BonusContent } from './Bonus/BonusContent';
 import type { ComparisonTableContent } from './ComparisonTable/ComparisonTableContent';
 import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTileContent';
 import type { FooterContent } from './Footer/FooterContent';
@@ -26,6 +27,7 @@ import type { TileContent } from './Tile/TileContent';
  */
 export type BlockContent =
   | BenefitsBlockContent
+  | BonusContent
   | ComparisonTableContent
   | ExchangeRateTileContent
   | FooterContent

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

@@ -0,0 +1,12 @@
+{
+  "title": "Начисление баллов",
+  "description": "Описание",
+  "bonusItems": [
+    {
+      "name": "Плитка 1",
+      "description": "Описание плитки 1",
+      "bonusCount": 1,
+      "bonusName": "балл"
+    }
+  ]
+}

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

@@ -0,0 +1,50 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import type { BonusContent } from './BonusContent';
+import { Heading } from '../../ui-kit/Heading/Heading';
+
+export interface BonusProps extends BonusContent, UniBlockProps {}
+
+export const Bonus = JSX<BonusProps>((props) => {
+  const { className = '', title, description, bonusItems, anchor = null } = props;
+
+  return (
+    <section className={`bg-white p-12 ${className}`} id={anchor}>
+      <div className="container">
+        {title ? <Heading headingType="h2" className="text-center" title={title} /> : null}
+        {description ? (
+          <div className="text-md font-light text-center mt-2">{description}</div>
+        ) : null}
+        <div className="flex flex-wrap w-full mt-9">
+          {bonusItems
+            ? bonusItems.map((_, i) => {
+                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"
+                  >
+                    <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>
+                      {_.bonusCount ? (
+                        <div className="relative -bottom-3 h-auto flex items-end mt-14 shrink-0">
+                          <span className="font-serif -tracking-wider 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">
+                            {_.bonusName}
+                          </span>
+                        </div>
+                      ) : null}
+                    </div>
+                  </div>
+                );
+              })
+            : null}
+        </div>
+      </div>
+    </section>
+  );
+});

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

@@ -0,0 +1,22 @@
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+
+/** @title Список плиток */
+interface BonusItems {
+  /** @title Заголовок плитки */
+  name?: string;
+  /** @title Описание плитки */
+  description?: string;
+  /** @title Количество баллов */
+  bonusCount?: number;
+  /** @title Наименование */
+  bonusName?: string;
+}
+
+/**
+ * @title Плитка
+ */
+export type BonusContent = HeadingContent &
+  DescriptionContent & {
+    bonusItems?: BonusItems[];
+  };

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

@@ -2042,8 +2042,7 @@
                   "src": "calendar/august.png",
                   "format": "webp",
                   "size": {
-                    "width": 210,
-                    "height": "auto"
+                    "width": 210
                   },
                   "alt": "Пример использования «Карты для покупок в рассрочку»"
                 }
@@ -2060,8 +2059,7 @@
                   "src": "calendar/september.png",
                   "format": "webp",
                   "size": {
-                    "width": 210,
-                    "height": "auto"
+                    "width": 210
                   },
                   "alt": "Пример использования «Карты для покупок в рассрочку»"
                 }
@@ -2072,8 +2070,7 @@
                   "src": "calendar/october.png",
                   "format": "webp",
                   "size": {
-                    "width": 210,
-                    "height": "auto"
+                    "width": 210
                   },
                   "alt": "Пример использования «Карты для покупок в рассрочку»"
                 }
@@ -2090,8 +2087,7 @@
                   "src": "calendar/november.png",
                   "format": "webp",
                   "size": {
-                    "width": 210,
-                    "height": "auto"
+                    "width": 210
                   },
                   "alt": "Пример использования «Карты для покупок в рассрочку»"
                 }
@@ -2108,8 +2104,7 @@
                   "src": "calendar/december.png",
                   "format": "webp",
                   "size": {
-                    "width": 210,
-                    "height": "auto"
+                    "width": 210
                   },
                   "alt": "Пример использования «Карты для покупок в рассрочку»"
                 }
@@ -2119,6 +2114,34 @@
         ]
       }
     },
+    {
+      "type": "Bonus",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Начисление баллов",
+        "description": "Получайте 1% бонусными баллами с любых покупок и 1,5% баллами с покупок в категории «Путешествия». Обменивайте бонусные баллы на авиа и ж/д билеты, бронирование отелей и прокат автомобилей.",
+        "bonusItems": [
+          {
+            "name": "5 баллов за каждые 100 ₽",
+            "description": "Повышенное начисление баллов за операции оплаты товаров и услуг в сети АЗС Роснефть",
+            "bonusCount": 5,
+            "bonusName": "баллов"
+          },
+          {
+            "name": "1 балл за каждые 100 ₽",
+            "description": "За остальные операции оплаты товаров и услуг",
+            "bonusCount": 1,
+            "bonusName": "балл"
+          },
+          {
+            "name": "300 приветственных баллов",
+            "description": "Повышенное начисление баллов за операции оплаты товаров и услуг в сети АЗС Роснефть",
+            "bonusCount": 300,
+            "bonusName": "баллов"
+          }
+        ]
+      }
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
+import { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
+import { Img } from '../../ui-kit/Img/Img';
 
 const ICONS_MAP: Array<{
   origins: string[];
@@ -48,25 +49,29 @@ const ICONS_MAP: Array<{
 
 interface MediaButtonProps {
   href?: string;
+  version?: BlockVersion;
 }
 
-export const MediaButton = JSX<MediaButtonProps>(({ href }) => {
+export const MediaButton = JSX<MediaButtonProps>(({ href, version }) => {
   const { icon, width, height, label } =
     ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
 
   if (!icon) return null;
 
+  const classes =
+    version === 'secondary'
+      ? 'text-white hover:text-primary-main hover:bg-white'
+      : 'text-primary-main hover:text-white hover:bg-primary-main hover:border-primary-main';
+
   return (
     <a
-      className="flex items-center justify-center border border-solid rounded-md border-main-divider no-underline outline-none w-14 h-14 box-border text-primary-main hover:text-white hover:bg-primary-main hover:border-primary-main"
+      className={` flex items-center justify-center border border-solid rounded-md border-main-divider no-underline outline-none w-14 h-14 box-border ${classes}`}
       href={href}
       aria-label={label}
       target="_blank"
       rel="noopener noreferrer"
     >
-      {icon ? (
-        <Img image={icon} width={width} height={height} asSVG className="block" color="none" />
-      ) : null}
+      {icon ? <Img image={icon} width={width} height={height} asSVG className="block" /> : null}
     </a>
   );
 });

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

@@ -1,20 +1,26 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
+import { BlockVersion } from '../../model/BlockVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { UniBlockProps } from '../../types';
 import { MediaButton } from './MediaButton';
 
 export interface SocialMediaProps extends UniBlockProps {
   media?: Omit<LinkProps, 'text'>[];
+  version?: BlockVersion;
 }
 
-export const SocialMedia = JSX<SocialMediaProps>(({ className, media, context }) => {
+export const SocialMedia = JSX<SocialMediaProps>(({ className, media, version, context }) => {
   const router = context.useRouter();
   const { handlerDecorator } = context;
   return (
     <div className={`flex gap-2 items-start justify-start pt-6 pb-6 ${className || ''}`}>
       {media?.map((_, index) => (
-        <MediaButton key={String(index)} {...useLink({ router, handlerDecorator }, _)} />
+        <MediaButton
+          key={String(index)}
+          version={version}
+          {...useLink({ router, handlerDecorator }, _)}
+        />
       ))}
     </div>
   );

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

@@ -19,7 +19,7 @@ export const Header = JSX<HeaderProps>(
   ({ className = '', defaultLocation, bgColor = 'bg-white', context, topItems }) => {
     const router = context.useRouter();
     const sitemap = useSitemap(context.useAsyncData);
-    const dispositions = sitemap?.dispositions
+    const dispositions = sitemap?.dispositions;
     const { handlerDecorator } = context;
 
     const mergedItems = mergeTopItems(sitemap.topItems, topItems);

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

@@ -52,13 +52,13 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
           className={`mr-5 ${COLORS_MAP[bgColor]}`}
           ariaLabel="Поиск по сайту"
         >
-          <Img image="LoupeIcon" className="h-full" asSVG color="none" />
+          <Img image="LoupeIcon" className="h-full" asSVG />
         </HeaderSecondaryMenuButton>
         <HeaderSecondaryMenuButton
           className={`${LINKS_COLORS_MAP[bgColor]} min-w-[32px] min-h-[32px]`}
           ariaLabel="Дополнительные ссылки"
         >
-          <Img image={LINKS_ICON_NAME_MAP[bgColor]} className="h-full" asSVG color="none" />
+          <Img image={LINKS_ICON_NAME_MAP[bgColor]} className="h-full" asSVG />
         </HeaderSecondaryMenuButton>
       </div>
     );

package/mobile/src/components/Header/HeaderSubMenuObserver.ts

@@ -5,18 +5,20 @@ const isClient = !isSSR();
 export const headerSubMenuObserver = isClient
   ? new IntersectionObserver(
       (entries) => {
+        const createArrays = (selectors) =>
+          selectors.map((_) => Array.from(window.document.querySelectorAll(_)));
+
         const headerSubMenuButtonElement = window.document.querySelector(
           '[data-header-submenu-visible=toggled]',
         );
-        const headerSubMenuItems = Array.from(
-          window.document.querySelectorAll('[data-item-name=header-submenu]'),
-        );
-        const dotsHeaderSubMenuItems = Array.from(
-          window.document.querySelectorAll('[data-item-name=dots-header-submenu]'),
-        );
+        const [headerSubMenuItems, dotsHeaderSubMenuItems] = createArrays([
+          '[data-item-name=header-submenu]',
+          '[data-item-name=dots-header-submenu]',
+        ]);
+
         const visibilityList = {};
-        entries.forEach((j) => {
-          visibilityList[String(j.target.toString())] = j.isIntersecting;
+        entries.forEach((_) => {
+          visibilityList[_.target.toString()] = _.isIntersecting;
         });
         const isHeaderSubMenuButtonShow = toggleVisibilityInItems(
           visibilityList,
@@ -37,10 +39,10 @@ export const headerSubMenuObserver = isClient
 // TODO: add types
 const toggleVisibilityInItems = (visibilityList, items, className) => {
   const isReversed = className !== 'hidden';
-  return items.some((item) => {
-    const key = item.toString();
+  return items.some((_) => {
+    const key = _.toString();
     const option = isReversed ? !visibilityList[key] : visibilityList[key];
-    key in visibilityList ? item.classList.toggle(className, option) : null;
-    return isReversed ? item.classList.contains('hidden') : !item.classList.contains('hidden');
+    key in visibilityList ? _.classList.toggle(className, option) : null;
+    return isReversed ? _.classList.contains('hidden') : !_.classList.contains('hidden');
   });
 };

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

@@ -7,7 +7,6 @@ export interface HeaderTopProps {
   onClick: () => void;
   bgColor?: BgColorVersion;
 }
-
 export const HeaderTop = JSX<HeaderTopProps>(({ onClick, bgColor }) => (
   <div className="flex items-center justify-between border-0 border-b border-main-divider h-[50px]">
     <div className="flex items-center">
@@ -18,6 +17,7 @@ export const HeaderTop = JSX<HeaderTopProps>(({ onClick, bgColor }) => (
       >
         <Img
           image={bgColor === 'bg-white' ? 'BurgerIcon' : 'BurgerIconWhite'}
+          className="text-primary-text"
           width="24"
           height="24"
           asSVG

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

@@ -1,6 +1,6 @@
-import { Img } from '../../ui-kit/Img/Img';
-import { Button } from '../../ui-kit/Button/Button';
 import type { BlockVersion } from '../../model/BlockVersion';
+import { Button } from '../../ui-kit/Button/Button';
+import { Img } from '../../ui-kit/Img/Img';
 
 const backwardBgStyleMap: Record<BlockVersion, string> = {
   primary: 'bg-primary-main',
@@ -23,7 +23,6 @@ export function renderBackwardButton(text: string, version: BlockVersion, classN
         <Img
           className={`w-4 h-4 min-w-4 min-h-4 rounded-full box-border ${backwardIconStyleMap[version]}`}
           image={{ icon: 'ArrowLeftIcon' }}
-          color="none"
           width="24"
           height="24"
           asSVG

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

@@ -21,7 +21,6 @@ export function renderBenefit(benefit: Benefit, i: number, version: BlockVersion
           width="24"
           height="24"
           asSVG
-          color={version}
         />
       ) : null}
       <div className={`font-medium text-m-title-xs m-0 ${benefitTitleStyleMap[version]}`}>

package/mobile/src/components/Recommendation/RecommendationCard.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
 import { Description } from '../../ui-kit/Description/Description';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { SocialMedia } from '../Footer/SocialMedia';
-import type { UniBlockProps } from '../../types';
 import type { RecommendationCardTypes } from './RecommendationContent';
-import { Heading } from '../../ui-kit/Heading/Heading';
 
 export interface RecommendationCardProps extends RecommendationCardTypes, UniBlockProps {}
 
@@ -35,7 +35,12 @@ export const RecommendationCard = JSX<RecommendationCardProps>(
               version={version}
             />
           ) : null}
-          <SocialMedia className="pt-[42px] pb-0" media={socialMedia} context={context} />
+          <SocialMedia
+            className="pt-[42px] pb-0"
+            media={socialMedia}
+            version={version}
+            context={context}
+          />
         </BaseTile>
       </section>
     );

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

@@ -1,13 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
-import type { IconColor, IconProps } from './IconProps';
 import { IconTitleMap } from '../../icons/IconName';
-
-const svgColorsMap: Record<IconColor, string> = {
-  none: '',
-  primary: 'text-white',
-  secondary: 'text-white',
-};
+import { projectSettings } from '../../ProjectSettings';
+import type { IconProps } from './IconProps';
 
 export const Icon = JSX<IconProps>(
   ({
@@ -16,19 +10,13 @@ export const Icon = JSX<IconProps>(
     alt = `Иконка ${IconTitleMap[name] || name}`,
     title = alt,
     asSVG,
-    color = 'primary',
     ...imgProps
   }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
 
     if (asSVG) {
       return (
-        <svg
-          className={`${svgColorsMap[color]} ${className}`}
-          {...imgProps}
-          aria-hidden="true"
-          style={color === 'secondary' ? { filter: 'invert(1)' } : null}
-        >
+        <svg className={className} {...imgProps} aria-hidden="true">
           {title ? <title>{title}</title> : null}
           {alt ? <desc>{alt}</desc> : null}
           <use href={`${href}#icon`} xlinkHref={`${href}#icon`} />

package/mobile/src/ui-kit/Icon/IconProps.ts

@@ -2,12 +2,6 @@ import type { IconName } from '../../icons/IconName';
 
 export type { IconName };
 
-/**
- * @title Цвет иконки (svg)
- * @enumNames ["Нет", "Основной", "Второстепенный"]
- */
-export type IconColor = 'none' | 'primary' | 'secondary';
-
 export interface IconCompatibilityFields {
   /** @title Альтернативный текст (alt) */
   alt?: string;
@@ -19,8 +13,6 @@ export interface IconCompatibilityFields {
   height?: string;
   /** @hidden */
   asSVG?: boolean;
-  /** @hidden */
-  color?: IconColor;
 }
 
 export type IconProps = IconCompatibilityFields & {

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListItem } from './ListItem';
-import type { ListProps, ListItemVersion } from './ListProps';
+import type { ListItemVersion, ListProps } from './ListProps';
 
 const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
   primary: 'text-primary-text',
@@ -23,7 +23,7 @@ export const List = JSX<ListProps>((props) => {
               isDotted={isDotted}
               version={version}
             >
-              {_}
+              {_}12
             </ListItem>
           ))
         : null}