@alfalab/core-components-international-phone-input 1.0.3 → 1.1.0

package/Component.responsive-785df74d.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-import React from '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>>;
 type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -23,4 +25,4 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };
+export { FormControlMobileProps, FormControlMobile, FormControlProps, FormControl };

package/Component.responsive.d.ts

@@ -16,9 +16,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
-} & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("./Component.desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("./Component.mobile-ebda875c").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/Component.mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -37,9 +37,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("./Component.desktop-9cded6b9").InputAutocompleteDesktopProps, "onChange"> & {
+} & Omit<import("@alfalab/core-components-input-autocomplete/Component.desktop").InputAutocompleteDesktopProps, "onChange"> & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("./Component.mobile-4cd3936b").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
+} & Omit<import("@alfalab/core-components-input-autocomplete/Component.mobile").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 })) & React.RefAttributes<HTMLInputElement>>;

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

@@ -25,7 +25,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"component":"international-phone-input__component_1n025","addons":"international-phone-input__addons_1n025"};
+var styles = {"component":"international-phone-input__component_1qt4a","addons":"international-phone-input__addons_1qt4a"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: 1nb04 */
+/* hash: 1km27 */
 
-    .international-phone-input__component_1n025 .international-phone-input__addons_1n025 {
+    .international-phone-input__component_1qt4a .international-phone-input__addons_1qt4a {
         padding-left: 0;
     }

package/components/country-select/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ElementType } from "react";
-import { BaseSelectProps } from "../../shared-4cd3936b";
+import { BaseSelectProps } from "@alfalab/core-components-select/shared";
 import { Country } from "../../types";
 type SharedCountrySelectProps = Omit<BaseSelectProps, 'fieldProps' | 'options' | 'Field' | 'OptionsList' | 'selected'> & {
     /**

package/components/country-select/Component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_1r31o","option":"international-phone-input__option_1r31o","flag":"international-phone-input__flag_1r31o","countryName":"international-phone-input__countryName_1r31o","dialCode":"international-phone-input__dialCode_1r31o","flagIconWrapper":"international-phone-input__flagIconWrapper_1r31o","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1r31o"};
+var styles = {"component":"international-phone-input__component_ot2vq","option":"international-phone-input__option_ot2vq","flag":"international-phone-input__flag_ot2vq","countryName":"international-phone-input__countryName_ot2vq","dialCode":"international-phone-input__dialCode_ot2vq","flagIconWrapper":"international-phone-input__flagIconWrapper_ot2vq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_ot2vq"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 52546 */
+/* hash: y1oap */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #86868a;
@@ -19,29 +19,29 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .international-phone-input__component_1r31o {
+} .international-phone-input__component_ot2vq {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1r31o {
+} .international-phone-input__option_ot2vq {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_1r31o {
+} .international-phone-input__flag_ot2vq {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_1r31o {
+} .international-phone-input__countryName_ot2vq {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_1r31o {
+} .international-phone-input__dialCode_ot2vq {
     color: var(--text-secondary-color);
-} .international-phone-input__flagIconWrapper_1r31o {
+} .international-phone-input__flagIconWrapper_ot2vq {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_1r31o {
+} .international-phone-input__emptyCountryIcon_ot2vq {
     color: var(--color-light-graphic-secondary);
 }

package/components/flag-icon/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_52jpv","flagPlaceholder":"international-phone-input__flagPlaceholder_52jpv"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_17cii","flagPlaceholder":"international-phone-input__flagPlaceholder_17cii"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: xisrv */
+/* hash: 4j9lc */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* 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_52jpv {
+} .international-phone-input__flagIcon_17cii {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_52jpv {
+} .international-phone-input__flagPlaceholder_17cii {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select-field/component.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FieldProps } from "../../shared-4cd3936b";
+import { FieldProps } from "@alfalab/core-components-select/shared";
 declare const EMPTY_COUNTRY_SELECT_FIELD: {
     value: string;
     key: string;

package/components/select-field/component.js

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_1f5zn","flagIconContainer":"international-phone-input__flagIconContainer_1f5zn","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1f5zn","disabled":"international-phone-input__disabled_1f5zn","inner":"international-phone-input__inner_1f5zn","l":"international-phone-input__l_1f5zn","xl":"international-phone-input__xl_1f5zn","focusVisible":"international-phone-input__focusVisible_1f5zn"};
+var styles = {"component":"international-phone-input__component_dzwdy","flagIconContainer":"international-phone-input__flagIconContainer_dzwdy","emptyCountryIcon":"international-phone-input__emptyCountryIcon_dzwdy","disabled":"international-phone-input__disabled_dzwdy","inner":"international-phone-input__inner_dzwdy","l":"international-phone-input__l_dzwdy","xl":"international-phone-input__xl_dzwdy","focusVisible":"international-phone-input__focusVisible_dzwdy"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: lad2z */
+/* hash: nzb0d */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_1f5zn {
+} .international-phone-input__component_dzwdy {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_1f5zn {
+} .international-phone-input__flagIconContainer_dzwdy {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_1f5zn {
+} .international-phone-input__emptyCountryIcon_dzwdy {
     color: var(--color-light-graphic-secondary);
-} .international-phone-input__disabled_1f5zn {
+} .international-phone-input__disabled_dzwdy {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_1f5zn {
+} .international-phone-input__inner_dzwdy {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_1f5zn .international-phone-input__inner_1f5zn,
-.international-phone-input__xl_1f5zn .international-phone-input__inner_1f5zn {
+} .international-phone-input__l_dzwdy .international-phone-input__inner_dzwdy,
+.international-phone-input__xl_dzwdy .international-phone-input__inner_dzwdy {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_1f5zn {
+} .international-phone-input__focusVisible_dzwdy {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/Component.responsive-785df74d.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-import React from '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>>;
 type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -23,4 +25,4 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };
+export { FormControlMobileProps, FormControlMobile, FormControlProps, FormControl };

package/cssm/Component.responsive.d.ts

@@ -16,9 +16,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
-} & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("./Component.desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     options?: undefined;
-} & Omit<import("./Component.mobile-ebda875c").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
+} & Omit<import("@alfalab/core-components-input/Component.mobile").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 }) | ({
@@ -37,9 +37,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("./Component.desktop-9cded6b9").InputAutocompleteDesktopProps, "onChange"> & {
+} & Omit<import("@alfalab/core-components-input-autocomplete/Component.desktop").InputAutocompleteDesktopProps, "onChange"> & {
     options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
-} & Omit<import("./Component.mobile-4cd3936b").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
+} & Omit<import("@alfalab/core-components-input-autocomplete/Component.mobile").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 })) & React.RefAttributes<HTMLInputElement>>;

package/cssm/components/country-select/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ElementType } from "react";
-import { BaseSelectProps } from "../../shared-4cd3936b";
+import { BaseSelectProps } from "@alfalab/core-components-select/shared";
 import { Country } from "../../types";
 type SharedCountrySelectProps = Omit<BaseSelectProps, 'fieldProps' | 'options' | 'Field' | 'OptionsList' | 'selected'> & {
     /**

package/cssm/components/select-field/component.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FieldProps } from "../../shared-4cd3936b";
+import { FieldProps } from "@alfalab/core-components-select/shared";
 declare const EMPTY_COUNTRY_SELECT_FIELD: {
     value: string;
     key: string;

package/cssm/desktop/index.d.ts

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

package/cssm/{desktop.js → desktop/index.js}

@@ -2,32 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-input/cssm/Component.desktop');
 require('@alfalab/core-components-input-autocomplete/cssm/desktop');
 require('@alfalab/core-components-select/cssm/desktop');
-require('./components/base-international-phone-input/Component.js');
+require('../components/base-international-phone-input/Component.js');
 require('react-merge-refs');
 require('@maskito/core');
 require('@maskito/react');
 require('@alfalab/core-components-select/cssm/shared');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/core-components-shared/cssm');
-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/flag-icon/index.module.css');
-require('./components/select-field/component.js');
+require('../components/flag-icon/flagSprite.js');
+require('../components/flag-icon/index.module.css');
+require('../components/select-field/component.js');
 require('@alfalab/hooks');
-require('./components/select-field/index.module.css');
-require('./components/country-select/index.module.css');
-require('./components/base-international-phone-input/index.module.css');
+require('../components/select-field/index.module.css');
+require('../components/country-select/index.module.css');
+require('../components/base-international-phone-input/index.module.css');
 
 
 

package/cssm/index-ebda875c.d.ts

@@ -1,3 +1,145 @@
 /// <reference types="react" />
-/// <reference types="react-transition-group" />
-export * from "./Component-4cd3936b";
+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;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+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/cssm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { InternationalPhoneInputMobile } from "../Component.mobile";
+export type { InternationalPhoneInputMobileProps } from "../types";

package/cssm/{mobile.js → mobile/index.js}

@@ -2,32 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-input/cssm/mobile');
 require('@alfalab/core-components-input-autocomplete/cssm/mobile');
 require('@alfalab/core-components-select/cssm/mobile');
-require('./components/base-international-phone-input/Component.js');
+require('../components/base-international-phone-input/Component.js');
 require('react-merge-refs');
 require('@maskito/core');
 require('@maskito/react');
 require('@alfalab/core-components-select/cssm/shared');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/core-components-shared/cssm');
-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/flag-icon/index.module.css');
-require('./components/select-field/component.js');
+require('../components/flag-icon/flagSprite.js');
+require('../components/flag-icon/index.module.css');
+require('../components/select-field/component.js');
 require('@alfalab/hooks');
-require('./components/select-field/index.module.css');
-require('./components/country-select/index.module.css');
-require('./components/base-international-phone-input/index.module.css');
+require('../components/select-field/index.module.css');
+require('../components/country-select/index.module.css');
+require('../components/base-international-phone-input/index.module.css');
 
 
 

package/cssm/types.d.ts

@@ -1,10 +1,10 @@
 import { ChangeEvent, ElementType, FC, FocusEvent } from 'react';
 import { InputProps } from "@alfalab/core-components-input";
-import { InputDesktopProps } from "./desktop-63dec22f";
-import { InputMobileProps } from "./mobile-96988a65";
+import { InputDesktopProps } from "@alfalab/core-components-input/desktop";
+import { InputMobileProps } from "@alfalab/core-components-input/mobile";
 import { InputAutocompleteProps } from "@alfalab/core-components-input-autocomplete";
-import { InputAutocompleteDesktopProps } from "./desktop-232828f7";
-import { InputAutocompleteMobileProps } from "./mobile-4c19bc40";
+import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
+import { InputAutocompleteMobileProps } from "@alfalab/core-components-input-autocomplete/mobile";
 import { OptionShape } from "./typings-0f4b9bed";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {