@redneckz/wildless-cms-uni-blocks 0.2.94 → 0.2.98

package/src/components/ProductGallery/ProductGallery.fixture.tsx

@@ -32,101 +32,104 @@ const creditCard: Picture = {
 };
 
 export default (
-  <ProductGallery
-    context={context}
-    slides={[
-      {
-        nav: {
-          title: 'Деньги на любые цели',
-          desc: 'Ставка от 12,5% годовых на срок до 5 лет',
+  <div className="container grid grid-cols-12">
+    <ProductGallery
+      className="col-span-12"
+      context={context}
+      slides={[
+        {
+          nav: {
+            title: 'Деньги на любые цели',
+            desc: 'Ставка от 12,5% годовых на срок до 5 лет',
+          },
+          productBlock: {
+            title: 'Ставка от 12,5% годовых на срок до 5 лет!»',
+            items: [
+              'Потребительский кредит по специальной процентной ставке',
+              'Получите деньги без залога и поручительства',
+              'Кредитный лимит до 5 млн рублей',
+            ],
+            buttons: [
+              {
+                href: 'https://rshb.ru',
+                text: 'Подробнее',
+                target: '_blank',
+                version: 'primary',
+              },
+            ],
+            image: moneyImage,
+          },
         },
-        productBlock: {
-          title: 'Ставка от 12,5% годовых на срок до 5 лет!»',
-          items: [
-            'Потребительский кредит по специальной процентной ставке',
-            'Получите деньги без залога и поручительства',
-            'Кредитный лимит до 5 млн рублей',
-          ],
-          buttons: [
-            {
-              href: 'https://rshb.ru',
-              text: 'Подробнее',
-              target: '_blank',
-              version: 'primary',
-            },
-          ],
-          image: moneyImage,
+        {
+          nav: {
+            title: 'Для людей в возрасте',
+            desc: 'Ставка от 12,5% годовых на срок до 3 лет',
+          },
+          productBlock: {
+            title: 'Ставка от 12,5% годовых на срок до 3 лет!»',
+            items: [
+              'Потребительский кредит по специальной процентной ставке',
+              'Получите деньги без залога и поручительства',
+              'Кредитный лимит до 5 млн рублей',
+            ],
+            buttons: [
+              {
+                href: 'https://rshb.ru',
+                text: 'Подробнее',
+                target: '_blank',
+                version: 'primary',
+              },
+            ],
+            image: worker,
+          },
         },
-      },
-      {
-        nav: {
-          title: 'Для людей в возрасте',
-          desc: 'Ставка от 12,5% годовых на срок до 3 лет',
+        {
+          nav: {
+            title: 'Выгодно покупать',
+            desc: 'Дополнительные бонусные баллы за покупки',
+          },
+          productBlock: {
+            title: 'Дополнительные бонусные баллы за покупки!»',
+            items: [
+              'Потребительский кредит по специальной процентной ставке',
+              'Получите деньги без залога и поручительства',
+              'Кредитный лимит до 5 млн рублей',
+            ],
+            buttons: [
+              {
+                href: 'https://rshb.ru',
+                text: 'Подробнее',
+                target: '_blank',
+                version: 'primary',
+              },
+            ],
+            image: creditCard,
+          },
         },
-        productBlock: {
-          title: 'Ставка от 12,5% годовых на срок до 3 лет!»',
-          items: [
-            'Потребительский кредит по специальной процентной ставке',
-            'Получите деньги без залога и поручительства',
-            'Кредитный лимит до 5 млн рублей',
-          ],
-          buttons: [
-            {
-              href: 'https://rshb.ru',
-              text: 'Подробнее',
-              target: '_blank',
-              version: 'primary',
-            },
-          ],
-          image: worker,
+        {
+          nav: {
+            title: 'Карты Unionpay',
+            desc: 'Кэшбэк до 20% у партнеров',
+          },
+          productBlock: {
+            title: 'Карты Unionpay»',
+            items: [
+              'Потребительский кредит по специальной процентной ставке',
+              'Получите деньги без залога и поручительства',
+              'Кредитный лимит до 5 млн рублей',
+            ],
+            buttons: [
+              {
+                href: 'https://rshb.ru',
+                text: 'Подробнее',
+                target: '_blank',
+                version: 'primary',
+              },
+            ],
+            image: creditCard,
+          },
         },
-      },
-      {
-        nav: {
-          title: 'Выгодно покупать',
-          desc: 'Дополнительные бонусные баллы за покупки',
-        },
-        productBlock: {
-          title: 'Дополнительные бонусные баллы за покупки!»',
-          items: [
-            'Потребительский кредит по специальной процентной ставке',
-            'Получите деньги без залога и поручительства',
-            'Кредитный лимит до 5 млн рублей',
-          ],
-          buttons: [
-            {
-              href: 'https://rshb.ru',
-              text: 'Подробнее',
-              target: '_blank',
-              version: 'primary',
-            },
-          ],
-          image: creditCard,
-        },
-      },
-      {
-        nav: {
-          title: 'Карты Unionpay',
-          desc: 'Кэшбэк до 20% у партнеров',
-        },
-        productBlock: {
-          title: 'Карты Unionpay»',
-          items: [
-            'Потребительский кредит по специальной процентной ставке',
-            'Получите деньги без залога и поручительства',
-            'Кредитный лимит до 5 млн рублей',
-          ],
-          buttons: [
-            {
-              href: 'https://rshb.ru',
-              text: 'Подробнее',
-              target: '_blank',
-              version: 'primary',
-            },
-          ],
-          image: creditCard,
-        },
-      },
-    ]}
-  />
+      ]}
+    />
+  </div>
 );

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

@@ -23,7 +23,7 @@
   ],
   "buttons": [
     {
-      "text": "Подробнее",
+      "text": "Кнопка",
       "version": "primary"
     }
   ]

package/src/components/ProductTile/ProductTile.fixture.tsx

@@ -23,7 +23,7 @@ const building: Picture = {
 
 export default {
   credit: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <ProductTile
         context={context}
         className="col-span-6"
@@ -55,7 +55,7 @@ export default {
     </div>
   ),
   pension: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <ProductTile
         context={context}
         className="col-span-6"
@@ -88,7 +88,7 @@ export default {
     </div>
   ),
   'credit-card': (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <ProductTile
         context={context}
         className="col-span-8"
@@ -121,7 +121,7 @@ export default {
     </div>
   ),
   'pension-credit': (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <ProductTile
         context={context}
         className="col-span-4"

package/src/components/ProductTile/ProductTileContent.ts

@@ -4,7 +4,7 @@ import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 /**
  * @title Продуктовая плитка
  */
-export interface ProductTileContent extends BaseTileCommonProps {
+export interface ProductTileContent extends Omit<BaseTileCommonProps, 'align'> {
   /** @title Преимущества */
-  benefits?: Benefit[];
+  benefits?: Omit<Benefit, 'icon'>[];
 }

package/src/components/PromoTile/PromoTile.fixture.tsx

@@ -4,7 +4,7 @@ import { PromoTile } from './PromoTile';
 
 export default {
   default: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <PromoTile
         context={context}
         className="col-span-4"

package/src/components/StepsBlock/StepsBlock.fixture.tsx

@@ -2,22 +2,25 @@ import { context } from '../../setup-fixture';
 import { StepsBlock } from './StepsBlock';
 
 export default (
-  <StepsBlock
-    context={context}
-    title="Рассчитайте условия на онлайн-калькуляторе и оставьте заявку на потребительский кредит"
-    steps={[
-      {
-        label: 'Заявка на кредит',
-        description: 'Оставьте онлайн-заявку на потребительский кредит',
-      },
-      {
-        label: 'В случае одобрения',
-        description: 'Менеджер свяжется с вами и согласует встречу',
-      },
-      {
-        label: 'Получение наличных',
-        description: 'Получите наличные в отделении банка',
-      },
-    ]}
-  />
+  <div className="container grid grid-cols-12">
+    <StepsBlock
+      className="col-span-12"
+      context={context}
+      title="Рассчитайте условия на онлайн-калькуляторе и оставьте заявку на потребительский кредит"
+      steps={[
+        {
+          label: 'Заявка на кредит',
+          description: 'Оставьте онлайн-заявку на потребительский кредит',
+        },
+        {
+          label: 'В случае одобрения',
+          description: 'Менеджер свяжется с вами и согласует встречу',
+        },
+        {
+          label: 'Получение наличных',
+          description: 'Получите наличные в отделении банка',
+        },
+      ]}
+    />
+  </div>
 );

package/src/components/TariffsTable/TariffsTable.fixture.tsx

@@ -63,9 +63,6 @@ const columns: TariffsTableColumn[] = [
       [
         {
           label: 'Бесплатно',
-          list: {
-            items: ['item 1', 'item 2', 'item 3'],
-          },
         },
       ],
       [
@@ -97,15 +94,7 @@ const columns: TariffsTableColumn[] = [
         },
       ],
       [{ label: 'Нет' }],
-      [
-        { label: 'До 20%' },
-        {
-          list: {
-            isDotted: false,
-            items: ['item 1', 'item 2', 'item 3'],
-          },
-        },
-      ],
+      [{ label: 'До 20%' }],
       [
         {
           label: 'Бесплатно',
@@ -149,7 +138,7 @@ const columns: TariffsTableColumn[] = [
 
 export default {
   default: (
-    <div className="w-[1280px]">
+    <div className="container grid grid-cols-12">
       <TariffsTable
         className="col-span-12"
         title="Другие дебетовые карты Россельхозбанка"
@@ -160,7 +149,7 @@ export default {
     </div>
   ),
   '1 column': (
-    <div className="w-[1280px]">
+    <div className="container grid grid-cols-12">
       <TariffsTable
         className="col-span-12"
         title="Другие дебетовые карты Россельхозбанка"
@@ -171,7 +160,7 @@ export default {
     </div>
   ),
   '2 columns': (
-    <div className="w-[1280px]">
+    <div className="container grid grid-cols-12">
       <TariffsTable
         className="col-span-12"
         title="Другие дебетовые карты Россельхозбанка"
@@ -182,7 +171,7 @@ export default {
     </div>
   ),
   '3 columns': (
-    <div className="w-[1280px]">
+    <div className="container grid grid-cols-12">
       <TariffsTable
         className="col-span-12"
         title="Другие дебетовые карты Россельхозбанка"

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -24,8 +24,12 @@ export interface TariffsTableColumn {
  * @title Список
  */
 export interface TariffsTableList {
+  /** @hidden */
   version?: BlockItemVersion;
-  /** @title Маркеры */
+  /**
+   * @title Маркеры
+   * @hidden
+   */
   isDotted?: boolean;
   /** @title Элементы списка */
   items?: string[];

package/src/components/TextBlock/TextBlock.fixture.tsx

@@ -19,53 +19,70 @@ export const TEXT_BLOCK: TextBlockContent = {
 };
 
 export default (
-  <div className="font-sans overflow-hidden">
-    <div>
-      <p>Private clients</p>
-      <div className="flex flex-col gap-6" data-theme="pc">
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="primary"
-          iconVersion="big"
-          image={image}
-        />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="secondary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+  <div className="container grid grid-cols-12">
+    <div className="font-sans overflow-hidden col-span-12">
+      <div>
+        <p>Private clients</p>
+        <div className="flex flex-col gap-6" data-theme="pc">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="primary"
+            iconVersion="big"
+            image={image}
+          />
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
-    </div>
-    <div>
-      <p>Business clients</p>
-      <div className="flex flex-col gap-6" data-theme="bc">
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="secondary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+      <div>
+        <p>Business clients</p>
+        <div className="flex flex-col gap-6" data-theme="bc">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
-    </div>
-    <div>
-      <p>Ecosystem own</p>
-      <div className="flex flex-col gap-6" data-theme="eo">
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
-        <TextBlock context={context} {...TEXT_BLOCK} blockVersion="secondary" iconVersion="small" />
-        <TextBlock
-          context={context}
-          {...TEXT_BLOCK}
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+      <div>
+        <p>Ecosystem own</p>
+        <div className="flex flex-col gap-6" data-theme="eo">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
     </div>
   </div>

package/src/components/TextBlock/TextBlockContent.ts

@@ -18,6 +18,7 @@ export type TextBlockIconVersion = 'none' | 'small' | 'big';
 export interface TextBlockContent {
   /** @title Заголовок */
   title?: string;
+  /** @title Описание */
   description?: string;
   iconVersion?: TextBlockIconVersion;
   image?: Picture;

package/src/components/Tile/Tile.example.json

@@ -13,7 +13,7 @@
   "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
   "buttons": [
     {
-      "text": "Подробнее",
+      "text": "Кнопка",
       "version": "primary"
     }
   ],

package/src/components/Tile/Tile.fixture.tsx

@@ -25,7 +25,7 @@ const image4: Picture = {
 
 export default {
   credit: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-8"
@@ -47,15 +47,18 @@ export default {
     </div>
   ),
   mortgage: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         version="secondary"
         className="col-span-4"
         title="Ипотека"
-        description={
-          'Широкий выбор ипотечных программ с государственной поддержкой. Специальные предложения от 12,2 %'
-        }
+        items={[
+          'Качественные фермерские продукты напрямую от производителей',
+          'Самая большая база сельских туров по России',
+          'Площадки для создания комфортной жизни за городом',
+          'Подробная база вакансий для жителей сельской местности',
+        ]}
         buttons={[
           {
             href: 'https://rshb.ru',
@@ -68,7 +71,7 @@ export default {
     </div>
   ),
   'credit-card': (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-6"
@@ -87,7 +90,7 @@ export default {
     </div>
   ),
   premium: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-6"
@@ -108,7 +111,7 @@ export default {
     </div>
   ),
   ecosystem: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-12 pr-28"

package/src/components/Tile/TileContent.ts

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

package/src/icons/AppleIcon.svg

@@ -1 +1 @@
-<svg id="icon" 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>
+<svg id="icon" 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="currentColor"/></svg>

package/src/icons/CalendarWhiteIcon.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    stroke="#fff"
+    stroke-width="2"
+    stroke-miterlimit="10"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M8 2v3M16 2v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5"
+  />
+  <path
+    stroke="#fff"
+    stroke-width="3"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M15.991 13h.018M15.991 17.006h.018M11.991 13h.018M11.991 17.006h.018M7.991 13h.018M7.991 17.006h.018"
+  />
+</svg>

package/src/icons/EmptyWalletWhiteIcon.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    stroke="#fff"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M2.5 14.07v-2.56c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76H6.26c-2.07 0-3.76-1.69-3.76-3.76M12.28 2.17a1.9 1.9 0 0 1 2.57 1.78v3.8"
+  />
+  <path
+    stroke="#fff"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l3.97-1.5M22.56 13.97v2.06c0 .55-.44 1-1 1.02H19.6c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02ZM7 12h7"
+  />
+</svg>

package/src/icons/GridIcon.svg

@@ -1,4 +1,4 @@
 <svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33">
-    <rect width="32" height="32" y=".5" rx="16"/>
+    <rect fill="#F5F7F9" width="32" height="32" y=".5" rx="16"/>
     <path fill="#1C1C1C" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
-</svg>
+</svg>