@alfalab/core-components 39.1.1 → 39.2.1

package/list/esm/Component-71e3dd31.js

@@ -0,0 +1,57 @@
+import { __rest, __assign } from 'tslib';
+import React, { useContext, Children } from 'react';
+import cn from 'classnames';
+import { Typography } from '../../typography/esm';
+import { isItem } from './utils.js';
+
+var styles$1 = {"item":"list__item_1wfco","reversed":"list__reversed_1wfco","unorderedItem":"list__unorderedItem_1wfco","slot":"list__slot_1wfco","defaultColor":"list__defaultColor_1wfco","disc":"list__disc_1wfco","caption":"list__caption_1wfco"};
+require('./components/item/index.css');
+
+var Item = function (_a) {
+    var _b, _c;
+    var caption = _a.caption, children = _a.children;
+    var _d = useContext(ListContext), orderedList = _d.orderedList, markerType = _d.markerType, colorMarker = _d.colorMarker, reversed = _d.reversed, _e = _d.index, index = _e === void 0 ? 0 : _e, _f = _d.start, start = _f === void 0 ? 0 : _f;
+    var markerLowerAlpha = markerType === 'lower-alpha';
+    var itemClassNames = cn(styles$1.item, (_b = {},
+        _b[styles$1.unorderedItem] = markerLowerAlpha,
+        _b[styles$1.reversed] = reversed,
+        _b));
+    var isDisc = markerType === '•';
+    var count = start === 0 ? index + 1 : start + index;
+    var marker = orderedList || markerType === 'decimal' ? "".concat(count, ".") : markerType;
+    return (React.createElement("li", { className: cn(itemClassNames) },
+        !markerLowerAlpha && (React.createElement(Typography.Text, { tag: 'div', color: colorMarker, monospaceNumbers: true, view: 'primary-medium', className: cn(styles$1.slot, (_c = {},
+                _c[styles$1.disc] = isDisc && !orderedList,
+                _c[styles$1.defaultColor] = !colorMarker,
+                _c)) }, marker)),
+        React.createElement("div", null,
+            React.createElement(Typography.Text, { tag: 'div', view: 'primary-medium' }, children),
+            caption && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$1.caption }, caption)))));
+};
+Item.displayName = 'ListItem';
+
+var styles = {"list":"list__list_1hwc9","lowerAlpha":"list__lowerAlpha_1hwc9","decimal":"list__decimal_1hwc9","reversed":"list__reversed_1hwc9"};
+require('./index.css');
+
+var ListContext = React.createContext({});
+var ListComponent = function (_a) {
+    var _b;
+    var _c = _a.tag, tag = _c === void 0 ? 'ul' : _c, marker = _a.marker, className = _a.className, dataTestId = _a.dataTestId, colorMarker = _a.colorMarker, children = _a.children, reversed = _a.reversed, start = _a.start, restProps = __rest(_a, ["tag", "marker", "className", "dataTestId", "colorMarker", "children", "reversed", "start"]);
+    var markerType = marker || (tag === 'ul' ? '—' : 'decimal');
+    var alphaMarker = markerType === 'lower-alpha';
+    var decimalMarker = markerType === 'decimal';
+    var Component = tag === 'ul' || alphaMarker ? 'ul' : 'ol';
+    var orderedList = Component === 'ol';
+    var listClassNames = cn(styles.list, (_b = {},
+        _b[styles.lowerAlpha] = alphaMarker,
+        _b[styles.decimal] = decimalMarker,
+        _b[styles.reversed] = reversed,
+        _b), className);
+    /* eslint-disable react/jsx-no-constructed-context-values */
+    return (React.createElement(Component, __assign({ className: listClassNames, "data-test-id": dataTestId }, restProps), Children.map(children, function (child, index) { return (React.createElement(ListContext.Provider, { value: { orderedList: orderedList, markerType: markerType, colorMarker: colorMarker, reversed: reversed, index: index, start: start } }, isItem(child) ? child : React.createElement(Item, null, child))); })));
+};
+var List = Object.assign(ListComponent, {
+    Item: Item,
+});
+
+export { Item as I, ListContext as L, List as a };

