@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.51

package/avatar/utils.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMonogram = void 0;
-/**
- * Формирует монограмму из переданной строки.
- * @param value Переданная строка.
- * @return Монограмма.
- */
-function getMonogram(value) {
-    if (typeof value === 'string') {
-        return value
-            .split(/\s+/g)
-            .slice(0, 2)
-            .map(s => s[0])
-            .reverse()
-            .join('')
-            .toUpperCase();
-    }
-    return '';
-}
-exports.getMonogram = getMonogram;

package/base-input/base-input.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { BaseInputProps } from './types';
-/**
- * Поле ввода текста.
- * Позволяет выводить "остаточный placeholder".
- * Может выводиться в однострочном и многострочном режимах.
- * В многострочном режиме автоматически подстраивает высоту под введенный текст.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId, ...props }: BaseInputProps): JSX.Element;

package/base-input/base-input.js

@@ -1,70 +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.BaseInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const fit_element_height_1 = require("../helpers/fit-element-height");
-const hooks_1 = require("../hooks");
-const utils_1 = require("./utils");
-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);
-/**
- * Поле ввода текста.
- * Позволяет выводить "остаточный placeholder".
- * Может выводиться в однострочном и многострочном режимах.
- * В многострочном режиме автоматически подстраивает высоту под введенный текст.
- * @param props Свойства.
- * @return Элемент.
- */
-function BaseInput(_a) {
-    var _b;
-    var { inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input' } = _a, props = __rest(_a, ["inputRef", "textareaRef", "style", "className", "restPlaceholder", 'data-testid']);
-    const textareaInnerRef = (0, react_1.useRef)(null);
-    const inputInnerRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(textareaRef, () => textareaInnerRef.current);
-    (0, react_1.useImperativeHandle)(inputRef, () => inputInnerRef.current);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        // ВАЖНО: после каждого render'а подгоняем высоту многострочного поля под содержимое
-        if (textareaInnerRef.current) {
-            (0, fit_element_height_1.fitElementHeight)({ target: textareaInnerRef.current });
-        }
-    });
-    let field;
-    if (props.multiline) {
-        field = ((0, jsx_runtime_1.jsx)("textarea", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: textareaInnerRef, rows: (_b = props.rows) !== null && _b !== void 0 ? _b : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
-            , className: cx('field', 'reset', 'multiline'), onInput: e => {
-                var _a;
-                (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
-                (0, fit_element_height_1.fitElementHeight)({ target: e.currentTarget });
-            } })));
-    }
-    else {
-        field = ((0, jsx_runtime_1.jsx)("input", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
-            , className: cx('field', 'reset') })));
-    }
-    let restPlaceholder = null;
-    // скрываем rest placeholder для неконтролируемых полей
-    if (typeof props.value !== 'undefined') {
-        restPlaceholder =
-            typeof restPlaceholderProp === 'string'
-                ? { shiftValue: String(props.value), value: restPlaceholderProp }
-                : Object.assign({ shiftValue: String(props.value), value: '' }, restPlaceholderProp);
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style, className: cx('reset', 'root', className), "data-testid": testId }, { children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ "aria-hidden": true, className: cx('rest-placeholder') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, { children: restPlaceholder.shiftValue })), (0, jsx_runtime_1.jsx)("span", Object.assign({ "data-testid": 'rest-placeholder', className: cx('main-part') }, { children: restPlaceholder.value }))] }))), field] })));
-}
-exports.BaseInput = BaseInput;

package/base-input/base-input.module.scss

@@ -1,66 +0,0 @@
-@use '../utils';
-
-.reset {
-  border: 0;
-  box-sizing: border-box;
-  font: inherit;
-  margin: 0;
-  outline: 0;
-  padding: 0;
-}
-
-.root {
-  position: relative;
-  background-color: transparent;
-  width: 0;
-  flex-grow: 1;
-  display: flex;
-  overflow: hidden;
-}
-
-.field {
-  width: 0;
-  flex-grow: 1;
-  display: block;
-  color: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  z-index: 1;
-  text-overflow: inherit;
-  background: inherit;
-  &::placeholder {
-    opacity: 1;
-    color: var(--placeholder-color);
-  }
-  &::-ms-clear {
-    // отключаем системный крестик в IE
-    display: none;
-    height: 0;
-    width: 0;
-  }
-  &.multiline {
-    resize: none;
-    @include utils.hidden-scrollbars;
-  }
-}
-
-.rest-placeholder {
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: inherit;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: hidden;
-  z-index: 0;
-  .shift-part {
-    color: transparent;
-  }
-  .main-part {
-    color: var(--placeholder-color);
-  }
-}

package/base-input/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseInput = void 0;
-var base_input_1 = require("./base-input");
-Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return base_input_1.BaseInput; } });

package/base-input/types.d.ts

@@ -1,31 +0,0 @@
-import { InputHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
-export interface RestPlaceholderDefinition {
-    /** Текст placeholder'а. */
-    value: string;
-    /** Значение, смещающее placeholder. По умолчанию используется значение в поле ввода. */
-    shiftValue?: string;
-}
-export interface BaseInputStyle extends React.CSSProperties {
-    '--placeholder-color'?: string;
-}
-export interface CommonProps {
-    /** Остаточный placeholder (выводится после введенного значения). */
-    restPlaceholder?: string | RestPlaceholderDefinition;
-    /** Стили корневого элемента. */
-    style?: BaseInputStyle;
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Ref элемента input. Будет заполнен только при multiline=false. */
-    inputRef?: Ref<HTMLInputElement | null>;
-    /** Ref элемента textarea. Будет заполнен только при multiline=true. */
-    textareaRef?: Ref<HTMLTextAreaElement | null>;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export type BaseInputAsInputProps = CommonProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof CommonProps> & {
-    multiline?: false;
-};
-export type BaseInputAsTextareaProps = CommonProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof CommonProps> & {
-    multiline: true;
-};
-export type BaseInputProps = BaseInputAsInputProps | BaseInputAsTextareaProps;

package/base-input/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/base-input/utils.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.omitMultiline = void 0;
-/**
- * Получив объект, вернет его копию но без свойства multiline.
- * @param source Объект.
- * @return Копия без свойства multiline.
- */
-function omitMultiline(source) {
-    const next = Object.assign({}, source);
-    delete next.multiline;
-    return next;
-}
-exports.omitMultiline = omitMultiline;

package/base-input-deprecated/base-input.module.scss

@@ -1,66 +0,0 @@
-@use '../utils';
-
-.reset {
-  border: 0;
-  box-sizing: border-box;
-  font: inherit;
-  margin: 0;
-  outline: 0;
-  padding: 0;
-}
-
-.root {
-  position: relative;
-  background-color: transparent;
-  width: 0;
-  flex-grow: 1;
-  display: flex;
-  overflow: hidden;
-}
-
-.field {
-  width: 0;
-  flex-grow: 1;
-  display: block;
-  color: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  z-index: 1;
-  text-overflow: inherit;
-  background: inherit;
-  &::placeholder {
-    opacity: 1;
-    color: var(--placeholder-color);
-  }
-  &::-ms-clear {
-    // отключаем системный крестик в IE
-    display: none;
-    height: 0;
-    width: 0;
-  }
-  &.multiline {
-    resize: none;
-    @include utils.hidden-scrollbars;
-  }
-}
-
-.fake-text {
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: inherit;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: hidden;
-  z-index: 0;
-  .invisible-value {
-    color: transparent;
-  }
-  .placeholder {
-    color: var(--placeholder-color);
-  }
-}

package/base-input-deprecated/index.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-interface RestPlaceholder {
-    value: string;
-    shiftValue?: string;
-}
-interface BaseInputStyle extends React.CSSProperties {
-    '--placeholder-color'?: string;
-}
-export interface CustomProps {
-    multiline?: boolean;
-    /** Остаточный placeholder (выводится после введенного значения). */
-    restPlaceholder?: string | RestPlaceholder;
-    /** Стили. */
-    style?: BaseInputStyle;
-}
-export type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement>;
-/**
- * Компонент поля ввода.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/base-input".
- * @param props Свойства. Поддерживаются свойства элемента input.
- * @return Элемент.
- */
-export declare const BaseInput: import("react").ForwardRefExoticComponent<CustomProps & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
-export {};

package/base-input-deprecated/index.js

@@ -1,54 +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.BaseInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = 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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) }, { children: [!multiline && Boolean(restPlaceholder.value) && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ "aria-hidden": true, className: cx('fake-text') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('invisible-value') }, { children: restPlaceholder.shiftValue })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('placeholder') }, { children: restPlaceholder.value }))] }))), (0, jsx_runtime_1.jsx)(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 @@
-/// <reference types="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,32 +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 jsx_runtime_1 = require("react/jsx-runtime");
-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 ((0, jsx_runtime_1.jsx)(layout_1.MobileLayout, Object.assign({ disabledOn: ['mxs', 'ms'] }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('inner', borderClass) }, { children: children })) })));
-};
-exports.BorderedLayout = BorderedLayout;

package/bottom-bar/bottom-bar.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { BottomBarProps, type BottomBarSize } from './types';
-export declare const BOTTOM_BAR_HEIGHT: Record<BottomBarSize, number>;
-export declare const BOTTOM_BAR_DEFAULTS: {
-    readonly size: "m";
-};
-/**
- * Боттом бар.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function BottomBar({ size, divided, children, className, 'data-testid': testId, ...rest }: BottomBarProps): JSX.Element;

package/bottom-bar/bottom-bar.js

@@ -1,46 +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.BottomBar = exports.BOTTOM_BAR_DEFAULTS = exports.BOTTOM_BAR_HEIGHT = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const shapes_1 = require("../styling/shapes");
-const utils_1 = require("../clean-buttons/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const bottom_bar_module_scss_1 = __importDefault(require("./bottom-bar.module.scss"));
-const cx = bind_1.default.bind(bottom_bar_module_scss_1.default);
-// некоторым компонентам нужно знать конкретную высоту, делаем единый источник
-exports.BOTTOM_BAR_HEIGHT = {
-    s: 64,
-    m: 72,
-    l: 80,
-};
-// некоторым компонентам нужно знать значения по умолчанию, делаем единый источник
-exports.BOTTOM_BAR_DEFAULTS = {
-    size: 'm',
-};
-/**
- * Боттом бар.
- * @param props Свойства.
- * @return Элемент.
- */
-function BottomBar(_a) {
-    var { size = exports.BOTTOM_BAR_DEFAULTS.size, divided, children, className, 'data-testid': testId = 'bottom-bar' } = _a, rest = __rest(_a, ["size", "divided", "children", "className", 'data-testid']);
-    const rooClassName = cx('root', size !== 'unset' && `size-${size}`, { divided }, shapes_1.MediumRounds.bottom, className);
-    return (
-    // чтобы CleanButton автоматически брали размер, соответствующий размеру BottomBar
-    (0, jsx_runtime_1.jsx)(utils_1.CleanGroupSizeContext.Provider, Object.assign({ value: size }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: rooClassName, "data-testid": testId }, { children: children })) })));
-}
-exports.BottomBar = BottomBar;

package/bottom-bar/bottom-bar.module.scss

@@ -1,35 +0,0 @@
-@use './bottom-bar-util';
-@import '../styling/borders.module';
-
-.root {
-  display: flex;
-  align-items: center;
-  position: relative;
-  background: #fff;
-  overflow: hidden;
-  height: var(--bottom-bar-height);
-
-  // чтобы разделитель был над контентом делаем через pseudo-элемент
-  &.divided::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    @extend .inner-border-top;
-  }
-}
-
-.size-s {
-  @include bottom-bar-util.size-s;
-}
-
-.size-m {
-  @include bottom-bar-util.size-m;
-}
-
-.size-l {
-  @include bottom-bar-util.size-l;
-}

