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

package/mobile/src/components/ApplicationForm/Footnote.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type LinkProps } from '../../model/LinkProps';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Text } from '../../ui-kit/Text/Text';
 
@@ -13,14 +13,14 @@ export const Footnote = JSX<FootnoteProps>(({ text, link }) => (
   <Paragraph size="text-s" font="font-light" color="text-secondary-text">
     <Text>{text || 'Нажимая кнопку, вы подтверждаете согласие с '}</Text>
     {link ? (
-      <Button
+      <LinkButton
         href={link.href}
         ariaLabel="условия передачи данных"
         target={link.target}
         className="text-primary-main"
       >
         <Text>{link.text}</Text>
-      </Button>
+      </LinkButton>
     ) : null}
   </Paragraph>
 ));

package/mobile/src/components/ApplicationForm/renderSubmitButton.tsx

@@ -1,16 +1,9 @@
-import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
+import { Button } from '../../ui-kit/Button/Button';
 import { style } from '../../utils/style';
 import { type SubmitButtonProps } from './ApplicationFormContent';
 
-export const renderSubmitButton = (button?: SubmitButtonProps, className?: string) => {
-  const buttonStyle = getRegularButtonClasses({
-    className: 'text-white',
-    version: button?.version,
-  });
-
-  return (
-    <button type="submit" className={style('p-m w-full @xl:w-auto', buttonStyle, className)}>
-      {button?.text ? button.text : 'Отправить заявку'}
-    </button>
-  );
-};
+export const renderSubmitButton = (button?: SubmitButtonProps, className?: string) => (
+  <Button className={style('w-full @xl:w-auto', className)} type="submit">
+    {button?.text ? button.text : 'Отправить заявку'}
+  </Button>
+);

package/mobile/src/components/Bonus/Bonus.tsx

@@ -2,8 +2,8 @@ import { JSX } from '@redneckz/uni-jsx';
 import { AlignStyles } from '../../model/AlignStyles';
 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 { Text } from '../../ui-kit/Text/Text';
 import { Headline } from '../Headline/Headline';
 import { type BonusContent, type BonusCountDef, type BonusImageDef } from './BonusContent';

package/mobile/src/components/Bonus/BonusContent.ts

@@ -1,7 +1,7 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
-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 TextAlign } from '../../ui-kit/Text/TextProps';
 
 /**

package/mobile/src/components/ButtonsBlock/ButtonsBlock.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { AlignJustifyStyle } from '../../model/AlignJustifyStyle';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { style } from '../../utils/style';
 import { type ButtonsBlockContent } from './ButtonsBlockContent';
 

package/mobile/src/components/ButtonsBlock/ButtonsBlockContent.ts

@@ -1,11 +1,11 @@
 import { type Align } from '../../model/Align';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 
 /**
  * @title Блок кнопок
  */
 export interface ButtonsBlockContent {
   /** @title Кнопки */
-  buttons?: ButtonContent[];
+  buttons?: LinkButtonContent[];
   align?: Align;
 }

