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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.65",
+  "version": "0.14.67",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -1,6 +1,6 @@
-import { type ButtonVersion } from '../../model/ButtonVersion';
 import { type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type LinkProps } from '../../model/LinkProps';
 
 /**
@@ -9,7 +9,7 @@ import { type LinkProps } from '../../model/LinkProps';
 export interface SubmitButtonProps {
   /** @title Текст */
   text?: string;
-  version?: ButtonVersion;
+  version?: LinkButtonVersion;
 }
 
 export type CommonApplicationFormProps = TitleProps & {

package/src/components/ApplicationForm/ApplicationFormGrantSupport.tsx

@@ -2,8 +2,8 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useSWRResource } from '../../hooks/useSWRResource';
 import { type RegionsGrantSupportData } from '../../services/regionsGrantSupport/RegionsGrantSupportData';
-import { Button } from '../../ui-kit/Button/Button';
-import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
+import { getRegularButtonClasses } from '../../ui-kit/LinkButton/getRegularButtonClasses';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { style } from '../../utils/style';
 import { type ApplicationFormsProps } from './ApplicationFormsProps';
 import { SelectControl } from './SelectControl';
@@ -38,13 +38,13 @@ export const ApplicationFormGrantSupport = JSX<ApplicationFormsProps>((props) =>
       ) : null}
       {regionHref ? (
         <div className="text-center">
-          <Button
+          <LinkButton
             href={regionHref}
             target="_blank"
             className={style('p-m w-full @xl:w-auto', buttonStyle)}
           >
             {button?.text ? button.text : 'Перейти'}
-          </Button>
+          </LinkButton>
         </div>
       ) : null}
     </div>

package/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/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/src/components/Bonus/Bonus.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 { Bonus } from './Bonus';
 import { type BonusContent } from './BonusContent';
 
@@ -17,7 +17,7 @@ const cardWithMoney: Picture = {
   size: imageSize,
 };
 
