@redneckz/wildless-cms-uni-blocks 0.2.96 → 0.2.97

package/lib/components/Tile/TileContent.d.ts

@@ -2,4 +2,4 @@ import type { BaseTileCommonProps } from '../BaseTile/BaseTileProps';
 /**
  * @title Плитка
  */
-export declare type TileContent = BaseTileCommonProps;
+export declare type TileContent = Omit<BaseTileCommonProps, 'align'>;

package/lib/model/ButtonVersion.d.ts

@@ -1,5 +1,6 @@
 /**
  * @title Цвет кнопки
+ * @default primary
  * @enumNames ["Основная", "Второстепенная"]
  */
 export declare type ButtonVersion = 'primary' | 'secondary';

package/lib/model/LinkProps.d.ts

@@ -1,13 +1,14 @@
 /**
  * @title Таргет (target)
  * @enumNames [
+ *    "",
  *    "self (текущее окно или фрейм)",
  *    "blank (новое окно)",
  *    "parent (фрейм-родитель)",
  *    "top (текущее окно)"
  *  ]
  */
-export declare type Target = '_blank' | '_self' | '_parent' | '_top';
+export declare type Target = '' | '_self' | '_blank' | '_parent' | '_top';
 /**
  * @title Ссылка
  * @required ["text", "href"]

package/lib/ui-kit/Button/ButtonProps.d.ts

@@ -11,7 +11,10 @@ export interface ButtonAdditionalProps {
     onClick?: (ev: MouseEvent) => any;
 }
 export interface ButtonProps extends ButtonAdditionalProps, LinkProps {
-    /** @title Текст */
+    /**
+     * @title Текст
+     * @default Кнопка
+     */
     text?: string;
     version?: ButtonVersion;
 }
