@alfalab/core-components-international-phone-input 1.0.0 → 1.0.1

package/Component-4cd3936b.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ElementType } from "react";
-import { FormControlMobileProps } from "./mobile-d7e9f69d";
+import { FormControlMobileProps } from "./mobile-96988a65";
 import { FieldProps as BaseFieldProps } from "./shared-4cd3936b";
 type FieldProps = {
     /**

package/Component-8b2c2707.d.ts

@@ -34,7 +34,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Компонент иконки
@@ -49,7 +49,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "xxs" | undefined;
+    size?: "xs" | "s" | "xxs" | undefined;
     /**
      * Дополнительный класс
      */
@@ -67,5 +67,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

package/Component-c44170fe.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import React from 'react';
+import { ElementType } from "react";
+import { FormControlProps } from "./index-c44170fe";
+import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
+export { Field };

package/Component.mobile-4cd3936b.d.ts

@@ -49,7 +49,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/Component.modal.mobile-4cd3936b.d.ts

@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/Component.responsive.d.ts

@@ -12,8 +12,8 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
 } & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
@@ -33,8 +33,8 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-dd8ca091").OptionShape | import("./typings-dd8ca091").GroupShape)[];
 } & Omit<import("./Component.desktop-d078a845").InputAutocompleteDesktopProps, "onChange"> & {

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

@@ -14,13 +14,13 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
         value: string;
     }) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
