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

package/modal/modal.module.scss

@@ -1,134 +0,0 @@
-@use '../colors';
-@use '../breakpoints';
-@use '../top-bar/top-bar-util';
-@use '../bottom-bar/bottom-bar-util';
-
-$modal-max-height: 696px;
-
-@mixin regular-modal {
-  height: var(--modal-height, auto);
-  max-height: min(#{$modal-max-height}, calc(100vh - 32px));
-  min-height: 232px;
-  border-radius: 8px;
-}
-
-@mixin fullscreen-modal {
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
-}
-
-@mixin medium-header {
-  &.has-header {
-    --modal-header-height: #{top-bar-util.$size-m-height};
-    .header {
-      @include top-bar-util.size-m;
-    }
-  }
-}
-
-@mixin large-header {
-  &.has-header {
-    --modal-header-height: #{top-bar-util.$size-xl-height};
-    .header {
-      @include top-bar-util.size-xl;
-    }
-  }
-}
-
-@mixin medium-footer {
-  &.has-footer {
-    --modal-footer-height: #{bottom-bar-util.$size-m-height};
-    .footer {
-      @include bottom-bar-util.size-m;
-    }
-  }
-}
-
-@mixin large-footer {
-  &.has-footer {
-    --modal-footer-height: #{bottom-bar-util.$size-l-height};
-    .footer {
-      @include bottom-bar-util.size-l;
-    }
-  }
-}
-
-.overlay {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.modal {
-  flex-shrink: 0;
-  position: relative; // для overlap
-  margin: auto; // для корректной прокрутки во flex-контейнере
-  display: flex;
-  flex-direction: column;
-  z-index: 1;
-  background-color: #fff;
-  @include breakpoints.down('xs') {
-    @include fullscreen-modal;
-    @include medium-header;
-    @include medium-footer;
-  }
-  @include breakpoints.up('xs') {
-    &:not(.size-fullscreen) {
-      @include regular-modal;
-      @include medium-header;
-      @include medium-footer;
-      &.size-s {
-        width: 480px;
-      }
-      &.size-m {
-        width: 640px;
-      }
-      &.size-l {
-        width: 768px;
-      }
-      &.size-xl {
-        width: 960px;
-      }
-    }
-    &.size-fullscreen {
-      @include fullscreen-modal;
-      @include large-header;
-      @include large-footer;
-    }
-  }
-}
-
-.header {
-  border-radius: 8px 8px 0 0;
-  flex-shrink: 0;
-}
-
-.body {
-  flex-grow: 1;
-}
-
-.footer {
-  flex-shrink: 0;
-  border-radius: 0 0 8px 8px;
-  overflow: hidden;
-}
-
-.footer-stub {
-  flex-shrink: 0;
-  border-radius: 0 0 8px 8px;
-  height: 16px;
-  background: #fff;
-}
-
-.overlap-content {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  * {
-    pointer-events: auto;
-  }
-}

package/no-index-mark/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface NoIndexMarkProps {
-    /** Флаг закрывающегося тэга. */
-    closing?: boolean;
-}
-/**
- * Компонент отображает неиндексируемый контент.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const NoIndexMark: ({ closing }: NoIndexMarkProps) => JSX.Element;

package/no-index-mark/index.js

@@ -1,14 +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.NoIndexMark = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * Компонент отображает неиндексируемый контент.
- * @param props Свойства.
- * @return Элемент.
- */
-const NoIndexMark = ({ closing }) => (react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: `<!--${closing ? '/' : ''}noindex-->` } }));
-exports.NoIndexMark = NoIndexMark;