-const buttons: ButtonProps[] = [
+const buttons: LinkButtonProps[] = [
   {
     text: 'Установить',
     href: '/credit-cards',

package/src/components/Bonus/Bonus.fixture.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 { Bonus } from './Bonus';
 import { type BonusContent } from './BonusContent';
 
@@ -17,7 +17,7 @@ const cardWithMoney: Picture = {
   size: imageSize,
 };
 
-const buttons: ButtonProps[] = [
+const buttons: LinkButtonProps[] = [
   {
     text: 'Установить',
     href: '/credit-cards',

package/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/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/src/components/ButtonsBlock/ButtonsBlock.fixture.mobile.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 { ButtonsBlock } from './ButtonsBlock';
 
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: '/credit-cards',
     text: 'Оформить',

package/src/components/ButtonsBlock/ButtonsBlock.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 { ButtonsBlock } from './ButtonsBlock';
 
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: '/credit-cards',
     text: 'Оформить',

package/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/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/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/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/src/components/Calculator/Calculator.fixture.mobile.tsx

@@ -1,15 +1,15 @@
 import '../../setup-fixture';
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { Calculator } from './Calculator';
 
-const sendRequestButton: ButtonProps = {
+const sendRequestButton: LinkButtonProps = {
   href: 'https://rshb.ru',
   text: 'Отправить заявку',
   target: '_blank',
   version: 'primary',
 };
 
-const detailsButton: ButtonProps = {
+const detailsButton: LinkButtonProps = {
   href: 'https://rshb.ru',
   text: 'Подробные условия',
   target: '_blank',

package/src/components/Calculator/Calculator.fixture.tsx

@@ -1,6 +1,6 @@
 import '../../setup-fixture';
 
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { Calculator } from './Calculator';
 import {
   type BonusCalculatorParamsDef,
@@ -10,7 +10,7 @@ import {
   type RefinancingCalculatorParamsDef,
 } from './CalculatorContent';
 
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Отправить заявку',

package/src/components/Calculator/Calculator.tsx

@@ -5,8 +5,8 @@ import { type Align } from '../../model/Align';
 import { AlignJustifyStyle } from '../../model/AlignJustifyStyle';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Img } from '../../ui-kit/Img/Img';
+import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
 import { style } from '../../utils/style';
 import {
   type CalculatorBlockDef,

package/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/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/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/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/src/components/CardTransfer/CardTransfer.fixture.mobile.tsx

@@ -1,8 +1,8 @@
 import '../../setup-fixture';
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { CardTransfer } from './CardTransfer';
 
-const button: ButtonProps = {
+const button: LinkButtonProps = {
   href: '',
   text: 'Далее',
   target: '_blank',

package/src/components/CardTransfer/CardTransfer.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 { CardTransfer } from './CardTransfer';
 
-const button: ButtonProps = {
+const button: LinkButtonProps = {
   href: '',
   text: 'Далее',
   target: '_blank',

package/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/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/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/src/components/CarouselCard/CarouselCard.fixture.mobile.tsx

@@ -1,10 +1,10 @@
 import '../../setup-fixture';
 
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { CarouselCard } from './CarouselCard';
 import { type CarouselCardContent } from './CarouselCardContent';
 
-const button: ButtonProps = {
+const button: LinkButtonProps = {
   text: 'Подробнее',
   href: '/credit-cards',
   version: 'primary',

package/src/components/CarouselCard/CarouselCard.fixture.tsx

@@ -1,10 +1,10 @@
 import '../../setup-fixture';
 
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
 import { CarouselCard } from './CarouselCard';
 import { type CarouselCardContent } from './CarouselCardContent';
 
-const button: ButtonProps = {
+const button: LinkButtonProps = {
   text: 'Подробнее',
   href: '/credit-cards',
   version: 'secondary',

package/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/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/src/components/CarouselCatalogCard/CarouselCatalogCard.fixture.mobile.tsx

@@ -2,12 +2,12 @@ import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
 import { type ProductColorVersion } from '../../model/ProductColorVersion';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { CarouselCatalogCard } from './CarouselCatalogCard';
 
 const colors: ProductColorVersion[] = ['black', 'white'];
 
-const buttonPrimary: ButtonContent = {
+const buttonPrimary: LinkButtonContent = {
   href: '/credit-cards',
   text: 'Подробнее',
   target: '_blank',

package/src/components/CarouselCatalogCard/CarouselCatalogCard.fixture.tsx

@@ -2,12 +2,12 @@ import '../../setup-fixture';
 
 import { type Picture } from '../../model/Picture';
 import { type ProductColorVersion } from '../../model/ProductColorVersion';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
 import { CarouselCatalogCard } from './CarouselCatalogCard';
 
 const COLORS: ProductColorVersion[] = ['black', 'white'];
 
-const BUTTON_PRIMARY: ButtonContent = {
+const BUTTON_PRIMARY: LinkButtonContent = {
   href: '/credit-cards',
   text: 'Подробнее',
   target: '_blank',

package/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/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/src/components/CarouselRecommendationCard/CarouselRecommendationCard.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 { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import { type CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
@@ -37,7 +37,7 @@ const benefits: ComplexBenefitContent[] = [
   },
 ];
 
-const socialMediaWithText: ButtonContent[] = [
+const socialMediaWithText: LinkButtonContent[] = [
   {
     href: 'https://t.me',
     text: 'Telegram',
@@ -52,7 +52,7 @@ const socialMediaWithText: ButtonContent[] = [
   },
 ];
 
-const socialMediaWithoutText: ButtonContent[] = [
+const socialMediaWithoutText: LinkButtonContent[] = [
   {
     href: 'https://t.me',
   },

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.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 { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import { type CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
@@ -37,7 +37,7 @@ const benefits: ComplexBenefitContent[] = [
   },
 ];
 
-const socialMediaWithText: ButtonContent[] = [
+const socialMediaWithText: LinkButtonContent[] = [
   {
     href: 'https://t.me',
     text: 'Телеграм',
@@ -52,7 +52,7 @@ const socialMediaWithText: ButtonContent[] = [
   },
 ];
 
-const socialMediaWithoutText: ButtonContent[] = [
+const socialMediaWithoutText: LinkButtonContent[] = [
   {
     href: 'https://t.me',
   },

package/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;
   };