@redneckz/wildless-cms-uni-blocks 0.3.23 → 0.3.24

package/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -1,10 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { TableTileHeader } from './TableTileHeader';
-import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
 import { Img } from '../../ui-kit/Img/Img';
 import { Button } from '../../ui-kit/Button/Button';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import type { TariffsTableCellData, TariffsTableTileCellProps } from './TariffsTableContent';
+import { List } from '../../ui-kit/List/List';
+import type {
+  TariffsTableCellData,
+  TariffsTableList,
+  TariffsTableTileCellProps,
+} from './TariffsTableContent';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
 export const TariffsTableTileCell = JSX<TariffsTableTileCellProps>(({ header, data }) => {
   return (
@@ -27,35 +32,32 @@ const renderCellInner = (
     {description ? (
       <div className="text-m-sm text-secondary-text mt-[3px]">{description}</div>
     ) : null}
-    {list?.items?.length ? (
-      <div className="flex flex-col justify-between items-start">
-        <div role="list">
-          {list.items.map((text, idx) => (
-            <BlockItem
-              className="text-m-sm"
-              key={String(idx)}
-              text={text}
-              version="gray"
-              isDotted={list.isDotted ?? true}
-            />
-          ))}
-        </div>
-      </div>
-    ) : null}
+    {list?.items?.length ? renderList(list) : null}
     {image && <Img image={{ ...image, className: 'm-0' }} />}
-    {buttons?.length ? (
-      <div>
-        {buttons.map(({ icon, rounded, ...buttonProps }, idx) => (
-          <Button
-            className={`mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`}
-            key={String(idx)}
-            rounded={rounded}
-            appendLeft={icon && <Icon name={icon} width="24px" height="24px" asSVG />}
-            {...buttonProps}
-            aria-label={icon}
-          />
-        ))}
-      </div>
-    ) : null}
+    {buttons?.length ? renderButtons(buttons) : null}
+  </div>
+);
+
+const renderList = (list: TariffsTableList) => (
+  <List
+    className="flex flex-col justify-between items-start text-m-sm"
+    version="gray"
+    items={list.items}
+    isDotted={list.isDotted ?? true}
+  />
+);
+
+const renderButtons = (buttons: ButtonWithIconProps[]) => (
+  <div>
+    {buttons.map(({ icon, rounded, ...buttonProps }, idx) => (
+      <Button
+        className={`mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`}
+        key={String(idx)}
+        rounded={rounded}
+        appendLeft={icon && <Icon name={icon} width="24px" height="24px" asSVG />}
+        {...buttonProps}
+        aria-label={icon}
+      />
+    ))}
   </div>
 );

package/src/components/TextBlock/TextBlock.example.json

@@ -9,5 +9,6 @@
       "width": 43,
       "height": 43
     }
-  }
+  },
+  "isDotted": true
 }

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

@@ -75,6 +75,14 @@ export default {
               iconVersion="small"
               items={items}
             />
+            <TextBlock
+              context={mobileContext}
+              title="Все карты Россельхозбанка работают"
+              description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу"
+              blockVersion="secondary-light"
+              iconVersion="small"
+              items={items}
+            />
           </div>
         </div>
         <div>

package/src/components/TextBlock/TextBlock.mobile.tsx

@@ -55,10 +55,10 @@ export const TextBlock = JSX<TextBlockProps>(
           ) : null}
           {items?.length ? (
             <List
-              className="mt-1"
+              className="mt-1 text-m-md"
               items={items}
               isDotted={isDotted}
-              version={blockVersion.indexOf('secondary') !== -1 ? 'secondary' : 'gray'}
+              version={blockVersion === 'secondary' ? 'secondary' : 'gray'}
             />
           ) : null}
         </div>

package/src/components/Tile/Tile.tsx

