@redneckz/wildless-cms-uni-blocks 0.13.4 → 0.13.6

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

@@ -5,12 +5,14 @@ import { ListItem } from './ListItem';
 import type { ListProps } from './ListProps';
 
 const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
+  XS: 'text-m font-light',
   S: 'text-l font-light',
   M: 'text-h6',
   L: 'text-h5',
 };
 
 const ITEM_INDENT_MAP: Record<ListItemSize, string> = {
+  XS: 'ml-2xs',
   S: 'ml-xs',
   M: 'ml-s',
   L: 'ml-m',

package/mobile/src/ui-kit/List/ListContent.ts

@@ -1,8 +1,8 @@
 /**
  * @title Размер пунктов списка
- * @enumNames ["Маленький", "Средний", "Большой"]
+ * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
  */
-export type ListItemSize = 'S' | 'M' | 'L';
+export type ListItemSize = 'XS' | 'S' | 'M' | 'L';
 
 export interface ListContent {
   /** @title Список */

package/mobile/src/ui-kit/List/ListItem.tsx

@@ -16,6 +16,7 @@ const DOT_SIZE_MAP = {
   L: 'w-1.5 h-1.5 mr-m', // TODO: Действительно нужен этот вариант? отличается только margin
   M: 'w-1.5 h-1.5 mr-s',
   S: 'w-1 h-1 mr-xs',
+  XS: 'w-1 h-1 mr-xs',
 };
 
 export const ListItem = JSX<ListItemProps>(

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

@@ -1,11 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '../../hooks/useBool';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { LabelProps } from '../../model/HeadlineType';
+import { jaroWinklerDistance } from '../../services/search/jaroWinklerDistance';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
+import { Input } from '../Input/Input';
 
 export interface Option {
   key: string;
@@ -20,6 +22,7 @@ export type SelectProps = LabelProps & {
   isBorder?: boolean;
   placeholder?: string;
   onChange?: (value: Option) => void;
+  isSearch?: boolean;
 };
 
 export const Select = JSX<SelectProps>(
@@ -32,13 +35,19 @@ export const Select = JSX<SelectProps>(
     isBorder = true,
     placeholder = '',
     onChange,
+    isSearch = false,
   }) => {
     const [isOpen, { setFalse: close, toggle }] = useBool();
-    const wrapperRef = useOutsideClick<HTMLDivElement>(close);
+    const [searchValue, setSearchValue] = useState('');
+    const reset = useCallback(() => {
+      close();
+      setSearchValue('');
+    }, []);
+    const wrapperRef = useOutsideClick<HTMLDivElement>(reset);
 
     const handleChange = useCallback(
       (option: Option) => {
-        close();
+        reset();
         onChange && onChange(option);
       },
       [onChange],
@@ -48,17 +57,11 @@ export const Select = JSX<SelectProps>(
 
     return (
       <div className={className} ref={wrapperRef}>
-        {label ? (
-          <div className="mb-xs">
-            <Text size="text-m" color="text-primary-text" font="font-light">
-              {label}
-            </Text>
-          </div>
-        ) : null}
+        {renderLabel(label)}
         <div className={style('relative', isOpen ? 'z-20' : 'z-10')}>
           <div
             className={style(
-              'text-l flex justify-between items-center text-primary-text cursor-pointer',
+              'text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
               getBorderStyle(isBorder, valid),
             )}
             onClick={toggle}
@@ -73,10 +76,13 @@ export const Select = JSX<SelectProps>(
               height="16"
             />
           </div>
+          {isSearch ? renderSearch(isOpen, searchValue, setSearchValue) : null}
           {options?.length ? (
             <div className={style('h-0', isOpen ? '' : 'overflow-hidden')}>
               <div className="bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
-                {options.map(renderOption(handleChange, isOpen, isSelected))}
+                {getFilteredOptions(options, searchValue).map(
+                  renderOption(handleChange, isOpen, isSelected),
+                )}
               </div>
             </div>
           ) : null}
@@ -86,6 +92,34 @@ export const Select = JSX<SelectProps>(
   },
 );
 
+const renderLabel = (label?: string) =>
+  label ? (
+    <div className="mb-xs">
+      <Text size="text-m" color="text-primary-text" font="font-light">
+        {label}
+      </Text>
+    </div>
+  ) : null;
+
+const getFilteredOptions = (options: Option[], searchValue: string) => {
+  return searchValue
+    ? options.filter(
+        (_) => jaroWinklerDistance(_.text?.toLowerCase())(searchValue.toLowerCase()) >= 0.6,
+      )
+    : options;
+};
+
+const renderSearch = (
+  isOpen: boolean,
+  searchValue: string,
+  setSearchValue: (value: string) => void,
+) =>
+  isOpen ? (
+    <div className={style('absolute top-0 w-full h-full z-20')}>
+      <Input type="text" autoFocus value={searchValue} onChange={setSearchValue} />
+    </div>
+  ) : null;
+
 const renderOption =
   (
     handleChange: (option: Option) => void,

package/package.json

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

package/src/components/ApplicationForm/ApplicationFormCredit.tsx

@@ -28,6 +28,7 @@ const initialFormState: CreditFormState = {
 };
 
 const creditValidator = objectValidator({
+  fullName: defaultValidator,
   annualRevenue: defaultValidator,
   inn: innValidator,
   name: nameValidator,
@@ -65,7 +66,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link,
 
   return (
     <form className="container space-y-m" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Параметры кредита" className="sm:text-center" />
+      <Heading headingType="h6" title="Параметры" className="sm:text-center" />
       {renderCreditParameters(field)}
       <Heading headingType="h6" title="Данные организации" className="sm:text-center" />
       {renderCreditDataOrganization(field)}

package/src/components/ApplicationForm/PhoneInputControl.tsx

@@ -13,6 +13,7 @@ export const PhoneInputControl = JSX<InputControlProps>(
         value={value}
         onChange={onChange}
         onBlur={onBlur}
+        placeholder="+7 (___) ___-__-__"
       />
       <div className="h-2">
         {error ? (

package/src/components/ApplicationForm/renderCreditDataOrganization.tsx

@@ -11,7 +11,7 @@ export const renderCreditDataOrganization = (field: FormFieldRegisterer<CreditFo
       <InputControl
         className="shrink-0 w-full"
         label="Наименование организации"
-        {...field('fullName')}
+        {...withValidator(field('fullName'), defaultValidator)}
       />
       <InputControl
         className="shrink-0 w-full"

package/src/components/ApplicationForm/renderCreditParameters.tsx

@@ -16,7 +16,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
     <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
-          Сумма кредита, ₽
+          Сумма, ₽
         </Text>
       </label>
       <InputRange
@@ -29,7 +29,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
     <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
-          Срок кредита, месяцев
+          Срок, месяцев
         </Text>
       </label>
       <InputRange

package/src/components/ApplicationForm/renderRegion.tsx

@@ -15,6 +15,7 @@ export const renderRegion = ({ regions, field }: RegionProps) => (
     className="w-full"
     label="Регион"
     placeholder="Выберите регион"
+    isSearch
     options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
     {...withValidator(field('region'), defaultValidator)}
   />

package/src/components/ApplicationForm/renderRegionDepartment.tsx

@@ -18,6 +18,7 @@ export const renderRegionDepartment = ({ regions, branches, field }: RegionDepar
       <SelectControl
         label="Регион"
         placeholder="Выберите регион"
+        isSearch
         options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
         {...withValidator(field('region'), defaultValidator)}
       />

package/src/components/ButtonsBlock/ButtonsBlock.tsx

@@ -4,11 +4,28 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { style } from '../../utils/style';
 import type { ButtonsBlockContent } from './ButtonsBlockContent';
+import type { Align } from '../../model/Align';
 
 interface ButtonsBlockProps extends ButtonsBlockContent, UniBlockProps {}
 
-export const ButtonsBlock = JSX<ButtonsBlockProps>(({ buttons, className, ...rest }) => (
-  <BlockWrapper className={style('!bg-transparent', className)} defaultPadding="p-0" {...rest}>
-    {renderButtonsSection(buttons)}
-  </BlockWrapper>
-));
+const alignStyleMap: Record<Align, string> = {
+  start: 'justify-start',
+  center: 'justify-center',
+  end: 'justify-end',
+};
+
+export const ButtonsBlock = JSX<ButtonsBlockProps>(
+  ({ buttons, className = '', align, ...rest }) => {
+    const alignStyle = align ? style('flex', alignStyleMap[align]) : '';
+
+    return (
+      <BlockWrapper
+        className={style('!bg-transparent', alignStyle, className)}
+        defaultPadding="p-0"
+        {...rest}
+      >
+        {renderButtonsSection(buttons)}
+      </BlockWrapper>
+    );
+  },
+);

package/src/components/ButtonsBlock/ButtonsBlockContent.ts

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

package/src/components/Carousel/Carousel.example.json

@@ -4,5 +4,6 @@
   "arrowsPadded": true,
   "isCycle": false,
   "isPadding": true,
-  "isAlignCenter": false
+  "isAlignCenter": false,
+  "cardSize": "normal"
 }

package/src/components/Carousel/Carousel.fixture.tsx

@@ -187,6 +187,7 @@ export default {
       <Carousel
         className="col-span-12"
         visibleItemCount={0}
+        cardSize="big"
         block={{
           type: 'Carousel',
           blocks: new Array(6).fill({
@@ -203,6 +204,7 @@ export default {
       <Carousel
         className="col-span-12"
         visibleItemCount={0}
+        cardSize="big"
         block={{
           type: 'Carousel',
           blocks: new Array(6).fill({

package/src/components/Carousel/Carousel.tsx

@@ -26,6 +26,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
     showDots,
     arrowsPadded = true,
     isGap = true,
+    cardSize = 'normal',
     ...rest
   }) => {
     const { blocks: childBlocks = [] } = rest.block || {};
@@ -55,7 +56,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
             gap={isGap ? ITEMS_GAP : undefined}
             onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
           >
-            {renderCarouselCards({ noCardBorder, activeIndex, ...rest })}
+            {renderCarouselCards({ noCardBorder, activeIndex, cardSize, ...rest })}
           </SwipeListContainer>
           <CarouselScrollButtons
             scroll={scroll}

package/src/components/Carousel/CarouselContent.ts

@@ -1,5 +1,11 @@
 import type { UniBlockContent } from '../../model/JSXBlock';
 
+/**
+ * @title Размер карточек
+ * @enumNames ["Нормальный", "Большой"]
+ */
+export type CardSizeMode = 'normal' | 'big';
+
 /**
  * @title Карусель
  */
@@ -17,4 +23,5 @@ export type CarouselContent = UniBlockContent & {
   isGap?: boolean;
   /** @title Не показывать контур на карточках */
   noCardBorder?: boolean;
+  cardSize?: CardSizeMode;
 };

package/src/components/Carousel/renderCarouselCards.tsx

@@ -5,14 +5,21 @@ import type { BlockDef } from '../../model/ContentPageDef';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { style } from '../../utils/style';
 import { renderCardHighlight } from './renderCardHighlight';
+import type { CardSizeMode } from './CarouselContent';
 
 const cardBaseStyle = 'relative h-full';
 
+const CARD_SIZE_MAP: Record<CardSizeMode, string> = {
+  normal: 'sm:min-w-96',
+  big: 'sm:min-w-[515px]',
+};
+
 export const renderCarouselCards = ({
   noCardBorder,
   activeIndex,
+  cardSize = 'normal',
   ...rest
-}: UniBlockProps & { noCardBorder?: boolean; activeIndex?: number }) => {
+}: UniBlockProps & { noCardBorder?: boolean; activeIndex?: number; cardSize?: CardSizeMode }) => {
   const { blocks: childBlocks } = rest.block || {};
   const someCardsHighlighted = childBlocks?.some(isCardHighlighted);
 
@@ -21,7 +28,11 @@ export const renderCarouselCards = ({
     renderProps: (block: BlockDef, options: BlockRendererOptions, blockIndex) => (
       <div className={cardWrapperStyle(block, { someCardsHighlighted })}>
         {renderBlock(block, options, {
-          className: cardStyle(block, { someCardsHighlighted, showBorder: !noCardBorder }),
+          className: cardStyle(block, {
+            someCardsHighlighted,
+            showBorder: !noCardBorder,
+            cardSize,
+          }),
           blockIndex,
           isActive: blockIndex === activeIndex,
         })}
@@ -44,11 +55,16 @@ const cardWrapperStyle = (
 
 const cardStyle = (
   _: BlockDef | undefined,
-  { someCardsHighlighted, showBorder }: { someCardsHighlighted?: boolean; showBorder?: boolean },
+  {
+    someCardsHighlighted,
+    showBorder,
+    cardSize = 'normal',
+  }: { someCardsHighlighted?: boolean; showBorder?: boolean; cardSize?: CardSizeMode },
 ) =>
   style(
     cardBaseStyle,
-    'min-w-80 sm:min-w-96',
+    'min-w-80',
+    CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
     someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'),
     showBorder &&
       'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider',

package/src/components/CarouselLinks/CarouselLinks.fixture.tsx

@@ -21,14 +21,17 @@ const MAX_LINKS_COUNT = 10;
 
 export default {
   default: (
-    <CarouselLinks
-      links={links}
-      title="О Банке"
-      description={description}
-      additionalDescription={additionalDescription}
-      maxLinksCount={MAX_LINKS_COUNT}
-      version="secondary"
-      block={{ type: 'Carousel', blocks: new Array(1).fill(link).flat() }}
-    />
+    <div className="container grid grid-cols-12">
+      <CarouselLinks
+        links={links}
+        title="О Банке"
+        description={description}
+        additionalDescription={additionalDescription}
+        maxLinksCount={MAX_LINKS_COUNT}
+        version="secondary"
+        className="col-span-12"
+        block={{ type: 'Carousel', blocks: new Array(1).fill(link).flat() }}
+      />
+    </div>
   ),
 };

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -53,7 +53,7 @@ const renderLinks = (links: LinkProps[], maxLinksCount: number) => {
 
   return (
     <Carousel
-      className="sm:w-2/3 w-full p-0 sm:p-xs"
+      className="@container-normal sm:w-2/3 w-full p-0 sm:p-xs"
       version="secondary"
       itemCount={itemCount}
       arrowsPadded={false}

package/src/components/CarouselProductCard/CarouselProductCardContent.ts

@@ -1,9 +1,12 @@
 import type { BulletsProps } from '../../model/Bullets';
-import type { AdditionalDescriptionProps, HeadlineSmallProps } from '../../model/HeadlineType';
+import type {
+  AdditionalDescriptionProps,
+  AlignProps,
+  HeadlineSmallProps,
+} from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
 import type { LinkCommonProps } from '../../model/LinkProps';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
@@ -22,10 +25,10 @@ export type CarouselProductCardContent = UniBlockContent &
   AdditionalDescriptionProps &
   IconProps &
   BulletsProps &
-  LinkCommonProps & {
+  LinkCommonProps &
+  AlignProps & {
     /** @title Список */
     items?: ListProps[];
-    align?: TextAlign;
     /** @title  Изображение на всю ширину */
     isImageFullWidth?: boolean;
     /**  @title  Картинка сверху над текстом */

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.mobile.tsx

@@ -89,7 +89,7 @@ export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardC
   description: 'Описание',
   align: 'text-left',
   icon,
-  items: ['Свежие новости', 'Акции и предложенияа', 'Ставки и катировки'],
+  items: ['Свежие новости', 'Акции и предложения', 'Ставки и котировки'],
   version: 'secondary',
   socialMedia: socialMediaWithoutText,
 };

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.tsx

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
@@ -9,6 +7,8 @@ import { style } from '../../utils/style';
 import { SocialMedia } from '../Footer/SocialMedia';
 import { Headline } from '../Headline/Headline';
 import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
 
 export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
 
@@ -27,20 +27,20 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
   }) => {
     return (
       <BlockWrapper
-        className={style('relative group-data-gray:bg-main-divider/50 space-y-m', className)}
-        defaultPadding="p-6xl"
+        className={style('relative group-data-gray:bg-main-divider/50', className)}
+        defaultPadding="p-3xl"
         {...rest}
       >
-        <LinkWrapper href={href} target={target}>
+        <LinkWrapper href={href} target={target} className={'space-y-lg'}>
           <Headline
             title={title}
             description={description}
-            headlineVersion="S"
+            headlineVersion="XS"
             isEmbedded={true}
             align={align}
           />
           {items.length ? (
-            <List className="flex flex-col gap-xs" items={items} listItemSize="S" />
+            <List className="flex flex-col gap-xs" items={items} listItemSize="XS" />
           ) : null}
           {renderIcon(icon)}
           {socialMedia.length ? <SocialMedia media={socialMedia} /> : null}

package/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -1,9 +1,8 @@
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { AlignProps, HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkCommonProps } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 export type RecommendationSocialMedia = LinkCommonProps & IconProps & ButtonContent;
@@ -15,8 +14,8 @@ export type CarouselRecommendationCardContent = UniBlockContent &
   HeadlineCommonProps &
   ListContent &
   IconProps &
-  LinkCommonProps & {
+  LinkCommonProps &
+  AlignProps & {
     /** @title Соц сети */
     socialMedia?: RecommendationSocialMedia[];
-    align?: TextAlign;
   };

package/src/components/Header/HeaderSubMenu.tsx

@@ -1,16 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useRouter } from '../../hooks/useRouter';
-import { findActiveSubItem } from './findActiveSubItem';
-import { DropdownMenu } from './DropdownMenu';
-import { HeaderSubMenuItem } from './HeaderSubMenuItem';
 import { projectSettings } from '../../ProjectSettings';
-import { HeaderChatBotButton } from './HeaderChatBotButton';
-import { InternetBankButton } from './InternetBankButton';
-import type { LinkProps } from '../../model/LinkProps';
 import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
+import { useRouter } from '../../hooks/useRouter';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { IconVersion } from '../../model/IconVersion';
+import type { LinkProps } from '../../model/LinkProps';
+import { DropdownMenu } from './DropdownMenu';
+import { HeaderChatBotButton } from './HeaderChatBotButton';
+import { HeaderSubMenuItem } from './HeaderSubMenuItem';
+import { InternetBankButton } from './InternetBankButton';
+import { findActiveSubItem } from './findActiveSubItem';
 
 export interface HeaderSubMenuProps {
   version?: BlockVersion;
@@ -68,14 +68,16 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
             activeItem={activeSubItem}
           />
         ) : null}
-        {projectSettings.CHAT_BOT ? (
-          <HeaderChatBotButton
-            className="ml-4xl"
-            iconVersion={iconVersion}
-            chat={projectSettings.CHAT_BOT}
-          />
-        ) : null}
-        <InternetBankButton version={version} internetBankUrl={internetBankUrl} />
+        <div className="flex">
+          {projectSettings.CHAT_BOT ? (
+            <HeaderChatBotButton
+              className="ml-4xl"
+              iconVersion={iconVersion}
+              chat={projectSettings.CHAT_BOT}
+            />
+          ) : null}
+          <InternetBankButton version={version} internetBankUrl={internetBankUrl} />
+        </div>
       </nav>
     );
   },

package/src/components/Headline/Headline.example.json

@@ -2,7 +2,7 @@
   "content": {
     "title": "Заголовок",
     "description": "Описание",
-    "align": "center",
+    "align": "text-center",
     "headlineVersion": "M"
   }
 }

package/src/components/Headline/headlineVersionStyles.ts

@@ -43,7 +43,7 @@ export const headlineVersionStyles: Record<
   },
   XS: {
     title: { headingType: 'h5', as: 'h2' },
-    descriptionSize: 'text-l',
+    descriptionSize: 'text-m',
     descriptionWeight: 'font-light',
     descriptionStyle: 'mt-xs',
   },

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -1,10 +1,9 @@
 import { Attachment } from '../../model/Attachment';
 import { EmptyOption } from '../../model/EmptyOptionType';
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { AlignProps, HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps, Target } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
 
 /**
  * @title Отображение списка
@@ -52,10 +51,9 @@ export type DocBlockDef = EmptyOption | LinkDocDef | AttachmentDocDef;
  */
 export type LinkDocsContent = UniBlockContent &
   HeadlineCommonProps &
-  IconProps & {
+  IconProps &
+  AlignProps & {
     /** @title Список */
     documents?: DocBlockDef[];
     columnsMode?: LinkColumnsMode;
-    /** @title Выравнивание */
-    align?: TextAlign;
   };