package/list/esm/Component.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-type ListProps = {
-    /**
-     * HTML тег
-     * @default 'ul'
-     */
-    tag?: 'ul' | 'ol';
-    /**
-     * Маркер
-     * @default '—' for ul and 'decimal' for ol
-     */
-    marker?: 'lower-alpha' | 'decimal' | string | ReactNode;
-    /**
-     * Css-класс для стилизации
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-} & Omit<React.OlHTMLAttributes<HTMLOListElement>, 'type'>;
-declare const List: React.FC<ListProps>;
-export { ListProps, List };

package/list/esm/Component.js

@@ -1,30 +1,6 @@
-import { __rest, __assign } from 'tslib';
-import React, { Children } from 'react';
-import cn from 'classnames';
-
-var styles = {"list":"list__list_1l2f8","orderedList":"list__orderedList_1l2f8","lowerAlpha":"list__lowerAlpha_1l2f8","decimal":"list__decimal_1l2f8","item":"list__item_1l2f8","unorderedItem":"list__unorderedItem_1l2f8","orderedItem":"list__orderedItem_1l2f8","slot":"list__slot_1l2f8"};
-require('./index.css');
-
-var List = function (_a) {
-    var _b, _c;
-    var _d = _a.tag, tag = _d === void 0 ? 'ul' : _d, marker = _a.marker, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = __rest(_a, ["tag", "marker", "className", "dataTestId", "children"]);
-    var markerType = marker || (tag === 'ul' ? '—' : 'decimal');
-    var orderedMarker = markerType === 'decimal' || markerType === 'lower-alpha';
-    var Component = tag === 'ol' || orderedMarker ? 'ol' : 'ul';
-    var unorderedList = Component === 'ul';
-    var orderedList = Component === 'ol';
-    var listClassNames = cn(styles.list, (_b = {},
-        _b[styles.lowerAlpha] = markerType === 'lower-alpha',
-        _b[styles.decimal] = markerType === 'decimal',
-        _b[styles.orderedList] = orderedList,
-        _b), className);
-    var itemClassNames = cn(styles.item, (_c = {},
-        _c[styles.unorderedItem] = unorderedList,
-        _c[styles.orderedItem] = orderedList,
-        _c));
-    return (React.createElement(Component, __assign({ className: listClassNames, "data-test-id": dataTestId }, restProps), Children.map(children, function (child) { return (React.createElement("li", { className: itemClassNames },
-        unorderedList && React.createElement("div", { className: styles.slot }, markerType),
-        child)); })));
-};
-
-export { List };
+import 'tslib';
+import 'react';
+import 'classnames';
+export { a as List, L as ListContext } from './Component-71e3dd31.js';
+import '../../typography/esm';
+import './utils.js';

package/list/esm/components/item/Component.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../../../typography/esm';
+export { I as Item } from '../../Component-71e3dd31.js';
+import 'tslib';
+import '../../utils.js';

package/list/esm/components/item/index.css

@@ -0,0 +1,49 @@
+/* hash: 128f6 */
+:root {
+} /* deprecated */ :root {
+    --color-light-text-primary: #0b1f35; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-3xs: 2px;
+    --gap-2xs: 4px;
+    --gap-s: 12px;
+} :root {
+} :root {
+} :root {
+    --list-marker-color: var(--color-light-text-primary);
+    --list-item-margin: var(--gap-s);
+} .list__item_1wfco {
+    margin-top: var(--list-item-margin);
+    display: flex
+} .list__item_1wfco:first-child {
+        margin-top: 0;
+    } .list__item_1wfco.list__reversed_1wfco:first-child {
+        margin-top: var(--list-item-margin);
+    } .list__item_1wfco.list__reversed_1wfco:last-child {
+        margin-top: 0;
+    } .list__item_1wfco.list__unorderedItem_1wfco {
+        display: list-item;
+    } .list__slot_1wfco {
+    min-width: 20px;
+    display: flex;
+    box-sizing: border-box;
+    justify-content: start;
+    padding-right: var(--gap-2xs);
+    flex-shrink: 0
+} .list__slot_1wfco.list__defaultColor_1wfco {
+        color: var(--list-marker-color);
+    } .list__slot_1wfco.list__disc_1wfco {
+        justify-content: center;
+        padding: 0 var(--gap-2xs);
+    } .list__caption_1wfco {
+    margin-top: var(--gap-3xs);
+}

package/list/esm/components/item/index.d.ts

@@ -0,0 +1 @@
+export * from "../../Component-71e3dd31";

package/list/esm/components/item/index.js

@@ -0,0 +1,6 @@
+export { I as Item } from '../../Component-71e3dd31.js';
+import 'tslib';
+import 'react';
+import 'classnames';
+import '../../../../typography/esm';
+import '../../utils.js';

package/list/esm/index.css

@@ -1,8 +1,8 @@
-/* hash: 19no9 */
+/* hash: 1fkvi */
 :root {
 } /* deprecated */ :root {
-    --color-light-text-primary: #0b1f35;
-} :root {
+    --color-light-text-primary: #0b1f35; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -13,16 +13,10 @@
     /* Hard up */
 } :root {
 } :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
     --gap-l: 20px;
 } :root {
 } :root {
-} :root {
-    --list-marker-color: var(--color-light-text-primary);
-    --list-item-margin: var(--gap-s);
-} .list__list_1l2f8 {
+} .list__list_1hwc9 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -32,21 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__orderedList_1l2f8 {
-    padding-left: var(--gap-l);
-} .list__lowerAlpha_1l2f8 {
+} .list__lowerAlpha_1hwc9 {
     list-style-type: lower-alpha;
-} .list__decimal_1l2f8 {
+    padding-left: var(--gap-l);
+} .list__decimal_1hwc9 {
     list-style-type: decimal;
-} .list__item_1l2f8 {
-    margin-top: var(--list-item-margin)
-} .list__item_1l2f8:first-child {
-        margin-top: 0;
-    } .list__unorderedItem_1l2f8 {
+} ol.list__list_1hwc9 {
     display: flex;
-} .list__orderedItem_1l2f8 {
-    padding-left: var(--gap-2xs);
-} .list__slot_1l2f8 {
-    margin-right: var(--gap-xs);
-    color: var(--list-marker-color);
-}
+    flex-direction: column
+} ol.list__list_1hwc9.list__reversed_1hwc9 {
+        flex-direction: column-reverse;
+    }

package/list/esm/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component";
+export * from "./Component-0887e7cb";
 export * from "./presets";

package/list/esm/index.js

@@ -1,5 +1,7 @@
-export { List } from './Component.js';
+export { a as List, L as ListContext } from './Component-71e3dd31.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';
 import 'classnames';
+import '../../typography/esm';
+import './utils.js';

package/list/esm/utils.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReactNode } from 'react';
+declare const isItemElement: (obj: JSX.Element, name?: string) => boolean;
+declare const isItem: (child: ReactNode) => boolean;
+export { isItemElement, isItem };

package/list/esm/utils.js

@@ -0,0 +1,10 @@
+import { isValidElement } from 'react';
+
+var isItemElement = function (obj, name) {
+    return typeof obj === 'object' && obj.type.displayName === name;
+};
+var isItem = function (child) {
+    return isValidElement(child) && isItemElement(child, 'ListItem');
+};
+
+export { isItem, isItemElement };

package/list/index.css

@@ -1,8 +1,8 @@
-/* hash: 19no9 */
+/* hash: 1fkvi */
 :root {
 } /* deprecated */ :root {
-    --color-light-text-primary: #0b1f35;
-} :root {
+    --color-light-text-primary: #0b1f35; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -13,16 +13,10 @@
     /* Hard up */
 } :root {
 } :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
     --gap-l: 20px;
 } :root {
 } :root {
-} :root {
-    --list-marker-color: var(--color-light-text-primary);
-    --list-item-margin: var(--gap-s);
-} .list__list_1l2f8 {
+} .list__list_1hwc9 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -32,21 +26,14 @@
     line-height: 24px;
 
     font-weight: 400;
-} .list__orderedList_1l2f8 {
-    padding-left: var(--gap-l);
-} .list__lowerAlpha_1l2f8 {
+} .list__lowerAlpha_1hwc9 {
     list-style-type: lower-alpha;
-} .list__decimal_1l2f8 {
+    padding-left: var(--gap-l);
+} .list__decimal_1hwc9 {
     list-style-type: decimal;
-} .list__item_1l2f8 {
-    margin-top: var(--list-item-margin)
-} .list__item_1l2f8:first-child {
-        margin-top: 0;
-    } .list__unorderedItem_1l2f8 {
+} ol.list__list_1hwc9 {
     display: flex;
-} .list__orderedItem_1l2f8 {
-    padding-left: var(--gap-2xs);
-} .list__slot_1l2f8 {
-    margin-right: var(--gap-xs);
-    color: var(--list-marker-color);
-}
+    flex-direction: column
+} ol.list__list_1hwc9.list__reversed_1hwc9 {
+        flex-direction: column-reverse;
+    }

package/list/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component";
+export * from "./Component-0887e7cb";
 export * from "./presets";

package/list/index.js

@@ -1,10 +1,13 @@
-var Component = require('./Component.js');
+var components_item_Component = require('./Component-a524d15e.js');
 var presets = require('./presets.js');
 require('tslib');
 require('react');
 require('classnames');
+require('../typography');
+require('./utils.js');
 
 
 
-exports.List = Component.List;
+exports.List = components_item_Component.List;
+exports.ListContext = components_item_Component.ListContext;
 exports.listPresets = presets.listPresets;

package/list/modern/Component-0887e7cb.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type TListContext = {
+    /**
+     * Упорядоченный список
+     */
+    orderedList?: boolean;
+    /**
+     * Маркер
+     * @default '—' for ul and 'decimal' for ol
+     */
+    markerType?: 'lower-alpha' | 'decimal' | string | ReactNode;
+    /**
+     * Цвет маркера
+     */
+    colorMarker?: ColorMarkerType;
+    /**
+     * Список обратного счета
+     */
+    reversed?: boolean;
+    /**
+     * Номер пункта
+     */
+    index?: number;
+    /**
+     * Начало отсчета элементов списка
+     */
+    start?: number;
+};
+declare const ListContext: React.Context<TListContext>;
+type ColorMarkerType = 'tertiary' | 'accent' | 'primary' | 'attention' | 'positive' | 'secondary' | 'tertiary-inverted' | 'primary-inverted' | 'secondary-inverted' | 'link' | 'negative';
+type ListProps = {
+    /**
+     * HTML тег
+     * @default 'ul'
+     */
+    tag?: 'ul' | 'ol';
+    /**
+     * Маркер
+     * @default '—' for ul and 'decimal' for ol
+     */
+    marker?: 'lower-alpha' | 'decimal' | string | ReactNode;
+    /**
+     * Css-класс для стилизации
+     */
+    className?: string;
+    /**
+     * Цвет маркера
+     */
+    colorMarker?: ColorMarkerType;
+    /**
+     * Список обратного счета
+     */
+    reversed?: boolean;
+    /**
+     * Начало отсчета элементов списка
+     */
+    start?: number;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+} & Omit<React.OlHTMLAttributes<HTMLOListElement>, 'type'>;
+declare const List: React.FC<ListProps> & {
+    Item: React.FC<import("./components/item/index").ItemProps>;
+};
+export { TListContext, ListContext, ListProps, List };

package/list/modern/Component-f5d4e940.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type ItemProps = {
+    /**
+     * Дополнительный текст
+     */
+    caption?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Item: React.FC<ItemProps>;
+export { ItemProps, Item };

package/list/modern/Component-f5d4e940.js

@@ -0,0 +1,52 @@
+import React, { useContext, Children } from 'react';
+import cn from 'classnames';
+import { Typography } from '../../typography/modern';
+import { isItem } from './utils.js';
+
+const styles$1 = {"item":"list__item_1wfco","reversed":"list__reversed_1wfco","unorderedItem":"list__unorderedItem_1wfco","slot":"list__slot_1wfco","defaultColor":"list__defaultColor_1wfco","disc":"list__disc_1wfco","caption":"list__caption_1wfco"};
+require('./components/item/index.css');
+
+const Item = ({ caption, children }) => {
+    const { orderedList, markerType, colorMarker, reversed, index = 0, start = 0, } = useContext(ListContext);
+    const markerLowerAlpha = markerType === 'lower-alpha';
+    const itemClassNames = cn(styles$1.item, {
+        [styles$1.unorderedItem]: markerLowerAlpha,
+        [styles$1.reversed]: reversed,
+    });
+    const isDisc = markerType === '•';
+    const count = start === 0 ? index + 1 : start + index;
+    const marker = orderedList || markerType === 'decimal' ? `${count}.` : markerType;
+    return (React.createElement("li", { className: cn(itemClassNames) },
+        !markerLowerAlpha && (React.createElement(Typography.Text, { tag: 'div', color: colorMarker, monospaceNumbers: true, view: 'primary-medium', className: cn(styles$1.slot, {
+                [styles$1.disc]: isDisc && !orderedList,
+                [styles$1.defaultColor]: !colorMarker,
+            }) }, marker)),
+        React.createElement("div", null,
+            React.createElement(Typography.Text, { tag: 'div', view: 'primary-medium' }, children),
+            caption && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$1.caption }, caption)))));
+};
+Item.displayName = 'ListItem';
+
+const styles = {"list":"list__list_1hwc9","lowerAlpha":"list__lowerAlpha_1hwc9","decimal":"list__decimal_1hwc9","reversed":"list__reversed_1hwc9"};
+require('./index.css');
+
+const ListContext = React.createContext({});
+const ListComponent = ({ tag = 'ul', marker, className, dataTestId, colorMarker, children, reversed, start, ...restProps }) => {
+    const markerType = marker || (tag === 'ul' ? '—' : 'decimal');
+    const alphaMarker = markerType === 'lower-alpha';
+    const decimalMarker = markerType === 'decimal';
+    const Component = tag === 'ul' || alphaMarker ? 'ul' : 'ol';
+    const orderedList = Component === 'ol';
+    const listClassNames = cn(styles.list, {
+        [styles.lowerAlpha]: alphaMarker,
+        [styles.decimal]: decimalMarker,
+        [styles.reversed]: reversed,
+    }, className);
+    /* eslint-disable react/jsx-no-constructed-context-values */
+    return (React.createElement(Component, { className: listClassNames, "data-test-id": dataTestId, ...restProps }, Children.map(children, (child, index) => (React.createElement(ListContext.Provider, { value: { orderedList, markerType, colorMarker, reversed, index, start } }, isItem(child) ? child : React.createElement(Item, null, child))))));
+};
+const List = Object.assign(ListComponent, {
+    Item,
+});
+
+export { Item as I, ListContext as L, List as a };

