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

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,14 +1,13 @@
 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';
 
 const title = 'Кредит до 5 000 000 Р\nбез залога и поручителей';
 const description =
   'Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт.';
-const label = 'Самое лучшее предложение';
 
 const image: Picture = {
   src: 'money-1.png',
@@ -57,7 +56,7 @@ const benefit: ComplexBenefitContent = {
   description: 'Кредитный лимит',
 };
 
-const buttons: ButtonContent[] = [
+const buttons: LinkButtonContent[] = [
   {
     href: 'https://rshb.ru',
     text: 'Оформить карту',
@@ -125,11 +124,6 @@ export default {
       <ProductBlock className="col-span-12" {...props} items={items} />
     </div>
   ),
-  'primary with label': (
-    <div className="container grid grid-cols-12">
-      <ProductBlock className="col-span-12" {...props} benefits={benefits} label={label} />
-    </div>
-  ),
   'primary with insurance': (
     <div className="container grid grid-cols-12">
       <ProductBlock
@@ -182,17 +176,6 @@ export default {
       <ProductBlock className="col-span-12" {...props} items={items} version="secondary" />
     </div>
   ),
-  'secondary with label': (
-    <div className="container grid grid-cols-12">
-      <ProductBlock
-        className="col-span-12"
-        {...props}
-        benefits={benefits}
-        label={label}
-        version="secondary"
-      />
-    </div>
-  ),
   'image bottom': (
     <div className="container grid grid-cols-12">
       <ProductBlock

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/ProductBlock.tsx

@@ -2,24 +2,17 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
 
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
 
-export const ProductBlock = JSX<ProductBlockProps>(
-  ({ className, padding, showBorder, ...rest }) => (
-    <BlockWrapper
-      className={style(
-        'overflow-hidden flex flex-col gap-3xl box-border',
-        getBorderStyle(showBorder),
-        className,
-      )}
-      padding="p-0"
-      {...rest}
-    >
-      <BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
-    </BlockWrapper>
-  ),
-);
+export const ProductBlock = JSX<ProductBlockProps>(({ className, padding, ...rest }) => (
+  <BlockWrapper
+    className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
+    padding="p-0"
+    {...rest}
+  >
+    <BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
+  </BlockWrapper>
+));

package/src/components/ProductBlock/ProductBlockContent.ts

@@ -8,6 +8,4 @@ export type ProductBlockContent = UniBlockContent &
   BaseProductTileContent & {
     /** @title Отображать кнопку возврата */
     backwardButton?: boolean;
-    /** @title Показывать рамку вокруг блока */
-    showBorder?: boolean;
   };

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/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -1,5 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Img } from '../../ui-kit/Img/Img';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
+import { Text } from '../../ui-kit/Text/Text';
 import { type Tariff } from './useSafeBoxes';
 
 export interface SafeDepositRentalTotalProps {
@@ -17,14 +19,18 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
         {renderTotal('Аренда за', days)}
         {renderTotal('Цена', price + ' ₽')}
       </div>
-      <span className="@xl:hidden order-3 mb-xs text-s font-light text-secondary-text">
-        {imageDescription}
-      </span>
+      <div className="@xl:hidden order-3 mb-xs">
+        <Paragraph size="text-s" font="font-light" color="text-secondary-text">
+          {imageDescription}
+        </Paragraph>
+      </div>
       <div className="flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center">
         <Img image={{ icon: 'PackA4Icon' }} className="@xl:h-60" />
-        <span className="hidden @xl:inline text-s font-light text-white opacity-80 whitespace-pre-line">
-          {imageDescription}
-        </span>
+        <div className="hidden @xl:inline opacity-80 whitespace-pre-line">
+          <Paragraph size="text-s" font="font-light" color="text-white">
+            {imageDescription}
+          </Paragraph>
+        </div>
       </div>
     </div>
   );
@@ -33,7 +39,9 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
 const renderTotal = (label: string, total: string | number) => {
   return (
     <div className="flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start">
-      <div className="text-l font-light text-secondary-text">{label}</div>
+      <Text size="text-l" font="font-light" color="text-secondary-text">
+        {label}
+      </Text>
       <span className="text-l @xl:text-h3 text-primary-text">{total}</span>
     </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;
   };
 
 /**

package/src/components/StepsBlock/renderStep.tsx

@@ -1,7 +1,7 @@
 import { type BlockVersion } from '../../model/BlockVersion';
-import { type ButtonVersion } from '../../model/ButtonVersion';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type VNode } from '../../model/VNode';
-import { Button } from '../../ui-kit/Button/Button';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { List } from '../../ui-kit/List/List';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { Text } from '../../ui-kit/Text/Text';
@@ -69,13 +69,13 @@ const renderDefaultStep =
           </div>
         </div>
         {button?.text && !isMainButton ? (
-          <Button
+          <LinkButton
             className="box-border py-s w-full max-w-60 mt-auto"
-            version={version as ButtonVersion}
+            version={version as LinkButtonVersion}
             {...button}
           >
             {button?.text}
-          </Button>
+          </LinkButton>
         ) : null}
       </div>
     );

package/src/components/TariffsTable/EmbeddableCellData.tsx

@@ -1,6 +1,3 @@
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import {
@@ -8,6 +5,9 @@ import {
   type InnerTableButtonProps,
 } from '../../ui-kit/InnerTable/InnerTableButton';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { List } from '../../ui-kit/List/List';
 import { type ListProps } from '../../ui-kit/List/ListContent';
 import { Text } from '../../ui-kit/Text/Text';
@@ -15,7 +15,7 @@ import { type LabelDescriptionCell } from './TariffsTableContent';
 
 export type EmbeddableCellDataType =
   | LabelDescriptionCell
-  | ButtonContent
+  | LinkButtonContent
   | ImageContent
   | ListProps
   | InnerTableButtonProps;

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,9 +1,9 @@
 import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent, type UniBlockProps } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
 import { type ListProps } from '../../ui-kit/List/ListContent';
 
 /**

package/src/components/TariffsTable/TariffsTableWrapper.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type CarouselControls } from '../../hooks/useCarouselControls';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
+import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
 
 interface WrapperProps {
   controls: CarouselControls;

package/src/model/ButtonVersion.ts

@@ -1,13 +1,5 @@
 /**
  * @title Тема кнопки
- * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Серая", "Наследуемая"]
- * @default primary
+ * @enumNames ["Основная", "Второстепенная"]
  */
-export type ButtonVersion =
-  | 'primary'
-  | 'secondary'
-  | 'white'
-  | 'link'
-  | 'transparent'
-  | 'gray'
-  | '';
+export type ButtonVersion = 'primary' | 'secondary';

package/src/model/LinkButtonVersion.ts

@@ -0,0 +1,13 @@
+/**
+ * @title Тема кнопки
+ * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Серая", "Наследуемая"]
+ * @default primary
+ */
+export type LinkButtonVersion =
+  | 'primary'
+  | 'secondary'
+  | 'white'
+  | 'link'
+  | 'transparent'
+  | 'gray'
+  | '';

package/src/setup-fixture.ts

@@ -45,6 +45,11 @@ useRouter.setup(() => {
 });
 
 handlerDecorator.setup((handler): any => (ev) => {
-  ev.preventDefault();
+  const shouldNotPrevent = ev?.target?.type === 'submit';
+
+  if (!shouldNotPrevent) {
+    ev.preventDefault();
+  }
+
   handler(ev);
 });

package/src/ui-kit/ARIAProps.ts

@@ -0,0 +1,4 @@
+export interface ARIAProps {
+  role?: string;
+  [key: `aria-${string}`]: string | undefined;
+}

package/src/ui-kit/BaseFiltration/renderFiltrationForm.tsx

@@ -36,7 +36,9 @@ export const renderFiltrationForm = ({
     </div>
     {resetButton ? (
       <div>
-        <Button className="w-full @4xl:w-72 @4xl:ml-s" onClick={reset} {...resetButton} />
+        <Button className="w-full @4xl:w-72 @4xl:ml-s" onClick={reset}>
+          {resetButton?.text}
+        </Button>
       </div>
     ) : null}
   </form>

package/src/ui-kit/BaseProductTile/BaseProductTile.tsx

@@ -5,8 +5,8 @@ import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { BenefitsList } from '../BenefitsList/BenefitsList';
-import { renderButtonsSection } from '../Button/renderButtonsSection';
 import { Img } from '../Img/Img';
+import { renderButtonsSection } from '../LinkButton/renderButtonsSection';
 import { List } from '../List/List';
 import { type ListItemSize } from '../List/ListContent';
 import { PriceList } from '../PriceList/PriceList';