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

package/mobile/lib/ui-kit/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,eAAe;IAClB,EAAE,EAAE,eAAe;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAC5F,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sFAAsF,EACtF,YAAY,CAAC,IAAI,CAAC,CACnB,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAY1C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9F,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sFAAsF,EACtF,YAAY,CACb,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC,CAAC"}

package/mobile/lib/ui-kit/RichText/RichTextProps.d.ts

@@ -1,10 +1,10 @@
 declare type HTML = string;
 /**
  * @title Стиль форматированного текста
- * @default ""
- * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
+ * @default "primary"
+ * @enumNames ["Основсной", "Второстепенный"]
  */
-export declare type RichVersion = '' | 'striped' | 'horizontal-separator';
+export declare type RichVersion = '' | 'secondary';
 export interface RichTextProps {
     /** @title Форматированный текст */
     __html?: HTML;

package/mobile/src/common.css

@@ -198,6 +198,7 @@ html {
 
   .md-container {
     @apply text-l font-sans;
+    overflow: auto;
   }
 
   .md-container p.h1 {
@@ -257,39 +258,42 @@ html {
     @apply font-normal;
   }
 
-  .striped.md-container table {
+  .secondary.md-container table {
     width: 100%;
-    table-layout: fixed;
     text-align: left;
   }
 
-  .striped.md-container table thead,
-  .horizontal-separator.md-container table thead {
+  .secondary.md-container table thead,
+  .md-container table thead {
     color: rgb(var(--color-secondary-text));
   }
 
-  .striped.md-container table td,
-  .striped.md-container table th {
+  .secondary.md-container table td,
+  .secondary.md-container table th {
     padding: 8px 14px 5px;
   }
 
-  .striped.md-container table tbody tr:nth-child(2n-1) {
+  .secondary.md-container table tbody tr:nth-child(2n-1) {
     background-color: rgb(var(--color-secondary-light));
   }
 
-  .horizontal-separator.md-container table {
+  .secondary.md-container ul li {
+    color: rgb(125, 126, 127);
+  }
+
+  .md-container table {
     width: 100%;
     text-align: left;
   }
 
-  .horizontal-separator.md-container table td,
-  .horizontal-separator.md-container table th {
+  .md-container table td,
+  .md-container table th {
     padding: 12px 8px 12px 0;
     font-size: 18px;
     min-width: 116px;
   }
 
-  .horizontal-separator.md-container table tr {
+  .md-container table tr {
     border-bottom: 1px solid rgb(var(--color-primary-divider));
   }
 }

package/mobile/src/components/BenefitsBlock/BenefitsBlock.example.json

@@ -5,10 +5,7 @@
     "benefitList": [
       {
         "label": "Преимущество №1",
-        "description": {
-          "name": "Описание 1",
-          "benefitType": "text"
-        },
+        "description": "Описание 1",
         "icon": {
           "icon": "SmallClockIcon",
           "format": "webp",
@@ -20,10 +17,8 @@
       },
       {
         "label": "Преимущество №2",
-        "description": {
-          "items": ["Пункт 1", "Пункт 2"],
-          "benefitType": "list"
-        },
+        "items": ["Пункт 1", "Пункт 2"],
+        "isDotted": false,
         "icon": {
           "icon": "SignDocsIcon",
           "format": "webp",

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -5,16 +5,9 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
 import { Img } from '../../ui-kit/Img/Img';
-import { TEXT_SIZE_MAP } from '../../ui-kit/List/List';
+import { List } from '../../ui-kit/List/List';
 import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-import {
-  type BenefitBlockItemProps,
-  type BenefitsBlockContent,
-  type DescriptionDef,
-  type ListBenefitDef,
-  type TextBenefitDef,
-} from './BenefitsBlockContent';
+import { type BenefitBlockItemProps, type BenefitsBlockContent } from './BenefitsBlockContent';
 import { defaultIconSize } from './defaultIconSize';
 
 interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
@@ -35,70 +28,36 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(
   ),
 );
 
-const renderBenefit = (benefit: BenefitBlockItemProps, i: number) => (
+const renderBenefit = (
+  { label, description, items, icon, iconBgVersion, isDotted = false }: BenefitBlockItemProps,
+  i: number,
+) => (
   <div
     key={String(i)}
     className="flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]"
     role="listitem"
   >
-    {benefit?.icon?.icon ? (
+    {icon?.icon ? (
       <RoundedIcon
         className="shrink-0"
         defaultIconSize={defaultIconSize}
-        iconBgVersion={benefit?.iconBgVersion || ''}
-        {...benefit?.icon}
+        iconBgVersion={iconBgVersion || ''}
+        {...icon}
       />
     ) : null}
-    {benefit?.icon?.src ? <Img className="shrink-0" image={benefit.icon} /> : null}
-    {benefit?.label ? (
-      <div className="@sm:h-full">
-        <Heading headingType="h6">{benefit.label}</Heading>
-        {renderDescription(benefit.description)}
+    {icon?.src ? <Img className="shrink-0" image={icon} /> : null}
+    {label ? (
+      <div className="@sm:h-full space-y-xs">
+        <Heading headingType="h6">{label}</Heading>
+        <Text
+          size="text-l"
+          color="text-secondary-text group-data-secondary:text-white/80"
+          font="font-light"
+        >
+          {description}
+        </Text>
+        <List className="text-secondary-text" listItemSize="S" items={items} isDotted={isDotted} />
       </div>
     ) : null}
   </div>
 );
-
-const renderDescription = (description: DescriptionDef | undefined) => {
-  const benefitType = description?.benefitType || null;
-
-  return description && benefitType ? (
-    <div className="mt-xs text-l font-light text-secondary-text group-data-secondary:text-white/80">
-      {benefitType === 'list'
-        ? renderListBenefit(description as ListBenefitDef)
-        : renderTextBenefit(description as TextBenefitDef)}
-    </div>
-  ) : null;
-};
-
-const renderTextBenefit = (description?: TextBenefitDef) =>
-  description?.name ? (
-    <Text
-      size="text-l"
-      color="text-secondary-text group-data-secondary:text-white/80"
-      font="font-light"
-    >
-      {description.name}
-    </Text>
-  ) : null;
-
-const renderListBenefit = (description?: ListBenefitDef) => {
-  const listStyleType = description?.bullets ? 'list-disc pl-3xl' : '';
-
-  return description?.items && description.items.length > 0 ? (
-    <ul
-      className={style(
-        listStyleType,
-        description.listItemSize ? TEXT_SIZE_MAP[description.listItemSize] : '',
-      )}
-    >
-      {description.items.map((_, i) => (
-        <li key={`benefitListItem-${i}`}>
-          <Text color="text-secondary-text group-data-secondary:text-white/80" font="font-light">
-            {_}
-          </Text>
-        </li>
-      ))}
-    </ul>
-  ) : null;
-};

package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,48 +1,18 @@
-import { type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
 import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-import { type ListContent } from '../../ui-kit/List/ListContent';
-
-/**
- * @title Пункты описания
- */
-export type TextBenefitDef = {
-  /** @title Описание */
-  name?: string;
-  /** @default text */
-  benefitType?: 'text';
-};
-
-/**
- * @title Список
- */
-export type ListBenefitDef = ListContent & {
-  /** @title Буллиты */
-  bullets?: boolean;
-  /** @default list */
-  benefitType?: 'list';
-};
-
-/** @title Не выбрано * */
-export type EmptyDescription = {
-  /** @default "" */
-  benefitType: '';
-};
-
-/**
- * @title Вид контента
- * @default { "benefitType": "" }
- */
-export type DescriptionDef = EmptyDescription | TextBenefitDef | ListBenefitDef;
+import { type ListProps } from '../../ui-kit/List/ListContent';
 
 /**
  * @title Преимущество
  */
 export type BenefitBlockItemProps = LabelProps &
-  IconProps & {
+  IconProps &
+  DescriptionProps &
+  ListProps & {
     /** @title Описание */
-    description?: DescriptionDef;
+    description?: string;
     iconBgVersion?: IconBgVersion;
   };
 

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json

@@ -18,7 +18,6 @@
         "rounded": false
       }
     ],
-    "version": "primary",
-    "listItemSize": "S"
+    "version": "primary"
   }
 }

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

@@ -29,7 +29,6 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
     icon,
     items = [],
     isDotted,
-    listItemSize = 'S',
     socialMedia = [],
     target,
     title,
@@ -73,7 +72,7 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
             imageAlign="center"
           >
             <BenefitsList benefits={benefits} />
-            <List items={items} listItemSize={listItemSize} isDotted={isDotted} />
+            <List items={items} isDotted={isDotted} listItemSize="S" />
             {renderAdditionalDescription(additionalDescription, align)}
           </BaseTile>
         </LinkWrapper>

package/mobile/src/components/MobileAppTile/MobileAppTile.tsx

@@ -5,11 +5,10 @@ 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 { List } from '../../ui-kit/List/List';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { type MobileAppTileContent } from './MobileAppTileContent';
-import { renderList } from './renderList';
-
 export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps {}
 
 export const MobileAppTile = JSX<MobileAppTileProps>(
@@ -19,10 +18,8 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
     align = 'text-left',
     buttons = [],
     description,
-    headingType = 'h4',
     image,
     items,
-    listItemSize,
     qr,
     additionalDescription = '',
     title = 'Мобильное приложение',
@@ -45,13 +42,11 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
           padding={padding}
           defaultPadding="p-6xl"
           title={
-            title ? (
-              <Heading
-                headingType={headingType}
-                title={title}
-                className={style('whitespace-pre-wrap', align)}
-              />
-            ) : null
+            <Heading
+              headingType="h3"
+              title={title}
+              className={style('whitespace-pre-wrap', align)}
+            />
           }
           rightImage={img}
           buttons={renderButtonsSection(buttons, { className: 'flex-wrap' })}
@@ -68,7 +63,10 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
               'flex-col items-start @xl:flex-row @xl:items-center',
             )}
           >
-            {renderList(items, listItemSize, additionalDescription)}
+            <List items={items} listItemSize="M" />
+            <Text size="text-m" font-weight="font-light" color="text-secondary-text">
+              {additionalDescription}
+            </Text>
             {qr?.src ? (
               <div
                 className={style(

package/mobile/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,11 +1,12 @@
 import {
   type AdditionalDescriptionProps,
+  type DescriptionProps,
   type HeadlineCommonProps,
+  type TitleProps,
 } 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 HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type ListContent } from '../../ui-kit/List/ListContent';
 
@@ -15,7 +16,8 @@ import { type ListContent } from '../../ui-kit/List/ListContent';
 export type MobileAppTileContent = UniBlockContent &
   AdditionalDescriptionProps &
   HeadlineCommonProps &
-  HeadingCommonProps &
+  TitleProps &
+  DescriptionProps &
   ButtonsSectionContent &
   ListContent &
   ImageContent & {

package/mobile/src/components/RichTextBlock/RichTextBlock.example.json

@@ -1,5 +1,6 @@
 {
   "content": {
-    "__html": "<h1>Заголовок 1</h1>\n<h2>Заголовок 2</h2>\n<h3>Заголовок 3</h3>\n<h4>Заголовок 4</h4>\n<h5>Заголовок 5</h5>\n<h6>Заголовок 6</h6>\n<p>Параграф, в котором много текста и даже <a href=\"#\">ссылка</a></p>\n<p><strong>Жирный текст</strong>, <em>Наклонный текст</em></p>\n<ul>\n  <li>Список с точками</li>\n  <li>Список с точками</li>\n</ul>\n<ol>\n  <li>Нумерованный список</li>\n  <li>Нумерованный список</li>\n</ol>\n"
+    "__html": "<h1>Заголовок 1</h1>\n<h2>Заголовок 2</h2>\n<h3>Заголовок 3</h3>\n<h4>Заголовок 4</h4>\n<h5>Заголовок 5</h5>\n<h6>Заголовок 6</h6>\n<p>Параграф, в котором много текста и даже <a href=\"#\">ссылка</a></p>\n<p><strong>Жирный текст</strong>, <em>Наклонный текст</em></p>\n<ul>\n  <li>Список с точками</li>\n  <li>Список с точками</li>\n</ul>\n<ol>\n  <li>Нумерованный список</li>\n  <li>Нумерованный список</li>\n</ol>\n",
+    "richVersion": ""
   }
 }

package/mobile/src/components/TariffsTable/EmbeddableCellData.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../ui-kit/InnerTable/InnerTableButton';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { List } from '../../ui-kit/List/List';
-import { type ListProps } from '../../ui-kit/List/ListProps';
+import { type ListProps } from '../../ui-kit/List/ListContent';
 import { Text } from '../../ui-kit/Text/Text';
 import { type LabelDescriptionCell } from './TariffsTableContent';
 

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -4,7 +4,7 @@ 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 ListProps } from '../../ui-kit/List/ListProps';
+import { type ListProps } from '../../ui-kit/List/ListContent';
 
 /**
  * @hidden

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

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Headline } from '../../components/Headline/Headline';
+import { type HeadlineVersion } from '../../model/HeadlineType';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { BaseTile } from '../BaseTile/BaseTile';
@@ -7,6 +8,7 @@ import { BenefitsList } from '../BenefitsList/BenefitsList';
 import { renderButtonsSection } from '../Button/renderButtonsSection';
 import { Img } from '../Img/Img';
 import { List } from '../List/List';
+import { type ListItemSize } from '../List/ListContent';
 import { PriceList } from '../PriceList/PriceList';
 import { RichText } from '../RichText/RichText';
 import { Tags } from '../Tags/Tags';
@@ -16,6 +18,15 @@ interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
   backwardButton?: boolean;
 }
 
+const LIST_SIZE: Record<HeadlineVersion, ListItemSize> = {
+  XXL: 'L',
+  XL: 'L',
+  L: 'M',
+  M: 'M',
+  S: 'S',
+  XS: 'S',
+};
+
 export const BaseProductTile = JSX<BaseProductTileProps>(
   // eslint-disable-next-line max-lines-per-function
   ({
@@ -34,7 +45,6 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
     items,
     isDotted = true,
     priceList = [],
-    listItemSize,
     tags = [],
     buttons,
     image,
@@ -86,7 +96,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
           ) : null}
           {__html ? <RichText __html={__html} /> : null}
           {items?.length ? (
-            <List items={items} isDotted={isDotted} listItemSize={listItemSize} />
+            <List items={items} isDotted={isDotted} listItemSize={LIST_SIZE[headlineVersion]} />
           ) : null}
           {children}
           {priceList?.length ? <PriceList priceList={priceList} /> : null}

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

@@ -31,7 +31,7 @@ export const BaseTile = JSX<BaseTileProps>(
     className,
     version = 'primary',
     defaultPadding,
-    padding,
+    padding = '',
     title = '',
     insetTitle = '',
     buttons,

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

@@ -1,40 +1,52 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import { type ListItemSize } from './ListContent';
+import { type ListItemSize, type ListProps } from './ListContent';
 import { ListItem } from './ListItem';
-import { type ListProps } from './ListProps';
 
-export 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',
+export const LIST_VERSION_STYLE: Record<
+  ListItemSize,
+  {
+    textSize: string;
+    indentStyle: string;
+    dotStyle: string;
+  }
+> = {
+  S: {
+    textSize: 'text-l font-light',
+    indentStyle: 'ml-xs',
+    dotStyle: 'w-1 h-1 mr-xs',
+  },
+  M: {
+    textSize: 'text-h6',
+    indentStyle: 'ml-s',
+    dotStyle: 'w-1.5 h-1.5 mr-s',
+  },
+  L: {
+    textSize: 'text-h5',
+    indentStyle: 'ml-m',
+    dotStyle: 'w-1.5 h-1.5 mr-m',
+  },
 };
 
 export const List = JSX<ListProps>(
-  ({ className, hasIndent, isDotted = true, items = [], listItemSize = 'M' }) =>
-    items?.length ? (
+  ({ className, isDotted = true, items = [], listItemSize = 'M' }) => {
+    const versionStyle = LIST_VERSION_STYLE[listItemSize];
+
+    return items?.length ? (
       <section
         className={style(
           'flex flex-col gap-xs text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text',
-          TEXT_SIZE_MAP[listItemSize],
-          hasIndent ? ITEM_INDENT_MAP[listItemSize] : '',
+          versionStyle.textSize,
           className,
         )}
         role="list"
       >
         {items.map((item, i) => (
-          <ListItem key={String(i)} isDotted={isDotted} size={listItemSize}>
+          <ListItem key={String(i)} isDotted={isDotted} dotClassName={versionStyle.dotStyle}>
             {item}
           </ListItem>
         ))}
       </section>
-    ) : null,
+    ) : null;
+  },
 );

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

@@ -1,11 +1,23 @@
+import { type BulletsProps } from '../../model/Bullets';
+
 /**
  * @title Размер пунктов списка
- * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
+ * @enumNames ["Маленький", "Средний", "Большой"]
  */
-export type ListItemSize = 'XS' | 'S' | 'M' | 'L';
+export type ListItemSize = 'S' | 'M' | 'L';
 
 export interface ListContent {
   /** @title Список */
   items?: string[];
+  /** @hidden */
   listItemSize?: ListItemSize;
 }
+
+/**
+ * @title Содержимое списка
+ */
+export type ListProps = ListContent &
+  BulletsProps & {
+    /** @hidden */
+    className?: string;
+  };

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

@@ -1,32 +1,24 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import { type ListItemSize } from './ListContent';
 
 /**
  * @title Параметры элемента списка
  */
 export interface ListItemProps {
   className?: string;
+  dotClassName?: string;
   text?: string;
   isDotted?: boolean;
-  size?: ListItemSize;
 }
 
-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>(({ className, isDotted, children, size = 'M' }) => (
+export const ListItem = JSX<ListItemProps>(({ className, isDotted, dotClassName, children }) => (
   <div className={style('font-sans flex', className)} role="listitem">
     {isDotted ? (
       <div className="shrink-0">
         <div
           className={style(
             'align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white',
-            DOT_SIZE_MAP[size],
+            dotClassName,
           )}
         />
       </div>

package/mobile/src/ui-kit/RichText/RichTextProps.ts

@@ -2,10 +2,10 @@ type HTML = string;
 
 /**
  * @title Стиль форматированного текста
- * @default ""
- * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
+ * @default "primary"
+ * @enumNames ["Основсной", "Второстепенный"]
  */
-export type RichVersion = '' | 'striped' | 'horizontal-separator';
+export type RichVersion = '' | 'secondary';
 
 export interface RichTextProps {
   /** @title Форматированный текст */

package/package.json

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