@alfalab/core-components-input-autocomplete 10.0.0 → 10.0.2

package/{mobile-45dc17c6.d.ts → Component.modal.mobile-5e1b8383.d.ts}

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import React from "react";
+import React from 'react';
 import { ModalMobile } from "./Component.mobile-f1f15074";
 import { UseSelectWithApplyProps } from "./hook-9ea9e32c";
 import { BaseSelectProps } from "./typings-5e1b8383";
-type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Показывать кнопку очистки
      */
-    showClear?: UseSelectWithApplyProps["showClear"];
+    showClear?: UseSelectWithApplyProps['showClear'];
     /**
      * Показывать пункт "Выбрать все"
      */
-    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
     /**
      *  Дополнительные пропсы шапки модалки
      */
@@ -24,24 +24,37 @@ type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> &
      *  Дополнительные пропсы футера модалки
      */
     modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
-    /*
-    * Показывать пункт "Выбрать все" в заголовке списка
-    */
-    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
     /**
      * Использовать ли хук useSelectWithApply
      */
     useWithApplyHook?: boolean;
 };
 declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
-    showClear?: UseSelectWithApplyProps["showClear"];
-    showSelectAll?: UseSelectWithApplyProps["showSelectAll"];
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: UseSelectWithApplyProps['showClear'];
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
     modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
     modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
-    showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
+    showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
+    /**
+     * Использовать ли хук useSelectWithApply
+     */
     useWithApplyHook?: boolean | undefined;
 } & React.RefAttributes<unknown>>;
 export { SelectModalMobileProps, SelectModalMobile };
-export { SelectMobile } from "./Component.mobile-f12ee135";
-export type { SelectMobileProps } from "./Component.mobile-f12ee135";

package/Component.modal.mobile.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
 import { ButtonMobileProps } from "./mobile-96988a65";
-import { SelectModalMobileProps } from "./mobile-45dc17c6";
+import { SelectModalMobileProps } from "./mobile-06ffd24b";
 import { BaseSelectChangePayload } from "./shared-4cd3936b";
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
      */
     Input?: ElementType;
 };
-declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "Checkmark" | "autocomplete" | "nativeSelect" | "OptionsList"> & {
+declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     /**
      * Обработчик выбора
      */

package/Component.modal.mobile.js

@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
 var coreComponentsInput = require('@alfalab/core-components-input');
 var mobile = require('@alfalab/core-components-select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-4fb8c86a.js');
+var mobile_module = require('./mobile.module-00dfdfed.js');
 require('@alfalab/core-components-form-control/mobile');
 require('@alfalab/hooks');
 

package/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonMobileProps } from "./mobile-96988a65";
 import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
@@ -27,14 +26,14 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "Checkmark" | "autocomplete" | "nativeSelect" | "OptionsList"> & {
+} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
     onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;
     onCancel?: (() => void) | undefined;
     onClearFilter?: (() => void) | undefined;
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    bottomSheetProps?: Partial<import("./index-f12ee135").BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
     continueButtonProps?: ButtonMobileProps | undefined;
     cancelButtonProps?: ButtonMobileProps | undefined;

package/Component.responsive.js