package/mobile/src/components/Calculator/BonusCalculatorForm.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useForm } from '../../hooks/useForm';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { style } from '../../utils/style';
 import { type CommonCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';

package/mobile/src/components/Calculator/BusinessDepositCalculatorForm.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { type BusinessDepositCalculatorProps } from './CalculatorContent';

package/mobile/src/components/Calculator/CalculatorContent.ts

@@ -2,7 +2,7 @@ import { type Align } from '../../model/Align';
 import { type Footnote } from '../../model/Footnote';
 import { type HeadlineCommonProps, type TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
 
 export interface RateParams {
   /** @title Адрес справочника */

package/mobile/src/components/Calculator/CreditCalculatorForm.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable max-lines, max-lines-per-function */
 import { JSX } from '@redneckz/uni-jsx';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { style } from '../../utils/style';
 import {
   type CreditCalculatorParamsViewSettings,

package/mobile/src/components/Calculator/DepositCalculatorForm.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { style } from '../../utils/style';
 import {
   type DepositCalculatorParamsViewSettings,

package/mobile/src/components/Calculator/RefinancingCalculatorForm.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable max-lines, max-lines-per-function */
 import { JSX } from '@redneckz/uni-jsx';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { style } from '../../utils/style';
 import {
   type RefinancingCalculatorParamsViewSettings,

package/mobile/src/components/CardTransfer/CardTransfer.tsx

@@ -1,11 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { useLink } from '../../hooks/useLink';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { getDisabledButtonClasses } from '../../ui-kit/Button/getDisabledButtonClasses';
-import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
+import { Button } from '../../ui-kit/Button/Button';
 import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { style } from '../../utils/style';
@@ -43,13 +41,6 @@ export const CardTransfer = JSX<CardTransferProps>(
       setDisabled(amount <= 0);
     }, [amount]);
 
-    const buttonStyle = isDisabled
-      ? getDisabledButtonClasses({ version: button?.version })
-      : getRegularButtonClasses({ className: 'text-white', version: button?.version });
-
-    const link = useLink();
-    const { onClick } = link(button || {});
-
     return (
       <BlockWrapper
         className={style('flex flex-col items-center', className)}
@@ -72,14 +63,9 @@ export const CardTransfer = JSX<CardTransferProps>(
           />
           <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
-            <button
-              type="submit"
-              className={style('w-full p-m mt-lg', buttonStyle)}
-              disabled={isDisabled}
-              onClick={onClick}
-            >
+            <Button className="w-full mt-lg" type="submit" disabled={isDisabled}>
               {button.text}
-            </button>
+            </Button>
           ) : null}
         </form>
       </BlockWrapper>

package/mobile/src/components/CardTransfer/CardTransferContent.ts

@@ -1,6 +1,6 @@
 import { type LabelProps, 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 Перевод с карты на карту
@@ -10,7 +10,7 @@ export type CardTransferContent = UniBlockContent &
   TitleProps & {
     /** @title Плейсхолдер */
     placeholder?: string;
-    button?: ButtonContent;
+    button?: LinkButtonContent;
     /**
      * @title Тип формы
      * @enumNames ['Частные клиенты', 'Бизнес-клиенты']

package/mobile/src/components/Carousel/CarouselScrollButtons.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { ScrollLeftButton, ScrollRightButton } from '../../ui-kit/Button/ArrowButton';
+import { ScrollLeftButton, ScrollRightButton } from '../../ui-kit/LinkButton/ArrowButton';
 import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
 import { style } from '../../utils/style';
 

package/mobile/src/components/CarouselCard/CarouselCard.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { type CarouselCardContent } from './CarouselCardContent';

package/mobile/src/components/CarouselCard/CarouselCardContent.ts

@@ -1,13 +1,13 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type SizeVersion } from '../../model/SizeVersion';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 
 /**
  * @title Карточка карусели
  */
 export type CarouselCardContent = UniBlockContent &
   HeadlineCommonProps & {
-    button?: ButtonContent;
+    button?: LinkButtonContent;
     carouselVersion?: SizeVersion;
   };

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx

@@ -3,8 +3,8 @@ import { type UniBlockProps } from '../../model/JSXBlock';
 import { type ProductColorVersion } from '../../model/ProductColorVersion';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 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 { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts

@@ -1,8 +1,8 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type ProductColorVersion } from '../../model/ProductColorVersion';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 
 /**
  * @title Карточка каталога
@@ -14,5 +14,5 @@ export type CarouselCatalogCardContent = UniBlockContent &
     price?: number;
     /** @title Доступные цвета */
     colors?: ProductColorVersion[];
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -9,7 +9,7 @@ import { type LinkCommonProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
 import { type TileImageOptions } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
 import { type BenefitsListContent } from '../../ui-kit/BenefitsList/BenefitsListContent';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { type ListContent } from '../../ui-kit/List/ListContent';
 
 /**
@@ -25,6 +25,6 @@ export type CarouselRecommendationCardContent = UniBlockContent &
   AlignProps &
   BenefitsListContent & {
     /** @title Соц сети */
-    socialMedia?: ButtonContent[];
+    socialMedia?: LinkButtonContent[];
     imageOptions?: TileImageOptions;
   };

package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -2,13 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { type CarouselTariffsCardContent } from './CarouselTariffsCardContent';
@@ -34,7 +34,7 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
         {title ? (
           <Heading className={style('pt-xs', align)} headingType="h5" title={title} />
         ) : null}
-        {button ? <Button className="w-full mt-m mb-lg" {...button} /> : null}
+        {button ? <LinkButton className="w-full mt-m mb-lg" {...button} /> : null}
         {cardCells.length ? (
           <Foldable
             renderFoldableSection={({ isUnfolded }) => (

package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts

@@ -5,10 +5,10 @@ import {
 } 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';
 
 export type TariffsCardCellProps = HeadlineCommonProps & {
-  buttons?: ButtonContent[];
+  buttons?: LinkButtonContent[];
 };
 
 /**
@@ -21,7 +21,7 @@ export type CarouselTariffsCardContent = UniBlockContent &
     /** @title Выделить карточку */
     isHighlighting?: boolean;
     /** @title Кнопка */
-    button?: ButtonContent;
+    button?: LinkButtonContent;
     /** @title Ячейка */
     cardCells?: TariffsCardCellProps[];
   };

package/mobile/src/components/CarouselTariffsCard/renderCardInfo.tsx

@@ -1,5 +1,5 @@
 import { type VNode } from '../../model/VNode';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TariffsCardCellProps } from './CarouselTariffsCardContent';
 

package/mobile/src/components/ComparisonTable/ComparisonTableRows.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type CarouselControls } from '../../hooks/useCarouselControls';
 import { type TitleProps } from '../../model/HeadlineType';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
+import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
 import { type CellData } from './ComparisonTableContent';
 import { TableRow } from './TableRow';
 

package/mobile/src/components/ComparisonTable/TableColumn.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type ButtonVersion } from '../../model/ButtonVersion';
 import { type UniBlockProps } from '../../model/JSXBlock';
-import { Button } from '../../ui-kit/Button/Button';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { style } from '../../utils/style';
 import { type CellData, type ColumnHeader } from './ComparisonTableContent';
 import { gradientStyle } from './constants';
@@ -26,7 +26,7 @@ export const TableColumn = JSX<TableColumnProps>(
   ({ header, columnData, visibleRowLength = 0, isFillGradient, showRow, onToggleColumn }) => {
     const columnDataView = columnData?.slice(0, showRow ? columnData.length : visibleRowLength);
     const gradientColumnStyle = isFillGradient ? gradientStyle : '';
-    const buttonVersion: ButtonVersion = isFillGradient ? 'secondary' : 'primary';
+    const buttonVersion: LinkButtonVersion = isFillGradient ? 'secondary' : 'primary';
 
     return (
       <div
@@ -46,14 +46,14 @@ export const TableColumn = JSX<TableColumnProps>(
           : null}
 
         {showRow && header?.link ? (
-          <Button
+          <LinkButton
             href={header.link.href}
             target={header.link.target}
             version={buttonVersion}
             className="text-s font-medium mt-m py-s"
           >
             {header.link.text}
-          </Button>
+          </LinkButton>
         ) : null}
         {renderToggleButton({ onToggleColumn, isFillGradient, showRow })}
       </div>

package/mobile/src/components/ContactsBlock/ContactsBlock.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
@@ -55,7 +55,7 @@ const renderBlocksColumn = ({ column, index }: RenderContactsColumnProps) =>
               </Paragraph>
             </div>
           ) : null}
-          {button?.href ? <Button className="mt-xl" {...button} /> : null}
+          {button?.href ? <LinkButton className="mt-xl" {...button} /> : null}
         </div>
       ))}
     </div>

package/mobile/src/components/ContactsBlock/ContactsBlockContent.ts

@@ -3,7 +3,7 @@ import {
   type HeadlineCommonProps,
 } 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 Элемент плитки
@@ -11,7 +11,7 @@ import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
 export type ContactBlockProps = HeadlineCommonProps &
   AdditionalDescriptionProps & {
     /** @title Кнопка */
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };
 
 /**

package/mobile/src/components/Depository/DepositoryFilter.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
+import { Button } from '../../ui-kit/Button/Button';
 import { DatePicker } from '../../ui-kit/DatePicker/DatePicker';
 import { SearchInput } from '../../ui-kit/SearchDialog/SearchInput';
 import { type DepositoryFiltrationState } from './Depository';
@@ -27,12 +28,9 @@ export const DepositoryFilter = JSX<DepositoryFilterProps>(
         {...field('endDate')}
       />
       <div className="col-span-2 mt-auto">
-        <button
-          className="px-m py-s rounded-md bg-main-gray text-green hover:text-white hover:bg-primary-hover active:bg-primary-active cursor-pointer w-full"
-          onClick={onClearFilter}
-        >
-          Очистить фильтр
-        </button>
+        <Button className="w-full" version="secondary" onClick={onClearFilter}>
+          Очистить
+        </Button>
       </div>
     </div>
   ),

package/mobile/src/components/ErrorBlock/ErrorBlock.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { type ErrorBlockContent } from './ErrorBlockContent';
@@ -41,7 +41,9 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
         isEmbedded={true}
         className="mb-2xl last:mb-0"
       />
-      {button?.text ? <Button version={button?.version} text={button?.text} {...button} /> : null}
+      {button?.text ? (
+        <LinkButton version={button?.version} text={button?.text} {...button} />
+      ) : null}
     </BlockWrapper>
   ),
 );

package/mobile/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,7 +1,7 @@
 import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 
 /**
  * @title Изображение
@@ -45,5 +45,5 @@ export type ErrorBlockContent = UniBlockContent &
   DescriptionProps & {
     error?: ErrorContentDef;
     /** @title Кнопка */
-    button?: ButtonContent;
+    button?: LinkButtonContent;
   };

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

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { Button } from '../../ui-kit/Button/Button';
-import { type ButtonCommonContent } from '../../ui-kit/Button/ButtonContent';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
+import { type ButtonCommonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { calculateResult, formatValue } from './calculateResult';
 import { callbackCurrencySelect } from './callbackCurrencySelect';
 import { Currency } from './CurrencyProps';
@@ -71,7 +71,9 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
               calcState.selectSell,
             ),
         })}
-        {button?.text ? <Button text={button.text} version={button?.version} {...button} /> : null}
+        {button?.text ? (
+          <LinkButton text={button.text} version={button?.version} {...button} />
+        ) : null}
       </div>
     );
   },

package/mobile/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/mobile/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/mobile/src/components/Footer/Footer.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/mobile/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: для мобильной версии
 }