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

package/mobile/src/ui-kit/{Button → LinkButton}/ArrowButton.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
-import { Button } from './Button';
-import { type ButtonProps } from './ButtonProps';
+import { LinkButton } from './LinkButton';
+import { type LinkButtonProps } from './LinkButtonProps';
 
-export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) => (
-  <Button
+export const ArrowButton = JSX<LinkButtonProps>(({ className, disabled, ...rest }) => (
+  <LinkButton
     rounded
     className={style(
       'group/btn w-12 h-12 min-h-12 max-h-12 flex items-center justify-center shadow-main-black',
@@ -24,14 +24,14 @@ export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) =
       width="16"
       height="16"
     />
-  </Button>
+  </LinkButton>
 ));
 
-export const ScrollLeftButton = JSX<ButtonProps>((props) => (
+export const ScrollLeftButton = JSX<LinkButtonProps>((props) => (
   <ArrowButton {...props} ariaLabel="Пролистать влево" data-block-control="scroll-left" />
 ));
 
-export const ScrollRightButton = JSX<ButtonProps>((props) => (
+export const ScrollRightButton = JSX<LinkButtonProps>((props) => (
   <ArrowButton
     {...props}
     className={`${props.className || ''} rotate-180`}

package/{src/ui-kit/Button → mobile/src/ui-kit/LinkButton}/ButtonInner.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
 import { iconStyleMap } from './buttonClassNameConstants';
-import { type ButtonContent } from './ButtonContent';
-import { type ButtonProps } from './ButtonProps';
+import { type LinkButtonContent } from './LinkButtonContent';
+import { type LinkButtonProps } from './LinkButtonProps';
 
-export const ButtonInner = JSX<ButtonProps>((props) => {
+export const ButtonInner = JSX<LinkButtonProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
   const iconHideStyle = isWithText(props) ? 'hidden lg:block' : '';
 
@@ -26,7 +26,7 @@ export const ButtonInner = JSX<ButtonProps>((props) => {
   );
 });
 
-const getButtonStyle = (props: ButtonContent) => {
+const getButtonStyle = (props: LinkButtonContent) => {
   const { version, aboveText, rounded } = props;
 
   if (version === 'link') {
@@ -42,5 +42,5 @@ const getButtonStyle = (props: ButtonContent) => {
   );
 };
 
-const isWithText = ({ text, aboveText, appendLeft }: ButtonProps) =>
+const isWithText = ({ text, aboveText, appendLeft }: LinkButtonProps) =>
   Boolean(text || aboveText || !appendLeft);

package/mobile/src/ui-kit/LinkButton/ButtonsSectionContent.ts

@@ -0,0 +1,8 @@
+import { type LinkButtonContent } from './LinkButtonContent';
+
+export interface ButtonsSectionContent {
+  /**
+   * @title Кнопки
+   */
+  buttons?: LinkButtonContent[];
+}

package/mobile/src/ui-kit/LinkButton/GetButtonClassParams.ts

@@ -0,0 +1,7 @@
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
+
+export type GetButtonClassParams = {
+  className?: string;
+  rounded?: boolean;
+  version?: LinkButtonVersion;
+};

package/mobile/src/ui-kit/LinkButton/LinkButton.tsx

@@ -0,0 +1,53 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import { ButtonInner } from './ButtonInner';
+import { getDisabledButtonClasses } from './getDisabledButtonClasses';
+import { getRegularButtonClasses } from './getRegularButtonClasses';
+import { type LinkButtonProps } from './LinkButtonProps';
+import { useFormSubmit } from './useFormSubmit';
+
+export const LinkButton = JSX<LinkButtonProps>(
+  ({ disabled, children, method = 'LINK', href, ...rest }) => {
+    const handleFormSubmit = useFormSubmit({ method, href });
+
+    const link = useLink();
+    const adjustedProps = link({ onClick: handleFormSubmit, href, ...rest });
+    const buttonInner = children ?? <ButtonInner {...adjustedProps} />;
+
+    return disabled ? (
+      <DisabledButton {...adjustedProps}>{buttonInner}</DisabledButton>
+    ) : (
+      <RegularButton {...adjustedProps}>{buttonInner}</RegularButton>
+    );
+  },
+);
+
+const RegularButton = JSX<LinkButtonProps>(
+  ({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, children }) => (
+    <a
+      className={getRegularButtonClasses({ className, version, rounded })}
+      href={href}
+      rel={rel}
+      target={target}
+      aria-label={ariaLabel}
+      role={href ? 'link' : 'button'}
+      onClick={onClick}
+    >
+      {children}
+    </a>
+  ),
+);
+
+const DisabledButton = JSX<LinkButtonProps>(
+  ({ className, ariaLabel, version, rounded, children }) => (
+    <div
+      role="button"
+      aria-disabled="true"
+      aria-label={ariaLabel}
+      tabIndex={-1}
+      className={getDisabledButtonClasses({ className, rounded, version })}
+    >
+      {children}
+    </div>
+  ),
+);

package/mobile/src/ui-kit/{Button/ButtonContent.ts → LinkButton/LinkButtonContent.ts}

@@ -1,16 +1,16 @@
-import { type ButtonVersion } from '../../model/ButtonVersion';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type LinkProps } from '../../model/LinkProps';
 import { type Picture } from '../../model/Picture';
 
 export interface ButtonCommonContent extends LinkProps {
-  version?: ButtonVersion;
+  version?: LinkButtonVersion;
   method?: 'LINK' | 'POST';
 }
 
 /**
  * @title Кнопка
  */
-export interface ButtonContent extends ButtonCommonContent {
+export interface LinkButtonContent extends ButtonCommonContent {
   /** @title Закругленные углы */
   rounded?: boolean;
   /** @title Иконка слева */

package/mobile/src/ui-kit/{Button/ButtonProps.ts → LinkButton/LinkButtonProps.ts}

@@ -1,11 +1,11 @@
 import { type VNode } from '../../model/VNode';
 import { type PreventableEvent } from '../PreventableEvent';
-import { type ButtonContent } from './ButtonContent';
+import { type LinkButtonContent } from './LinkButtonContent';
 
 /**
  * @title Кнопка
  */
-export interface ButtonProps extends ButtonContent {
+export interface LinkButtonProps extends LinkButtonContent {
   className?: string;
   disabled?: boolean;
   rel?: string;

package/mobile/src/ui-kit/{Button → LinkButton}/buttonClassNameConstants.ts

@@ -1,6 +1,6 @@
-import { type ButtonVersion } from '../../model/ButtonVersion';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 
-export const buttonStyleMap: Record<ButtonVersion, string> = {
+export const buttonStyleMap: Record<LinkButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
     'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
@@ -14,7 +14,7 @@ export const buttonStyleMap: Record<ButtonVersion, string> = {
 
 const DisabledStyle = 'bg-main-divider text-main-disabled';
 
-export const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
+export const buttonDisabledStyleMap: Record<LinkButtonVersion, string> = {
   primary: DisabledStyle,
   secondary: DisabledStyle,
   white: DisabledStyle,
@@ -26,7 +26,7 @@ export const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
 
 export const buttonStyle = 'text-center font-sans select-none';
 
-export const iconStyleMap: Record<ButtonVersion, string> = {
+export const iconStyleMap: Record<LinkButtonVersion, string> = {
   primary: 'group-hover/btn:brightness-0 group-hover/btn:invert',
   secondary: 'group-hover/btn:brightness-0 group-hover/btn:invert',
   white: 'group-hover/btn:brightness-0 group-hover/btn:invert',

package/mobile/src/ui-kit/{Button → LinkButton}/renderButtonsSection.tsx

@@ -2,8 +2,8 @@ import { type Picture } from '../../model/Picture';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
-import { Button } from './Button';
-import { type ButtonContent } from './ButtonContent';
+import { LinkButton } from './LinkButton';
+import { type LinkButtonContent } from './LinkButtonContent';
 
 interface ButtonsSectionOptions {
   className?: string;
@@ -12,7 +12,7 @@ interface ButtonsSectionOptions {
 }
 
 export const renderButtonsSection = (
-  buttons?: (ButtonContent | undefined)[],
+  buttons?: (LinkButtonContent | undefined)[],
   { className, buttonClassName, isVertical }: ButtonsSectionOptions = {},
 ) =>
   buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (
@@ -31,13 +31,13 @@ export const renderButtonsSection = (
 
 const renderButton =
   (buttonClassName = '') =>
-  (button?: ButtonContent, index?: number) => {
+  (button?: LinkButtonContent, index?: number) => {
     const { text, icon, iconRight, version, ...rest } = button || {};
     const iconVersion = getIconVersion(icon, version);
     const iconRightVersion = getIconVersion(iconRight, version);
 
     return text || icon?.icon ? (
-      <Button
+      <LinkButton
         key={index ? String(index) : ''}
         className={style('basis-full @lg:basis-auto', buttonClassName)}
         appendLeft={renderButtonIcon({ ...icon, iconVersion })}

package/mobile/src/ui-kit/{Button → LinkButton}/useFormSubmit.ts

@@ -1,6 +1,6 @@
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type PreventableEvent } from '../PreventableEvent';
-import { type ButtonCommonContent } from './ButtonContent';
+import { type ButtonCommonContent } from './LinkButtonContent';
 
 export const useFormSubmit = ({ method, href }: ButtonCommonContent) =>
   useCallback((ev: PreventableEvent) => {

package/mobile/src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { renderArrows } from '../Button/renderArrows';
+import { renderArrows } from '../LinkButton/renderArrows';
 import { type TableArrowScrollControlProps } from './TableArrowScrollControlProps';
 
 export const TableArrowScrollControl = JSX<TableArrowScrollControlProps>(

package/mobile/src/ui-kit/TabsControl/ScrollableTabsControl.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import { ScrollLeftButton, ScrollRightButton } from '../Button/ArrowButton';
+import { ScrollLeftButton, ScrollRightButton } from '../LinkButton/ArrowButton';
 import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer';
 import { useSwipeListScroll } from '../SwipeListControl/useSwipeListScroll';
 import { renderTab } from './renderTab';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.65",
+  "version": "0.14.66",
   "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',