@redneckz/wildless-cms-uni-blocks 0.14.65 → 0.14.66

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

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { ExchangeRateTile } from './ExchangeRateTile';
 
-const button: ButtonProps = {
+const button: LinkButtonProps = {
   href: 'https://coins.rshb.ru/exchange',
   text: 'Купить валюту',
   target: '_blank',

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

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { ExchangeRateTile } from './ExchangeRateTile';
 
-const button: ButtonProps = {
+const button: LinkButtonProps = {
   href: 'https://coins.rshb.ru/exchange',
   text: 'Купить валюту',
   target: '_blank',

package/src/components/ExchangeRateTile/ExchangeRateTileContent.ts

@@ -1,11 +1,11 @@
 import { type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 
 /**
  * @title Курсы обмена валют
  */
 export type ExchangeRateTileContent = UniBlockContent &
   TitleProps & {
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };

package/src/components/Footer/Contacts.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
 import { type ContactGroup, type ContactInfo } from './FooterContent';
 
@@ -11,7 +11,7 @@ export interface ContactsProps {
 export const Contacts = JSX<ContactsProps>(({ className = '', items }) => (
   <div className={className}>
     {items?.length ? items.map(renderContactsGroup) : null}
-    <Button
+    <LinkButton
       version="primary"
       className="w-full"
       href="https://old.rshb.ru/feedback/question/"

package/src/components/Footer/Footer.mobile.tsx

@@ -4,7 +4,7 @@ import { type LinkProps } from '../../model/LinkProps';
 import { projectSettings } from '../../ProjectSettings';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
 import { appendSlash } from '../../utils/appendSlash';
 import { deleteAllCookies } from '../../utils/deleteAllCookie';
@@ -79,7 +79,7 @@ const renderButton = ({ href = '/', text }: LinkProps, i: number) => {
   const { label } = findIconByHref(href);
 
   return (
-    <Button
+    <LinkButton
       key={String(i)}
       className="w-full"
       text={text || label}

package/src/components/Footer/Footer.tsx

@@ -3,7 +3,7 @@ import { useSWRResource } from '../../hooks/useSWRResource';
 import { projectSettings } from '../../ProjectSettings';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
 import { Sitemap } from '../../ui-kit/Sitemap/Sitemap';
@@ -38,14 +38,14 @@ export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
           <SocialMedia media={mobileApps} showButtonText={false}>
             Мобильное приложение
           </SocialMedia>
-          <Button
+          <LinkButton
             version="link"
             href="https://old.rshb.ru"
             className="!text-left text-s font-light"
             onClick={deleteAllCookies}
           >
             Вернуться на прежнюю версию сайта
-          </Button>
+          </LinkButton>
         </div>
         <Sitemap className="flex-grow" topItems={topItems} />
       </div>

package/src/components/Footer/FooterDataProps.ts

@@ -1,13 +1,13 @@
 import { type LinkProps } from '../../model/LinkProps';
 import { type SitemapData } from '../../services/sitemap/SitemapData';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { type ContactGroup } from './FooterContent';
 
 export interface FooterDataProps extends SitemapData {
   documents?: LinkProps[];
   relatedEnterprises?: LinkProps[];
   contacts?: ContactGroup[];
-  socialMedia?: ButtonContent[];
-  mobileApps?: ButtonContent[];
+  socialMedia?: LinkButtonContent[];
+  mobileApps?: LinkButtonContent[];
   horizontalNavigationTitle?: string; // TODO: для мобильной версии
 }

package/src/components/Footer/SocialMedia.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { ButtonVersion } from '../../model/ButtonVersion';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import type { LinkButtonVersion } from '../../model/LinkButtonVersion';
+import type { LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { Text } from '../../ui-kit/Text/Text';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
@@ -10,16 +10,16 @@ import { findIconByHref } from './findIconByHref';
 
 export interface SocialMediaProps {
   className?: string;
-  media?: ButtonContent[];
+  media?: LinkButtonContent[];
   showButtonText?: boolean;
   stretched?: boolean;
-  version?: ButtonVersion;
+  version?: LinkButtonVersion;
 }
 
 export const SocialMedia = JSX<SocialMediaProps>(
   ({ className = '', media, showButtonText, stretched, version = 'white', children }) => {
     const [hasText, setHasText] = useState<boolean | undefined>();
-    const buttons: ButtonContent[] | undefined = media?.map((_) => {
+    const buttons: LinkButtonContent[] | undefined = media?.map((_) => {
       const { href, icon, text } = _;
       const { iconMapped } = findIconByHref(href);
       const iconCustom = isIcon(icon) ? icon : iconMapped;

package/src/components/Header/HeaderTop.tsx

@@ -5,8 +5,8 @@ import { type BgColorVersion } from '../../model/BgColorVersion';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type LogoType } from '../../model/LogoType';
 import { projectSettings } from '../../ProjectSettings';
-import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { style } from '../../utils/style';
@@ -42,7 +42,7 @@ export const HeaderTop = JSX<HeaderTopProps>(({ bgColor, logo, internetBankUrl,
       )}
       {internetBankUrl ? (
         <div>
-          <Button
+          <LinkButton
             href={internetBankUrl}
             ariaLabel="Войти"
             target="_blank"
@@ -52,7 +52,7 @@ export const HeaderTop = JSX<HeaderTopProps>(({ bgColor, logo, internetBankUrl,
             )}
           >
             Войти
-          </Button>
+          </LinkButton>
         </div>
       ) : null}
     </div>

package/src/components/Header/InternetBankButton.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type BlockVersion } from '../../model/BlockVersion';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { style } from '../../utils/style';
 
 interface InternetBankButtonProps {
@@ -15,7 +15,7 @@ const BUTTON_STYLE = {
 
 export const InternetBankButton = JSX<InternetBankButtonProps>(({ version, internetBankUrl }) =>
   internetBankUrl ? (
-    <Button
+    <LinkButton
       href={internetBankUrl}
       ariaLabel="Интернет-банк"
       target="_blank"
@@ -25,6 +25,6 @@ export const InternetBankButton = JSX<InternetBankButtonProps>(({ version, inter
       )}
     >
       Интернет-банк
-    </Button>
+    </LinkButton>
   ) : null,
 );

package/src/components/InsuranceAmountBlock/InsuranceAmountBlock.fixture.tsx

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { InsuranceAmountBlock } from './InsuranceAmountBlock';
 
-const buttonPrimary: ButtonContent = {
+const buttonPrimary: LinkButtonContent = {
   href: '/insurance',
   text: 'Выбрать программу',
   target: '_blank',

package/src/components/InsuranceAmountBlock/InsuranceAmountBlockContent.ts

@@ -1,7 +1,7 @@
 import { type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 
 /**
  * @title Кнопка выбора программы
@@ -31,5 +31,5 @@ export type InsuranceAmountBlockContent = UniBlockContent &
     /** @title Список вкладок */
     insuranceTabs?: InsuranceAmountBlockTab[];
     /** @title Кнопка */
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };

package/src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
-import { Button } from '../../ui-kit/Button/Button';
-import { type ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Img } from '../../ui-kit/Img/Img';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
+import { type ButtonCommonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
 import { Text } from '../../ui-kit/Text/Text';
 import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import { type CardItem, type InsuranceAmountBlockTab } from './InsuranceAmountBlockContent';
@@ -64,7 +64,7 @@ export const InsuranceAmountBlockInner = JSX<InsuranceAmountBlockInnerProps>(
             <div className="absolute top-0 right-0 h-full w-32 bg-opacity-to-white" />
           ) : null}
         </div>
-        <Button className="w-60 text-center" version="primary" {...button} href={activeHref} />
+        <LinkButton className="w-60 text-center" version="primary" {...button} href={activeHref} />
       </section>
     );
   },

package/src/components/LikeControl/LikeControl.tsx

@@ -3,7 +3,7 @@ import { handlerDecorator } from '../../hooks/handlerDecorator';
 import { useLikeService } from '../../hooks/useLikeService';
 import { useRouter } from '../../hooks/useRouter';
 import { type UniBlockContent } from '../../model/JSXBlock';
-import { LikeButton } from '../../ui-kit/Button/LikeButton';
+import { LikeButton } from '../../ui-kit/LinkButton/LikeButton';
 
 interface LikeControlProps extends UniBlockContent {
   className?: string;

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

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { MobileAppTile } from './MobileAppTile';
 
 const ADDITIONALDESCRIPTION = 'Наведите камеру телефона на QR-код и скачайте приложение';
@@ -22,13 +22,13 @@ const listItems = [
   'Копите бонусные баллы',
 ];
 
-const buttonStore: ButtonProps = {
+const buttonStore: LinkButtonProps = {
   text: 'App Store',
   href: 'apps.apple.com',
   version: 'primary',
 };
 
-const buttonPlay: ButtonProps = {
+const buttonPlay: LinkButtonProps = {
   text: 'Google Play',
   href: 'play.google.com',
   version: 'secondary',

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

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { MobileAppTile } from './MobileAppTile';
 
 const image: Picture = {
@@ -30,7 +30,7 @@ const listItems = [
   'Копите бонусные баллы',
 ];
 
-const buttonStore: ButtonContent = {
+const buttonStore: LinkButtonContent = {
   aboveText: 'Загрузите в',
   text: 'App Store',
   icon: { icon: 'AppleIcon', iconVersion: 'white' },
@@ -38,7 +38,7 @@ const buttonStore: ButtonContent = {
   version: 'primary',
 };
 
-const buttonPlay: ButtonContent = {
+const buttonPlay: LinkButtonContent = {
   aboveText: 'Доступно в',
   text: 'Google Play',
   icon: { icon: 'PlayMarketIcon' },

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -2,9 +2,9 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { List } from '../../ui-kit/List/List';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';

package/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -6,8 +6,8 @@ import {
 } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
 import { type ListContent } from '../../ui-kit/List/ListContent';
 
 /**

package/src/components/OfficesAtmsMap/renderFiltrationForm.tsx

@@ -1,7 +1,7 @@
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { Button } from '../../ui-kit/Button/Button';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { Icon } from '../../ui-kit/Icon/Icon';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 
 const FILTRATION_LABELS = {
   safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
@@ -24,7 +24,7 @@ export const renderFiltrationForm = (
         ))}
       </div>
     ) : null}
-    <Button
+    <LinkButton
       version="transparent"
       className="text-secondary-text [&>*]:p-0"
       onClick={reset}

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

@@ -1,7 +1,7 @@
 import { type Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { type ComplexBenefitContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { ProductBlock } from './ProductBlock';
 import { type ProductBlockContent } from './ProductBlockContent';
 
@@ -56,7 +56,7 @@ const benefit: ComplexBenefitContent = {
   description: 'Кредитный лимит',
 };
 
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Оформить карту',

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

@@ -1,7 +1,7 @@
 import { type Picture } from '../../model/Picture';
 import '../../setup-fixture';
 import { type ComplexBenefitContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { ProductBlock } from './ProductBlock';
 import { type ProductBlockContent } from './ProductBlockContent';
 
@@ -42,7 +42,7 @@ const benefit: ComplexBenefitContent = {
   description: 'Кредитный лимит',
 };
 
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Оформить карту',
@@ -57,7 +57,7 @@ const buttons: ButtonContent[] = [
   },
 ];
 
-const buttonsSecond: ButtonContent[] = [
+const buttonsSecond: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',
@@ -129,6 +129,7 @@ export default {
   'primary with back button': (
     <div className="container grid grid-cols-12">
       <ProductBlock
+        version="primary"
         className="col-span-12"
         headlineVersion="L"
         title="Потребительский кредит наличными"

package/src/components/ProductBlock/renderBackwardButton.tsx

@@ -1,9 +1,9 @@
-import { type ButtonVersion } from '../../model/ButtonVersion';
-import { Button } from '../../ui-kit/Button/Button';
-import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { Img } from '../../ui-kit/Img/Img';
+import { getRegularButtonClasses } from '../../ui-kit/LinkButton/getRegularButtonClasses';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 
-export function renderBackwardButton(version: ButtonVersion, handleClick: () => void) {
+export function renderBackwardButton(version: LinkButtonVersion, handleClick: () => void) {
   const iconVersion = version === 'primary' ? 'white' : 'black';
   const className = 'w-12 h-12 min-h-12 min-w-12 flex items-center justify-center';
   const text = 'Вернуться назад';
@@ -22,7 +22,7 @@ export function renderBackwardButton(version: ButtonVersion, handleClick: () =>
           }}
         />
       </div>
-      <Button
+      <LinkButton
         version="link"
         className="group-data-secondary:text-white/80"
         text={text}

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

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { ProductGallery } from './ProductGallery';
 
 const percentImage: Picture = {
@@ -28,7 +28,7 @@ const items = [
   'Получите деньги без залога и поручительства',
   'Кредитный лимит до 5 млн рублей',
 ];
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',
@@ -37,7 +37,7 @@ const buttons: ButtonContent[] = [
   },
 ];
 
-const buttonsSecondary: ButtonContent[] = [
+const buttonsSecondary: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',

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

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { ProductGallery } from './ProductGallery';
 
 const percentImage: Picture = {
@@ -37,7 +37,7 @@ const items = [
   'Получите деньги без залога и поручительства',
   'Кредитный лимит до 5 млн рублей',
 ];
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',
@@ -46,7 +46,7 @@ const buttons: ButtonContent[] = [
   },
 ];
 
-const buttonsSecondary: ButtonContent[] = [
+const buttonsSecondary: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.fixture.mobile.tsx

@@ -1,10 +1,10 @@
 import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo';
 
-const BUTTON: ButtonContent = {
+const BUTTON: LinkButtonContent = {
   text: 'Информация о регионе',
   target: '_blank',
   version: 'secondary',

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.fixture.tsx

@@ -1,10 +1,10 @@
 import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo';
 
-const BUTTON: ButtonContent = {
+const BUTTON: LinkButtonContent = {
   text: 'Информация о регионе',
   target: '_blank',
   version: 'link',

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.tsx

@@ -2,10 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type IconName } from '../../icons/IconName';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TextColor } from '../../ui-kit/Text/TextProps';

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfoContent.ts

@@ -1,7 +1,7 @@
 import { type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 
 /**
@@ -18,5 +18,5 @@ export type RepresentativeOfficeInfoContent = UniBlockContent &
     /** @title E-mail */
     email?: string;
     /** @title Кнопка */
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };

package/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Text } from '../../ui-kit/Text/Text';
 import { RadioButtons } from './RadioButtons';
 import { RegionsAndBranches } from './RegionsAndBranches';
@@ -58,7 +58,12 @@ export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
         </div>
         <div className="contents @md:flex justify-between items-center gap-m">
           <RadioButtons />
-          <Button text="Офисы на карте" version="primary" onClick={onClick} className="order-6" />
+          <LinkButton
+            text="Офисы на карте"
+            version="primary"
+            onClick={onClick}
+            className="order-6"
+          />
         </div>
       </div>
     );

package/src/components/StepsBlock/StepsBlock.mobile.tsx

@@ -3,8 +3,8 @@ import { type BlockVersion } from '../../model/BlockVersion';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type SizeVersion } from '../../model/SizeVersion';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { assertUnreachable } from '../../utils/assertUnreachable';
 import { isIcon } from '../../utils/isIcon';

package/src/components/StepsBlock/StepsBlock.tsx

@@ -3,8 +3,8 @@ import { AlignStyles } from '../../model/AlignStyles';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { isIcon } from '../../utils/isIcon';
 import { joinList } from '../../utils/joinList';
 import { style } from '../../utils/style';

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -10,14 +10,14 @@ import { type UniBlockContent } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
 import { type RichTextItem } from '../../model/RichTextItem';
 import { type SizeVersion } from '../../model/SizeVersion';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { type ListContent } from '../../ui-kit/List/ListContent';
 
 type StepCommonProps = IconProps &
   BulletsProps &
   ListContent & {
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };
 
 /**