-    Input: React.FC<import("packages/input/src").InputProps>;
+    Input: React.FC<import("@alfalab/core-components-input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;
     SelectComponent: React.ElementType<any>;
     view: "mobile" | "desktop";
     countriesData: Country[][];
-} & Omit<import("packages/input/src").InputProps, "onFocus" | "onBlur" | "onScroll"> & Partial<Omit<InputAutocompleteProps, "leftAddons" | "onChange" | "onScroll">> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<import("@alfalab/core-components-input").InputProps, "onFocus" | "onBlur" | "onScroll"> & Partial<Omit<InputAutocompleteProps, "leftAddons" | "onChange" | "onScroll">> & React.RefAttributes<HTMLInputElement>>;
 export { BaseInternationalPhoneInput };

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_18u8d","addons":"international-phone-input__addons_18u8d"};
+var styles = {"component":"international-phone-input__component_1uwc2","addons":"international-phone-input__addons_1uwc2"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: oxfst */
+/* hash: 13815 */
 
-    .international-phone-input__component_18u8d .international-phone-input__addons_18u8d {
+    .international-phone-input__component_1uwc2 .international-phone-input__addons_1uwc2 {
         padding-left: 0;
     }

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_g8rhr","option":"international-phone-input__option_g8rhr","flag":"international-phone-input__flag_g8rhr","countryName":"international-phone-input__countryName_g8rhr","dialCode":"international-phone-input__dialCode_g8rhr","flagIconWrapper":"international-phone-input__flagIconWrapper_g8rhr","emptyCountryIcon":"international-phone-input__emptyCountryIcon_g8rhr"};
+var styles = {"component":"international-phone-input__component_xf953","option":"international-phone-input__option_xf953","flag":"international-phone-input__flag_xf953","countryName":"international-phone-input__countryName_xf953","dialCode":"international-phone-input__dialCode_xf953","flagIconWrapper":"international-phone-input__flagIconWrapper_xf953","emptyCountryIcon":"international-phone-input__emptyCountryIcon_xf953"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hqzw */
+/* hash: 1ffpc */
 :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_g8rhr {
+} .international-phone-input__component_xf953 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_g8rhr {
+} .international-phone-input__option_xf953 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_g8rhr {
+} .international-phone-input__flag_xf953 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_g8rhr {
+} .international-phone-input__countryName_xf953 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_g8rhr {
+} .international-phone-input__dialCode_xf953 {
     color: var(--text-secondary-color);
-} .international-phone-input__flagIconWrapper_g8rhr {
+} .international-phone-input__flagIconWrapper_xf953 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_g8rhr {
+} .international-phone-input__emptyCountryIcon_xf953 {
     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_1xrmt","flagPlaceholder":"international-phone-input__flagPlaceholder_1xrmt"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_yqc8s","flagPlaceholder":"international-phone-input__flagPlaceholder_yqc8s"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jv21 */
+/* hash: 1m6cl */
 :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_1xrmt {
+} .international-phone-input__flagIcon_yqc8s {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1xrmt {
+} .international-phone-input__flagPlaceholder_yqc8s {
     width: 24px;
     height: 16px;
     max-height: 16px;

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_1yhpi","flagIconContainer":"international-phone-input__flagIconContainer_1yhpi","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1yhpi","disabled":"international-phone-input__disabled_1yhpi","inner":"international-phone-input__inner_1yhpi","l":"international-phone-input__l_1yhpi","xl":"international-phone-input__xl_1yhpi","focusVisible":"international-phone-input__focusVisible_1yhpi"};
+var styles = {"component":"international-phone-input__component_179pq","flagIconContainer":"international-phone-input__flagIconContainer_179pq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_179pq","disabled":"international-phone-input__disabled_179pq","inner":"international-phone-input__inner_179pq","l":"international-phone-input__l_179pq","xl":"international-phone-input__xl_179pq","focusVisible":"international-phone-input__focusVisible_179pq"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 14kw5 */
+/* hash: 15dc1 */
 :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_1yhpi {
+} .international-phone-input__component_179pq {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_1yhpi {
+} .international-phone-input__flagIconContainer_179pq {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_1yhpi {
+} .international-phone-input__emptyCountryIcon_179pq {
     color: var(--color-light-graphic-secondary);
-} .international-phone-input__disabled_1yhpi {
+} .international-phone-input__disabled_179pq {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_1yhpi {
+} .international-phone-input__inner_179pq {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_1yhpi .international-phone-input__inner_1yhpi,
-.international-phone-input__xl_1yhpi .international-phone-input__inner_1yhpi {
+} .international-phone-input__l_179pq .international-phone-input__inner_179pq,
+.international-phone-input__xl_179pq .international-phone-input__inner_179pq {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_1yhpi {
+} .international-phone-input__focusVisible_179pq {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/Component-4cd3936b.d.ts

@@ -1,7 +1,19 @@
 /// <reference types="react" />
 import React from 'react';
-import { FieldProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
-type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
-export { AutocompleteFieldProps, AutocompleteField };
+import { ElementType } from "react";
+import { FormControlMobileProps } from "./mobile-96988a65";
+import { FieldProps as BaseFieldProps } from "./shared-4cd3936b";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+};
+declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
+export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/cssm/Component-63dec22f.d.ts

@@ -0,0 +1,184 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
+export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-ebda875c";

package/cssm/Component-8b2c2707.d.ts

@@ -34,7 +34,7 @@ type IconButtonProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
 declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Компонент иконки
@@ -49,7 +49,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "xxs" | undefined;
+    size?: "xs" | "s" | "xxs" | undefined;
     /**
      * Дополнительный класс
      */
@@ -58,7 +58,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Выравнивание иконки
      * @default 'center'
      */
-    alignIcon?: "center" | "left" | "right" | undefined;
+    alignIcon?: "center" | "right" | "left" | undefined;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -67,5 +67,5 @@ declare const IconButton: React.ForwardRefExoticComponent<{
      * Набор цветов для компонента
      */
     colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
 export { IconButtonProps, IconButton };

package/cssm/Component-c44170fe.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import React from 'react';
+import { ElementType } from "react";
+import { FormControlProps } from "./index-c44170fe";
+import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
+type FieldProps = {
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType;
+};
+declare const Field: ({ size, open, multiple, error, hint, disabled, label, labelView, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }: BaseFieldProps & FormControlProps & FieldProps) => React.JSX.Element;
+export { Field };

package/cssm/Component-dd8ca091.d.ts

@@ -1,5 +1,72 @@
 /// <reference types="react" />
 import React from 'react';
-import { CheckmarkProps } from "./typings-dd8ca091";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
-export { BaseCheckmark };
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-dd8ca091";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-f1f15074";
+export { ModalMobileProps } from "./typings-bdb4c6b9";
+export { SelectMobileProps, BaseSelectMobile };