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

package/super-ellipse-clip-path/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperEllipseClipPath = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
- * @param props Свойства.
- * @return Элемент.
- */
-const SuperEllipseClipPath = ({ id }) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: 0, height: 0, style: { position: 'absolute' } }, { children: (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: id, clipPathUnits: 'objectBoundingBox' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' }) })) }) })));
-exports.SuperEllipseClipPath = SuperEllipseClipPath;

package/switcher-row/index.d.ts

@@ -1,42 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface SwitcherRowProps {
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Направление текста. */
-    textAlign?: 'left' | 'right';
-    /** Стили корневого элемента. */
-    style?: CSSProperties;
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Позиция поля. */
-    fieldPosition?: 'start' | 'end';
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SwitcherRow({ children, className, style, textAlign, fieldPosition, 'data-testid': testId, }: SwitcherRowProps): JSX.Element;
-export declare namespace SwitcherRow {
-    var Label: typeof SwitcherRowLabel;
-    var Comment: typeof SwitcherRowComment;
-}
-/**
- * Слот ярлыка.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function SwitcherRowLabel({ children }: {
-    children?: ReactNode;
-}): JSX.Element;
-/**
- * Слот комментария.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function SwitcherRowComment({ children }: {
-    children?: ReactNode;
-}): JSX.Element;
-export {};

package/switcher-row/index.js

@@ -1,55 +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.SwitcherRow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const checkbox_1 = require("../checkbox");
-const define_slots_1 = require("../helpers/define-slots");
-const radio_button_1 = require("../radio-button");
-const toggle_1 = require("../toggle");
-const bind_1 = __importDefault(require("classnames/bind"));
-const switcher_row_module_scss_1 = __importDefault(require("./switcher-row.module.scss"));
-const cx = bind_1.default.bind(switcher_row_module_scss_1.default);
-/**
- * Блок вывода полей-переключателей (Checkbox, Toggle, RadioButton).
- * @param props Свойства.
- * @return Элемент.
- */
-function SwitcherRow({ children, className, style, textAlign = 'left', fieldPosition = 'start', 'data-testid': testId = 'switcher-row', }) {
-    var _a;
-    const { toggle, checkbox, radio, label, comment } = (0, define_slots_1.defineSlots)(children, {
-        toggle: toggle_1.Toggle,
-        checkbox: checkbox_1.Checkbox,
-        radio: radio_button_1.RadioButton,
-        label: SwitcherRowLabel,
-        comment: SwitcherRowComment,
-    });
-    const input = (_a = toggle !== null && toggle !== void 0 ? toggle : checkbox) !== null && _a !== void 0 ? _a : radio;
-    const failed = input === null || input === void 0 ? void 0 : input.props.failed;
-    const disabled = input === null || input === void 0 ? void 0 : input.props.disabled;
-    const fieldId = input === null || input === void 0 ? void 0 : input.props.id;
-    // @todo в Safari position: relative ломает vertical-align
-    const fieldColumn = input && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('col', 'field-col', { 'toggle-col': toggle }) }, { children: input })));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('root', `text-align-${textAlign}`, { failed, disabled }, className), style: style, "data-testid": testId }, { children: [fieldPosition === 'start' && fieldColumn, (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: cx('col', 'main-col'), htmlFor: fieldId }, { children: [label && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('label', { 'for-toggle': toggle }), "data-testid": 'switcher-row:label' }, { children: label }))), comment && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('comment'), "data-testid": 'switcher-row:comment' }, { children: comment })))] })), fieldPosition === 'end' && fieldColumn] })));
-}
-exports.SwitcherRow = SwitcherRow;
-/**
- * Слот ярлыка.
- * @param props Свойства.
- * @return Элемент.
- */
-function SwitcherRowLabel({ children }) {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-}
-/**
- * Слот комментария.
- * @param props Свойства.
- * @return Элемент.
- */
-function SwitcherRowComment({ children }) {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-}
-SwitcherRow.Label = SwitcherRowLabel;
-SwitcherRow.Comment = SwitcherRowComment;

package/tabs/index.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export interface TabsProps {
-    /** Визуальный вариант вкладок. */
-    view?: 'clean' | 'clean-underline' | 'round';
-    /** Необходимо ли растягивать вкладки под размер контейнера. */
-    stretch?: boolean;
-    /** Размер отступа между вкладками. */
-    gapSize?: 's' | 'm';
-    /** Внешние классы. */
-    className?: string;
-    /** Вкладки. */
-    children?: React.ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export interface TabsItemProps {
-    /** Название вкладки. */
-    name: string;
-    /** Выбрана ли вкладка. */
-    selected?: boolean;
-    /** Отключена ли вкладка. */
-    disabled?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-    /** Обработчик клика. */
-    onClick?: React.MouseEventHandler<HTMLLIElement>;
-}
-/**
- * Компонент строки вкладок.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Tabs: {
-    ({ children, view, stretch, gapSize, className, "data-testid": testId, }: TabsProps): JSX.Element;
-    Item: ({ name, selected, disabled, "data-testid": testId, onClick, }: TabsItemProps) => JSX.Element;
-};

package/tabs/index.js

@@ -1,25 +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.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const bind_1 = __importDefault(require("classnames/bind"));
-const tabs_module_scss_1 = __importDefault(require("./tabs.module.scss"));
-const cx = bind_1.default.bind(tabs_module_scss_1.default);
-/**
- * Вкладка.
- * @param props Свойства.
- * @return Элемент.
- */
-const Tab = ({ name, selected, disabled, 'data-testid': testId = 'tab', onClick, }) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: cx('item', { selected, disabled }), "data-testid": testId, onClick: disabled ? undefined : onClick }, { children: String(name) })));
-/**
- * Компонент строки вкладок.
- * @param props Свойства.
- * @return Элемент.
- */
-const Tabs = ({ children, view = 'clean', stretch = false, gapSize = 'm', className, 'data-testid': testId = 'tabs', }) => ((0, jsx_runtime_1.jsx)("ul", Object.assign({ "data-testid": testId, className: cx('root', `view-${view}`, `gap-${gapSize}`, { stretch }, className) }, { children: react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Tab) })));
-exports.Tabs = Tabs;
-exports.Tabs.Item = Tab;

package/tabs/tabs.module.scss

@@ -1,99 +0,0 @@
-@use '../colors';
-
-.root {
-  list-style-type: none;
-  user-select: none;
-  display: flex;
-  margin: 0;
-  padding: 0;
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 24px;
-  li {
-    display: block;
-    margin: 0;
-    &::before {
-      content: none;
-    }
-  }
-  &.stretch {
-    justify-items: stretch;
-    .item {
-      width: 100%;
-    }
-  }
-  &.view-clean,
-  &.view-clean-underline {
-    height: 32px;
-    .item {
-      color: colors.$basic-gray38;
-      &.selected {
-        position: relative;
-        color: colors.$basic-gray87;
-        &::before {
-          content: '';
-          position: absolute;
-          height: 2px;
-          margin: 0 -1px;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          background-color: colors.$basic-blue;
-          border-top-left-radius: 4px;
-          border-top-right-radius: 4px;
-        }
-      }
-      &.disabled {
-        color: colors.$basic-gray12;
-      }
-      &:not(.selected):not(.disabled):hover {
-        cursor: pointer;
-        color: colors.$basic-gray54;
-      }
-    }
-  }
-  &.view-clean-underline {
-    height: 40px;
-    position: relative;
-    &::before {
-      position: absolute;
-      bottom: 0;
-      content: '';
-      height: 1px;
-      width: 100%;
-      background-color: colors.$basic-gray12;
-    }
-  }
-  &.view-round {
-    height: 40px;
-    .item {
-      color: colors.$basic-gray87;
-      padding: 8px 16px;
-      border-radius: 4px;
-      background-color: colors.$basic-gray4;
-      &.selected {
-        background-color: colors.$basic-blue;
-        color: colors.$basic-white;
-      }
-      &.disabled {
-        color: colors.$basic-gray24;
-      }
-      &:not(.selected):not(.disabled):hover {
-        cursor: pointer;
-        background-color: colors.$basic-gray8;
-      }
-    }
-  }
-  &.gap-m {
-    --tabs-gap: 24px;
-  }
-  &.gap-s {
-    --tabs-gap: 16px;
-  }
-  .item {
-    text-align: center;
-    &:not(:last-child) {
-      margin-right: var(--tabs-gap);
-    }
-  }
-}

package/text/index.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { Size, LineHeight, Weight } from '../styling/fonts';
-import { Token } from '../colors';
-type Align = 'left' | 'center' | 'right' | 'justify';
-export interface TextProps {
-    /** Направление. */
-    align?: Align;
-    /** Содержимое. */
-    children?: React.ReactNode;
-    /** Ключ цвета из дизайн системы. */
-    color?: Token;
-    /** Элемент, который будет использован как обертка. */
-    element?: string | React.ComponentType<{
-        className: string;
-        style: React.CSSProperties;
-        children?: React.ReactNode;
-    } & React.RefAttributes<any>>;
-    /** Межстрочный интервал. */
-    lineHeight?: LineHeight;
-    /** Нужно ли добавить стиль "white-space: nowrap". */
-    nowrap?: boolean;
-    /** Размер. */
-    size?: Size;
-    /** Нужно ли обрезать текст многоточием в одну строку. */
-    truncate?: boolean | number;
-    /** Начертание. */
-    weight?: Weight;
-}
-export declare const defaultHeights: Readonly<Record<Size, LineHeight>>;
-export declare const ALIGNS: Set<Align>;
-/**
- * Компонент для стилизации текста.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Text: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<any>>>;
-export {};

package/text/index.js

@@ -1,48 +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.Text = exports.ALIGNS = exports.defaultHeights = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const bind_1 = __importDefault(require("classnames/bind"));
-const text_module_scss_1 = __importDefault(require("./text.module.scss"));
-const colors_1 = require("../styling/colors");
-const fonts_1 = require("../styling/fonts");
-const cx = bind_1.default.bind(text_module_scss_1.default);
-exports.defaultHeights = {
-    12: 16,
-    14: 20,
-    16: 24,
-    20: 28,
-    24: 32,
-    32: 40,
-    48: 60,
-    64: 80,
-};
-exports.ALIGNS = new Set(['left', 'center', 'right', 'justify']);
-/**
- * Компонент для стилизации текста.
- * @param props Свойства.
- * @return Элемент.
- */
-exports.Text = (0, react_1.memo)((0, react_1.forwardRef)(function Text({ children, element: Container = 'span', size, 
-// по гайдам дизайн-системы устанавливаем высоту по умолчанию
-lineHeight = size ? exports.defaultHeights[size] : undefined, 
-// не устанавливаем значения по умолчанию, чтобы компонент вел себя предсказуемо
-align, color, nowrap, truncate, weight, }, ref) {
-    const needLineClamp = typeof truncate === 'number' && truncate > 0;
-    return ((0, jsx_runtime_1.jsx)(Container, { ref: ref, className: cx([
-            // styling
-            size && (0, fonts_1.size)(size),
-            lineHeight && (0, fonts_1.lineHeight)(lineHeight),
-            color && (0, colors_1.color)(color),
-            weight && (0, fonts_1.weight)(weight),
-            // text
-            align && exports.ALIGNS.has(align) && `align-${align}`,
-            nowrap && 'nowrap',
-            truncate === true && 'truncate',
-            needLineClamp && 'line-clamp',
-        ]), style: needLineClamp ? { WebkitLineClamp: truncate } : {}, children: children }));
-}));

package/text-button/index.d.ts

@@ -1,42 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, ReactElement, Ref, SVGAttributes } from 'react';
-import { LinkColor } from '../link';
-export type TextButtonSize = 's' | 'm';
-export type TextButtonColor = LinkColor;
-interface CommonProps {
-    /** Размер. */
-    size?: TextButtonSize;
-    /** Цвет. */
-    color?: TextButtonColor;
-    /** Иконка перед текстом. */
-    startIcon?: ComponentType<SVGAttributes<SVGSVGElement>>;
-    /** Иконка после текста. */
-    endIcon?: ComponentType<SVGAttributes<SVGSVGElement>>;
-    /** Ref для элемента button. Будет заполнен только при appearance: 'button'. */
-    buttonRef?: Ref<HTMLButtonElement>;
-    /** Ref для элемента a. Будет заполнен только при appearance: 'link'. */
-    anchorRef?: Ref<HTMLAnchorElement>;
-    /** Нужно ли выводить подчеркивание. */
-    underline?: boolean;
-    /** Отключенное состояние. */
-    disabled?: boolean;
-    /** Отступ от иконок. */
-    iconGutter?: 4 | 8;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export type TextButtonAsButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
-    /** Какой элемент выводить в качестве текстовой кнопки. */
-    as?: 'button';
-};
-export type TextButtonAsAnchorProps = CommonProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
-    /** Какой элемент выводить в качестве текстовой кнопки. */
-    as: 'anchor';
-};
-export type TextButtonProps = TextButtonAsButtonProps | TextButtonAsAnchorProps;
-/**
- * Текстовая кнопка.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function TextButton({ size, color, children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter, 'data-testid': testId, ...restProps }: TextButtonProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export {};

package/text-button/index.js

@@ -1,43 +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.TextButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const text_button_module_scss_1 = __importDefault(require("./text-button.module.scss"));
-const cx = bind_1.default.bind(text_button_module_scss_1.default);
-/**
- * Текстовая кнопка.
- * @param props Свойства.
- * @return Элемент.
- */
-function TextButton(_a) {
-    var { size = 'm', color = 'basic-blue', children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter = 8, 'data-testid': testId = 'text-button' } = _a, restProps = __rest(_a, ["size", "color", "children", "className", "startIcon", "endIcon", "buttonRef", "anchorRef", "underline", "disabled", "iconGutter", 'data-testid']);
-    const rooClassName = cx('root', `color-${color}`, `size-${size}`, `icon-gutter-${iconGutter}`, underline && 'underline', disabled && 'disabled', className);
-    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [StartIcon && (0, jsx_runtime_1.jsx)(StartIcon, { className: cx('icon-start') }), children, EndIcon && (0, jsx_runtime_1.jsx)(EndIcon, { className: cx('icon-end') })] }));
-    let result;
-    switch (restProps.as) {
-        case 'anchor':
-            result = ((0, jsx_runtime_1.jsx)("a", Object.assign({}, restProps, { ref: anchorRef, className: rooClassName, "data-testid": testId }, { children: content })));
-            break;
-        case 'button':
-        default:
-            result = ((0, jsx_runtime_1.jsx)("button", Object.assign({}, restProps, { ref: buttonRef, className: rooClassName, disabled: disabled, "data-testid": testId }, { children: content })));
-            break;
-    }
-    return result;
-}
-exports.TextButton = TextButton;

package/text-button/text-button.module.scss

@@ -1,96 +0,0 @@
-@use '../colors';
-@use '../utils';
-@use '../link/link-util';
-
-.root {
-  @include utils.reset-button;
-  @include utils.focus-visible;
-  display: inline-flex;
-  align-items: center;
-  font-weight: 600;
-  white-space: nowrap;
-  background: transparent;
-  padding: 0;
-  border: 0;
-  // ВАЖНО: не надо указывать здесь сброс margin так как его сложно перебить при сборке стилей
-}
-
-.root,
-.root:link,
-.root:visited,
-.root:hover,
-.root:active {
-  cursor: default;
-  text-decoration: none;
-  border-bottom-color: transparent;
-  &.underline {
-    box-shadow: inset 0 -1px 0 0 currentColor;
-  }
-}
-
-.root:hover {
-  cursor: pointer;
-}
-
-.size-s {
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.size-m {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.icon-gutter-4 {
-  --text-button-icon-gutter: 4px;
-}
-
-.icon-gutter-8 {
-  --text-button-icon-gutter: 8px;
-}
-
-// ниже двойные классы для высокой специфичности в монолите
-.root.disabled {
-  color: colors.$basic-gray24;
-  pointer-events: none;
-}
-
-.root:not(.disabled).color-basic-blue {
-  @include link-util.color('basic-blue');
-}
-
-.root:not(.disabled).color-basic-gray87 {
-  @include link-util.color('basic-gray87');
-}
-
-.root:not(.disabled).color-basic-gray38 {
-  @include link-util.color('basic-gray38');
-}
-
-.root:not(.disabled).color-basic-white {
-  @include link-util.color('basic-white');
-}
-
-.root:not(.disabled).color-additional-red {
-  @include link-util.color('additional-red');
-}
-
-.root:not(.disabled).color-additional-teal {
-  @include link-util.color('additional-teal');
-}
-
-// иконки
-.icon-start,
-.icon-end {
-  flex-shrink: 0;
-  fill: currentColor;
-}
-
-.icon-start {
-  margin-right: var(--text-button-icon-gutter);
-}
-
-.icon-end {
-  margin-left: var(--text-button-icon-gutter);
-}

package/text-field/index.d.ts

@@ -1,69 +0,0 @@
-/// <reference types="react" />
-import { BaseInputProps } from '../base-input-deprecated';
-import { SmallRounds } from '../styling/shapes';
-type Variant = 'desktop' | 'mobile';
-export type DesktopSize = 'xs' | 's' | 'l';
-type Classes = {
-    root?: string;
-    baseInput?: string;
-    blockFocused?: string;
-};
-type IgnoredInputProps = 'size' | 'onClick' | 'onInput' | 'onChange' | 'onKeyDown' | 'onKeyUp' | 'onSelect';
-export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, IgnoredInputProps> {
-    /** Ярлык. */
-    label?: string;
-    /** Свойства BaseInput. */
-    baseInputProps?: BaseInputProps;
-    /** Подпись снизу. */
-    caption?: React.ReactNode;
-    /** CSS-классы. */
-    classes?: Classes;
-    /** Дополнительная верстка после текста. */
-    endAdornment?: React.ReactNode;
-    /** Показывать ли поле как ошибочное. */
-    failed?: boolean;
-    /** Показывать ли поле как сфокусированное (влияет только на оформление). */
-    focused?: boolean;
-    /** Нужно ли выводить textarea вместо input. */
-    multiline?: boolean;
-    /** Сработает при изменении значения. */
-    onChange?: BaseInputProps['onChange'];
-    /** Сработает при клике. */
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    /** Сработает при событии "input". */
-    onInput?: BaseInputProps['onInput'];
-    /** Сработает при событии "keydown". */
-    onKeyDown?: BaseInputProps['onKeyDown'];
-    /** Сработает при событии "keyup". */
-    onKeyUp?: BaseInputProps['onKeyUp'];
-    /** Placeholder, который выводится после введенного значения. */
-    restPlaceholder?: BaseInputProps['restPlaceholder'];
-    /** Задает скругления. */
-    rounds?: 'none' | keyof typeof SmallRounds;
-    /** Размеры поля для variant = "desktop". */
-    size?: DesktopSize;
-    /** Дополнительная верстка до текста. */
-    startAdornment?: React.ReactNode;
-    /** Вариант отображения. */
-    variant?: Variant;
-    /** Свойства элемента-блока. */
-    blockProps?: Omit<React.HTMLProps<HTMLDivElement>, 'onClick'>;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export declare const HEIGHTS: {
-    readonly xs: 32;
-    readonly s: 40;
-    readonly l: 56;
-};
-export declare const DEFAULTS: {
-    readonly size: "xs" | "s" | "l";
-};
-/**
- * Компонент текстового поля.
- * @deprecated На адаптивных страницах следует использовать Input или Textarea.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
-export {};