@@ -22,4 +25,6 @@ export interface ButtonWithIconProps extends ButtonProps {
     appendLeft?: any;
     /** @hidden */
     rounded?: boolean;
+    /** @hidden */
+    asSVG?: boolean;
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { projectSettings } from '../../ProjectSettings.js';
-export const Icon = JSX(({ className, name, alt = `Icon ${name}`, title = alt, asSVG, ...imgProps }) => {
+export const Icon = JSX(({ className = '', name, alt = `Icon ${name}`, title = alt, asSVG, ...imgProps }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
     if (asSVG) {
         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` })] }));

package/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;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,GAAG,QAAQ,IAAI,EAAE,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE;IAC7E,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"}
+{"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;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,GAAG,QAAQ,IAAI,EAAE,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE;IAClF,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/lib/ui-kit/Icon/IconProps.d.ts

@@ -2,55 +2,61 @@
  * Icons sorted by name
  */
 export declare enum IconMap {
-    'ActualBalanceIcon' = 0,
-    'AppleIcon' = 1,
-    'CalendarCircleIcon' = 2,
-    'CalendarIcon' = 3,
-    'CardIcon' = 4,
-    'CardPosIcon' = 5,
-    'CardTickIcon' = 6,
-    'ClockIcon' = 7,
-    'ComfortableCompIcon' = 8,
-    'DiscountShape' = 9,
-    'DocIcon' = 10,
-    'DocumentText' = 11,
-    'DollarIcon' = 12,
-    'EmptyWalletChangeIcon' = 13,
-    'EmptyWalletIcon' = 14,
-    'EuroIcon' = 15,
-    'GlassIcon' = 16,
-    'GridIcon' = 17,
-    'JCBIcon' = 18,
-    'LoupeIcon' = 19,
-    'MasterCardIcon' = 20,
-    'MinusIcon' = 21,
-    'MirIcon' = 22,
-    'MoneyIcon' = 23,
-    'MonitorMobileIcon' = 24,
-    'NewDocIcon' = 25,
-    'OkIcon' = 26,
-    'PassSendIcon' = 27,
-    'PercentageSquareIcon' = 28,
-    'PlayMarketIcon' = 29,
-    'PlusIcon' = 30,
-    'Profile2UserIcon' = 31,
-    'ProfileIcon' = 32,
-    'ShieldTickIcon' = 33,
-    'SignDocsIcon' = 34,
-    'TelegramIcon' = 35,
-    'UnionPayIcon' = 36,
-    'UserIcon' = 37,
-    'VisaIcon' = 38,
-    'VKIcon' = 39,
-    'WalletIcon' = 40
+    '' = 0,
+    'ActualBalanceIcon' = 1,
+    'AppleIcon' = 2,
+    'CalendarCircleIcon' = 3,
+    'CalendarIcon' = 4,
+    'CalendarWhiteIcon' = 5,
+    'CardIcon' = 6,
+    'CardPosIcon' = 7,
+    'CardTickIcon' = 8,
+    'ClockIcon' = 9,
+    'ComfortableCompIcon' = 10,
+    'DiscountShape' = 11,
+    'DocIcon' = 12,
+    'DocumentText' = 13,
+    'DollarIcon' = 14,
+    'EmptyWalletChangeIcon' = 15,
+    'EmptyWalletIcon' = 16,
+    'EmptyWalletWhiteIcon' = 17,
+    'EuroIcon' = 18,
+    'GlassIcon' = 19,
+    'GridIcon' = 20,
+    'JCBIcon' = 21,
+    'LoupeIcon' = 22,
+    'MasterCardIcon' = 23,
+    'MinusIcon' = 24,
+    'MirIcon' = 25,
+    'MoneyIcon' = 26,
+    'MonitorMobileIcon' = 27,
+    'NewDocIcon' = 28,
+    'OkIcon' = 29,
+    'PassSendIcon' = 30,
+    'PercentageSquareIcon' = 31,
+    'PercentageSquareWhiteIcon' = 32,
+    'PlayMarketIcon' = 33,
+    'PlusIcon' = 34,
+    'Profile2UserIcon' = 35,
+    'ProfileIcon' = 36,
+    'ShieldTickIcon' = 37,
+    'SignDocsIcon' = 38,
+    'TelegramIcon' = 39,
+    'UnionPayIcon' = 40,
+    'UserIcon' = 41,
+    'VisaIcon' = 42,
+    'VKIcon' = 43,
+    'WalletIcon' = 44
 }
 /**
  * @title Иконка
  * @enumNames [
+ *    "",
  *    "Деньги",
  *    "Лого «Apple»",
  *    "Скруглённый календарь",
  *    "Календарь",
+ *    "Календарь белый",
  *    "Кред. карта",
  *    "Кред. карта под наклоном",
  *    "Кред. карта с галочкой",
@@ -62,6 +68,7 @@ export declare enum IconMap {
  *    "Доллар",
  *    "Пустой кошелёк с возвратом",
  *    "Пустой кошелёк",
+ *    "Пустой кошелёк белый",
  *    "Евро",
  *    "Зеркало",
  *    "Сетка",
@@ -76,6 +83,7 @@ export declare enum IconMap {
  *    "Лого «Одноклассники»",
  *    "Бизнес",
  *    "Проценты",
+ *    "Проценты белые",
  *    "Лого «PlayMarket»",
  *    "Плюс",
  *    "Профиль, 2 персоны",

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

@@ -3,46 +3,50 @@
  */
 export var IconMap;
 (function (IconMap) {
-    IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
-    IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
-    IconMap[IconMap["CalendarCircleIcon"] = 2] = "CalendarCircleIcon";
-    IconMap[IconMap["CalendarIcon"] = 3] = "CalendarIcon";
-    IconMap[IconMap["CardIcon"] = 4] = "CardIcon";
-    IconMap[IconMap["CardPosIcon"] = 5] = "CardPosIcon";
-    IconMap[IconMap["CardTickIcon"] = 6] = "CardTickIcon";
-    IconMap[IconMap["ClockIcon"] = 7] = "ClockIcon";
-    IconMap[IconMap["ComfortableCompIcon"] = 8] = "ComfortableCompIcon";
-    IconMap[IconMap["DiscountShape"] = 9] = "DiscountShape";
-    IconMap[IconMap["DocIcon"] = 10] = "DocIcon";
-    IconMap[IconMap["DocumentText"] = 11] = "DocumentText";
-    IconMap[IconMap["DollarIcon"] = 12] = "DollarIcon";
-    IconMap[IconMap["EmptyWalletChangeIcon"] = 13] = "EmptyWalletChangeIcon";
-    IconMap[IconMap["EmptyWalletIcon"] = 14] = "EmptyWalletIcon";
-    IconMap[IconMap["EuroIcon"] = 15] = "EuroIcon";
-    IconMap[IconMap["GlassIcon"] = 16] = "GlassIcon";
-    IconMap[IconMap["GridIcon"] = 17] = "GridIcon";
-    IconMap[IconMap["JCBIcon"] = 18] = "JCBIcon";
-    IconMap[IconMap["LoupeIcon"] = 19] = "LoupeIcon";
-    IconMap[IconMap["MasterCardIcon"] = 20] = "MasterCardIcon";
-    IconMap[IconMap["MinusIcon"] = 21] = "MinusIcon";
-    IconMap[IconMap["MirIcon"] = 22] = "MirIcon";
-    IconMap[IconMap["MoneyIcon"] = 23] = "MoneyIcon";
-    IconMap[IconMap["MonitorMobileIcon"] = 24] = "MonitorMobileIcon";
-    IconMap[IconMap["NewDocIcon"] = 25] = "NewDocIcon";
-    IconMap[IconMap["OkIcon"] = 26] = "OkIcon";
-    IconMap[IconMap["PassSendIcon"] = 27] = "PassSendIcon";
-    IconMap[IconMap["PercentageSquareIcon"] = 28] = "PercentageSquareIcon";
-    IconMap[IconMap["PlayMarketIcon"] = 29] = "PlayMarketIcon";
-    IconMap[IconMap["PlusIcon"] = 30] = "PlusIcon";
-    IconMap[IconMap["Profile2UserIcon"] = 31] = "Profile2UserIcon";
-    IconMap[IconMap["ProfileIcon"] = 32] = "ProfileIcon";
-    IconMap[IconMap["ShieldTickIcon"] = 33] = "ShieldTickIcon";
-    IconMap[IconMap["SignDocsIcon"] = 34] = "SignDocsIcon";
-    IconMap[IconMap["TelegramIcon"] = 35] = "TelegramIcon";
-    IconMap[IconMap["UnionPayIcon"] = 36] = "UnionPayIcon";
-    IconMap[IconMap["UserIcon"] = 37] = "UserIcon";
-    IconMap[IconMap["VisaIcon"] = 38] = "VisaIcon";
-    IconMap[IconMap["VKIcon"] = 39] = "VKIcon";
-    IconMap[IconMap["WalletIcon"] = 40] = "WalletIcon";
+    IconMap[IconMap[""] = 0] = "";
+    IconMap[IconMap["ActualBalanceIcon"] = 1] = "ActualBalanceIcon";
+    IconMap[IconMap["AppleIcon"] = 2] = "AppleIcon";
+    IconMap[IconMap["CalendarCircleIcon"] = 3] = "CalendarCircleIcon";
+    IconMap[IconMap["CalendarIcon"] = 4] = "CalendarIcon";
+    IconMap[IconMap["CalendarWhiteIcon"] = 5] = "CalendarWhiteIcon";
+    IconMap[IconMap["CardIcon"] = 6] = "CardIcon";
+    IconMap[IconMap["CardPosIcon"] = 7] = "CardPosIcon";
+    IconMap[IconMap["CardTickIcon"] = 8] = "CardTickIcon";
+    IconMap[IconMap["ClockIcon"] = 9] = "ClockIcon";
+    IconMap[IconMap["ComfortableCompIcon"] = 10] = "ComfortableCompIcon";
+    IconMap[IconMap["DiscountShape"] = 11] = "DiscountShape";
+    IconMap[IconMap["DocIcon"] = 12] = "DocIcon";
+    IconMap[IconMap["DocumentText"] = 13] = "DocumentText";
+    IconMap[IconMap["DollarIcon"] = 14] = "DollarIcon";
+    IconMap[IconMap["EmptyWalletChangeIcon"] = 15] = "EmptyWalletChangeIcon";
+    IconMap[IconMap["EmptyWalletIcon"] = 16] = "EmptyWalletIcon";
+    IconMap[IconMap["EmptyWalletWhiteIcon"] = 17] = "EmptyWalletWhiteIcon";
+    IconMap[IconMap["EuroIcon"] = 18] = "EuroIcon";
+    IconMap[IconMap["GlassIcon"] = 19] = "GlassIcon";
+    IconMap[IconMap["GridIcon"] = 20] = "GridIcon";
+    IconMap[IconMap["JCBIcon"] = 21] = "JCBIcon";
+    IconMap[IconMap["LoupeIcon"] = 22] = "LoupeIcon";
+    IconMap[IconMap["MasterCardIcon"] = 23] = "MasterCardIcon";
+    IconMap[IconMap["MinusIcon"] = 24] = "MinusIcon";
+    IconMap[IconMap["MirIcon"] = 25] = "MirIcon";
+    IconMap[IconMap["MoneyIcon"] = 26] = "MoneyIcon";
+    IconMap[IconMap["MonitorMobileIcon"] = 27] = "MonitorMobileIcon";
+    IconMap[IconMap["NewDocIcon"] = 28] = "NewDocIcon";
+    IconMap[IconMap["OkIcon"] = 29] = "OkIcon";
+    IconMap[IconMap["PassSendIcon"] = 30] = "PassSendIcon";
+    IconMap[IconMap["PercentageSquareIcon"] = 31] = "PercentageSquareIcon";
+    IconMap[IconMap["PercentageSquareWhiteIcon"] = 32] = "PercentageSquareWhiteIcon";
+    IconMap[IconMap["PlayMarketIcon"] = 33] = "PlayMarketIcon";
+    IconMap[IconMap["PlusIcon"] = 34] = "PlusIcon";
+    IconMap[IconMap["Profile2UserIcon"] = 35] = "Profile2UserIcon";
+    IconMap[IconMap["ProfileIcon"] = 36] = "ProfileIcon";
+    IconMap[IconMap["ShieldTickIcon"] = 37] = "ShieldTickIcon";
+    IconMap[IconMap["SignDocsIcon"] = 38] = "SignDocsIcon";
+    IconMap[IconMap["TelegramIcon"] = 39] = "TelegramIcon";
+    IconMap[IconMap["UnionPayIcon"] = 40] = "UnionPayIcon";
+    IconMap[IconMap["UserIcon"] = 41] = "UserIcon";
+    IconMap[IconMap["VisaIcon"] = 42] = "VisaIcon";
+    IconMap[IconMap["VKIcon"] = 43] = "VKIcon";
+    IconMap[IconMap["WalletIcon"] = 44] = "WalletIcon";
 })(IconMap || (IconMap = {}));
 //# sourceMappingURL=IconProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OA0CX;AA1CD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6CAAU,CAAA;IACV,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,uDAAe,CAAA;IACf,4CAAS,CAAA;IACT,sDAAc,CAAA;IACd,kDAAY,CAAA;IACZ,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,8CAAU,CAAA;IACV,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,kDAAY,CAAA;AACd,CAAC,EA1CW,OAAO,KAAP,OAAO,QA0ClB"}
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OA8CX;AA9CD,WAAY,OAAO;IACjB,6BAAE,CAAA;IACF,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,+DAAmB,CAAA;IACnB,6CAAU,CAAA;IACV,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,oEAAqB,CAAA;IACrB,wDAAe,CAAA;IACf,4CAAS,CAAA;IACT,sDAAc,CAAA;IACd,kDAAY,CAAA;IACZ,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,sEAAsB,CAAA;IACtB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,8CAAU,CAAA;IACV,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,gFAA2B,CAAA;IAC3B,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,kDAAY,CAAA;AACd,CAAC,EA9CW,OAAO,KAAP,OAAO,QA8ClB"}

package/lib/ui-kit/Img.js

@@ -1,8 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const Img = JSX(({ className, image }) => (_jsxs("picture", { className: `${className || ''}`, children: [image.sources?.length
-            ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
-            : null, _jsx("img", { src: image.src, alt: image.alt || image.title, title: image.title, ...image?.size })] })));
+export const Img = JSX(({ className, image: { size, ...image } }) => {
+    const style = {
+        width: size?.width ? `${size?.width}px` : '100%',
+        height: size?.height ? `${size?.height}px` : '100%',
+    };
+    return (_jsxs("picture", { className: `flex-none ${className || ''}`, children: [image.sources?.length
+                ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
+                : null, _jsx("img", { src: image.src, alt: image.alt || image.title, title: image.title, style: style, ...size })] }));
+});
 export function formatToMimeType(format) {
     return format ? `image/${String(format)}` : undefined;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,mBAAS,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,aACrC,KAAK,CAAC,OAAO,EAAE,MAAM;YACpB,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;YACJ,CAAC,CAAC,IAAI,EACR,cAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAM,KAAK,EAAE,IAAI,GAAI,IACnF,CACX,CAAC,CAAC;AAEH,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.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;IACtF,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAChD,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,IAAI,EAAE,EAAE,aAC/C,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,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,EACR,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,IAAI,GACR,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.96",
+  "version": "0.2.97",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -64,8 +64,9 @@
     "build:lib": "rimraf ./lib && tsc --build --verbose",
     "postbuild:lib": "replace-in-file --configFile=replace-config.lib.cjs --verbose",
     "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
-    "bundle": "rimraf ./bundle && rollup -c && npm run build:schema",
+    "bundle": "rimraf ./bundle && rollup -c && npm run build:schema && npm run build:schema:sort",
     "build:schema": "ts-json-schema-generator --path './src/**/*Content.ts' --additional-properties --unstable --validation-keywords enumNames --validation-keywords required --minify --no-type-check -o ./bundle/blocks.schema.json",
+    "build:schema:sort": "node ./scripts/sort-bundle.js",
     "build:style": "postcss ./src/**/*.css --env production --dir ./lib",
     "build:icons": "svgo -f ./src/icons -o ./cosmos-static/icons",
     "size": "size-limit",

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

@@ -1,8 +1,8 @@
 {
-  "title": "Accordion title",
+  "title": "Аккордеон",
   "accordionItems": [
     {
-      "label": "Accordion label 1",
+      "label": "Аккордеон 1",
       "blocks": [
         {
           "accordionBlockType": "TextBlock",
@@ -17,7 +17,7 @@
       ]
     },
     {
-      "label": "Accordion label 2",
+      "label": "Аккордеон 2",
       "blocks": [
         {
           "accordionBlockType": "TextBlock",
@@ -32,7 +32,7 @@
       ]
     },
     {
-      "label": "Accordion label 3",
+      "label": "Аккордеон 3",
       "blocks": [
         {
           "accordionBlockType": "TextBlock",

package/src/components/BaseTile/BaseTile.tsx

@@ -103,11 +103,15 @@ function renderItems(items: string[] = [], version?: BlockVersion) {
   );
 }
 
-function renderButton({ icon, ...button }: BaseTileIconButton, i: number) {
+function renderButton({ icon, asSVG, ...button }: BaseTileIconButton, i: number) {
   if (!button?.text) return;
 
   return icon ? (
-    <Button key={String(i)} appendLeft={<Icon name={icon} width="24" height="24" />} {...button} />
+    <Button
+      key={String(i)}
+      appendLeft={<Icon name={icon} asSVG width="24" height="24" />}
+      {...button}
+    />
   ) : (
     <Button key={String(i)} {...button} />
   );

package/src/components/ComparisonTable/ComparisonTable.example.json

@@ -1,5 +1,5 @@
 {
-  "title": "Заголовок",
+  "title": "Сравнительная таблица",
   "rowHeaders": [
     {
       "title": "Параметр 1"

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -27,7 +27,6 @@ export interface ColumnHeader {
   /** @title Заголовок */
   title?: string;
   icon?: IconName;
-  /** @hidden */
   image?: Picture;
   link?: LinkProps;
 }
@@ -58,8 +57,8 @@ export interface ComparisonTableContent {
   rowHeaders?: RowHeader[];
   /** @title Продукты */
   columns?: Column[];
-  /** @title Отображать заданное количество строк */
-  visibleRowLength?: number;
   /** @title Закрасить первую колонку */
   isColoredFirstColumn?: boolean;
+  /** @title Отображать заданное количество строк */
+  visibleRowLength?: number;
 }

package/src/components/LinkDocs/LinkDocs.tsx

@@ -49,7 +49,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
                   role="listitem"
                   {...linkProps}
                 >
-                  {icon && <Icon className="mr-2.5" name={icon} width="24px" height="24px" />}
+                  {icon && <Icon className="mr-2.5 h-fit" name={icon} width="24px" height="24px" />}
                   <span className="self-center">
                     {text}
                     <span className="text-secondary-text group-hover:text-primary-main">

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -16,11 +16,11 @@ export interface LinkDocsItem extends LinkProps {
 /**
  * @title Список документов
  */
-export interface LinkDocsContent extends Pick<BaseTileCommonProps, 'align' | 'title'> {
+export interface LinkDocsContent extends Pick<BaseTileCommonProps, 'title' | 'align'> {
+  /** @title Отображение списка */
+  columnsMode?: LinkColumnsMode;
   /** @title Название иконки */
   icon?: IconName;
   /** @title Список */
   documents?: LinkDocsItem[];
-  /** @title Отображение списка */
-  columnsMode?: LinkColumnsMode;
 }

package/src/components/MobileAppTile/MobileAppTile.fixture.tsx

@@ -18,6 +18,7 @@ export default {
             text: 'App Store',
             icon: 'AppleIcon',
             href: '#',
+            asSVG: true,
             version: 'secondary',
           },
           {
@@ -25,6 +26,7 @@ export default {
             text: 'Google Play',
             icon: 'PlayMarketIcon',
             href: '#',
+            asSVG: true,
             version: 'secondary',
           },
         ]}

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

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

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

@@ -10,7 +10,7 @@
   "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],
   "buttons": [
     {
-      "text": "Подробнее",
+      "text": "Кнопка",
       "version": "secondary"
     }
   ]

package/src/components/ProductBlock/ProductBlock.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from '../../setup-fixture';
 
-import { ProductBlock } from './ProductBlock';
 import type { Picture } from '../../model/Picture';
+import { ProductBlock } from './ProductBlock';
 
 const image: Picture = {
   src: 'money-1.png',
@@ -69,6 +69,63 @@ export default {
       />
     </div>
   ),
+  secondary: (
+    <div className="container grid grid-cols-12">
+      <ProductBlock
+        context={context}
+        className="col-span-12"
+        title={'Потребительский кредит наличными'}
+        version={'secondary'}
+        description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
+        breadcrumbs={[
+          {
+            text: 'Главная',
+            href: '/',
+          },
+          {
+            text: 'Кредитные карты',
+            href: '/credit',
+          },
+          {
+            text: 'Кредитная карта Своя Union Pay',
+            href: '#',
+          },
+        ]}
+        benefits={[
+          {
+            label: 'До 5 млн ₽',
+            description: 'Кредитный лимит',
+            icon: 'EmptyWalletWhiteIcon',
+          },
+          {
+            label: 'От 16,9%',
+            description: 'Ставка по кредиту',
+            icon: 'PercentageSquareWhiteIcon',
+          },
+          {
+            label: 'До 5 лет',
+            description: 'Срок кредитования',
+            icon: 'CalendarWhiteIcon',
+          },
+        ]}
+        buttons={[
+          {
+            href: 'https://rshb.ru',
+            text: 'Оформить карту',
+            target: '_blank',
+            version: 'secondary',
+          },
+          {
+            href: 'https://rshb.ru',
+            text: 'Подробнее',
+            target: '_blank',
+            version: 'primary',
+          },
+        ]}
+        image={image}
+      />
+    </div>
+  ),
   'with items': (
     <div className="container grid grid-cols-12">
       <ProductBlock

package/src/components/ProductBlock/ProductBlock.tsx

@@ -1,32 +1,43 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ProductBlockContent } from './ProductBlockContent';
-import { ProductBlockInner } from './ProductBlockInner';
+import { useLink } from '../../hooks/useLink';
+import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
 import { Breadcrumb } from '../../ui-kit/Breadcrumb';
-import { useLink } from '../../hooks/useLink';
 import { joinList } from '../../utils/joinList';
+import type { ProductBlockContent } from './ProductBlockContent';
+import { ProductBlockInner } from './ProductBlockInner';
 
 export interface ProductBlockProps extends ProductBlockContent, UniBlockProps {}
 
+const productBlockStyleMap: Record<BlockVersion, string> = {
+  primary: 'bg-white text-primary-text',
+  secondary: 'bg-primary-main text-white',
+};
+
+const breadcrumbsStyleMap: Record<BlockVersion, string> = {
+  primary: 'text-secondary-text',
+  secondary: 'text-white/80',
+};
+
 export const ProductBlock = JSX<ProductBlockProps>((props) => {
-  const { context, className, breadcrumbs } = props;
+  const { context, className, breadcrumbs, version = 'primary' } = props;
   const router = context.useRouter();
   const { handlerDecorator } = context;
   return (
     <section
-      className={`font-sans bg-white pt-10 pl-[50px] pb-[50px] pr-[7.5rem] box-border min-h-[420px] ${
+      className={`font-sans pt-10 pl-[50px] pb-[50px] pr-[7.5rem] box-border min-h-[420px] ${
         className || ''
-      }`}
+      } ${productBlockStyleMap[version]}`}
     >
       {breadcrumbs?.length ? (
         <div className="text-xs mb-6">
-          {joinList(<span className="text-secondary-text mx-2">/</span>)(
+          {joinList(<span className={`mx-2 ${breadcrumbsStyleMap[version]}`}>/</span>)(
             breadcrumbs.map((breadcrumb, i) => (
               <Breadcrumb
                 key={String(i)}
                 {...useLink(
                   { router, handlerDecorator },
-                  { className: 'text-secondary-text', ...breadcrumb },
+                  { className: breadcrumbsStyleMap[version], ...breadcrumb },
                 )}
               />
             )),

package/src/components/ProductBlock/ProductBlockContent.ts

@@ -1,9 +1,21 @@
 import type { LinkProps } from '../../model/LinkProps';
+import type { TitleSize } from '../../ui-kit/Title/TitleProps';
 import type { BaseTileCommonProps } from '../BaseTile/BaseTileProps';
 import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 
-export interface ProductBlockInnerCommonProps extends BaseTileCommonProps {
-  /** @title Преимущества */
+export interface ProductBlockInnerCommonProps
+  extends Omit<BaseTileCommonProps, 'align' | 'titleSize'> {
+  /**
+   * @title Размер заголовка
+   * @default M
+   * @hidden
+   */
+  titleSize?: TitleSize;
+  /**
+   * @title Преимущества
+   * @minItems 2
+   * @maxItems 3
+   */
   benefits?: Benefit[];
 }