@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/base-input-deprecated/index.js

@@ -1,80 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseInput = void 0;
-const react_1 = __importStar(require("react"));
-const fit_element_height_1 = require("../helpers/fit-element-height");
-const bind_1 = __importDefault(require("classnames/bind"));
-const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
-const cx = bind_1.default.bind(base_input_module_scss_1.default);
-/**
- * Компонент поля ввода.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/base-input".
- * @param props Свойства. Поддерживаются свойства элемента input.
- * @return Элемент.
- */
-exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
-    var { className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value } = _a, props = __rest(_a, ["className", "disabled", "multiline", "onInput", "restPlaceholder", "rows", "style", "value"]);
-    const Element = multiline
-        ? 'textarea'
-        : 'input';
-    const inputRef = (0, react_1.useRef)();
-    (0, react_1.useImperativeHandle)(ref, () => inputRef.current);
-    // при каждом рендере подгоняем высоту поля под содержимое
-    (0, react_1.useEffect)(() => {
-        multiline &&
-            inputRef.current &&
-            (0, fit_element_height_1.fitElementHeight)({
-                target: inputRef.current,
-            });
-    });
-    const restPlaceholder = typeof restPlaceholderProp === 'string'
-        ? { shiftValue: value, value: restPlaceholderProp }
-        : Object.assign({ shiftValue: value }, restPlaceholderProp);
-    return (react_1.default.createElement("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) },
-        !multiline && Boolean(restPlaceholder.value) && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('fake-text') },
-            react_1.default.createElement("span", { className: cx('invisible-value') }, restPlaceholder.shiftValue),
-            react_1.default.createElement("span", { className: cx('placeholder') }, restPlaceholder.value))),
-        react_1.default.createElement(Element, Object.assign({ "data-testid": 'base-input:field' }, props, { rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled, 
-            // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
-            className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
-                multiline && (0, fit_element_height_1.fitElementHeight)(event);
-                onInput === null || onInput === void 0 ? void 0 : onInput(event);
-            } }))));
-});

package/bordered-layout/bordered-layout.module.scss

@@ -1,7 +0,0 @@
-@use '../breakpoints';
-
-.inner {
-  @include breakpoints.down('mm') {
-    padding: 0 var(--l-gutter);
-  }
-}

package/bordered-layout/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface BorderedLayoutProps {
-    /** Флаг добавления рамки сверху. */
-    top?: boolean;
-    /** Флаг добавления рамки снизу. */
-    bottom?: boolean;
-    /** Содержимое. */
-    children?: React.ReactNode;
-}
-/**
- * Выводит содержимое по мобильному layout'у с вертикальными полосками.
- * @deprecated Можно использовать комбинацию Layout, пример есть в Storybook.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare const BorderedLayout: ({ top, bottom, children }: BorderedLayoutProps) => JSX.Element;

package/bordered-layout/index.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderedLayout = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const layout_1 = require("../layout");
-const borders_1 = require("../styling/borders");
-const bordered_layout_module_scss_1 = __importDefault(require("./bordered-layout.module.scss"));
-const cx = bind_1.default.bind(bordered_layout_module_scss_1.default);
-/**
- * Выводит содержимое по мобильному layout'у с вертикальными полосками.
- * @deprecated Можно использовать комбинацию Layout, пример есть в Storybook.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-const BorderedLayout = ({ top, bottom, children }) => {
-    let borderClass;
-    if (top && bottom) {
-        borderClass = borders_1.InnerBorder.y;
-    }
-    else if (top) {
-        borderClass = borders_1.InnerBorder.top;
-    }
-    else if (bottom) {
-        borderClass = borders_1.InnerBorder.bottom;
-    }
-    return (react_1.default.createElement(layout_1.MobileLayout, { disabledOn: ['mxs', 'ms'] },
-        react_1.default.createElement("div", { className: cx('inner', borderClass) }, children)));
-};
-exports.BorderedLayout = BorderedLayout;

package/card/card.module.scss

@@ -1,8 +0,0 @@
-.root {
-  display: flex;
-  flex-direction: column;
-}
-
-.content {
-  flex-grow: 1;
-}

package/card/index.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { PlateProps } from '../plate';
-import { CardContent, CardFooter, CardHeader } from './slots';
-export type CardProps = PlateProps;
-export interface CardComponent {
-    (props: CardProps): JSX.Element;
-    Header: typeof CardHeader;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-}
-/**
- * Компонент карточки - это расширенный Plate с возможностью определять слоты: шапку, тело и футер.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Card: CardComponent;
-export { CardContent };

package/card/index.js

@@ -1,63 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardContent = exports.Card = void 0;
-const react_1 = __importDefault(require("react"));
-const plate_1 = require("../plate");
-const slots_1 = require("./slots");
-Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return slots_1.CardContent; } });
-const utils_1 = require("./utils");
-const define_slots_1 = require("../helpers/define-slots");
-const top_bar_1 = require("../top-bar");
-const bottom_bar_1 = require("../bottom-bar");
-const shapes_1 = require("../styling/shapes");
-const classnames_1 = __importDefault(require("classnames"));
-const card_module_scss_1 = __importDefault(require("./card.module.scss"));
-/**
- * Компонент карточки - это расширенный Plate с возможностью определять слоты: шапку, тело и футер.
- * @param props Свойства.
- * @return Элемент.
- */
-const Card = (_a) => {
-    var { children, className, rounds } = _a, restProps = __rest(_a, ["children", "className", "rounds"]);
-    const { header, content, footer, topBar, bottomBar } = (0, define_slots_1.defineSlots)(children, {
-        topBar: top_bar_1.TopBar,
-        content: slots_1.CardContent,
-        bottomBar: bottom_bar_1.BottomBar,
-        header: slots_1.CardHeader,
-        footer: slots_1.CardFooter,
-    });
-    return (react_1.default.createElement(utils_1.CardContext.Provider, { value: { rounds } },
-        react_1.default.createElement(plate_1.Plate, Object.assign({}, restProps, { rounds: rounds, className: (0, classnames_1.default)(card_module_scss_1.default.root, className) }),
-            !topBar && header,
-            topBar && (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBar.props, { className: (0, classnames_1.default)(topBar.props.className, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top) }))),
-            content,
-            bottomBar && react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, bottomBar.props)),
-            !bottomBar && footer)));
-};
-exports.Card = Card;
-/**
- * @deprecated Нужно использовать TopBar.
- */
-exports.Card.Header = slots_1.CardHeader;
-/**
- * @deprecated Нужно использовать `import { CardContent }`.
- */
-exports.Card.Content = slots_1.CardContent;
-/**
- * @deprecated Нужно использовать BottomBar.
- */
-exports.Card.Footer = slots_1.CardFooter;

package/card/slots.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import { PlateProps } from '../plate';
-export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    divided?: boolean;
-    rounds?: PlateProps['rounds'];
-}
-/**
- * Компонент слота "шапки" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать TopBar.
- * @return Элемент.
- */
-export declare function CardHeader({ children, divided }: CardHeaderProps): JSX.Element;
-export declare namespace CardHeader {
-    var displayName: string;
-}
-export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    scrollableRef?: React.Ref<HTMLDivElement>;
-}
-/**
- * Компонент слота основного контента карточки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function CardContent({ children, className, scrollableRef, ...restProps }: CardContentProps): JSX.Element;
-export declare namespace CardContent {
-    var displayName: string;
-}
-export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    divided?: boolean;
-}
-/**
- * Компонент слота "подвала" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать BottomBar.
- * @return Элемент.
- */
-export declare function CardFooter({ children, divided, className, ...restProps }: CardFooterProps): JSX.Element;
-export declare namespace CardFooter {
-    var displayName: string;
-}

package/card/slots.js