package/pagination/base-pagination.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import { PageButtonProps } from './page-button';
-import { getPageButtons } from './utils';
-interface RenderButtonProps extends PageButtonProps {
-    type?: 'prev' | 'next' | 'more';
-    isFirst?: boolean;
-    isLast?: boolean;
-    page?: number;
-    selected?: boolean;
-}
-export interface BasePaginationProps {
-    total: number;
-    current: number;
-    onButtonClick?: (n: number) => void;
-    isButtonSelected?: (n: string | number) => boolean;
-    renderButton?: (p: RenderButtonProps, i?: number) => React.ReactNode;
-    needPrevButton?: (data: {
-        current: number;
-        total: number;
-    }) => boolean;
-    needNextButton?: (data: {
-        current: number;
-        total: number;
-    }) => boolean;
-    calculateButtons?: typeof getPageButtons;
-}
-export declare const BUTTON_TYPES: {
-    readonly prev: "prev";
-    readonly next: "next";
-    readonly more: "more";
-};
-export declare const BUTTON_CONTENTS: {
-    readonly prev: JSX.Element;
-    readonly next: JSX.Element;
-    readonly more: "...";
-};
-/**
- * Возвращает базовый компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @param props.total Номер последней страницы.
- * @param props.current Номер текущей страницы.
- * @param props.isButtonSelected Должна определить что кнопка выбрана.
- * @param props.onButtonClick Сработает при клике на кнопку.
- * @param props.renderButton Должна вернуть компонент кнопки.
- * @param props.needPrevButton Должна определить, нужно ла выводить кнопку "Вперед".
- * @param props.needNextButton Должна определить, нужно ла выводить кнопку "Назад".
- * @param props.calculateButtons Должна вернуть список кнопок (например ['prev', 1, 2, 3, 'next']).
- * @return Элемент.
- */
-export declare const BasePagination: React.FC<BasePaginationProps>;
-export {};

package/pagination/base-pagination.js

@@ -1,105 +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.BasePagination = exports.BUTTON_CONTENTS = exports.BUTTON_TYPES = void 0;
-const react_1 = __importDefault(require("react"));
-const page_button_1 = require("./page-button");
-const utils_1 = require("./utils");
-const fp_1 = require("lodash/fp");
-const lodash_1 = require("lodash");
-const sizes_1 = require("../styling/sizes");
-const left_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/left"));
-const right_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/right"));
-const DEFAULTS = {
-    renderButton: (_a, index) => {
-        var { type, isFirst, isLast } = _a, restProps = __rest(_a, ["type", "isFirst", "isLast"]);
-        return (react_1.default.createElement(page_button_1.PageButton, Object.assign({ key: index, rounded: resolveRounded({ type, isFirst, isLast }), className: getClassByType(type) }, restProps)));
-    },
-    needPrevButton: ({ current }) => current > 1,
-    needNextButton: ({ current, total }) => current < total,
-    calculateButtons: utils_1.getPageButtons,
-};
-exports.BUTTON_TYPES = {
-    prev: 'prev',
-    next: 'next',
-    more: 'more',
-};
-exports.BUTTON_CONTENTS = {
-    prev: react_1.default.createElement(left_1.default, { className: (0, utils_1.cx)('icon') }),
-    next: react_1.default.createElement(right_1.default, { className: (0, utils_1.cx)('icon') }),
-    more: '...',
-};
-/**
- * Возвращает базовый компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @param props.total Номер последней страницы.
- * @param props.current Номер текущей страницы.
- * @param props.isButtonSelected Должна определить что кнопка выбрана.
- * @param props.onButtonClick Сработает при клике на кнопку.
- * @param props.renderButton Должна вернуть компонент кнопки.
- * @param props.needPrevButton Должна определить, нужно ла выводить кнопку "Вперед".
- * @param props.needNextButton Должна определить, нужно ла выводить кнопку "Назад".
- * @param props.calculateButtons Должна вернуть список кнопок (например ['prev', 1, 2, 3, 'next']).
- * @return Элемент.
- */
-const BasePagination = ({ total, current, onButtonClick, isButtonSelected = (0, fp_1.eq)(current), renderButton = DEFAULTS.renderButton, needPrevButton = DEFAULTS.needPrevButton, needNextButton = DEFAULTS.needNextButton, calculateButtons = DEFAULTS.calculateButtons, }) => {
-    const pageButtons = calculateButtons({
-        current,
-        total,
-        buttonKeys: exports.BUTTON_TYPES,
-    });
-    return (react_1.default.createElement("div", { className: (0, utils_1.cx)('base-pagination-wrapper') },
-        needPrevButton({ current, total }) &&
-            renderButton({
-                'aria-label': 'Назад',
-                type: exports.BUTTON_TYPES.prev,
-                children: exports.BUTTON_CONTENTS.prev,
-                onClick: () => onButtonClick && onButtonClick(current - 1),
-                page: current - 1,
-            }),
-        pageButtons.map(({ content, value }, index) => renderButton({
-            type: content === exports.BUTTON_TYPES.more ? exports.BUTTON_TYPES.more : undefined,
-            isFirst: index === 0,
-            isLast: index === pageButtons.length - 1,
-            children: (0, lodash_1.has)(exports.BUTTON_CONTENTS, content) ? exports.BUTTON_CONTENTS[content] : content,
-            selected: isButtonSelected(content),
-            'aria-label': `Перейти на страницу ${value}`,
-            onClick: () => onButtonClick && onButtonClick(value),
-            page: value,
-        }, index)),
-        needNextButton({ current, total }) &&
-            renderButton({
-                'aria-label': 'Вперед',
-                type: exports.BUTTON_TYPES.next,
-                children: exports.BUTTON_CONTENTS.next,
-                onClick: () => onButtonClick && onButtonClick(current + 1),
-                page: current + 1,
-            })));
-};
-exports.BasePagination = BasePagination;
-const resolveRounded = (0, fp_1.cond)([
-    [(0, fp_1.propEq)('type', exports.BUTTON_TYPES.prev), (0, fp_1.always)('all')],
-    [(0, fp_1.propEq)('type', exports.BUTTON_TYPES.next), (0, fp_1.always)('all')],
-    [(0, fp_1.allPass)([(0, fp_1.prop)('isFirst'), (0, fp_1.prop)('isLast')]), (0, fp_1.always)('all')],
-    [(0, fp_1.prop)('isFirst'), (0, fp_1.always)('left')],
-    [(0, fp_1.prop)('isLast'), (0, fp_1.always)('right')],
-    [fp_1.T, (0, fp_1.always)('none')],
-]);
-const getClassByType = (0, fp_1.cond)([
-    [(0, fp_1.eq)(exports.BUTTON_TYPES.prev), (0, fp_1.always)((0, sizes_1.marginRight)(2))],
-    [(0, fp_1.eq)(exports.BUTTON_TYPES.next), (0, fp_1.always)((0, sizes_1.marginLeft)(2))],
-    [fp_1.T, () => undefined],
-]);

