@alfalab/core-components-international-phone-input 1.2.2 → 1.2.3

package/cssm/utils-d2597f31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/{Component.desktop.d.ts → desktop/Component.desktop.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { InternationalPhoneInputDesktopProps } from "./types";
+import { InternationalPhoneInputDesktopProps } from "../types";
 declare const InternationalPhoneInputDesktop: React.ForwardRefExoticComponent<InternationalPhoneInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { InternationalPhoneInputDesktop };

package/{Component.desktop.js → desktop/Component.desktop.js}

@@ -4,24 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var Component_desktop = require('@alfalab/core-components-input/Component.desktop');
-var desktop$1 = require('@alfalab/core-components-input-autocomplete/desktop');
+var desktop$1 = require('@alfalab/core-components-input/desktop');
+var desktop$2 = require('@alfalab/core-components-input-autocomplete/desktop');
 var desktop = require('@alfalab/core-components-select/desktop');
-var components_baseInternationalPhoneInput_Component = require('./components/base-international-phone-input/Component.js');
+var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
 require('react-merge-refs');
 require('@maskito/core');
 require('@maskito/react');
 require('@alfalab/core-components-select/shared');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/core-components-shared');
-require('./consts.js');
-require('./data/country-data.js');
-require('./components/country-select/Component.js');
+require('../consts.js');
+require('../data/country-data.js');
+require('../components/country-select/Component.js');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-require('./components/flag-icon/component.js');
+require('../components/flag-icon/component.js');
 require('classnames');
-require('./components/flag-icon/flagSprite.js');
-require('./components/select-field/component.js');
+require('../components/flag-icon/flagSprite.js');
+require('../components/select-field/component.js');
 require('@alfalab/hooks');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -30,7 +30,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInputDesktop = React.forwardRef(function (_a, ref) {
     var value = _a.value, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["value", "clearableCountryCode"]);
-    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'desktop', ref: ref, SelectComponent: desktop.SelectDesktop, Input: Component_desktop.InputDesktop, InputAutocomplete: desktop$1.InputAutocompleteDesktop })));
+    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'desktop', ref: ref, SelectComponent: desktop.SelectDesktop, Input: desktop$1.InputDesktop, InputAutocomplete: desktop$2.InputAutocompleteDesktop })));
 });
 
 exports.InternationalPhoneInputDesktop = InternationalPhoneInputDesktop;

package/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputDesktop } from "../Component.desktop";
+export { InternationalPhoneInputDesktop } from "./Component.desktop";
 export type { InternationalPhoneInputDesktopProps } from "../types";

package/desktop/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('../Component.desktop.js');
+var desktop_Component_desktop = require('./Component.desktop.js');
 require('tslib');
 require('react');
-require('@alfalab/core-components-input/Component.desktop');
+require('@alfalab/core-components-input/desktop');
 require('@alfalab/core-components-input-autocomplete/desktop');
 require('@alfalab/core-components-select/desktop');
 require('../components/base-international-phone-input/Component.js');
@@ -27,4 +27,4 @@ require('@alfalab/hooks');
 
 
 
-exports.InternationalPhoneInputDesktop = Component_desktop.InternationalPhoneInputDesktop;
+exports.InternationalPhoneInputDesktop = desktop_Component_desktop.InternationalPhoneInputDesktop;

package/esm/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-0816e61d";
+import { OptgroupProps } from "./typings-e63ec8aa";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/esm/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/{index-8b2c2707.d.ts → esm/Component.responsive-8566963f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { ButtonProps, CommonButtonProps } from "./typings-89f0cb07";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+import { CommonButtonProps, ButtonProps } from "./typings-89f0cb07";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { Button, ButtonMobile };
-export type { ButtonProps } from "./typings-89f0cb07";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile, Button };
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";

package/esm/Component.responsive.d.ts

