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

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;

package/chips/item.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface ChipsItemProps {
-    href?: string;
-    children?: React.ReactNode;
-    withCross?: boolean;
-    target?: string;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    checked?: boolean;
-}
-/**
- * Элемент списка "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const ChipsItem: ({ href, children, withCross, target, onClick, checked, }: ChipsItemProps) => JSX.Element;

package/chips/item.js

@@ -1,20 +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.ChipsItem = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/cross"));
-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 ChipsItem = ({ href, children, withCross, target, onClick, checked, }) => (react_1.default.createElement("a", { href: href, role: href ? undefined : 'button', className: cx('item', { checked }), target: target, onClick: onClick, "data-testid": 'chips:item' },
-    react_1.default.createElement("span", { className: chips_module_scss_1.default.text }, children),
-    withCross && react_1.default.createElement(cross_1.default, { className: cx('cross-svg') })));
-exports.ChipsItem = ChipsItem;

package/field-grid/field-grid.module.scss

@@ -1,30 +0,0 @@
-.container {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 1px 0 0 1px;
-}
-
-.cell {
-  display: flex;
-  justify-content: stretch;
-  flex-grow: 1;
-  margin: -1px 0 0 -1px;
-}
-
-.size-third {
-  width: calc(100% / 3);
-}
-
-.size-half {
-  width: 50%;
-}
-
-.size-full {
-  width: 100%;
-}
-
-.focused-field {
-  // чтобы выделенные границы не скрывались под другими элементами сетки, поднимаем при фокусировке
-  position: relative;
-  z-index: 1;
-}

package/field-grid/index.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../text-field';
-type ItOrArray<T> = T[] | T;
-type CellSize = 'full' | 'half' | 'third';
-interface CommonCellProps {
-    size?: CellSize;
-    rounds?: TextFieldProps['rounds'];
-}
-type OnlyOneRequired<T, K extends keyof T = keyof T> = {
-    [key in K]?: Required<Pick<T, key>> & Partial<Record<Exclude<K, key>, undefined>>;
-}[K];
-export type CellProps = CommonCellProps & OnlyOneRequired<{
-    field: React.ReactElement<Pick<TextFieldProps, 'rounds' | 'caption' | 'classes' | 'className'>>;
-    renderField: (props: Pick<TextFieldProps, 'rounds' | 'caption'>) => React.ReactNode;
-}>;
-export interface RowProps {
-    isFirst?: boolean;
-    isLast?: boolean;
-    children: ItOrArray<React.ReactElement<CellProps, typeof Cell>>;
-}
-export interface FieldGridProps {
-    /** Содержимое. */
-    children: ItOrArray<React.ReactElement<RowProps, typeof Row>>;
-    /** Свойства корневого элемента. */
-    rootProps?: React.HTMLAttributes<HTMLDivElement>;
-}
-export interface FieldGridComponent extends React.FC<FieldGridProps> {
-    Row: typeof Row;
-    Cell: typeof Cell;
-}
-/**
- * Компонент сетки полей.
- * @deprecated В макетах больше не используются "склеивания" полей.
- * @param props Свойства.
- * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Row.
- * @param props.rootProps Свойства корневого элемента.
- * @return Элемент.
- */
-export declare const FieldGrid: FieldGridComponent;
-/**
- * Компонент ряда для сетки полей. Может быть использован только как дочерний для FieldGrid.
- * @param props Свойства.
- * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Cell.
- * @param props.isFirst Является ли ряд первым (будет задан автоматически).
- * @param props.isLast Является ли ряд последним (будет задан автоматически).
- * @return Элемент.
- */
-declare const Row: React.FC<RowProps>;
-/**
- * Компонент элемента для сетки полей. Может быть использован только как дочерний для FieldGrid.Row.
- * @param props Свойства.
- * @param props.size Размер ячейки по горизонтали (будет задан автоматически).
- * @param props.rounds Скругления для поля (будет задан автоматически).
- * @param props.field Поле.
- * @param props.renderField Должна вернуть поле получив свойства для него.
- * @return Элемент.
- */
-declare const Cell: React.FC<CellProps>;
-export {};