package/pagination/page-button.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface PageButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    rounded?: 'all' | 'none' | 'left' | 'right';
-    className?: string;
-    selected?: boolean;
-}
-/**
- * Компонент кнопки страницы по умолчанию. Поддерживаются свойства элемента button.
- * @param props Свойства.
- * @param props.selected Выбрана ли кнопка.
- * @param props.className CSS-класс.
- * @param props.rounded С какой стороны делать скругления.
- * @return Элемент.
- */
-export declare const PageButton: React.FC<PageButtonProps>;

package/pagination/page-button.js

@@ -1,32 +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.PageButton = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("./utils");
-/**
- * Компонент кнопки страницы по умолчанию. Поддерживаются свойства элемента button.
- * @param props Свойства.
- * @param props.selected Выбрана ли кнопка.
- * @param props.className CSS-класс.
- * @param props.rounded С какой стороны делать скругления.
- * @return Элемент.
- */
-const PageButton = (_a) => {
-    var { selected, rounded = 'all', className } = _a, restProps = __rest(_a, ["selected", "rounded", "className"]);
-    return (react_1.default.createElement("button", Object.assign({}, restProps, { type: 'button', className: (0, utils_1.cx)('page-button', selected && 'selected', rounded === 'all' && 'rounds-all', rounded === 'left' && 'rounds-left', rounded === 'right' && 'rounds-right', className) })));
-};
-exports.PageButton = PageButton;

package/pagination/pagination.module.scss

@@ -1,76 +0,0 @@
-@use '../colors';
-
-.page-select-form {
-  font-size: 12px;
-  .page-input-wrapper {
-    margin-left: 8px;
-    width: 64px;
-    .page-input {
-      text-align: center;
-      font-size: 16px;
-    }
-  }
-  .submit-button {
-    margin-left: 8px;
-  }
-  .cancel-button {
-    margin-left: 32px;
-  }
-}
-
-.page-button {
-  display: inline-block;
-  width: 38px;
-  height: 38px;
-  background: #fff;
-  border: 1px solid colors.$basic-gray12;
-  font-size: 14px;
-  outline: 0;
-  box-sizing: border-box;
-  padding: 0;
-  vertical-align: top;
-  user-select: none;
-  &.rounds-all {
-    border-radius: 4px;
-  }
-  &.rounds-left {
-    border-radius: 4px 0 0 4px;
-  }
-  &.rounds-right {
-    border-radius: 0 4px 4px 0;
-    &:not(.rounds-all) {
-      margin-right: 0;
-    }
-  }
-  &:disabled {
-    color: colors.$basic-gray24;
-  }
-  &:not(.rounds-all) {
-    margin-right: -1px;
-  }
-  &:not(.selected):not(:disabled):hover {
-    background: #f5f5f5;
-    cursor: pointer;
-  }
-  &.selected {
-    position: relative;
-    background: colors.$basic-gray87;
-    border-color: colors.$basic-gray87;
-    color: #fff;
-    cursor: default;
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      box-shadow: inherit;
-      border-radius: inherit;
-    }
-  }
-}
-
-.icon {
-  vertical-align: middle;
-}

