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

package/src/components/CreditCalculator/CreditCalculator.tsx

@@ -27,7 +27,7 @@ const STEP_MONEY = 1000;
 const STEP_MONTHS = 1;
 const DEFAULT_PAYMENT_TYPE = 'annuity';
 
-const borderStyle = 'border-solid border-3 border-primary-main rounded-md';
+const borderStyle = 'border-solid border-[3px] border-primary-main rounded-md';
 
 export const CreditCalculator = JSX<CreditCalculatorProps>(
   ({ context, className, directoryName }) => {
@@ -72,10 +72,12 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
     }
 
     return (
-      <section className={`font-sans text-primary-text bg-white p-4 ${className}`}>
-        <div className={`box-border p-12 flex flex-col justify-between ${borderStyle}`}>
-          <div className="flex justify-between">
-            <div className="grow mr-11">
+      <section className={`font-sans text-primary-text bg-white p-4 w-[847px] ${className || ''}`}>
+        <div
+          className={`box-border p-[49px] pr-[53px] flex flex-col justify-between ${borderStyle}`}
+        >
+          <div className="flex justify-between ">
+            <div className="grow mr-[42px] w-[465px]">
               <InputRange
                 title="Желаемая сумма кредита, ₽"
                 items={[
@@ -89,6 +91,7 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
                 onChange={setMoneyValue}
               />
               <InputRange
+                className="mt-[23px]"
                 title="Срок кредита, месяцев"
                 items={['Или выберите из предложенных вариантов ниже']}
                 min={minMonths}
@@ -106,14 +109,14 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
                 onChange={setIsAnnuityChecked}
               />
               <Checkbox
-                className="mb-4"
+                className="mt-3 mb-7"
                 text="Комплексная страховая защита"
                 checked={isInsuranceChecked}
                 onChange={setIsInsuranceChecked}
               />
             </div>
-            <div className="p-9 bg-primary-main rounded-md text-white">
-              <div className="text-base mb-5">Наше предложение</div>
+            <div className="basis-[226px] shrink-0 box-border h-fit p-9 bg-primary-main rounded-md text-white">
+              <div className="text-base mb-[18px]">Наше предложение</div>
               <div className="text-sm opacity-60">Ежемесячный платёж</div>
               <div className="text-lg mb-3">
                 {addSpacesBetweenNumbers(Math.round(montlyPayment))} ₽
@@ -129,7 +132,7 @@ export const CreditCalculator = JSX<CreditCalculatorProps>(
               aria-label="Соглашение на обработку персональных данных"
             >
               Отправляя заявку, вы соглашаетесь на обработку персональных данных соответственно
-              требованиям ФЗ «О персональных данных»
+              требованиям ФЗ «О персональных данных»
             </div>
           </div>
         </div>

package/src/components/ExchangeRateTile/ExchangeRateTile.fixture.tsx

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

package/src/components/Footer/Contacts.tsx

@@ -70,4 +70,4 @@ const renderText = (type: ContactInfo['type'], text = '') => {
   }
 };
 
-const formatTel = (s: string) => s.replaceAll(/(\-|\s|\(|\)|\D+)/g, '');
+const formatTel = (s: string) => s.replaceAll(/\D/g, '');

package/src/components/Footer/Footer.fixture.tsx

@@ -4,262 +4,269 @@ import { Footer } from './Footer';
 const DEFAULT_ORIGIN = 'https://rshb.ru/';
 
 export default (
-  <Footer
-    topItems={[
-      {
-        href: DEFAULT_ORIGIN,
-        text: 'Частным клиентам',
-        target: '_blank',
-        items: [
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредитные карты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Дебетовые карты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредиты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Ипотека',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Вклады и сбережения',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Инвестиции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Страхование',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Премиальным клиентам',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Биометрическая регистрация',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Перевод денег',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Обмен денег',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Акции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Тарифы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Архивная информация',
-          },
-        ],
-      },
-      {
-        href: DEFAULT_ORIGIN,
-        text: 'Бизнес клиентам',
-        target: '_blank',
-        items: [
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'РКО',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредиты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Депозиты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Эквайринг',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Банковские карты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'ВЭД',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Инвестиции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Обмен валюты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Страхование',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Партнёрские программы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Онлайн-сервисы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Акции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Тарифы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Архивная информация',
-          },
-        ],
-      },
-      {
-        href: DEFAULT_ORIGIN,
-        text: 'О банке',
-        target: '_blank',
-        items: [
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'О банке',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Новости',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Офисы и отделения',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Карьера в банке',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Пресс-центр',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредитным организациям',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Закупки',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Непрофильные/Профильные нецелевые активы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Инсайдерам',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Противодействие коррупции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Меры безопасности',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Залоговое имущество',
-          },
-        ],
-      },
-    ]}
-    socialMedia={[{ href: 'https://t.me' }, { href: 'https://vk.com' }, { href: 'https://ok.ru' }]}
-    contacts={[
-      {
-        text: '+7 (495) 787-7-787',
-        description: 'Для звонков из-за границы',
-        type: 'tel',
-      },
-      {
-        text: 'example@example.com',
-        description: 'Для писем',
-        type: 'email',
-      },
-      {
-        text: '7787',
-        description: 'Абонентам МТС, Мегафон, Билайн и Tele2',
-        type: 'tel',
-      },
-    ]}
-    relatedEnterprises={[
-      {
-        text: 'РСХБ Страхование',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Страхование жизни',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Управление активами',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Лизинг',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Факторинг',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-    ]}
-    documents={[
-      {
-        text: 'Информация о процентных ставках по договорам банковского вклада с физическими лицами',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Раскрытие информации профессиональным участником рынка ценных бумаг',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Раскрытие информации',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Удостоверяющий центр',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Финансовая культура',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-    ]}
-    context={context}
-  />
+  <div className="container grid grid-cols-12">
+    <Footer
+      className="col-span-12"
+      topItems={[
+        {
+          href: DEFAULT_ORIGIN,
+          text: 'Частным клиентам',
+          target: '_blank',
+          items: [
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Кредитные карты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Дебетовые карты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Кредиты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Ипотека',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Вклады и сбережения',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Инвестиции',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Страхование',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Премиальным клиентам',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Биометрическая регистрация',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Перевод денег',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Обмен денег',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Акции',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Тарифы',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Архивная информация',
+            },
+          ],
+        },
+        {
+          href: DEFAULT_ORIGIN,
+          text: 'Бизнес клиентам',
+          target: '_blank',
+          items: [
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'РКО',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Кредиты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Депозиты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Эквайринг',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Банковские карты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'ВЭД',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Инвестиции',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Обмен валюты',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Страхование',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Партнёрские программы',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Онлайн-сервисы',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Акции',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Тарифы',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Архивная информация',
+            },
+          ],
+        },
+        {
+          href: DEFAULT_ORIGIN,
+          text: 'О банке',
+          target: '_blank',
+          items: [
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'О банке',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Новости',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Офисы и отделения',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Карьера в банке',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Пресс-центр',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Кредитным организациям',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Закупки',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Непрофильные/Профильные нецелевые активы',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Инсайдерам',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Противодействие коррупции',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Меры безопасности',
+            },
+            {
+              href: DEFAULT_ORIGIN,
+              text: 'Залоговое имущество',
+            },
+          ],
+        },
+      ]}
+      socialMedia={[
+        { href: 'https://t.me' },
+        { href: 'https://vk.com' },
+        { href: 'https://ok.ru' },
+      ]}
+      contacts={[
+        {
+          text: '+7 (495) 787-7-787',
+          description: 'Для звонков из-за границы',
+          type: 'tel',
+        },
+        {
+          text: 'example@example.com',
+          description: 'Для писем',
+          type: 'email',
+        },
+        {
+          text: '7787',
+          description: 'Абонентам МТС, Мегафон, Билайн и Tele2',
+          type: 'tel',
+        },
+      ]}
+      relatedEnterprises={[
+        {
+          text: 'РСХБ Страхование',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'РСХБ Страхование жизни',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'РСХБ Управление активами',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'РСХБ Лизинг',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'РСХБ Факторинг',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+      ]}
+      documents={[
+        {
+          text: 'Информация о процентных ставках по договорам банковского вклада с физическими лицами',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'Раскрытие информации профессиональным участником рынка ценных бумаг',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'Раскрытие информации',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'Удостоверяющий центр',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+        {
+          text: 'Финансовая культура',
+          href: DEFAULT_ORIGIN,
+          target: '_blank',
+        },
+      ]}
+      context={context}
+    />
+  </div>
 );

package/src/components/Footer/Footer.tsx

@@ -17,12 +17,12 @@ export interface FooterProps extends FooterContent, UniBlockProps {}
 export const Footer = JSX<FooterProps>(
   ({ className, documents, relatedEnterprises, contacts, socialMedia, topItems, context }) => {
     return (
-      <footer className={`${className} px-9 py-10 bg-white`}>
-        <div className="flex items-stretch gap-32 pb-8 xl:gap-8">
+      <footer className={`px-9 py-10 bg-white ${className || ''}`}>
+        <div className="flex items-stretch gap-[54px] pb-8 xl:gap-8">
           <Logo className={`${LEFT_COL_WIDTH_FULL_HD} ${LEFT_COL_WIDTH_SMALL_DESKTOP}`} />
           <SearchBar context={context} className="grow" />
         </div>
-        <div className="flex items-stretch gap-32 xl:gap-8">
+        <div className="flex items-stretch gap-[54px] xl:gap-8">
           <Contacts
             className={`${LEFT_COL_WIDTH_FULL_HD} shrink-0 overflow-hidden ${LEFT_COL_WIDTH_SMALL_DESKTOP}`}
             items={contacts}

package/src/components/Footer/FooterContent.ts

@@ -24,7 +24,7 @@ export interface ContactInfo {
 /**
  * @required ["href"]
  */
-export interface SocialMedia extends Omit<LinkProps, 'text'> {}
+export type SocialMedia = Omit<LinkProps, 'text'>;
 
 /**
  * @title Подвал

package/src/components/Footer/HorizontalNavigation.tsx

@@ -33,7 +33,7 @@ interface HorizontalNavigationLinkProps extends LinkProps {
 const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(
   ({ className, index, text, href, target, onClick }) => (
     <a
-      className={`font-sans font-normal text-sm text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${
+      className={`font-sans font-normal text-sm text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px] ${
         className || ''
       }`}
       href={href}

package/src/components/Footer/Sitemap.tsx

@@ -28,7 +28,7 @@ const renderColumn = (c: TopMenuItem, index: number, { router, handlerDecorator
   const { text, href, items, target } = c;
 
   return (
-    <div key={String(index)} className="flex flex-col w-[235px] gap-[14px]">
+    <div key={String(index)} className="flex flex-col gap-[14px]">
       <a
         className="block font-sans font-medium text-base text-primary-text no-underline"
         href={href}