@@ -7,18 +7,18 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
-} & Omit<import("./Component.desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("@alfalab/core-components-input/Component.mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -28,17 +28,17 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-0816e61d").OptionShape | import("./typings-0816e61d").GroupShape)[];
+    options: (import("./typings-e63ec8aa").OptionShape | import("./typings-e63ec8aa").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-0816e61d").OptionShape | import("./typings-0816e61d").GroupShape)[];
+    options: (import("./typings-e63ec8aa").OptionShape | import("./typings-e63ec8aa").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/esm/Component.responsive.js

@@ -1,9 +1,9 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '@alfalab/core-components-mq/esm';
-import { InternationalPhoneInputDesktop } from './Component.desktop.js';
-import { InternationalPhoneInputMobile } from './Component.mobile.js';
-import '@alfalab/core-components-input/esm/Component.desktop';
+import { InternationalPhoneInputDesktop } from './desktop/Component.desktop.js';
+import { InternationalPhoneInputMobile } from './mobile/Component.mobile.js';
+import '@alfalab/core-components-input/esm/desktop';
 import '@alfalab/core-components-input-autocomplete/esm/desktop';
 import '@alfalab/core-components-select/esm/desktop';
 import './components/base-international-phone-input/Component.js';

package/esm/components/base-international-phone-input/Component.d.ts

@@ -9,13 +9,13 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-0816e61d").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-e63ec8aa").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("@alfalab/core-components-input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

package/esm/components/base-international-phone-input/Component.js

@@ -16,7 +16,7 @@ import '../flag-icon/flagSprite.js';
 import '../select-field/component.js';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_p0607","addons":"international-phone-input__addons_p0607"};
+var styles = {"component":"international-phone-input__component_oocev","addons":"international-phone-input__addons_oocev"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {

package/esm/components/base-international-phone-input/index.css

@@ -1,5 +1,5 @@
-/* hash: at8ms */
+/* hash: oo1vx */
 
-    .international-phone-input__component_p0607 .international-phone-input__addons_p0607 {
+    .international-phone-input__component_oocev .international-phone-input__addons_oocev {
         padding-left: 0;
     }

package/esm/components/country-select/Component.js

@@ -10,7 +10,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_mi3mw","option":"international-phone-input__option_mi3mw","flag":"international-phone-input__flag_mi3mw","countryName":"international-phone-input__countryName_mi3mw","dialCode":"international-phone-input__dialCode_mi3mw","flagIconWrapper":"international-phone-input__flagIconWrapper_mi3mw","emptyCountryIcon":"international-phone-input__emptyCountryIcon_mi3mw"};
+var styles = {"component":"international-phone-input__component_x5drz","option":"international-phone-input__option_x5drz","flag":"international-phone-input__flag_x5drz","countryName":"international-phone-input__countryName_x5drz","dialCode":"international-phone-input__dialCode_x5drz","flagIconWrapper":"international-phone-input__flagIconWrapper_x5drz","emptyCountryIcon":"international-phone-input__emptyCountryIcon_x5drz"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/esm/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1do4o */
+/* hash: 10vq2 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_mi3mw {
+} .international-phone-input__component_x5drz {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_mi3mw {
+} .international-phone-input__option_x5drz {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_mi3mw {
+} .international-phone-input__flag_x5drz {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_mi3mw {
+} .international-phone-input__countryName_x5drz {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_mi3mw {
+} .international-phone-input__dialCode_x5drz {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_mi3mw {
+} .international-phone-input__flagIconWrapper_x5drz {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_mi3mw {
+} .international-phone-input__emptyCountryIcon_x5drz {
     color: var(--color-light-neutral-translucent-700);
 }

package/esm/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_1imig","flagPlaceholder":"international-phone-input__flagPlaceholder_1imig"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_17z8b","flagPlaceholder":"international-phone-input__flagPlaceholder_17z8b"};
 require('./index.css')
 
 /**

package/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nxx9 */
+/* hash: 1p7tu */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1imig {
+} .international-phone-input__flagIcon_17z8b {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1imig {
+} .international-phone-input__flagPlaceholder_17z8b {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/esm/components/select-field/component.js

@@ -7,7 +7,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_janu6","flagIconContainer":"international-phone-input__flagIconContainer_janu6","emptyCountryIcon":"international-phone-input__emptyCountryIcon_janu6","disabled":"international-phone-input__disabled_janu6","inner":"international-phone-input__inner_janu6","l":"international-phone-input__l_janu6","xl":"international-phone-input__xl_janu6","focusVisible":"international-phone-input__focusVisible_janu6"};
+var styles = {"component":"international-phone-input__component_16h25","flagIconContainer":"international-phone-input__flagIconContainer_16h25","emptyCountryIcon":"international-phone-input__emptyCountryIcon_16h25","disabled":"international-phone-input__disabled_16h25","inner":"international-phone-input__inner_16h25","l":"international-phone-input__l_16h25","xl":"international-phone-input__xl_16h25","focusVisible":"international-phone-input__focusVisible_16h25"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/esm/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ip3b */
+/* hash: 1jxbb */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_janu6 {
+} .international-phone-input__component_16h25 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_janu6 {
+} .international-phone-input__flagIconContainer_16h25 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_janu6 {
+} .international-phone-input__emptyCountryIcon_16h25 {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_janu6 {
+} .international-phone-input__disabled_16h25 {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_janu6 {
+} .international-phone-input__inner_16h25 {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_janu6 .international-phone-input__inner_janu6,
-.international-phone-input__xl_janu6 .international-phone-input__inner_janu6 {
+} .international-phone-input__l_16h25 .international-phone-input__inner_16h25,
+.international-phone-input__xl_16h25 .international-phone-input__inner_16h25 {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_janu6 {
+} .international-phone-input__focusVisible_16h25 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { InternationalPhoneInputDesktopProps } from "./types";
+import { InternationalPhoneInputDesktopProps } from "../types";
 declare const InternationalPhoneInputDesktop: React.ForwardRefExoticComponent<InternationalPhoneInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { InternationalPhoneInputDesktop };

package/esm/{Component.desktop.js → desktop/Component.desktop.js}

@@ -1,23 +1,23 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import { InputDesktop } from '@alfalab/core-components-input/esm/Component.desktop';
+import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
 import { InputAutocompleteDesktop } from '@alfalab/core-components-input-autocomplete/esm/desktop';
 import { SelectDesktop } from '@alfalab/core-components-select/esm/desktop';
-import { BaseInternationalPhoneInput } from './components/base-international-phone-input/Component.js';
+import { BaseInternationalPhoneInput } from '../components/base-international-phone-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '@alfalab/core-components-select/esm/shared';
-import './utils/index.js';
+import '../utils/index.js';
 import '@alfalab/core-components-shared/esm';
-import './consts.js';
-import './data/country-data.js';
-import './components/country-select/Component.js';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/country-select/Component.js';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import './components/flag-icon/component.js';
+import '../components/flag-icon/component.js';
 import 'classnames';
-import './components/flag-icon/flagSprite.js';
-import './components/select-field/component.js';
+import '../components/flag-icon/flagSprite.js';
+import '../components/select-field/component.js';
 import '@alfalab/hooks';
 
 var InternationalPhoneInputDesktop = forwardRef(function (_a, ref) {

package/esm/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputDesktop } from "../Component.desktop";
+export { InternationalPhoneInputDesktop } from "./Component.desktop";
 export type { InternationalPhoneInputDesktopProps } from "../types";

package/esm/desktop/index.js

@@ -1,7 +1,7 @@
-export { InternationalPhoneInputDesktop } from '../Component.desktop.js';
+export { InternationalPhoneInputDesktop } from './Component.desktop.js';
 import 'tslib';
 import 'react';
-import '@alfalab/core-components-input/esm/Component.desktop';
+import '@alfalab/core-components-input/esm/desktop';
 import '@alfalab/core-components-input-autocomplete/esm/desktop';
 import '@alfalab/core-components-select/esm/desktop';
 import '../components/base-international-phone-input/Component.js';

package/{modern/Component.desktop-0aa4e915.d.ts → esm/index-8566963f.d.ts}

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { CommonButtonProps } from "./typings-89f0cb07";
 declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonDesktop };
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/esm/index-89f0cb07.d.ts

@@ -1,2 +1,2 @@
-export { ButtonDesktop } from "./Component.desktop-0aa4e915";
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
+export { Button } from "./Component.responsive-8566963f";
+export type { ButtonProps } from "./typings-89f0cb07";

package/esm/index-ebda875c.d.ts

@@ -1,20 +1,145 @@
 /// <reference types="react" />
-/// <reference types="react-transition-group" />
-import { ReactNode, RefObject } from "react";
-type PortalProps = {
-    /** Контент */
+import React from "react";
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
     children?: ReactNode;
     /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     * Основные стили компонента.
      */
-    getPortalContainer?: () => Element;
+    styles: {
+        [key: string]: string;
+    };
     /**
-     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     * Стили компонента для default и inverted режима.
      */
-    immediateMount?: boolean;
+    colorStyles?: StyleColors;
 };
-declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-export { PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    block?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hint?: ReactNode;
+    label?: ReactNode;
+    labelView?: "inner" | "outer" | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    inputWrapperClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    dataTestId?: string | undefined;
+    children?: ReactNode;
+    styles: {
+        [key: string]: string;
+    };
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/esm/index.js

@@ -2,8 +2,8 @@ export { InternationalPhoneInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '@alfalab/core-components-mq/esm';
-import './Component.desktop.js';
-import '@alfalab/core-components-input/esm/Component.desktop';
+import './desktop/Component.desktop.js';
+import '@alfalab/core-components-input/esm/desktop';
 import '@alfalab/core-components-input-autocomplete/esm/desktop';
 import '@alfalab/core-components-select/esm/desktop';
 import './components/base-international-phone-input/Component.js';
@@ -22,7 +22,7 @@ import 'classnames';
 import './components/flag-icon/flagSprite.js';
 import './components/select-field/component.js';
 import '@alfalab/hooks';
-import './Component.mobile.js';
+import './mobile/Component.mobile.js';
 import '@alfalab/core-components-input/esm/mobile';
 import '@alfalab/core-components-input-autocomplete/esm/mobile';
 import '@alfalab/core-components-select/esm/mobile';

package/esm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { InternationalPhoneInputMobileProps } from "./types";
+import { InternationalPhoneInputMobileProps } from "../types";
 declare const InternationalPhoneInputMobile: React.ForwardRefExoticComponent<InternationalPhoneInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { InternationalPhoneInputMobile };