@@ -1,86 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardFooter = exports.CardContent = exports.CardHeader = void 0;
-const react_1 = __importStar(require("react"));
-const borders_1 = require("../styling/borders");
-const classnames_1 = __importDefault(require("classnames"));
-const card_module_scss_1 = __importDefault(require("./card.module.scss"));
-const top_bar_1 = require("../top-bar");
-const shapes_1 = require("../styling/shapes");
-const utils_1 = require("./utils");
-/**
- * Компонент слота "шапки" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать TopBar.
- * @return Элемент.
- */
-function CardHeader({ children, divided }) {
-    const { rounds } = (0, react_1.useContext)(utils_1.CardContext);
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(divided && borders_1.InnerBorder.bottom) }, (0, react_1.isValidElement)(children) && children.type === top_bar_1.TopBar
-        ? (0, react_1.cloneElement)(children, {
-            className: (0, classnames_1.default)(children.props.className, divided && borders_1.InnerBorder.bottom, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top),
-        })
-        : children));
-}
-exports.CardHeader = CardHeader;
-CardHeader.displayName = 'Card.Header';
-/**
- * Компонент слота основного контента карточки.
- * @param props Свойства.
- * @return Элемент.
- */
-function CardContent(_a) {
-    var { children, className, scrollableRef } = _a, restProps = __rest(_a, ["children", "className", "scrollableRef"]);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { ref: scrollableRef, className: (0, classnames_1.default)(card_module_scss_1.default.content, className) }), children));
-}
-exports.CardContent = CardContent;
-CardContent.displayName = 'Card.Content';
-/**
- * Компонент слота "подвала" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать BottomBar.
- * @return Элемент.
- */
-function CardFooter(_a) {
-    var { children, divided, className } = _a, restProps = __rest(_a, ["children", "divided", "className"]);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: (0, classnames_1.default)(className, divided && borders_1.InnerBorder.top) }), children));
-}
-exports.CardFooter = CardFooter;
-CardFooter.displayName = 'Card.Footer';

package/card/utils.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { PlateProps } from '../plate';
-export declare const CardContext: import("react").Context<Partial<PlateProps>>;

package/card/utils.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardContext = void 0;
-const react_1 = require("react");
-exports.CardContext = (0, react_1.createContext)({});

package/checkbox-field/checkbox-field.module.scss

@@ -1,56 +0,0 @@
-@use '../colors';
-
-.root {
-  position: relative;
-  display: inline-flex;
-  .field-row {
-    display: flex;
-    align-items: flex-start;
-  }
-  .label {
-    display: block;
-    cursor: pointer;
-    color: colors.$basic-gray87;
-    font-size: 16px;
-    line-height: 24px;
-  }
-  .info {
-    display: block;
-    cursor: pointer;
-    color: colors.$basic-gray38;
-    font-size: 14px;
-    line-height: 20px;
-  }
-  &.field-checkbox {
-    .field-row {
-      padding-top: 4px;
-      margin-right: 8px;
-    }
-  }
-  &.field-toggle {
-    .field-row {
-      margin-right: 12px;
-    }
-    .label {
-      font-weight: 600;
-    }
-  }
-  &.field-checkbox.small-text {
-    .label {
-      padding-top: 2px;
-      font-size: 14px;
-      line-height: 20px;
-    }
-  }
-  &.failed:not(.disabled) {
-    .label {
-      color: colors.$additional-deep-red;
-    }
-  }
-  &.disabled {
-    .label,
-    .info {
-      color: colors.$basic-gray24;
-    }
-  }
-}

package/checkbox-field/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface CheckboxFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /** Содержимое ярлыка. */
-    label: string;
-    /** Содержимое описания. */
-    info?: string;
-    /** Нужно ли показывать наличие ошибки. */
-    failed?: boolean;
-    /** Нужно ли выводить текст для "checkbox" мелким. */
-    smallText?: boolean;
-    /** Отображаемое поле. */
-    fieldView?: 'checkbox' | 'toggle';
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * @deprecated Теперь можно использовать SwitcherRow.
- */
-export declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLInputElement | null>>;

package/checkbox-field/index.js