@@ -70,5 +70,7 @@ export const Tile = JSX<TileProps>((props) => {
 });
 
 function renderList(items, version) {
-  return items?.length ? <List items={items} version={version} /> : null;
+  return items?.length ? (
+    <List items={items} itemClassName="mt-2.5 first:mt-0" version={version} />
+  ) : null;
 }

package/src/icons/IconName.ts

@@ -1,9 +1,82 @@
-
 // Generated. Do not touch
 /* eslint-disable max-lines */
 
 export enum IconMap {
-  ActualBalanceIcon = "ActualBalanceIcon", AppleIcon = "AppleIcon", ArrowDownIcon = "ArrowDownIcon", ArrowsRewindRight = "ArrowsRewindRight", ArrowUpIcon = "ArrowUpIcon", AtmIcon = "AtmIcon", BankIcon = "BankIcon", BurgerIcon = "BurgerIcon", BurgerIconWhite = "BurgerIconWhite", Calendar2Icon = "Calendar2Icon", CalendarCircleIcon = "CalendarCircleIcon", CalendarIcon = "CalendarIcon", CalendarTickIcon = "CalendarTickIcon", CalendarWhiteIcon = "CalendarWhiteIcon", CardIcon = "CardIcon", CardPosIcon = "CardPosIcon", CardTickIcon = "CardTickIcon", CardWithGemIcon = "CardWithGemIcon", ChartSquareIcon = "ChartSquareIcon", ClockIcon = "ClockIcon", CloseIcon = "CloseIcon", ComfortableCompIcon = "ComfortableCompIcon", CreditCardsIcon = "CreditCardsIcon", DiscountShapeIcon = "DiscountShapeIcon", DocIcon = "DocIcon", DocIconMonoColor = "DocIconMonoColor", DocumentTextIcon = "DocumentTextIcon", DollarIcon = "DollarIcon", EarthIcon = "EarthIcon", EmptyWalletChangeIcon = "EmptyWalletChangeIcon", EmptyWalletIcon = "EmptyWalletIcon", EmptyWalletWhiteIcon = "EmptyWalletWhiteIcon", EuroIcon = "EuroIcon", GeolocationIcon = "GeolocationIcon", GlassIcon = "GlassIcon", GlobalIcon = "GlobalIcon", GpsIcon = "GpsIcon", GridIcon = "GridIcon", GridIconWhite = "GridIconWhite", InterestGrowthIcon = "InterestGrowthIcon", InterestIcon = "InterestIcon", JCBIcon = "JCBIcon", LoupeIcon = "LoupeIcon", MasterCardIcon = "MasterCardIcon", MinusIcon = "MinusIcon", MirIcon = "MirIcon", MoneyIcon = "MoneyIcon", MoneyInsuranceIcon = "MoneyInsuranceIcon", MonitorMobileIcon = "MonitorMobileIcon", NewDocIcon = "NewDocIcon", OfficeIcon = "OfficeIcon", OkIcon = "OkIcon", PassSendIcon = "PassSendIcon", PercentageRoundIcon = "PercentageRoundIcon", PercentageSquareIcon = "PercentageSquareIcon", PercentageSquareWhiteIcon = "PercentageSquareWhiteIcon", PersonalCardIcon = "PersonalCardIcon", PlayMarketIcon = "PlayMarketIcon", PlusIcon = "PlusIcon", Profile2UserIcon = "Profile2UserIcon", ProfileIcon = "ProfileIcon", RoundRubleIcon = "RoundRubleIcon", SafeIcon = "SafeIcon", ShieldTickIcon = "ShieldTickIcon", SignDocsIcon = "SignDocsIcon", SmallClockIcon = "SmallClockIcon", TelegramIcon = "TelegramIcon", UnionPayIcon = "UnionPayIcon", UserTickIcon = "UserTickIcon", VisaIcon = "VisaIcon", VKIcon = "VKIcon", WalletAdd2Icon = "WalletAdd2Icon", WalletAddIcon = "WalletAddIcon", WalletIcon = "WalletIcon", WalletWithMoneyIcon = "WalletWithMoneyIcon"
+  ActualBalanceIcon = 'ActualBalanceIcon',
+  AppleIcon = 'AppleIcon',
+  ArrowDownIcon = 'ArrowDownIcon',
+  ArrowsRewindRight = 'ArrowsRewindRight',
+  ArrowUpIcon = 'ArrowUpIcon',
+  AtmIcon = 'AtmIcon',
+  BankIcon = 'BankIcon',
+  BurgerIcon = 'BurgerIcon',
+  BurgerIconWhite = 'BurgerIconWhite',
+  Calendar2Icon = 'Calendar2Icon',
+  CalendarCircleIcon = 'CalendarCircleIcon',
+  CalendarIcon = 'CalendarIcon',
+  CalendarTickIcon = 'CalendarTickIcon',
+  CalendarWhiteIcon = 'CalendarWhiteIcon',
+  CardIcon = 'CardIcon',
+  CardPosIcon = 'CardPosIcon',
+  CardTickIcon = 'CardTickIcon',
+  CardWithGemIcon = 'CardWithGemIcon',
+  ChartSquareIcon = 'ChartSquareIcon',
+  ClockIcon = 'ClockIcon',
+  CloseIcon = 'CloseIcon',
+  ComfortableCompIcon = 'ComfortableCompIcon',
+  CreditCardsIcon = 'CreditCardsIcon',
+  DiscountShapeIcon = 'DiscountShapeIcon',
+  DocIcon = 'DocIcon',
+  DocIconMonoColor = 'DocIconMonoColor',
+  DocumentTextIcon = 'DocumentTextIcon',
+  DollarIcon = 'DollarIcon',
+  EarthIcon = 'EarthIcon',
+  EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
+  EmptyWalletIcon = 'EmptyWalletIcon',
+  EmptyWalletWhiteIcon = 'EmptyWalletWhiteIcon',
+  EuroIcon = 'EuroIcon',
+  GeolocationIcon = 'GeolocationIcon',
+  GlassIcon = 'GlassIcon',
+  GlobalIcon = 'GlobalIcon',
+  GpsIcon = 'GpsIcon',
+  GridIcon = 'GridIcon',
+  GridIconWhite = 'GridIconWhite',
+  InterestGrowthIcon = 'InterestGrowthIcon',
+  InterestIcon = 'InterestIcon',
+  JCBIcon = 'JCBIcon',
+  LoupeIcon = 'LoupeIcon',
+  MasterCardIcon = 'MasterCardIcon',
+  MinusIcon = 'MinusIcon',
+  MirIcon = 'MirIcon',
+  MoneyIcon = 'MoneyIcon',
+  MoneyInsuranceIcon = 'MoneyInsuranceIcon',
+  MonitorMobileIcon = 'MonitorMobileIcon',
+  NewDocIcon = 'NewDocIcon',
+  OfficeIcon = 'OfficeIcon',
+  OkIcon = 'OkIcon',
+  PassSendIcon = 'PassSendIcon',
+  PercentageRoundIcon = 'PercentageRoundIcon',
+  PercentageSquareIcon = 'PercentageSquareIcon',
+  PercentageSquareWhiteIcon = 'PercentageSquareWhiteIcon',
+  PersonalCardIcon = 'PersonalCardIcon',
+  PlayMarketIcon = 'PlayMarketIcon',
+  PlusIcon = 'PlusIcon',
+  Profile2UserIcon = 'Profile2UserIcon',
+  ProfileIcon = 'ProfileIcon',
+  RoundRubleIcon = 'RoundRubleIcon',
+  SafeIcon = 'SafeIcon',
+  ShieldTickIcon = 'ShieldTickIcon',
+  SignDocsIcon = 'SignDocsIcon',
+  SmallClockIcon = 'SmallClockIcon',
+  TelegramIcon = 'TelegramIcon',
+  UnionPayIcon = 'UnionPayIcon',
+  UserTickIcon = 'UserTickIcon',
+  VisaIcon = 'VisaIcon',
+  VKIcon = 'VKIcon',
+  WalletAdd2Icon = 'WalletAdd2Icon',
+  WalletAddIcon = 'WalletAddIcon',
+  WalletIcon = 'WalletIcon',
+  WalletWithMoneyIcon = 'WalletWithMoneyIcon',
 }
 
 export enum IconTitleMap {
@@ -92,4 +165,80 @@ export enum IconTitleMap {
  *   "Деньги", "Лого «Apple»", "ArrowDownIcon", "ArrowsRewindRight", "ArrowUpIcon", "Банкомат", "Банк", "Бургер", "Бургер (белый)", "Календарь 2", "Скруглённый календарь", "Календарь", "Календарь с галочкой", "Календарь белый", "Кред. карта", "Кред. карта под наклоном", "Кред. карта с галочкой", "Карта с драгоценностями", "Деньги внутри кошелька", "Часы", "Крестик", "Кресло", "Кредитные карты", "Скидка", "Документ", "Документ (одноцветный)", "Документ с текстом", "Доллар", "Земля", "Пустой кошелёк с возвратом", "Пустой кошелёк", "Пустой кошелёк (белый)", "Евро", "Геолокация", "Зеркало", "Глобус", "Gps", "Сетка", "Сетка (белая)", "Диаграмма роста", "Скидка", "JCB", "Лупа", "MasterCard", "Минус", "МИР", "Деньги", "Денежное страхование", "Монитор и мобильный", "Новый документ", "Офис", "Лого «Одноклассники»", "Бизнес", "Проценты (круг.)", "Проценты", "Проценты белые", "Персональная карта", "Лого «PlayMarket»", "Плюс", "Профиль, 2 персоны", "Профиль", "Рубль (круг.)", "Сейф", "Безопасность", "Подписанные документы", "Маленькие часы", "Лого «Telegram»", "UnionPay", "Пользователь", "Visa", "Лого «VK»", "Пополнение карты", "Кошелёк с плюсом", "Кошелёк", "Кошелёк с деньгами"
  * ]
  */
-export type IconName = "" | "ActualBalanceIcon" | "AppleIcon" | "ArrowDownIcon" | "ArrowsRewindRight" | "ArrowUpIcon" | "AtmIcon" | "BankIcon" | "BurgerIcon" | "BurgerIconWhite" | "Calendar2Icon" | "CalendarCircleIcon" | "CalendarIcon" | "CalendarTickIcon" | "CalendarWhiteIcon" | "CardIcon" | "CardPosIcon" | "CardTickIcon" | "CardWithGemIcon" | "ChartSquareIcon" | "ClockIcon" | "CloseIcon" | "ComfortableCompIcon" | "CreditCardsIcon" | "DiscountShapeIcon" | "DocIcon" | "DocIconMonoColor" | "DocumentTextIcon" | "DollarIcon" | "EarthIcon" | "EmptyWalletChangeIcon" | "EmptyWalletIcon" | "EmptyWalletWhiteIcon" | "EuroIcon" | "GeolocationIcon" | "GlassIcon" | "GlobalIcon" | "GpsIcon" | "GridIcon" | "GridIconWhite" | "InterestGrowthIcon" | "InterestIcon" | "JCBIcon" | "LoupeIcon" | "MasterCardIcon" | "MinusIcon" | "MirIcon" | "MoneyIcon" | "MoneyInsuranceIcon" | "MonitorMobileIcon" | "NewDocIcon" | "OfficeIcon" | "OkIcon" | "PassSendIcon" | "PercentageRoundIcon" | "PercentageSquareIcon" | "PercentageSquareWhiteIcon" | "PersonalCardIcon" | "PlayMarketIcon" | "PlusIcon" | "Profile2UserIcon" | "ProfileIcon" | "RoundRubleIcon" | "SafeIcon" | "ShieldTickIcon" | "SignDocsIcon" | "SmallClockIcon" | "TelegramIcon" | "UnionPayIcon" | "UserTickIcon" | "VisaIcon" | "VKIcon" | "WalletAdd2Icon" | "WalletAddIcon" | "WalletIcon" | "WalletWithMoneyIcon";
+export type IconName =
+  | ''
+  | 'ActualBalanceIcon'
+  | 'AppleIcon'
+  | 'ArrowDownIcon'
+  | 'ArrowsRewindRight'
+  | 'ArrowUpIcon'
+  | 'AtmIcon'
+  | 'BankIcon'
+  | 'BurgerIcon'
+  | 'BurgerIconWhite'
+  | 'Calendar2Icon'
+  | 'CalendarCircleIcon'
+  | 'CalendarIcon'
+  | 'CalendarTickIcon'
+  | 'CalendarWhiteIcon'
+  | 'CardIcon'
+  | 'CardPosIcon'
+  | 'CardTickIcon'
+  | 'CardWithGemIcon'
+  | 'ChartSquareIcon'
+  | 'ClockIcon'
+  | 'CloseIcon'
+  | 'ComfortableCompIcon'
+  | 'CreditCardsIcon'
+  | 'DiscountShapeIcon'
+  | 'DocIcon'
+  | 'DocIconMonoColor'
+  | 'DocumentTextIcon'
+  | 'DollarIcon'
+  | 'EarthIcon'
+  | 'EmptyWalletChangeIcon'
+  | 'EmptyWalletIcon'
+  | 'EmptyWalletWhiteIcon'
+  | 'EuroIcon'
+  | 'GeolocationIcon'
+  | 'GlassIcon'
+  | 'GlobalIcon'
+  | 'GpsIcon'
+  | 'GridIcon'
+  | 'GridIconWhite'
+  | 'InterestGrowthIcon'
+  | 'InterestIcon'
+  | 'JCBIcon'
+  | 'LoupeIcon'
+  | 'MasterCardIcon'
+  | 'MinusIcon'
+  | 'MirIcon'
+  | 'MoneyIcon'
+  | 'MoneyInsuranceIcon'
+  | 'MonitorMobileIcon'
+  | 'NewDocIcon'
+  | 'OfficeIcon'
+  | 'OkIcon'
+  | 'PassSendIcon'
+  | 'PercentageRoundIcon'
+  | 'PercentageSquareIcon'
+  | 'PercentageSquareWhiteIcon'
+  | 'PersonalCardIcon'
+  | 'PlayMarketIcon'
+  | 'PlusIcon'
+  | 'Profile2UserIcon'
+  | 'ProfileIcon'
+  | 'RoundRubleIcon'
+  | 'SafeIcon'
+  | 'ShieldTickIcon'
+  | 'SignDocsIcon'
+  | 'SmallClockIcon'
+  | 'TelegramIcon'
+  | 'UnionPayIcon'
+  | 'UserTickIcon'
+  | 'VisaIcon'
+  | 'VKIcon'
+  | 'WalletAdd2Icon'
+  | 'WalletAddIcon'
+  | 'WalletIcon'
+  | 'WalletWithMoneyIcon';

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

@@ -6,6 +6,7 @@ import { IconTitleMap } from '../../icons/IconName';
 const svgColorsMap: Record<IconColor, string> = {
   none: '',
   primary: 'text-primary-main',
+  secondary: 'text-primary-text',
 };
 
 export const Icon = JSX<IconProps>(
@@ -22,7 +23,12 @@ export const Icon = JSX<IconProps>(
 
     if (asSVG) {
       return (
-        <svg className={`${svgColorsMap[color]} ${className}`} {...imgProps} aria-hidden="true">
+        <svg
+          className={`${svgColorsMap[color]} ${className}`}
+          {...imgProps}
+          aria-hidden="true"
+          style={color === 'secondary' ? { filter: 'invert(1)' } : null}
+        >
           {title ? <title>{title}</title> : null}
           {alt ? <desc>{alt}</desc> : null}
           <use href={`${href}#icon`} xlinkHref={`${href}#icon`} />

package/src/ui-kit/Icon/IconProps.ts

@@ -4,9 +4,9 @@ export type { IconName };
 
 /**
  * @title Цвет иконки (svg)
- * @enumNames ["Нет", "Основной"]
+ * @enumNames ["Нет", "Основной", "Второстепенный"]
  */
-export type IconColor = 'none' | 'primary';
+export type IconColor = 'none' | 'primary' | 'secondary';
 
 export interface IconProps {
   className?: string;

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

@@ -14,6 +14,9 @@ export const Img = JSX<ImageProps>(
       height: size?.height ? `${size?.height}px` : '100%',
     };
 
+    const title = image.title || '';
+    const alt = image.alt || title;
+
     return (
       <picture className={`flex-none ${className}`}>
         {image.sources?.length
@@ -24,8 +27,8 @@ export const Img = JSX<ImageProps>(
         <img
           className={imageClassName}
           src={image.src}
-          alt={image.alt || image.title}
-          title={image.title}
+          alt={alt}
+          title={title}
           style={style}
           {...size}
         />

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

@@ -0,0 +1,37 @@
+import '../../setup-fixture';
+import { List } from './List';
+
+const items = ['List Item #1', 'List Item #2', 'List Item #3', 'List Item #4'];
+
+export default {
+  'primary dotted (default)': (
+    <div className="bg-white p-12">
+      <List items={items} />
+    </div>
+  ),
+  'primary w/o dots': (
+    <div className="bg-white p-12">
+      <List items={items} isDotted={false} />
+    </div>
+  ),
+  'secondary dotted': (
+    <div className="bg-primary-main p-12">
+      <List items={items} version="secondary" />
+    </div>
+  ),
+  'secondary w/o dots': (
+    <div className="bg-primary-main p-12">
+      <List items={items} version="secondary" isDotted={false} />
+    </div>
+  ),
+  'gray dotted': (
+    <div className="bg-white p-12">
+      <List items={items} version="gray" />
+    </div>
+  ),
+  'gray w/o dots': (
+    <div className="bg-white p-12">
+      <List items={items} version="gray" isDotted={false} />
+    </div>
+  ),
+};

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

@@ -1,12 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListItem } from './ListItem';
-import { ListProps } from './ListProps';
+import type { ListProps, ListItemVersion } from './ListProps';
+
+const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
+  primary: 'text-primary-text',
+  secondary: 'text-white',
+  gray: 'text-secondary-text',
+};
 
 export const List = JSX<ListProps>((props) => {
-  const { className = '', itemClassName, isDotted, items, version } = props;
+  const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
 
   return (
-    <section className={`${className}`} role="list">
+    <section className={`${TEXT_STYLE_MAP[version]} ${className}`} role="list">
       {items?.length
         ? items.map((_, i) => (
             <ListItem

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { ListItemVersion } from './ListProps';
+import type { ListItemVersion } from './ListProps';
 
 /**
  * @title Параметры элемента списка
@@ -13,13 +13,7 @@ export interface ListItemProps {
 
 const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3 mt-2';
 
-const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
-  primary: 'text-primary-text',
-  secondary: 'text-white',
-  gray: 'text-secondary-text',
-};
-
-const LIST_STYLE_MAP: Record<ListItemVersion, string> = {
+const LIST_DOT_STYLE_MAP: Record<ListItemVersion, string> = {
   primary: 'bg-primary-main',
   secondary: 'bg-white',
   gray: 'bg-secondary-text',
@@ -30,14 +24,13 @@ export const ListItem = JSX<ListItemProps>(
     return (
       <div className={`font-sans flex items-start ${className}`} role="listitem">
         {isDotted && <div className={getListStyle(version)} />}
-        <span className={`text-m-md ${TEXT_STYLE_MAP[version]}`}>{children}</span>
+        <span>{children}</span>
       </div>
     );
   },
 );
 
 const getListStyle = (version: ListItemVersion) => {
-  const size =
-    version === 'gray' ? 'w-[6px] h-[6px] min-w-[6px] min-h-[6px]' : 'w-2 h-2 min-w-2 min-h-2';
-  return `${LIST_STYLE_CLASSES} ${LIST_STYLE_MAP[version]} ${size}`;
+  const size = version === 'gray' ? 'w-1.5 h-1.5 min-w-1.5 min-h-1.5' : 'w-2 h-2 min-w-2 min-h-2';
+  return `${LIST_STYLE_CLASSES} ${LIST_DOT_STYLE_MAP[version]} ${size}`;
 };

package/src/ui-kit/List/ListProps.ts

@@ -2,6 +2,7 @@ import type { ListContent } from './ListContent';
 
 /**
  * @title Версия списка
+ * @enumNames ["Основной", "Второстепенный", "Серый"]
  */
 export type ListItemVersion = 'primary' | 'secondary' | 'gray';
 
@@ -10,6 +11,7 @@ export type ListItemVersion = 'primary' | 'secondary' | 'gray';
  */
 export interface ListProps extends ListContent {
   className?: string;
+  /** @title Буллиты */
   isDotted?: boolean;
   version?: ListItemVersion;
   itemClassName?: string;

package/dist/ui-kit/BlockItem/BlockItem.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './BlockItemProps';
-export declare const BlockItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/dist/ui-kit/BlockItem/BlockItem.js

@@ -1,23 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockItem = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3 mt-2';
-const TEXT_STYLE_MAP = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-    gray: 'text-secondary-text',
-};
-const LIST_STYLE_MAP = {
-    primary: 'bg-primary-main',
-    secondary: 'bg-white',
-    gray: 'bg-secondary-text',
-};
-exports.BlockItem = (0, uni_jsx_1.JSX)(({ className = '', isDotted = true, text, children, version = 'primary' }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && (0, jsx_runtime_1.jsx)("div", { className: getListStyle(version) }), (0, jsx_runtime_1.jsx)("span", { className: TEXT_STYLE_MAP[version], children: text || children })] }));
-});
-const getListStyle = (version) => {
-    const size = version === 'gray' ? 'w-[6px] h-[6px] min-w-[6px] min-h-[6px]' : 'w-2 h-2 min-w-2 min-h-2';
-    return `${LIST_STYLE_CLASSES} ${LIST_STYLE_MAP[version]} ${size}`;
-};
-//# sourceMappingURL=BlockItem.js.map

package/dist/ui-kit/BlockItem/BlockItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,MAAM,kBAAkB,GAAG,qCAAqC,CAAC;AAEjE,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,iCAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,gCAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,iCAAM,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IAC/D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,CAAC,CAAC"}

package/dist/ui-kit/BlockItem/BlockItemProps.d.ts

@@ -1,21 +0,0 @@
-/**
- * @title Версия списка
- * @enumNames ["Основной", "Второстепенный", "Белый"]
- */
-export declare type BlockItemVersion = 'primary' | 'secondary' | 'gray';
-/**
- * @title Содержимое элемента блока
- */
-export interface BlockItemContent {
-    /** @title Текст */
-    text?: string;
-}
-/**
- * @title Параметры элемента блока
- */
-export interface BlockItemProps extends BlockItemContent {
-    className?: string;
-    version?: BlockItemVersion;
-    /** @title Маркер */
-    isDotted?: boolean;
-}

package/dist/ui-kit/BlockItem/BlockItemProps.js

@@ -1,2 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=BlockItemProps.js.map

package/dist/ui-kit/BlockItem/BlockItemProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockItemProps.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItemProps.ts"],"names":[],"mappings":""}

package/lib/ui-kit/BlockItem/BlockItem.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './BlockItemProps';
-export declare const BlockItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/lib/ui-kit/BlockItem/BlockItem.fixture.d.ts

@@ -1,8 +0,0 @@
-import '../../setup-fixture';
-declare const _default: {
-    primary: any;
-    'primary without dot': any;
-    secondary: any;
-    'secondary without dot': any;
-};
-export default _default;

package/lib/ui-kit/BlockItem/BlockItem.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3 mt-2';
-const TEXT_STYLE_MAP = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-    gray: 'text-secondary-text',
-};
-const LIST_STYLE_MAP = {
-    primary: 'bg-primary-main',
-    secondary: 'bg-white',
-    gray: 'bg-secondary-text',
-};
-export const BlockItem = JSX(({ className = '', isDotted = true, text, children, version = 'primary' }) => {
-    return (_jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version) }), _jsx("span", { className: TEXT_STYLE_MAP[version], children: text || children })] }));
-});
-const getListStyle = (version) => {
-    const size = version === 'gray' ? 'w-[6px] h-[6px] min-w-[6px] min-h-[6px]' : 'w-2 h-2 min-w-2 min-h-2';
-    return `${LIST_STYLE_CLASSES} ${LIST_STYLE_MAP[version]} ${size}`;
-};
-//# sourceMappingURL=BlockItem.js.map

package/lib/ui-kit/BlockItem/BlockItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,kBAAkB,GAAG,qCAAqC,CAAC;AAEjE,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IAC/D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,CAAC,CAAC"}

package/lib/ui-kit/BlockItem/BlockItemProps.d.ts

@@ -1,21 +0,0 @@
-/**
- * @title Версия списка
- * @enumNames ["Основной", "Второстепенный", "Белый"]
- */
-export declare type BlockItemVersion = 'primary' | 'secondary' | 'gray';
-/**
- * @title Содержимое элемента блока
- */
-export interface BlockItemContent {
-    /** @title Текст */
-    text?: string;
-}
-/**
- * @title Параметры элемента блока
- */
-export interface BlockItemProps extends BlockItemContent {
-    className?: string;
-    version?: BlockItemVersion;
-    /** @title Маркер */
-    isDotted?: boolean;
-}

package/lib/ui-kit/BlockItem/BlockItemProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BlockItemProps.js.map

package/lib/ui-kit/BlockItem/BlockItemProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockItemProps.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItemProps.ts"],"names":[],"mappings":""}

package/mobile/dist/ui-kit/BlockItem/BlockItem.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './BlockItemProps';
-export declare const BlockItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/mobile/dist/ui-kit/BlockItem/BlockItem.js

@@ -1,23 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockItem = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3 mt-2';
-const TEXT_STYLE_MAP = {
-    primary: 'text-secondary-text',
-    secondary: 'text-white',
-    gray: 'text-secondary-text',
-};
-const LIST_STYLE_MAP = {
-    primary: 'bg-primary-main',
-    secondary: 'bg-white',
-    gray: 'bg-secondary-text',
-};
-exports.BlockItem = (0, uni_jsx_1.JSX)(({ className = '', isDotted = true, text, children, version = 'primary' }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && (0, jsx_runtime_1.jsx)("div", { className: getListStyle(version) }), (0, jsx_runtime_1.jsx)("span", { className: TEXT_STYLE_MAP[version], children: text || children })] }));
-});
-const getListStyle = (version) => {
-    const size = version === 'gray' ? 'w-[6px] h-[6px] min-w-[6px] min-h-[6px]' : 'w-2 h-2 min-w-2 min-h-2';
-    return `${LIST_STYLE_CLASSES} ${LIST_STYLE_MAP[version]} ${size}`;
-};
-//# sourceMappingURL=BlockItem.js.map

package/mobile/dist/ui-kit/BlockItem/BlockItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,MAAM,kBAAkB,GAAG,qCAAqC,CAAC;AAEjE,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,iCAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,gCAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,iCAAM,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IAC/D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,CAAC,CAAC"}