@astral/ui 4.22.2 → 4.23.0

package/components/BulletList/BulletList.d.ts

@@ -1,6 +1,10 @@
 import { type PropsWithChildren } from 'react';
 export type BulletListProps = PropsWithChildren<{
     className?: string;
+    /**
+     * Флаг для скрытия точек у первых элементов списка каждой строки.
+     */
+    hideFirstBullet?: boolean;
 }>;
 /**
  * Список элементов с маркерами

package/components/BulletList/BulletList.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Wrapper } from './styles';
+import { useMemo } from 'react';
+import { classNames } from '../utils/classNames';
+import { bulletListClassnames } from './constants';
+import { List, Wrapper } from './styles';
 /**
  * Список элементов с маркерами
  */
 export const BulletList = (props) => {
-    const { children, ...restProps } = props;
-    return _jsx(Wrapper, { ...restProps, children: children });
+    const { children, hideFirstBullet, className } = props;
+    const classnames = useMemo(() => classNames(className, bulletListClassnames.root, {
+        [bulletListClassnames.hideFirstBullet]: hideFirstBullet,
+    }), [hideFirstBullet]);
+    return (_jsx(Wrapper, { children: _jsx(List, { className: classnames, children: children }) }));
 };

package/components/BulletList/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const bulletListClassnames: {
+    root: string;
+    hideFirstBullet: string;
+};

package/components/BulletList/constants.js

@@ -0,0 +1,5 @@
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+export const bulletListClassnames = {
+    root: createUIKitClassname('bullet-list'),
+    hideFirstBullet: createUIKitClassname('bullet-list_hide-first-bullets'),
+};

package/components/BulletList/styles.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
-export declare const Wrapper: import("../styled").StyledComponent<{
+export declare const List: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const Wrapper: import("../styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/BulletList/styles.js

@@ -1,5 +1,13 @@
 import { styled } from '../styled';
 import { listContainer } from '../styled/mixins';
-export const Wrapper = styled('ul') `
+import { bulletListClassnames } from './constants';
+export const List = styled.ul `
   ${listContainer};
+
+  &.${bulletListClassnames.hideFirstBullet} {
+    margin-left: -${({ theme }) => theme.spacing(5)};
+  }
+`;
+export const Wrapper = styled.div `
+  overflow: hidden;
 `;

package/node/components/BulletList/BulletList.d.ts

@@ -1,6 +1,10 @@
 import { type PropsWithChildren } from 'react';
 export type BulletListProps = PropsWithChildren<{
     className?: string;
+    /**
+     * Флаг для скрытия точек у первых элементов списка каждой строки.
+     */
+    hideFirstBullet?: boolean;
 }>;
 /**
  * Список элементов с маркерами

package/node/components/BulletList/BulletList.js

@@ -2,12 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BulletList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classNames_1 = require("../utils/classNames");
+const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 /**
  * Список элементов с маркерами
  */
 const BulletList = (props) => {
-    const { children, ...restProps } = props;
-    return (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ...restProps, children: children });
+    const { children, hideFirstBullet, className } = props;
+    const classnames = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(className, constants_1.bulletListClassnames.root, {
+        [constants_1.bulletListClassnames.hideFirstBullet]: hideFirstBullet,
+    }), [hideFirstBullet]);
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.List, { className: classnames, children: children }) }));
 };
 exports.BulletList = BulletList;

package/node/components/BulletList/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const bulletListClassnames: {
+    root: string;
+    hideFirstBullet: string;
+};

package/node/components/BulletList/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bulletListClassnames = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.bulletListClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('bullet-list'),
+    hideFirstBullet: (0, createUIKitClassname_1.createUIKitClassname)('bullet-list_hide-first-bullets'),
+};

package/node/components/BulletList/styles.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+export declare const List: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/BulletList/styles.js

@@ -1,8 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wrapper = void 0;
+exports.Wrapper = exports.List = void 0;
 const styled_1 = require("../styled");
 const mixins_1 = require("../styled/mixins");
-exports.Wrapper = (0, styled_1.styled)('ul') `
+const constants_1 = require("./constants");
+exports.List = styled_1.styled.ul `
   ${mixins_1.listContainer};
+
+  &.${constants_1.bulletListClassnames.hideFirstBullet} {
+    margin-left: -${({ theme }) => theme.spacing(5)};
+  }
+`;
+exports.Wrapper = styled_1.styled.div `
+  overflow: hidden;
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.22.2",
+  "version": "4.23.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {