@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/select/parts/block.js

@@ -1,70 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectFieldBlock = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("../utils");
-const field_block_1 = require("../../field-block");
-const colors_1 = require("../../colors");
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const block_module_scss_1 = __importDefault(require("./block.module.scss"));
-const classnames_1 = __importDefault(require("classnames"));
-/**
- * Компонент открывашки в виде поля.
- * @param props Свойства.
- * @return Элемент.
- */
-function SelectFieldBlock(props) {
-    var _a;
-    const binding = (0, react_1.useContext)(utils_1.SelectContext);
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    const ArrowSVG = binding.opened ? up_1.default : down_1.default;
-    // @todo прокидывать ref в props.blockRef при необходимости
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(binding.anchorRef, () => ref.current);
-    (0, react_1.useImperativeHandle)(binding.openerRef, () => ref.current);
-    return (react_1.default.createElement(field_block_1.FieldBlock, Object.assign({ label: binding.label, adornmentEnd: react_1.default.createElement(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }) }, props, { failed: binding.failed, disabled: binding.disabled, fixedHeight: true, blockRef: ref, blockProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.blockProps), { onFocus: event => {
-                var _a, _b;
-                setFocused(true);
-                (_b = (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            }, onBlur: event => {
-                var _a, _b;
-                setFocused(false);
-                (_b = (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            }, onKeyDown: event => {
-                var _a, _b, _c;
-                (_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-                (_c = (_b = props.blockProps) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);
-            }, onMouseDown: event => {
-                var _a, _b, _c;
-                (_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-                (_c = (_b = props.blockProps) === null || _b === void 0 ? void 0 : _b.onMouseDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);
-            }, role: 'combobox', tabIndex: binding.disabled ? undefined : 0, className: (0, classnames_1.default)(block_module_scss_1.default.block, (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.className) }), focused: focused || binding.opened, labelAsPlaceholder: !binding.value, main: binding.value, mainProps: { className: block_module_scss_1.default.main } })));
-}
-exports.SelectFieldBlock = SelectFieldBlock;

package/select/parts/button.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { TextButtonAsButtonProps } from '../../text-button';
-/**
- * Компонент открывашки в виде текстовой кнопки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }: TextButtonAsButtonProps): JSX.Element;

package/select/parts/button.js

@@ -1,69 +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.SelectTextButton = void 0;
-const react_1 = __importStar(require("react"));
-const text_button_1 = require("../../text-button");
-const utils_1 = require("../utils");
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-/**
- * Компонент открывашки в виде текстовой кнопки.
- * @param props Свойства.
- * @return Элемент.
- */
-function SelectTextButton(_a) {
-    var { buttonRef: buttonRefProp, children, onKeyDown, onMouseDown } = _a, props = __rest(_a, ["buttonRef", "children", "onKeyDown", "onMouseDown"]);
-    const buttonRef = (0, react_1.useRef)(null);
-    const binding = (0, react_1.useContext)(utils_1.SelectContext);
-    const ArrowSVG = binding.opened ? up_1.default : down_1.default;
-    (0, react_1.useImperativeHandle)(buttonRefProp, () => buttonRef.current);
-    (0, react_1.useImperativeHandle)(binding.anchorRef, () => buttonRef.current);
-    (0, react_1.useImperativeHandle)(binding.openerRef, () => buttonRef.current);
-    return (react_1.default.createElement(text_button_1.TextButton, Object.assign({ iconGutter: 4, endIcon: ArrowSVG }, props, { as: 'button', onMouseDown: event => {
-            var _a;
-            (_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-        }, onKeyDown: event => {
-            var _a;
-            (_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        }, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox' }), children !== null && children !== void 0 ? children : (binding.value || binding.label)));
-}
-exports.SelectTextButton = SelectTextButton;

package/select/parts/menu.module.scss

@@ -1,4 +0,0 @@
-.menu {
-  // @todo LayerProvider
-  z-index: 2;
-}

package/select-deprecated/index.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../text-field';
-type Size = 's' | 'm' | 'l' | 'xl';
-export interface SelectProps extends Omit<TextFieldProps, 'style' | 'endAdornment'> {
-    /** Нужно ли выводить состояние загрузки списка. */
-    loading?: boolean;
-    /** Сработает при открытии/закрытии меню. */
-    onMenuToggle?: (opened: boolean) => void;
-    /** Сработает при выборе. */
-    onSelect?: (option: any) => void;
-    /** Список опций. */
-    options: any[];
-    /** Размер для DropdownItem. */
-    optionSize?: Size;
-    /** Вернет содержимое опции. */
-    renderOption?: (option: any) => React.ReactNode;
-    /** Стили. */
-    style?: React.CSSProperties;
-    endAdornment?: TextFieldProps['endAdornment'] | ((opened: boolean) => React.ReactNode);
-}
-/**
- * Выводит иконку стрелки для поля Select по умолчанию.
- * @param opened Открыт ли список опций.
- * @return Элемент.
- */
-export declare const renderDefaultArrow: (opened: boolean) => JSX.Element;
-/**
- * Поле выбора из списка.
- * @deprecated Следует использовать новую реализацию из "@sima-land/ui-nucleons/select".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Select: ({ options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption, "data-testid": dataTestId, size, endAdornment, ...restProps }: SelectProps) => JSX.Element;
-export {};

package/select-deprecated/index.js

@@ -1,112 +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.Select = exports.renderDefaultArrow = void 0;
-const react_1 = __importStar(require("react"));
-const dropdown_1 = require("../dropdown");
-const dropdown_item_1 = require("../dropdown-item");
-const text_field_1 = require("../text-field");
-const dropdown_2 = require("../_internal/utils/dropdown");
-const bind_1 = __importDefault(require("classnames/bind"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const select_module_scss_1 = __importDefault(require("./select.module.scss"));
-const colors_1 = require("../colors");
-const dropdown_loading_1 = require("../_internal/dropdown-loading");
-const hooks_1 = require("../hooks");
-const cx = bind_1.default.bind(select_module_scss_1.default);
-/**
- * Выводит иконку стрелки для поля Select по умолчанию.
- * @param opened Открыт ли список опций.
- * @return Элемент.
- */
-const renderDefaultArrow = (opened) => {
-    const ArrowSVG = opened ? up_1.default : down_1.default;
-    return react_1.default.createElement(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray38') });
-};
-exports.renderDefaultArrow = renderDefaultArrow;
-/**
- * Поле выбора из списка.
- * @deprecated Следует использовать новую реализацию из "@sima-land/ui-nucleons/select".
- * @param props Свойства.
- * @return Элемент.
- */
-const Select = (_a) => {
-    var { options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption = String, 'data-testid': dataTestId, size, endAdornment = exports.renderDefaultArrow } = _a, restProps = __rest(_a, ["options", "optionSize", "onSelect", "style", "className", "label", "onClick", "value", "loading", "onMenuToggle", "renderOption", 'data-testid', "size", "endAdornment"]);
-    const rootRef = (0, react_1.useRef)(null);
-    const fieldRef = (0, react_1.useRef)(null);
-    const menuRef = (0, react_1.useRef)(null);
-    const [opened, toggleMenu] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        opened && menuRef.current && menuRef.current.focus();
-        onMenuToggle && onMenuToggle(opened);
-    }, [opened]);
-    (0, hooks_1.useOutsideClick)(rootRef, toggleMenu.bind(null, false));
-    return (react_1.default.createElement("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId },
-        react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { size: size, blockProps: {
-                ref: fieldRef,
-                tabIndex: 0,
-                onMouseDown: () => {
-                    toggleMenu(a => !a);
-                },
-                onKeyDown: e => {
-                    e.key === 'Enter' && toggleMenu(true);
-                },
-            }, onClick: e => {
-                e.preventDefault();
-                onClick && onClick(e);
-            }, className: select_module_scss_1.default.field, "data-testid": 'select:field', label: label, focused: opened, baseInputProps: {
-                // чтобы не ловить фокус на поле
-                style: { pointerEvents: 'none' },
-                tabIndex: -1,
-            }, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment })),
-        opened && (loading || options.length > 0) && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(size), { ref: menuRef, "data-testid": 'select:menu', role: 'menu', tabIndex: -1, className: cx('menu'), onKeyDown: event => {
-                if (event.key === 'Enter') {
-                    toggleMenu(false);
-                    fieldRef.current && fieldRef.current.focus();
-                }
-            }, onBlur: () => {
-                toggleMenu(false);
-                fieldRef.current && fieldRef.current.focus();
-            } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: optionSize, key: index, role: 'menuitem', onClick: () => {
-                toggleMenu(false);
-                onSelect && onSelect(option);
-            } }, renderOption(option)))))))));
-};
-exports.Select = Select;

package/select-deprecated/select.module.scss

@@ -1,26 +0,0 @@
-.root {
-  position: relative;
-  width: var(--width, 320px);
-}
-
-.field {
-  width: 100%;
-}
-
-.field,
-.field * {
-  cursor: pointer;
-}
-
-.adornment {
-  display: flex;
-  align-items: center;
-  user-select: none;
-}
-
-.menu {
-  position: absolute;
-  width: 100%;
-  top: 100%;
-  z-index: 2;
-}

package/side-page/side-page.module.scss

@@ -1,89 +0,0 @@
-@use '../colors';
-@use '../breakpoints';
-@use '../top-bar/top-bar-util';
-@use '../bottom-bar/bottom-bar-util';
-@use '../modal-overlay/modal-overlay-util';
-
-.side-page {
-  position: absolute;
-  top: 0;
-  right: 0;
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  background: #fff;
-  @include breakpoints.down('xs') {
-    width: 100%;
-    .header {
-      @include top-bar-util.size-m;
-    }
-    .footer {
-      @include bottom-bar-util.size-m;
-    }
-  }
-  @include breakpoints.up('xs') {
-    &.size-s {
-      max-width: 488px;
-    }
-    &.size-m {
-      max-width: 968px;
-    }
-    .header {
-      @include top-bar-util.size-xl;
-    }
-    .footer {
-      @include bottom-bar-util.size-l;
-    }
-  }
-}
-
-.header {
-  flex-shrink: 0;
-  width: 100%;
-}
-
-.body {
-  flex-grow: 1;
-  overflow-y: auto;
-}
-
-.footer {
-  flex-shrink: 0;
-  width: 100%;
-}
-
-// transitions
-.enter {
-  background-color: transparent;
-  .side-page {
-    transform: translateX(100%);
-  }
-}
-
-.enter-active {
-  transition: background-color var(--transition-duration) ease-in-out;
-  background-color: modal-overlay-util.$overlay-color;
-  overflow: hidden;
-  .side-page {
-    transition: transform var(--transition-duration) ease-in-out;
-    transform: translateX(0);
-  }
-}
-
-.exit {
-  background-color: modal-overlay-util.$overlay-color;
-  .side-page {
-    transform: translateX(0);
-  }
-}
-
-.exit-active {
-  transition: background-color var(--transition-duration) ease-in-out;
-  background-color: transparent;
-  overflow: hidden;
-  .side-page {
-    transition: transform var(--transition-duration) ease-in-out;
-    transform: translateX(100%);
-  }
-}

package/side-page/slots.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { TopBarProps } from '../top-bar';
-import { BottomBarProps } from '../bottom-bar';
-/**
- * Шапка SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePageHeader({ onBack, onClose, buttons, ...topBarProps }: TopBarProps & {
-    onBack?: () => void;
-    onClose?: () => void;
-}): JSX.Element;
-/**
- * Основной контент SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePageBody({ children }: {
-    children?: ReactNode;
-}): JSX.Element;
-/**
- * Подвал SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePageFooter({ ...props }: BottomBarProps): JSX.Element;

package/side-page/slots.js

@@ -1,52 +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.SidePageFooter = exports.SidePageBody = exports.SidePageHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const top_bar_1 = require("../top-bar");
-const bottom_bar_1 = require("../bottom-bar");
-const utils_1 = require("../top-bar/utils");
-const classnames_1 = __importDefault(require("classnames"));
-const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss"));
-/**
- * Шапка SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageHeader(_a) {
-    var { onBack, onClose, buttons } = _a, topBarProps = __rest(_a, ["onBack", "onClose", "buttons"]);
-    return (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBarProps, { size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) })));
-}
-exports.SidePageHeader = SidePageHeader;
-/**
- * Основной контент SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageBody({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-}
-exports.SidePageBody = SidePageBody;
-/**
- * Подвал SidePage.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageFooter(_a) {
-    var props = __rest(_a, []);
-    return react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) }));
-}
-exports.SidePageFooter = SidePageFooter;

package/styling/shadows.module.scss

@@ -1,19 +0,0 @@
-.shadow-z1 {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.08);
-}
-
-.shadow-z2 {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-.shadow-z2-straight {
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
-}
-
-.shadow-z3 {
-  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08), 0 0 4px rgba(0, 0, 0, 0.04);
-}
-
-.shadow-z4 {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 12px 30px rgba(0, 0, 0, 0.1);
-}

package/text-field/index.d.ts

@@ -1,69 +0,0 @@
-import React from '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: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
-export {};