@redneckz/wildless-cms-uni-blocks 0.2.73 → 0.2.74

package/src/ContentPage.page.json

@@ -894,7 +894,394 @@
         ]
       }
     },
-
+    {
+      "type": "ComparisonTable",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Другие вклады и сбережения",
+        "rowHeaders": [
+          {
+            "title": "Начисление процентов на остаток по счету"
+          },
+          {
+            "title": "Снятие наличных"
+          },
+          {
+            "title": "Оформление онлайн"
+          },
+          {
+            "title": "Кэшбэк баллами"
+          },
+          {
+            "title": "Стоимость обслуживания"
+          },
+          {
+            "title": "Стоимость SMS-сервиса"
+          },
+          {
+            "title": "Дополнительная информация"
+          }
+        ],
+        "columns": [
+          {
+            "header": {
+              "title": "Россельхоз-Росснефть",
+              "image": {
+                "alt": "card-1",
+                "src": "card-1.png",
+                "format": "webp",
+                "size": {
+                  "width": 100,
+                  "height": 63
+                }
+              },
+              "link": {
+                "text": "Подробнее",
+                "href": "/credits"
+              }
+            },
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "Бесплатно",
+                  "description": "В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 7%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Оплачивайте покупки картой и заправляйтесь за баллы в сети АЗС Роснефть"
+                }
+              ]
+            ]
+          },
+          {
+            "header": {
+              "title": "Panasonic",
+              "image": {
+                "alt": "card-2",
+                "src": "card-2.png",
+                "format": "webp",
+                "size": {
+                  "width": 100,
+                  "height": 63
+                }
+              },
+              "link": {
+                "text": "Подробнее",
+                "href": "/credits"
+              }
+            },
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "1%",
+                  "description": "В сторонних банкоматах, минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic"
+                }
+              ]
+            ]
+          },
+          {
+            "header": {
+              "title": "Профсоюзная",
+              "image": {
+                "alt": "card-3",
+                "src": "card-3.png",
+                "format": "webp",
+                "size": {
+                  "width": 100,
+                  "height": 63
+                }
+              },
+              "link": {
+                "text": "Подробнее",
+                "href": "/credits"
+              }
+            },
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно"
+                }
+              ],
+              [
+                {
+                  "label": "Есть"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Для членов профсоюзных организаций"
+                }
+              ]
+            ]
+          },
+          {
+            "header": {
+              "title": "Россельхоз-Росснефть",
+              "image": {
+                "alt": "card-1",
+                "src": "card-1.png",
+                "format": "webp",
+                "size": {
+                  "width": 100,
+                  "height": 63
+                }
+              },
+              "link": {
+                "text": "Подробнее",
+                "href": "/credits"
+              }
+            },
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "Бесплатно",
+                  "description": "В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 7%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Оплачивайте покупки картой и заправляйтесь за баллы в сети АЗС Роснефть"
+                }
+              ]
+            ]
+          },
+          {
+            "header": {
+              "title": "Panasonic",
+              "image": {
+                "alt": "card-2",
+                "src": "card-2.png",
+                "format": "webp",
+                "size": {
+                  "width": 100,
+                  "height": 63
+                }
+              },
+              "link": {
+                "text": "Подробнее",
+                "href": "/credits"
+              }
+            },
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "В банкоматах и кассах Россельхозбанка и банков-партнеров"
+                },
+                {
+                  "label": "1%",
+                  "description": "В сторонних банкоматах, минимум 150 руб"
+                }
+              ],
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Копите баллы каждый день и обменивайте их на скидки на электронику и бытовую технику Panasonic"
+                }
+              ]
+            ]
+          },
+          {
+            "header": {
+              "title": "Профсоюзная",
+              "image": {
+                "alt": "card-3",
+                "src": "card-3.png",
+                "format": "webp",
+                "size": {
+                  "width": 100,
+                  "height": 63
+                }
+              },
+              "link": {
+                "text": "Подробнее",
+                "href": "/credits"
+              }
+            },
+            "data": [
+              [
+                {
+                  "label": "Нет"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно"
+                }
+              ],
+              [
+                {
+                  "label": "Есть"
+                }
+              ],
+              [
+                {
+                  "label": "До 20%"
+                }
+              ],
+              [
+                {
+                  "label": "Бесплатно",
+                  "description": "При обороте по карте от 10000 ₽ в месяц"
+                }
+              ],
+              [
+                {
+                  "label": "69 рублей в месяц"
+                }
+              ],
+              [
+                {
+                  "description": "Для членов профсоюзных организаций"
+                }
+              ]
+            ]
+          }
+        ]
+      }
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

package/src/ExchangeRateTile.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { ExchangeRateTileContent } from './ExchangeRateTileContent';
 import { Tile } from './Tile';
 import type { UniBlockProps } from './types';
