@redneckz/wildless-cms-uni-blocks 0.3.84 → 0.3.86

package/src/components/Catalog/CatalogContent.ts

@@ -1,14 +1,13 @@
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
 
 /**
  * @enumNames ["Черный", "Белый"]
  */
 export type CatalogProductColor = 'black' | 'white';
 
-export interface CatalogCardType extends HeadingContent, DescriptionContent, ImageContent {
+export interface CatalogCardType extends HeadlineCommonProps, ImageContent {
   /** @title Цена в рублях */
   price?: number;
   /** @title Доступные цвета */
@@ -20,8 +19,7 @@ export interface CatalogCardType extends HeadingContent, DescriptionContent, Ima
 /**
  * @title Каталог
  */
-export type CatalogContent = HeadingContent &
-  DescriptionContent & {
-    /** @title Список карточек */
-    cards?: CatalogCardType[];
-  };
+export type CatalogContent = HeadlineCommonProps & {
+  /** @title Список карточек */
+  cards?: CatalogCardType[];
+};

package/src/components/ComparisonTable/ComparisonTable.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { UniBlockProps } from '../../types';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { ComparisonTableBody } from './ComparisonTableBody';
 import type { ComparisonTableContent } from './ComparisonTableContent';
@@ -10,7 +10,7 @@ export interface ComparisonTableProps extends ComparisonTableContent, UniBlockPr
 
 export const ComparisonTable = JSX<ComparisonTableProps>(
   ({
-    className,
+    className = '',
     context,
     title,
     rowHeaders,
@@ -25,9 +25,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
     return (
       <BlockWrapper
         context={context}
-        className={`bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${
-          className || ''
-        }`}
+        className={`bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className}`}
         {...rest}
       >
         <Heading
@@ -56,7 +54,7 @@ const renderShowMoreToggleButton = ({
   onClick,
 }: {
   isShowAllRow: boolean;
-  onClick?: (ev?: MouseEvent) => void;
+  onClick: () => void;
 }) => {
   return (
     <div className="pr-[50px]">

package/src/components/ComparisonTable/ComparisonTableColumnHeaders.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { TableRowContainer } from './TableRowContainer';
-import { COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
-import { TableCarouselContainer } from './TableCarouselContainer';
-import { HeaderCell } from './HeaderCell';
 import { useLink } from '../../hooks/useLink';
-import type { ColumnHeader } from './ComparisonTableContent';
 import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
+import type { ColumnHeader } from './ComparisonTableContent';
+import { COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
+import { HeaderCell } from './HeaderCell';
+import { TableCarouselContainer } from './TableCarouselContainer';
+import { TableRowContainer } from './TableRowContainer';
 
 interface ComparisonTableColumnHeadersProps {
   colHeaders: ColumnHeader[];
@@ -18,7 +18,7 @@ export const ComparisonTableColumnHeaders = JSX<ComparisonTableColumnHeadersProp
   ({ colHeaders, activeCardIndex, router, handlerDecorator }) => {
     return (
       <TableRowContainer>
-        <div className={FIRST_CELL_CLASSES} role="columnheader" scope="col" />
+        <div className={FIRST_CELL_CLASSES} role="columnheader" />
         <TableCarouselContainer activeCardIndex={activeCardIndex} columnWidth={COLUMN_WIDTH}>
           {colHeaders.map((header, i) => (
             <HeaderCell

package/src/components/ComparisonTable/ComparisonTableRows.tsx

@@ -2,11 +2,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { TableRow } from './TableRow';
 import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
 import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { CellData } from './ComparisonTableContent';
+import type { TitleProp } from '../../model/HeadlineType';
 
 type ComparisonTableRowsProps = TableArrowScrollControlProps & {
-  rowData: { header: HeadingContent; data: CellData[][] }[];
+  rowData: { header: TitleProp; data: CellData[][] }[];
   activeCardIndex: number;
   isColoredFirstColumn: boolean;
 };

package/src/components/ComparisonTable/HeaderCell.tsx

@@ -18,7 +18,6 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
   <div
     className={`w-80 box-border flex flex-col items-center rounded-t-md border-b-0 px-7 pt-7 pb-[46px] ${BORDER_CLASSES} ${GRADIENT}`}
     role="columnheader"
-    scope="col"
   >
     {icon && !image?.src && (
       <Img

package/src/components/ContentPage/ContentPageContext.tsx

@@ -1,5 +1,4 @@
 import { VNode } from '../../model/VNode';
-import type { FuncReturnVoid } from '../../types';
 
 export interface Router {
   pathname: string;
@@ -34,7 +33,7 @@ export type SetStateAction<S> = S | ((prevState: S) => S);
 
 export type SetStateHook = <State>(
   initialState: State | (() => State),
-) => [State, FuncReturnVoid<SetStateAction<State>>];
+) => [State, (action: SetStateAction<State>) => void];
 
 export interface IntersectionObserverTagProps {
   Tag: string;

package/src/components/ExchangeRateTile/CurrencyTable.tsx

@@ -3,7 +3,7 @@ import { Img } from '../../ui-kit/Img/Img';
 import type { ExchangeCurrencyItem } from './ExchangeCurrencyCalculator';
 import { formatCurrency } from './formatCurrency';
 
-const TABLE_HEAD_STYLE = 'font-light text-left font-normal text-sm text-secondary-text';
+const TABLE_HEAD_STYLE = 'text-left text-m text-secondary-text';
 
 const CURRENCY_ICONS_MAP = {
   USD: 'DollarIcon',
@@ -34,19 +34,15 @@ const renderCurrencyRow = (exchangeCurrencyItem: ExchangeCurrencyItem) => {
   const code = exchangeCurrencyItem?.code;
 
   return (
-    <tr key={code} className="pb-1">
+    <tr key={code} className="pb-1 text-h6">
       <td className="pt-4">
         <div className="flex items-center">
           {code ? <Img image={{ icon: CURRENCY_ICONS_MAP[code] }} width="24" height="24" /> : null}
-          <span className="text-m-title-md ml-2">{code}</span>
+          <span className="ml-2">{code}</span>
         </div>
       </td>
-      <td className="pt-4 pl-11 m-title-md font-light">
-        {formatCurrency(exchangeCurrencyItem.buy)}
-      </td>
-      <td className="pt-4 pl-11 m-title-md font-light">
-        {formatCurrency(exchangeCurrencyItem.sell)}
-      </td>
+      <td className="pt-4 pl-11">{formatCurrency(exchangeCurrencyItem?.sell)}</td>
+      <td className="pt-4 pl-11">{formatCurrency(exchangeCurrencyItem?.buy)}</td>
     </tr>
   );
 };

package/src/components/ExchangeRateTile/CurrentLocation.tsx

@@ -9,12 +9,14 @@ interface CurrentLocationProps {
 
 export const CurrentLocation = JSX<CurrentLocationProps>(
   ({ className = '', address, distance }) => (
-    <div className={`flex text-sm ${className}`}>
+    <div className={`flex ${className}`}>
       <Img image={{ icon: 'GpsIcon' }} width="24" height="24" asSVG />
-      <div className="ml-3 font-light">
-        {address ? <p className="m-0 mb-[3px]">{address}</p> : null}
+      <div className="ml-3">
+        {address ? <p className="text-primary-main  m-0 mb-1 text-l">{address}</p> : null}
         {distance ? (
-          <p className="text-secondary-text m-0">Курс указан для ближайшего офиса - {distance}</p>
+          <p className="text-secondary-text m-0 text-m">
+            Курс указан для ближайшего офиса - {distance}
+          </p>
         ) : null}
       </div>
     </div>

package/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FuncReturnVoid, UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../types';
+import { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { calculateResult, formatValue } from './calculateResult';
 import { callbackCurrencySelect } from './callbackCurrencySelect';
 import { Currency } from './CurrencyProps';
@@ -15,6 +16,7 @@ export interface ExchangeCurrencyCalculatorProps extends UniBlockProps {
   className?: string;
   currencyRatesBuy: ExchangeCurrencyItem[];
   currencyRatesSell: ExchangeCurrencyItem[];
+  button?: ButtonProps;
 }
 export interface CalcState {
   inputSell: string;
@@ -24,7 +26,7 @@ export interface CalcState {
 }
 
 export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
-  ({ context, className = '', currencyRatesBuy, currencyRatesSell }) => {
+  ({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
     const [calcState, setCalcState] = context.useState<CalcState>({
       inputSell: '',
       inputBuy: '',
@@ -37,7 +39,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
     };
 
     return (
-      <div className={`grid gap-3.5 ${className}`}>
+      <div className={`grid gap-[18px] pt-2 ${className}`}>
         {renderInput({
           placeholder: 'Хочу продать',
           rates: currencyRatesBuy,
@@ -64,7 +66,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
               calcState.selectSell,
             ),
         })}
-        {renderButton()}
+        {button?.text ? renderButton(button) : null}
       </div>
     );
   },
@@ -73,7 +75,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
 const handleSelectSell =
   (
     calcState: CalcState,
-    setCalcState: FuncReturnVoid<Partial<CalcState>>,
+    setCalcState: (state: Partial<CalcState>) => void,
     currencyRatesSell: ExchangeCurrencyItem[],
   ) =>
   (value: Currency) => {
@@ -90,7 +92,7 @@ const handleSelectSell =
 const handleSelectBuy =
   (
     calcState: CalcState,
-    setCalcState: FuncReturnVoid<Partial<CalcState>>,
+    setCalcState: (state: Partial<CalcState>) => void,
     currencyRatesBuy: ExchangeCurrencyItem[],
   ) =>
   (value: Currency) => {
@@ -104,7 +106,7 @@ const handleSelectBuy =
   };
 
 const handleInputSell =
-  (setCalcState: FuncReturnVoid<Partial<CalcState>>, currencyRatesSell: ExchangeCurrencyItem[]) =>
+  (setCalcState: (state: Partial<CalcState>) => void, currencyRatesSell: ExchangeCurrencyItem[]) =>
   (value: string, codeFrom: Currency, codeTo: Currency) => {
     setCalcState({ inputSell: formatValue(value), selectBuy: codeTo });
     const rate =
@@ -118,7 +120,7 @@ const handleInputSell =
   };
 
 const handleInputBuy =
-  (setCalcState: FuncReturnVoid<Partial<CalcState>>, currencyRatesBuy: ExchangeCurrencyItem[]) =>
+  (setCalcState: (state: Partial<CalcState>) => void, currencyRatesBuy: ExchangeCurrencyItem[]) =>
   (value: string, codeTo: Currency, codeFrom: Currency) => {
     setCalcState({ inputBuy: formatValue(value), selectSell: codeFrom });
     const rate =

package/src/components/ExchangeRateTile/ExchangeRateTile.example.json

@@ -0,0 +1,8 @@
+{
+  "button": {
+    "href": "https://coins.rshb.ru/exchange",
+    "text": "Купить валюту",
+    "target": "_blank",
+    "version": "primary"
+  }
+}

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

@@ -1,11 +1,19 @@
 import { context } from '../../react/setup-fixture';
 
 import { ExchangeRateTile } from './ExchangeRateTile';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
+const button: ButtonProps = {
+  href: 'https://coins.rshb.ru/exchange',
+  text: 'Купить валюту',
+  target: '_blank',
+  version: 'primary',
+};
 
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <ExchangeRateTile context={context} className="col-span-8" />
+      <ExchangeRateTile context={context} button={button} className="col-span-8" />
     </div>
   ),
 };

package/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -1,10 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useExchangeRates } from '../../hooks/useExchangeRates';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { UniBlockProps } from '../../types';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { BaseTile } from '../BaseTile/BaseTile';
-import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
 import { Currency } from './CurrencyProps';
 import { CurrencyTable } from './CurrencyTable';
 import { CurrentLocation } from './CurrentLocation';
@@ -19,7 +18,7 @@ const DEFAULT_LOCATION = {
 export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
 
 export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
-  ({ className = '', context, title = 'Курсы обмена валют', ...rest }) => {
+  ({ className = '', context, title = 'Курсы обмена валют', button, ...rest }) => {
     const currencyRates = useExchangeRates(context.useAsyncData);
 
     const currencyRatesBuy = currencyRates.filter((_) => _.buy);
@@ -36,18 +35,12 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
       >
         <BaseTile
           context={context}
-          title={
-            <Heading
-              headingType={getTileHeadingType(className)}
-              title={title}
-              className="whitespace-pre-wrap"
-            />
-          }
+          title={<Heading headingType="h4" title={title} className="whitespace-pre-wrap text-h4" />}
         >
           <div className="flex">
-            <div className="mr-[43px] pt-4">
+            <div className="mr-14 pt-4">
               {currencyRates ? (
-                <CurrencyTable className="mb-[31px]" exchangeCurrencyItems={currencyRates} />
+                <CurrencyTable className="mb-[30px]" exchangeCurrencyItems={currencyRates} />
               ) : null}
               <CurrentLocation {...DEFAULT_LOCATION} />
             </div>
@@ -57,6 +50,7 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
                 context={context}
                 currencyRatesBuy={currencyRatesBuy}
                 currencyRatesSell={currencyRatesSell}
+                button={button}
               />
             ) : null}
           </div>

package/src/components/ExchangeRateTile/ExchangeRateTileContent.ts

@@ -1,7 +1,10 @@
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
 /**
  * @title Курсы обмена валют
  */
 export interface ExchangeRateTileContent {
   /** @title Заголовок */
   title?: string;
+  button?: ButtonProps;
 }

package/src/components/ExchangeRateTile/renderButton.tsx

@@ -1,14 +1,9 @@
 import { Button } from '../../ui-kit/Button/Button';
 
-export function renderButton() {
+export function renderButton(button) {
   return (
-    <Button
-      className="box-border mt-3.5 py-3 h-12 w-full"
-      version="primary"
-      href="https://coins.rshb.ru/exchange"
-      target="_blank"
-    >
-      Купить валюту
+    <Button className="py-4 mr-1" version={button?.version} href={button?.href} target="_blank">
+      {button?.text}
     </Button>
   );
 }

package/src/components/ExchangeRateTile/renderInput.tsx

@@ -19,7 +19,7 @@ export function renderInput(props: InputProps) {
   return (
     <div className="relative flex items-center">
       <Input
-        className="h-10 border pl-4 pt-[7px] pb-[7px] rounded-md text-m-sm w-full appearance-none -mr-12"
+        className="h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12"
         placeholder={placeholder}
         type="text"
         value={value}
@@ -27,7 +27,7 @@ export function renderInput(props: InputProps) {
       />
       {rates.length ? (
         <Select
-          className="h-9 -translate-x-4"
+          className="h-9 -translate-x-4 bg-transparent"
           value={selected}
           onChange={(_) => setSelected(_ as Currency)}
         >

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

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { LinkProps } from '../../model/LinkProps';
 import type { UniBlockProps } from '../../types';
 import type { FooterLink } from './FooterLink';
+import { HorizontalNavigationLink } from './HorizontalNavigationLink';
 
 export interface HorizontalNavigationProps extends FooterLink, UniBlockProps {
   title?: string;
@@ -22,6 +22,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
               <HorizontalNavigationLink
                 key={String(i)}
                 index={i}
+                className="font-normal text-sm"
                 {...useLink({ router, handlerDecorator }, _)}
               />
             ))}
@@ -31,22 +32,3 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
     );
   },
 );
-
-interface HorizontalNavigationLinkProps extends LinkProps {
-  className: string;
-  index: number;
-  onClick: (ev: MouseEvent) => any;
-}
-
-const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(
-  ({ className = '', index, text, href, target, onClick }) => (
-    <a
-      className={`font-sans font-normal text-sm text-secondary-text hover:text-primary-main inline-block no-underline ${className}`}
-      href={href}
-      target={target}
-      onClick={onClick}
-    >
-      {text || `Документ ${index}`}
-    </a>
-  ),
-);

package/src/components/Footer/HorizontalNavigation.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { LinkProps } from '../../model/LinkProps';
 import type { UniBlockProps } from '../../types';
 import type { FooterLink } from './FooterLink';
+import { HorizontalNavigationLink } from './HorizontalNavigationLink';
 
 export interface HorizontalNavigationProps extends FooterLink, UniBlockProps {
   title?: string;
@@ -21,6 +21,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
               <HorizontalNavigationLink
                 key={String(i)}
                 index={i}
+                className="font-light max-w-[292px]"
                 {...useLink({ router, handlerDecorator }, _)}
               />
             ))}
@@ -30,22 +31,3 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
     );
   },
 );
-
-interface HorizontalNavigationLinkProps extends LinkProps {
-  className: string;
-  index: number;
-  onClick: (ev: MouseEvent) => any;
-}
-
-const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(
-  ({ className = '', index, text, href, target, onClick }) => (
-    <a
-      className={`font-sans font-light text-secondary-text hover:text-primary-main inline-block no-underline  max-w-[292px] ${className}`}
-      href={href}
-      target={target}
-      onClick={onClick}
-    >
-      {text || `Документ ${index}`}
-    </a>
-  ),
-);

package/src/components/Footer/HorizontalNavigationLink.tsx

@@ -0,0 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { LinkProps } from '../../model/LinkProps';
+
+interface HorizontalNavigationLinkProps extends LinkProps {
+  className: string;
+  index: number;
+  onClick: () => void;
+}
+
+export const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(
+  ({ className = '', index, text, href, target, onClick }) => (
+    <a
+      className={`font-sans text-secondary-text hover:text-primary-main inline-block no-underline ${className}`}
+      href={href}
+      target={target}
+      onClick={onClick}
+    >
+      {text || `Документ ${index}`}
+    </a>
+  ),
+);

package/src/components/Footer/MediaButton.tsx

@@ -54,6 +54,7 @@ export const MediaButton = JSX<MediaButtonProps>(({ href, version = 'primary' })
       : 'border-main-divider border-solid border-[1px] hover:bg-primary-main';
 
   const isPrimary = version === 'primary';
+  const imageClassName = isPrimary ? 'group-hover:text-white' : '';
 
   return (
     <a
@@ -66,13 +67,7 @@ export const MediaButton = JSX<MediaButtonProps>(({ href, version = 'primary' })
       rel="noopener noreferrer"
     >
       {icon ? (
-        <Img
-          image={icon}
-          imageClassName={isPrimary ? 'group-hover:text-white' : ''}
-          width="24"
-          height="24"
-          asSVG
-        />
+        <Img image={icon} imageClassName={imageClassName} width="24" height="24" asSVG />
       ) : null}
     </a>
   );

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

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { LinkProps } from '../../model/LinkProps';
 import type { FooterLink } from './FooterLink';
+import { TextInformationLink } from './TextInformationLink';
 
 export const TextInformation = JSX<FooterLink>(({ className, links, context }) => {
   const router = context.useRouter();
@@ -20,6 +20,7 @@ export const TextInformation = JSX<FooterLink>(({ className, links, context }) =
             <TextInformationLink
               key={String(i)}
               index={i}
+              className="font-normal"
               {...useLink({ router, handlerDecorator }, _)}
             />
           ))}
@@ -28,24 +29,3 @@ export const TextInformation = JSX<FooterLink>(({ className, links, context }) =
     </div>
   );
 });
-
-interface TextInformationLinkProps extends LinkProps {
-  className: string;
-  index: number;
-  onClick: (ev: MouseEvent) => any;
-}
-
-const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
-  ({ className, index, text, href, target, onClick }) => (
-    <a
-      className={`font-sans font-normal text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${
-        className || ''
-      }`}
-      href={href}
-      target={target}
-      onClick={onClick}
-    >
-      {text || `Документ ${index}`}
-    </a>
-  ),
-);

package/src/components/Footer/TextInformation.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { LinkProps } from '../../model/LinkProps';
 import type { FooterLink } from './FooterLink';
+import { TextInformationLink } from './TextInformationLink';
 
 export const TextInformation = JSX<FooterLink>(({ className, links, context }) => {
   const router = context.useRouter();
@@ -20,6 +20,7 @@ export const TextInformation = JSX<FooterLink>(({ className, links, context }) =
             <TextInformationLink
               key={String(i)}
               index={i}
+              className="font-light"
               {...useLink({ router, handlerDecorator }, _)}
             />
           ))}
@@ -28,24 +29,3 @@ export const TextInformation = JSX<FooterLink>(({ className, links, context }) =
     </div>
   );
 });
-
-interface TextInformationLinkProps extends LinkProps {
-  className: string;
-  index: number;
-  onClick: (ev: MouseEvent) => any;
-}
-
-const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
-  ({ className, index, text, href, target, onClick }) => (
-    <a
-      className={`font-sans font-light text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${
-        className || ''
-      }`}
-      href={href}
-      target={target}
-      onClick={onClick}
-    >
-      {text || `Документ ${index}`}
-    </a>
-  ),
-);

package/src/components/Footer/TextInformationLink.tsx

@@ -0,0 +1,21 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { LinkProps } from '../../model/LinkProps';
+
+interface TextInformationLinkProps extends LinkProps {
+  className: string;
+  index: number;
+  onClick: () => void;
+}
+
+export const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
+  ({ className = '', index, text, href, target, onClick }) => (
+    <a
+      className={`font-sans text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${className}`}
+      href={href}
+      target={target}
+      onClick={onClick}
+    >
+      {text || `Документ ${index}`}
+    </a>
+  ),
+);

package/src/components/Gallery/Gallery.mobile.tsx

@@ -17,17 +17,15 @@ const blockStyle: Record<BlockVersion, string> = {
 
 export const Gallery = JSX<GalleryProps>(
   ({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
+    const headingClassName = description ? 'mb-2' : 'mb-5';
+
     return (
       <section
         className={`relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`}
       >
         <div className="flex flex-col items-center mb-5">
           {title ? (
-            <Heading
-              headingType="h3"
-              className={`text-center ${description ? 'mb-2' : 'mb-5'}`}
-              title={title}
-            />
+            <Heading headingType="h3" className={`text-center ${headingClassName}`} title={title} />
           ) : null}
           {description ? (
             <div className="font-normal text-m-md max-w-[600px] text-center mb-5">