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

package/src/components/Placeholder/Placeholder.fixture.tsx

@@ -2,4 +2,8 @@ import { context } from '../../setup-fixture';
 
 import { Placeholder } from './Placeholder';
 
-export default <Placeholder context={context} title="Неизвестный блок" />;
+export default (
+  <div className="container grid grid-cols-12">
+    <Placeholder className="col-span-12" context={context} title="Неизвестный блок" />
+  </div>
+);

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

@@ -15,83 +15,89 @@ const image: Picture = {
 
 export default {
   default: (
-    <ProductBlock
-      context={context}
-      title={'Потребительский кредит наличными'}
-      description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
-      breadcrumbs={[
-        {
-          text: 'Главная',
-          href: '/',
-        },
-        {
-          text: 'Кредитные карты',
-          href: '/credit',
-        },
-        {
-          text: 'Кредитная карта Своя Union Pay',
-        },
-      ]}
-      benefits={[
-        {
-          label: 'До 5 млн ₽',
-          description: 'Кредитный лимит',
-          icon: 'EmptyWalletIcon',
-        },
-        {
-          label: 'От 16,9%',
-          description: 'Ставка по кредиту',
-          icon: 'PercentageSquareIcon',
-        },
-        {
-          label: 'До 5 лет',
-          description: 'Срок кредитования',
-          icon: 'CalendarIcon',
-        },
-      ]}
-      buttons={[
-        {
-          href: 'https://rshb.ru',
-          text: 'Оформить карту',
-          target: '_blank',
-          version: 'primary',
-        },
-        {
-          href: 'https://rshb.ru',
-          text: 'Подробнее',
-          target: '_blank',
-          version: 'secondary',
-        },
-      ]}
-      image={image}
-    />
+    <div className="container grid grid-cols-12">
+      <ProductBlock
+        className="col-span-12"
+        context={context}
+        title={'Потребительский кредит наличными'}
+        description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
+        breadcrumbs={[
+          {
+            text: 'Главная',
+            href: '/',
+          },
+          {
+            text: 'Кредитные карты',
+            href: '/credit',
+          },
+          {
+            text: 'Кредитная карта Своя Union Pay',
+          },
+        ]}
+        benefits={[
+          {
+            label: 'До 5 млн ₽',
+            description: 'Кредитный лимит',
+            icon: 'EmptyWalletIcon',
+          },
+          {
+            label: 'От 16,9%',
+            description: 'Ставка по кредиту',
+            icon: 'PercentageSquareIcon',
+          },
+          {
+            label: 'До 5 лет',
+            description: 'Срок кредитования',
+            icon: 'CalendarIcon',
+          },
+        ]}
+        buttons={[
+          {
+            href: 'https://rshb.ru',
+            text: 'Оформить карту',
+            target: '_blank',
+            version: 'primary',
+          },
+          {
+            href: 'https://rshb.ru',
+            text: 'Подробнее',
+            target: '_blank',
+            version: 'secondary',
+          },
+        ]}
+        image={image}
+      />
+    </div>
   ),
   'with items': (
-    <ProductBlock
-      context={context}
-      title={'Оплата проходит \nв 180 странах мира'}
-      breadcrumbs={[]}
-      description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
-      items={[
-        'Совершайте любые личные покупки',
-        'Используйте корпоративную карту как обычную дебетовую, если вы ИП',
-        'Расходы для бизнеса на УСН 15% позволят снизить налоговую базу',
-      ]}
-      buttons={[
-        {
-          href: 'https://rshb.ru',
-          text: 'Оформить карту',
-          target: '_blank',
-          version: 'primary',
-        },
-        {
-          href: 'https://rshb.ru',
-          text: 'Подробнее',
-          target: '_blank',
-          version: 'secondary',
-        },
-      ]}
-      image={image}
-    />
+    <div className="container grid grid-cols-12">
+      <ProductBlock
+        className="col-span-12"
+        context={context}
+        title={'Оплата проходит \nв 180 странах мира'}
+        breadcrumbs={[]}
+        description="Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт."
+        items={[
+          'Совершайте любые личные покупки',
+          'Используйте корпоративную карту как обычную дебетовую, если вы ИП',
+          'Расходы для бизнеса на УСН 15% позволят снизить налоговую базу',
+        ]}
+        buttons={[
+          {
+            href: 'https://rshb.ru',
+            text: 'Оформить карту',
+            target: '_blank',
+            version: 'primary',
+          },
+          {
+            href: 'https://rshb.ru',
+            text: 'Подробнее',
+            target: '_blank',
+            version: 'secondary',
+          },
+        ]}
+        image={image}
+      />
+    </div>
   ),
 };

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.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/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[];