@@ -18,7 +18,7 @@ require('@alfalab/core-components-input');
 require('@alfalab/core-components-select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('@alfalab/core-components-form-control/mobile');
-require('./mobile.module-4fb8c86a.js');
+require('./mobile.module-00dfdfed.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/autocomplete-field/Component.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1d0j6","error":"input-autocomplete__error_1d0j6"};
+var styles = {"arrow":"input-autocomplete__arrow_xva07","error":"input-autocomplete__error_xva07"};
 require('./index.css')
 
 var AutocompleteField = function (_a) {

package/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: h86c0 */
-.input-autocomplete__arrow_1d0j6.input-autocomplete__error_1d0j6 ~ * {
+/* hash: za9c8 */
+.input-autocomplete__arrow_xva07.input-autocomplete__error_xva07 ~ * {
     display: none;
 }

package/autocomplete-mobile-field/Component.d.ts

@@ -1,8 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { FormControlMobileProps } from "../mobile-96988a65";
-import { InputAutocompleteProps } from "../index";
 import { FieldProps as BaseFieldProps } from "../shared-4cd3936b";
-type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
+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, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
 export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/autocomplete-mobile-field/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_3dpk8","field":"input-autocomplete__field_3dpk8","disabled":"input-autocomplete__disabled_3dpk8","placeholder":"input-autocomplete__placeholder_3dpk8","contentWrapper":"input-autocomplete__contentWrapper_3dpk8","value":"input-autocomplete__value_3dpk8","focusVisible":"input-autocomplete__focusVisible_3dpk8"};
+var styles = {"component":"input-autocomplete__component_xkbli","field":"input-autocomplete__field_xkbli","disabled":"input-autocomplete__disabled_xkbli","placeholder":"input-autocomplete__placeholder_xkbli","contentWrapper":"input-autocomplete__contentWrapper_xkbli","value":"input-autocomplete__value_xkbli","focusVisible":"input-autocomplete__focusVisible_xkbli"};
 require('./index.css')
 
 var AutocompleteMobileField = function (_a) {

package/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: obwmz */
+/* hash: doomx */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_3dpk8 {
+} .input-autocomplete__component_xkbli {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_3dpk8:not(.input-autocomplete__disabled_3dpk8) {
+} .input-autocomplete__field_xkbli:not(.input-autocomplete__disabled_xkbli) {
     cursor: pointer;
-} .input-autocomplete__disabled_3dpk8 {
+} .input-autocomplete__disabled_xkbli {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_3dpk8 {
+} .input-autocomplete__placeholder_xkbli {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_3dpk8 {
+} .input-autocomplete__contentWrapper_xkbli {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_3dpk8 {
+} .input-autocomplete__value_xkbli {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_3dpk8 {
+} .input-autocomplete__focusVisible_xkbli {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/{esm/component-89a3cf4c.d.ts → component-50136800.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
 import { BottomSheetProps } from "./types-d9f9bbcc";

package/{modern/Component-89a3cf4c.d.ts → cssm/Component-50136800.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/cssm/Component-5e1b8383.d.ts

@@ -61,7 +61,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/cssm/Component-72dda473.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import React from 'react';
+import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
+type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
+type BadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     *  Вид компонента
+     */
+    view: 'icon' | 'count';
+    /**
+     * Размер компонента (только для view=icon)
+     * //deprecated(используйте height для view=count )
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     *  Видимость белой обводки вокруг иконки
+     */
+    visibleIconOutline?: boolean;
+    /**
+     *  Видимость цветной обводки вокруг иконки (только для view=icon)
+     */
+    visibleColorOutline?: boolean;
+    /**
+     * Контент компонента
+     */
+    content?: React.ReactElement | number;
+    /**
+     * Высота компонента, min = 16; max = 48 (только для view=count)
+     */
+    height?: number;
+    /**
+     * Цветовое оформление бейджа при view='count'
+     */
+    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
+    /**
+     * Цветовое оформление бейджа при view='icon'
+     */
+    iconColor?: IconColorType;
+    /**
+     * Цвет подложки под иконкой
+     */
+    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
+export { IconColorType, BadgeProps, Badge };

package/cssm/{Component-e81c389f.d.ts → Component-c76d6398.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/cssm/Component.mobile-f1f15074.d.ts

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 export { Content, FooterProps, Footer, ModalMobile };

package/cssm/Component.mobile.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonMobileProps } from "./mobile-96988a65";
-import { BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
+import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
      * Обработчик выбора
@@ -32,7 +31,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
     /**
      * Дополнительные пропсы компонента BottomSheet
      */
-    bottomSheetProps?: Partial<BottomSheetProps>;
+    bottomSheetProps?: AdditionalMobileProps['bottomSheetProps'];
     /**
      * Дополнительные пропсы на слот под заголовком компонента BottomSheet
      */
@@ -78,7 +77,7 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<Base
     /**
      * Дополнительные пропсы компонента BottomSheet
      */
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    bottomSheetProps?: AdditionalMobileProps['bottomSheetProps'];
     /**
      * Дополнительные пропсы на слот под заголовком компонента BottomSheet
      */

package/cssm/Component.modal.mobile-5e1b8383.d.ts

@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */

package/cssm/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonMobileProps } from "./mobile-96988a65";
 import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
@@ -34,7 +33,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     filter?: string | undefined;
     onCancel?: (() => void) | undefined;
     onClearFilter?: (() => void) | undefined;
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    bottomSheetProps?: Partial<import("./index-f12ee135").BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
     continueButtonProps?: ButtonMobileProps | undefined;
     cancelButtonProps?: ButtonMobileProps | undefined;

package/cssm/autocomplete-mobile-field/Component.d.ts

@@ -1,8 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { FormControlMobileProps } from "../mobile-96988a65";
-import { InputAutocompleteProps } from "../index";
 import { FieldProps as BaseFieldProps } from "../shared-4cd3936b";
-type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
+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, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
 export { AutocompleteMobileFieldProps, AutocompleteMobileField };

package/{modern/component-89a3cf4c.d.ts → cssm/component-50136800.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
 import { BottomSheetProps } from "./types-d9f9bbcc";

package/cssm/index-50136800.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns };

package/{esm/index-425c8522.d.ts → cssm/index-72dda473.d.ts}

@@ -3,4 +3,10 @@ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' |
 type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
 type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
 type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/cssm/index-c76d6398.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component-50136800";
+export type { NavigationBarProps } from "./types-83e2bd9e";

package/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-89a3cf4c";
+export * from "./component-50136800";
 export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-d9f9bbcc";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/cssm/types-d9f9bbcc.d.ts

@@ -2,8 +2,8 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**

package/esm/{Component-89a3cf4c.d.ts → Component-50136800.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/esm/Component-5e1b8383.d.ts

@@ -61,7 +61,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/esm/Component-72dda473.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import React from 'react';
+import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
+type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
+type BadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     *  Вид компонента
+     */
+    view: 'icon' | 'count';
+    /**
+     * Размер компонента (только для view=icon)
+     * //deprecated(используйте height для view=count )
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     *  Видимость белой обводки вокруг иконки
+     */
+    visibleIconOutline?: boolean;
+    /**
+     *  Видимость цветной обводки вокруг иконки (только для view=icon)
+     */
+    visibleColorOutline?: boolean;
+    /**
+     * Контент компонента
+     */
+    content?: React.ReactElement | number;
+    /**
+     * Высота компонента, min = 16; max = 48 (только для view=count)
+     */
+    height?: number;
+    /**
+     * Цветовое оформление бейджа при view='count'
+     */
+    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
+    /**
+     * Цветовое оформление бейджа при view='icon'
+     */
+    iconColor?: IconColorType;
+    /**
+     * Цвет подложки под иконкой
+     */
+    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
+export { IconColorType, BadgeProps, Badge };

package/esm/{Component-e81c389f.d.ts → Component-c76d6398.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

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

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 export { Content, FooterProps, Footer, ModalMobile };

package/esm/Component.mobile.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonMobileProps } from "./mobile-96988a65";
-import { BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
+import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
      * Обработчик выбора
@@ -32,7 +31,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
     /**
      * Дополнительные пропсы компонента BottomSheet
      */
-    bottomSheetProps?: Partial<BottomSheetProps>;
+    bottomSheetProps?: AdditionalMobileProps['bottomSheetProps'];
     /**
      * Дополнительные пропсы на слот под заголовком компонента BottomSheet
      */
@@ -78,7 +77,7 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<Base
     /**
      * Дополнительные пропсы компонента BottomSheet
      */
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    bottomSheetProps?: AdditionalMobileProps['bottomSheetProps'];
     /**
      * Дополнительные пропсы на слот под заголовком компонента BottomSheet
      */

package/esm/Component.mobile.js

@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
 import { Input } from '@alfalab/core-components-input/esm';
 import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-ed5594fa.js';
+import { s as styles } from './mobile.module-bb0cbc57.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/hooks';
 

package/esm/Component.modal.mobile-5e1b8383.d.ts

@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */

package/esm/Component.modal.mobile.js

@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
 import { Input } from '@alfalab/core-components-input/esm';
 import { SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-ed5594fa.js';
+import { s as styles } from './mobile.module-bb0cbc57.js';
 import '@alfalab/core-components-form-control/esm/mobile';
 import '@alfalab/hooks';
 

package/esm/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonMobileProps } from "./mobile-96988a65";
 import { BaseSelectProps } from "./shared-4cd3936b";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
@@ -34,7 +33,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     filter?: string | undefined;
     onCancel?: (() => void) | undefined;
     onClearFilter?: (() => void) | undefined;
-    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    bottomSheetProps?: Partial<import("./index-f12ee135").BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
     continueButtonProps?: ButtonMobileProps | undefined;
     cancelButtonProps?: ButtonMobileProps | undefined;