@@ -1,62 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = void 0;
-const react_1 = __importStar(require("react"));
-const checkbox_1 = require("../checkbox");
-const toggle_1 = require("../toggle");
-const bind_1 = __importDefault(require("classnames/bind"));
-const checkbox_field_module_scss_1 = __importDefault(require("./checkbox-field.module.scss"));
-const cx = bind_1.default.bind(checkbox_field_module_scss_1.default);
-/**
- * @deprecated Теперь можно использовать SwitcherRow.
- */
-exports.CheckboxField = (0, react_1.forwardRef)(function CheckboxField(_a, ref) {
-    var { smallText, fieldView = 'checkbox', label, info, failed, 'data-testid': testId = 'checkbox-field', style, className, 
-    // input props
-    id, disabled } = _a, restProps = __rest(_a, ["smallText", "fieldView", "label", "info", "failed", 'data-testid', "style", "className", "id", "disabled"]);
-    const inputProps = Object.assign({ id, disabled }, restProps);
-    return (react_1.default.createElement("div", { className: cx('root', `field-${fieldView}`, { failed, disabled, 'small-text': smallText }, className), style: style, "data-testid": testId },
-        react_1.default.createElement("div", { className: cx('field-row') },
-            fieldView === 'checkbox' && react_1.default.createElement(checkbox_1.Checkbox, Object.assign({}, inputProps, { ref: ref })),
-            fieldView === 'toggle' && react_1.default.createElement(toggle_1.Toggle, Object.assign({}, inputProps, { ref: ref }))),
-        react_1.default.createElement("label", { htmlFor: id },
-            react_1.default.createElement("span", { className: cx('label'), "data-testid": 'checkbox-field:label' }, label),
-            info && react_1.default.createElement("span", { className: cx('info') }, info))));
-});

package/chips/chips.module.scss

@@ -1,75 +0,0 @@
-@use '../colors';
-
-.list {
-  display: flex;
-  flex-wrap: wrap;
-  --chips-gutter: 8px;
-  margin-right: calc(-1 * var(--chips-gutter));
-  margin-bottom: calc(-1 * var(--chips-gutter));
-}
-
-.item {
-  flex-grow: 0;
-  flex-shrink: 0;
-  max-width: 100%;
-  display: flex;
-  align-items: center;
-  height: 32px;
-
-  // по умолчанию 0 чтобы вне Chips отступов не было
-  margin-right: var(--chips-gutter, 0);
-  margin-bottom: var(--chips-gutter, 0);
-  overflow: hidden;
-  outline: 0;
-  border: 0;
-  padding: 0 12px;
-  background: colors.$basic-gray8;
-  color: colors.$basic-gray87;
-  border-radius: 4px;
-  box-sizing: border-box;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16px;
-  text-decoration: none;
-
-  // переопределяем стили монолита
-  &,
-  &:link,
-  &:visited {
-    background: colors.$basic-gray8;
-    color: colors.$basic-gray87;
-  }
-
-  // эффект при наведении определяем **после** переопределения стилей монолита
-  &:hover {
-    cursor: pointer;
-  }
-  &:hover,
-  &:active {
-    background: colors.$basic-gray12;
-    color: colors.$basic-gray87;
-  }
-  &.checked {
-    background: colors.$basic-gray76;
-    color: colors.$basic-white;
-    &:hover,
-    &:active {
-      background: colors.$basic-gray66;
-      color: colors.$basic-white;
-    }
-  }
-}
-
-.text {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.cross-svg {
-  display: block;
-  fill: currentColor;
-  margin-left: 8px;
-  flex-shrink: 0;
-}

package/chips/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Элементы списка. */
-    children: React.ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Список "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Chips: {
-    ({ children, className, "data-testid": testId, ...restProps }: ChipsProps): JSX.Element;
-    Item: ({ href, children, withCross, target, onClick, checked, }: import("./item").ChipsItemProps) => JSX.Element;
-};

package/chips/index.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chips = void 0;
-const react_1 = __importStar(require("react"));
-const item_1 = require("./item");
-const bind_1 = __importDefault(require("classnames/bind"));
-const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
-const cx = bind_1.default.bind(chips_module_scss_1.default);
-/**
- * Список "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-const Chips = (_a) => {
-    var { children, className, 'data-testid': testId = 'chips' } = _a, restProps = __rest(_a, ["children", "className", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({}, restProps, { className: cx('list', className), "data-testid": testId }), react_1.Children.toArray(children).filter(c => (0, react_1.isValidElement)(c) && c.type === item_1.ChipsItem)));
-};
-exports.Chips = Chips;
-exports.Chips.Item = item_1.ChipsItem;