package/phone-input/presets.d.ts

@@ -1,25 +0,0 @@
-export interface Country {
-    readonly id: string;
-    readonly name: string;
-    readonly code: string;
-    readonly codeChars: string;
-    readonly mask: string;
-    readonly imageSrc: string;
-}
-export declare const IDS: {
-    readonly russia: "russia";
-    readonly kazakhstan: "kazakhstan";
-    readonly armenia: "armenia";
-    readonly belarus: "belarus";
-    readonly kyrgyzstan: "kyrgyzstan";
-    readonly azerbaijan: "azerbaijan";
-    readonly georgia: "georgia";
-    readonly moldova: "moldova";
-    readonly tajikistan: "tajikistan";
-    readonly turkmenistan: "turkmenistan";
-    readonly uzbekistan: "uzbekistan";
-    readonly ukraine: "ukraine";
-    readonly other: "other";
-};
-export declare const countriesList: ReadonlyArray<Country>;
-export declare const countries: Readonly<Record<string, Country>>;

package/phone-input/presets.js

@@ -1,118 +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.countries = exports.countriesList = exports.IDS = void 0;
-const russia_png_1 = __importDefault(require("./images/russia.png"));
-const kazakhstan_png_1 = __importDefault(require("./images/kazakhstan.png"));
-const armenia_png_1 = __importDefault(require("./images/armenia.png"));
-const belarus_png_1 = __importDefault(require("./images/belarus.png"));
-const kyrgyzstan_png_1 = __importDefault(require("./images/kyrgyzstan.png"));
-const azerbaijan_png_1 = __importDefault(require("./images/azerbaijan.png"));
-const georgia_png_1 = __importDefault(require("./images/georgia.png"));
-const moldova_png_1 = __importDefault(require("./images/moldova.png"));
-const tajikistan_png_1 = __importDefault(require("./images/tajikistan.png"));
-const turkmenistan_png_1 = __importDefault(require("./images/turkmenistan.png"));
-const uzbekistan_png_1 = __importDefault(require("./images/uzbekistan.png"));
-const ukraine_png_1 = __importDefault(require("./images/ukraine.png"));
-const other_png_1 = __importDefault(require("./images/other.png"));
-exports.IDS = {
-    russia: 'russia',
-    kazakhstan: 'kazakhstan',
-    armenia: 'armenia',
-    belarus: 'belarus',
-    kyrgyzstan: 'kyrgyzstan',
-    azerbaijan: 'azerbaijan',
-    georgia: 'georgia',
-    moldova: 'moldova',
-    tajikistan: 'tajikistan',
-    turkmenistan: 'turkmenistan',
-    uzbekistan: 'uzbekistan',
-    ukraine: 'ukraine',
-    other: 'other',
-};
-const NAMES = {
-    [exports.IDS.russia]: 'Россия',
-    [exports.IDS.kazakhstan]: 'Казахстан',
-    [exports.IDS.armenia]: 'Армения',
-    [exports.IDS.belarus]: 'Беларусь',
-    [exports.IDS.kyrgyzstan]: 'Кыргызстан',
-    [exports.IDS.azerbaijan]: 'Азербайджан',
-    [exports.IDS.georgia]: 'Грузия',
-    [exports.IDS.moldova]: 'Молдова',
-    [exports.IDS.tajikistan]: 'Таджикистан',
-    [exports.IDS.turkmenistan]: 'Туркмения',
-    [exports.IDS.uzbekistan]: 'Узбекистан',
-    [exports.IDS.ukraine]: 'Украина',
-    [exports.IDS.other]: 'Другое',
-};
-const MASKS = {
-    [exports.IDS.russia]: '+7 (___) ___-__-__',
-    [exports.IDS.kazakhstan]: '+7 (___) ___-__-__',
-    [exports.IDS.armenia]: '+374-__-___-___',
-    [exports.IDS.belarus]: '+375 (__) ___-__-__',
-    [exports.IDS.kyrgyzstan]: '+996 (___) ___-___',
-    [exports.IDS.azerbaijan]: '+994-__-___-__-__',
-    [exports.IDS.georgia]: '+995 (___) ___-___',
-    [exports.IDS.moldova]: '+373-____-____',
-    [exports.IDS.tajikistan]: '+992-__-___-____',
-    [exports.IDS.turkmenistan]: '+993-_-___-____',
-    [exports.IDS.uzbekistan]: '+998-__-___-____',
-    [exports.IDS.ukraine]: '+380 (__) ___-__-__',
-    [exports.IDS.other]: '_______________',
-};
-const IMAGES = {
-    [exports.IDS.russia]: russia_png_1.default,
-    [exports.IDS.kazakhstan]: kazakhstan_png_1.default,
-    [exports.IDS.armenia]: armenia_png_1.default,
-    [exports.IDS.belarus]: belarus_png_1.default,
-    [exports.IDS.kyrgyzstan]: kyrgyzstan_png_1.default,
-    [exports.IDS.azerbaijan]: azerbaijan_png_1.default,
-    [exports.IDS.georgia]: georgia_png_1.default,
-    [exports.IDS.moldova]: moldova_png_1.default,
-    [exports.IDS.tajikistan]: tajikistan_png_1.default,
-    [exports.IDS.turkmenistan]: turkmenistan_png_1.default,
-    [exports.IDS.uzbekistan]: uzbekistan_png_1.default,
-    [exports.IDS.ukraine]: ukraine_png_1.default,
-    [exports.IDS.other]: other_png_1.default,
-};
-const CODES = {
-    [exports.IDS.russia]: '+7',
-    [exports.IDS.kazakhstan]: '+7',
-    [exports.IDS.armenia]: '+374',
-    [exports.IDS.belarus]: '+375',
-    [exports.IDS.kyrgyzstan]: '+996',
-    [exports.IDS.azerbaijan]: '+994',
-    [exports.IDS.georgia]: '+995',
-    [exports.IDS.moldova]: '+373',
-    [exports.IDS.tajikistan]: '+992',
-    [exports.IDS.turkmenistan]: '+993',
-    [exports.IDS.uzbekistan]: '+998',
-    [exports.IDS.ukraine]: '+380',
-    [exports.IDS.other]: '',
-};
-const ORDER = [
-    exports.IDS.russia,
-    exports.IDS.kazakhstan,
-    exports.IDS.armenia,
-    exports.IDS.belarus,
-    exports.IDS.kyrgyzstan,
-    exports.IDS.azerbaijan,
-    exports.IDS.georgia,
-    exports.IDS.moldova,
-    exports.IDS.tajikistan,
-    exports.IDS.turkmenistan,
-    exports.IDS.uzbekistan,
-    exports.IDS.ukraine,
-    exports.IDS.other,
-];
-exports.countriesList = ORDER.map(id => ({
-    id,
-    name: NAMES[id],
-    code: CODES[id],
-    codeChars: CODES[id].replace(/\D/g, ''),
-    mask: MASKS[id],
-    imageSrc: IMAGES[id],
-}));
-exports.countries = exports.countriesList.reduce((acc, item) => (Object.assign(Object.assign({}, acc), { [item.id]: item })), {});

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../text-field';
-import { MaskState } from '../masked-field';
-import { Country } from '../phone-input/presets';
-interface PhoneInputStyle extends React.CSSProperties {
-    '--phone-input-width'?: number | string;
-}
-export interface PhoneInputProps extends Omit<TextFieldProps, 'onChange' | 'onBlur' | 'value' | 'ref' | 'style' | 'multiline'> {
-    /** Сработает при "blur". */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>, s: MaskState & {
-        ready?: boolean;
-    }) => void;
-    /** Сработает при изменении поля "Другое". Не рекомендуется использовать. */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /** Срабатывает при изменении страны. */
-    onCountrySelect?: (c: Country) => void;
-    /** Значение. */
-    value?: string;
-    /** Стили. */
-    style?: PhoneInputStyle;
-}
-/**
- * Компонент поля ввода номера телефона.
- * @param props Параметры компонента.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/phone-input".
- * @return Элемент.
- */
-export declare const PhoneInput: ({ "data-testid": testId, className, label, onBlur, onCountrySelect, style, value, onChange, ...restProps }: PhoneInputProps) => JSX.Element;
-export {};