package/bottom-bar/index.d.ts

@@ -1,2 +0,0 @@
-export type { BottomBarSize, BottomBarProps } from './types';
-export { BottomBar, BOTTOM_BAR_DEFAULTS, BOTTOM_BAR_HEIGHT } from './bottom-bar';

package/bottom-bar/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BOTTOM_BAR_HEIGHT = exports.BOTTOM_BAR_DEFAULTS = exports.BottomBar = void 0;
-var bottom_bar_1 = require("./bottom-bar");
-Object.defineProperty(exports, "BottomBar", { enumerable: true, get: function () { return bottom_bar_1.BottomBar; } });
-Object.defineProperty(exports, "BOTTOM_BAR_DEFAULTS", { enumerable: true, get: function () { return bottom_bar_1.BOTTOM_BAR_DEFAULTS; } });
-Object.defineProperty(exports, "BOTTOM_BAR_HEIGHT", { enumerable: true, get: function () { return bottom_bar_1.BOTTOM_BAR_HEIGHT; } });

package/bottom-bar/types.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export type BottomBarSize = 's' | 'm' | 'l';
-export interface BottomBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'> {
-    /** Размер (высота). */
-    size?: BottomBarSize | 'unset';
-    /** Нужна ли разделительная черта сверху. */
-    divided?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}

package/bottom-bar/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/box/index.d.ts

@@ -1,66 +0,0 @@
-/// <reference types="react" />
-import { Token } from '../colors';
-type CustomElement = {
-    className: string;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-} & React.RefAttributes<any>;
-export interface BoxProps {
-    /** Значение свойства "alignItems". */
-    alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    /** Содержимое блока. */
-    children?: React.ReactNode;
-    /** Название цвета из дизайн-системы. */
-    color?: Token;
-    /** Объект для указания inline-стилей. */
-    dangerouslySetInlineStyle?: {
-        __style: React.CSSProperties;
-    };
-    /** Значение css-свойства "direction". */
-    direction?: 'row' | 'column';
-    /** Значение css-свойства "display". */
-    display?: 'block' | 'none' | 'flex' | 'inline' | 'inline-block';
-    /** Элемент, который будет использован как блок. */
-    element?: string | React.ComponentType<CustomElement>;
-    /** Формирует значение css-свойства "flex". */
-    flex?: 'shrink' | 'grow' | 'none';
-    /** Значение свойства "justifyContent". */
-    justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around';
-    /** Внешние отступы. */
-    margin?: number;
-    /** Внешний отступ снизу. */
-    marginBottom?: number;
-    /** Внешний отступ слева. */
-    marginLeft?: number;
-    /** Внешний отступ справа. */
-    marginRight?: number;
-    /** Внешний отступ сверху. */
-    marginTop?: number;
-    /** Внешний отступ по вертикали. */
-    marginX?: number;
-    /** Внешний отступ по горизонтали. */
-    marginY?: number;
-    /** Внутренние отступы. */
-    padding?: number;
-    /** Внутренний отступ снизу. */
-    paddingBottom?: number;
-    /** Внутренний отступ слева. */
-    paddingLeft?: number;
-    /** Внутренний отступ справа. */
-    paddingRight?: number;
-    /** Внутренний отступ сверху. */
-    paddingTop?: number;
-    /** Внутренний отступ по вертикали. */
-    paddingX?: number;
-    /** Внутренний отступ по горизонтали. */
-    paddingY?: number;
-    /** Формирует значение css-свойства "flex-wrap". */
-    wrap?: boolean;
-}
-/**
- * Компонент блока, реализующего оформление в соответствии с дизайн-системой.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Box: ({ element: Container, children, display, flex, wrap, direction, alignItems, justifyContent, dangerouslySetInlineStyle, margin, marginTop, marginRight, marginBottom, marginLeft, marginX, marginY, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingX, paddingY, color, }: BoxProps) => JSX.Element;
-export {};