-import { ButtonProps } from './ui-kit/ButtonProps';
+import type { ButtonProps } from './ui-kit/ButtonProps';
 import { Icon } from './ui-kit/Icon';
 
 export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
@@ -19,6 +19,7 @@ const buttons: ButtonProps[] = [
   {
     text: 'Все показатели',
     href: 'https://cbr.ru/currency_base/daily/',
+    version: 'secondary',
   },
 ];
 

package/src/Footer/Contacts.tsx

@@ -18,6 +18,7 @@ export const Contacts = JSX<ContactsProps>(({ className, items, hasButton, conte
       {items?.length ? items.map(renderContact) : null}
       {hasButton ? (
         <Button
+          version="primary"
           className="my-4"
           {...useLink(
             { router, handlerDecorator },

package/src/Footer/SocialMedia.tsx

@@ -4,6 +4,7 @@ import type { UniBlockProps } from '../types';
 import { Icon } from '../ui-kit/Icon';
 import type { IconName } from '../ui-kit/IconProps';
 import { useLink } from '../useLink';
+import { Button } from '../ui-kit/Button';
 
 const ICONS_MAP: Array<{ origins: string[]; icon: IconName; label: string }> = [
   { origins: ['t.me', 'telegram.org'], icon: 'TelegramIcon', label: 'Телеграм' },
@@ -34,15 +35,18 @@ interface MediaButtonProps {
 const MediaButton = JSX<MediaButtonProps>(({ href }) => {
   const { icon, label } =
     ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
+
+  if (!icon) return null;
+
   return (
-    <a
-      className="flex items-center justify-center border-solid border border-main-divider rounded-full no-underline outline-none w-9 h-9"
+    <Button
+      rounded
       href={href}
       target="_blank"
       rel="noopener noreferrer"
       aria-label={label}
-    >
-      {icon && <Icon className="block" name={icon} /> /* TODO width & height */}
-    </a>
+      className="border-solid border border-main-divider w-9 h-9 flex items-center justify-center hover:text-primary-main"
+      appendLeft={<Icon name={icon} />}
+    />
   );
 });

package/src/Gallery.fixture.tsx

@@ -2,7 +2,7 @@ import { context } from './setup-fixture';
 
 import { Gallery, GalleryProps } from './Gallery';
 import { Gallery as MobileGallery } from './Gallery.mobile';
-import { Picture } from './model/Picture';
+import type { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'money-1.png',

package/src/Gallery.mobile.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { GalleryProps } from './Gallery';
 import type { GalleryCard } from './GalleryContent';
-import { Img } from './Img';
 import { BlockItem } from './ui-kit/BlockItem';
 import { Button } from './ui-kit/Button';
+import { Img } from './ui-kit/Img';
 import { Title } from './ui-kit/Title';
 
 export const Gallery = JSX<GalleryProps>(({ title, description, cards = [], className }) => {

package/src/GalleryInner.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { GalleryCard, GalleryContent } from './GalleryContent';
-import { Img } from './Img';
 import type { GalleryVersion } from './model/GalleryVersion';
 import type { UniBlockProps } from './types';
 import { ArrowButton } from './ui-kit/ArrowButton';
 import { BlockItem } from './ui-kit/BlockItem';
 import { Button } from './ui-kit/Button';
+import { Img } from './ui-kit/Img';
 import { Title } from './ui-kit/Title';
 
 export interface GalleryInnerProps extends GalleryContent, UniBlockProps {
@@ -70,24 +70,19 @@ export const GalleryInner = JSX<GalleryInnerProps>(
         </div>
         {showPrevButton && (
           <ArrowButton
-            className="absolute top-1/2 left-8"
+            className="absolute top-1/2 left-8 rotate-180"
             onClick={handlePrevClick}
             ariaLabel="Пролистать влево"
           />
         )}
         {showNextButton && (
           <ArrowButton
-            className="absolute top-1/2 right-1 z-20 rotate-180"
+            className="absolute top-1/2 right-1 z-10"
             onClick={handleNextClick}
             ariaLabel="Пролистать вправо"
           />
         )}
-        <div
-          className="absolute top-0 right-0 bottom-0 w-[84px]"
-          style={{
-            background: 'linear-gradient(270deg, #FFFFFF 34.89%, rgba(255, 255, 255, 0) 92.52%)',
-          }}
-        ></div>
+        <div className="absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white"></div>
       </section>
     );
   },

package/src/ProductBlock.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from './setup-fixture';
 
 import { ProductBlock } from './ProductBlock';
-import { Picture } from './model/Picture';
+import type { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'money-1.png',

package/src/ProductBlockInner.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { BaseTile } from './BaseTile';
 import type { Benefit } from './BenefitsBlockContent';
-import { Img } from './Img';
 import type { ProductBlockInnerContent } from './ProductBlockInnerContent';
 import type { UniBlockProps } from './types';
 import { Icon } from './ui-kit/Icon';
+import { Img } from './ui-kit/Img';
 import { Title } from './ui-kit/Title';
 
 export interface ProductBlockInnerProps extends ProductBlockInnerContent, UniBlockProps {}
@@ -18,7 +18,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
             /* TODO Why <Title> is duplicated here?  */
             <Title
               size={titleSize || 'XL'}
-              className="font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]"
+              className="font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px] text-primary-text"
             >
               {title}
             </Title>
@@ -47,7 +47,7 @@ function renderBenefit(benefit: Benefit, i: number) {
         />
       )}
       <div className="flex gap-1 flex-col h-full">
-        <h4 className="font-medium text-xl m-0">{benefit.label}</h4>
+        <h4 className="font-medium text-primary-text text-xl m-0">{benefit.label}</h4>
         {benefit.description && (
           <div className="font-normal text-sm text-secondary-text">{benefit.description}</div>
         )}

package/src/ProductTile.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from './setup-fixture';
 
 import { ProductTile } from './ProductTile';
-import { Picture } from './model/Picture';
+import type { Picture } from './model/Picture';
 
 const cardWithMoney: Picture = {
   src: 'card-with-diamond.png',

package/src/TextBlock.fixture.tsx

@@ -1,6 +1,6 @@
 import { context } from './setup-fixture';
 import { TextBlock } from './TextBlock';
-import { Picture } from './model/Picture';
+import type { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'bank-card.png',

package/src/TextBlock.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Img } from './Img';
 import type { Picture } from './model/Picture';
 import type { TextBlockContent, TextBlockVersion } from './TextBlockContent';
 import type { UniBlockProps } from './types';
+import { Img } from './ui-kit/Img';
 
 export interface TextBlockProps extends TextBlockContent, UniBlockProps {}
 
@@ -13,7 +13,7 @@ const textBlockStyleMaps: Record<
   primary: {
     background: 'bg-white',
     icon: 'bg-primary-main text-white',
-    title: 'text-base',
+    title: 'text-primary-text',
     description: 'text-secondary-text',
   },
   secondary: {
@@ -25,7 +25,7 @@ const textBlockStyleMaps: Record<
   'secondary-light': {
     background: 'bg-primary-main/10',
     icon: 'bg-primary-main text-white',
-    title: 'text-base',
+    title: 'text-primary-text',
     description: 'text-secondary-text',
   },
 };
@@ -40,7 +40,9 @@ export const TextBlock = JSX<TextBlockProps>(
         {iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null}
         {iconVersion && iconVersion === 'big' ? renderImage(image) : null}
         <div className="py-0.5">
-          {title && <div className={`font-medium mb-1 ${textBlockStyleMap.title}`}>{title}</div>}
+          {title && (
+            <div className={`font-medium text-base mb-1 ${textBlockStyleMap.title}`}>{title}</div>
+          )}
           {description && (
             <div className={`text-sm ${textBlockStyleMap.description}`}>{description}</div>
           )}

package/src/Tile.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from './setup-fixture';
 
 import { Tile } from './Tile';
-import { Picture } from './model/Picture';
+import type { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'money-1.png',

package/src/common.css

@@ -7,6 +7,8 @@
   --color-primary-active: 36, 95, 52;
   --color-secondary-hover: 216, 242, 217;
   --color-secondary-active: 197, 226, 198;
+  --color-gradient-from: 141, 189, 76;
+  --color-gradient-to: 69, 172, 69;
 }
 /* Business clients | Light-Green */
 [data-theme='bc'] {
@@ -15,6 +17,8 @@
   --color-primary-active: 60, 94, 16;
   --color-secondary-hover: 232, 244, 217;
   --color-secondary-active: 216, 227, 202;
+  --color-gradient-from: 141, 189, 76; /* TODO: change color to theme bc */
+  --color-gradient-to: 69, 172, 69; /* TODO: change color to theme bc */
 }
 /* Ecosystem own | Yellow */
 [data-theme='eo'] {
@@ -23,6 +27,8 @@
   --color-primary-active: 126, 99, 12;
   --color-secondary-hover: 241, 236, 221;
   --color-secondary-active: 229, 222, 199;
+  --color-gradient-from: 141, 189, 76; /* TODO: change color to theme eo */
+  --color-gradient-to: 69, 172, 69; /* TODO: change color to theme eo */
 }
 
 @tailwind components;

package/src/icons/AppleIcon.svg

@@ -1,13 +1 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#a)">
-    <path
-      d="M19.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z"
-      fill="#42AB44"
-    />
-  </g>
-  <defs>
-    <clipPath id="a">
-      <rect width="24" height="24" rx="6" fill="#fff" />
-    </clipPath>
-  </defs>
-</svg>
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path d="M18.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z" fill="#42AB44"/></svg>