package/list/modern/Component.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-type ListProps = {
-    /**
-     * HTML тег
-     * @default 'ul'
-     */
-    tag?: 'ul' | 'ol';
-    /**
-     * Маркер
-     * @default '—' for ul and 'decimal' for ol
-     */
-    marker?: 'lower-alpha' | 'decimal' | string | ReactNode;
-    /**
-     * Css-класс для стилизации
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-} & Omit<React.OlHTMLAttributes<HTMLOListElement>, 'type'>;
-declare const List: React.FC<ListProps>;
-export { ListProps, List };

package/list/modern/Component.js

@@ -1,27 +1,5 @@
-import React, { Children } from 'react';
-import cn from 'classnames';
-
-const styles = {"list":"list__list_1l2f8","orderedList":"list__orderedList_1l2f8","lowerAlpha":"list__lowerAlpha_1l2f8","decimal":"list__decimal_1l2f8","item":"list__item_1l2f8","unorderedItem":"list__unorderedItem_1l2f8","orderedItem":"list__orderedItem_1l2f8","slot":"list__slot_1l2f8"};
-require('./index.css');
-
-const List = ({ tag = 'ul', marker, className, dataTestId, children, ...restProps }) => {
-    const markerType = marker || (tag === 'ul' ? '—' : 'decimal');
-    const orderedMarker = markerType === 'decimal' || markerType === 'lower-alpha';
-    const Component = tag === 'ol' || orderedMarker ? 'ol' : 'ul';
-    const unorderedList = Component === 'ul';
-    const orderedList = Component === 'ol';
-    const listClassNames = cn(styles.list, {
-        [styles.lowerAlpha]: markerType === 'lower-alpha',
-        [styles.decimal]: markerType === 'decimal',
-        [styles.orderedList]: orderedList,
-    }, className);
-    const itemClassNames = cn(styles.item, {
-        [styles.unorderedItem]: unorderedList,
-        [styles.orderedItem]: orderedList,
-    });
-    return (React.createElement(Component, { className: listClassNames, "data-test-id": dataTestId, ...restProps }, Children.map(children, (child) => (React.createElement("li", { className: itemClassNames },
-        unorderedList && React.createElement("div", { className: styles.slot }, markerType),
-        child)))));
-};
-
-export { List };
+import 'react';
+import 'classnames';
+export { a as List, L as ListContext } from './Component-f5d4e940.js';
+import '../../typography/modern';
+import './utils.js';

package/list/modern/components/item/Component.js

@@ -0,0 +1,5 @@
+import 'react';
+import 'classnames';
+import '../../../../typography/modern';
+export { I as Item } from '../../Component-f5d4e940.js';
+import '../../utils.js';

package/list/modern/components/item/index.css

@@ -0,0 +1,49 @@
+/* hash: 128f6 */
+:root {
+} /* deprecated */ :root {
+    --color-light-text-primary: #0b1f35; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-3xs: 2px;
+    --gap-2xs: 4px;
+    --gap-s: 12px;
+} :root {
+} :root {
+} :root {
+    --list-marker-color: var(--color-light-text-primary);
+    --list-item-margin: var(--gap-s);
+} .list__item_1wfco {
+    margin-top: var(--list-item-margin);
+    display: flex
+} .list__item_1wfco:first-child {
+        margin-top: 0;
+    } .list__item_1wfco.list__reversed_1wfco:first-child {
+        margin-top: var(--list-item-margin);
+    } .list__item_1wfco.list__reversed_1wfco:last-child {
+        margin-top: 0;
+    } .list__item_1wfco.list__unorderedItem_1wfco {
+        display: list-item;
+    } .list__slot_1wfco {
+    min-width: 20px;
+    display: flex;
+    box-sizing: border-box;
+    justify-content: start;
+    padding-right: var(--gap-2xs);
+    flex-shrink: 0
+} .list__slot_1wfco.list__defaultColor_1wfco {
+        color: var(--list-marker-color);
+    } .list__slot_1wfco.list__disc_1wfco {
+        justify-content: center;
+        padding: 0 var(--gap-2xs);
+    } .list__caption_1wfco {
+    margin-top: var(--gap-3xs);
+}

package/list/modern/components/item/index.d.ts

@@ -0,0 +1 @@
+export * from "../../Component-f5d4e940";