@alfalab/core-components-picker-button 10.3.9 → 10.3.10

package/Component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_1xwiq","optionsPopover":"picker-button__optionsPopover_1xwiq","sideGap":"picker-button__sideGap_1xwiq","optionsListContainer":"picker-button__optionsListContainer_1xwiq","option":"picker-button__option_1xwiq"};
+var styles = {"container":"picker-button__container_1k9v6","optionsPopover":"picker-button__optionsPopover_1k9v6","sideGap":"picker-button__sideGap_1k9v6","optionsListContainer":"picker-button__optionsListContainer_1k9v6","option":"picker-button__option_1k9v6"};
 require('./index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/cssm/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-cac440c1";
+import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/cssm/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-cac440c1";
-import { OptionProps as BaseOptionProps } from "../typings-cac440c1";
+import { OptionShape } from "../typings-a8deae7f";
+import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/cssm/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes } from "react";
+import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes, SVGProps } from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
@@ -254,6 +254,47 @@ type PopoverProps = {
     children?: ReactNode;
 };
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+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;
+    /**
+     * Цветовое оформление иконки
+     */
+    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+// eslint-disable-next-line complexity
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Растягивает компонент на ширину контейнера
@@ -358,46 +399,6 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
     dataTestId?: string | undefined;
     children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-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;
-    /**
-     * Цветовое оформление иконки
-     */
-    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type PortalProps = {
     /** Контент */
     children?: ReactNode;
@@ -439,6 +440,7 @@ declare const Stack: FC<StackProps>;
 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;
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -762,7 +764,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -982,6 +984,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { InputProps, Input, Position, PopoverProps, Popover, FormControlProps, FormControl, BadgeProps, Badge, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { InputProps, Input, Position, PopoverProps, Popover, BadgeProps, Badge, FormControlProps, FormControl, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/esm/Component.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"container":"picker-button__container_1xwiq","optionsPopover":"picker-button__optionsPopover_1xwiq","sideGap":"picker-button__sideGap_1xwiq","optionsListContainer":"picker-button__optionsListContainer_1xwiq","option":"picker-button__option_1xwiq"};
+var styles = {"container":"picker-button__container_1k9v6","optionsPopover":"picker-button__optionsPopover_1k9v6","sideGap":"picker-button__sideGap_1k9v6","optionsListContainer":"picker-button__optionsListContainer_1k9v6","option":"picker-button__option_1k9v6"};
 require('./index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/esm/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-cac440c1";
+import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/esm/field/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1yq47","addonsContainer":"picker-button__addonsContainer_1yq47","showControlIcon":"picker-button__showControlIcon_1yq47","open":"picker-button__open_1yq47"};
+var styles = {"iconContainer":"picker-button__iconContainer_1vqdm","addonsContainer":"picker-button__addonsContainer_1vqdm","showControlIcon":"picker-button__showControlIcon_1vqdm","open":"picker-button__open_1vqdm"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jztw */
+/* hash: o1ydp */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_1yq47 {
+} .picker-button__iconContainer_1vqdm {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_1yq47 {
+} .picker-button__addonsContainer_1vqdm {
     display: flex
-} .picker-button__addonsContainer_1yq47.picker-button__showControlIcon_1yq47 {
+} .picker-button__addonsContainer_1vqdm.picker-button__showControlIcon_1vqdm {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_1yq47 {
+    } .picker-button__open_1vqdm {
     transform: var(--arrow-transform);
 }

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: cqawp */
+/* hash: 1pakk */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -18,17 +18,17 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1xwiq {
+} .picker-button__container_1k9v6 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1xwiq {
+} .cc-picker-button.picker-button__optionsPopover_1k9v6 {
         padding: var(--gap-2xs) 0
-    } .cc-picker-button.picker-button__optionsPopover_1xwiq.picker-button__sideGap_1xwiq {
+    } .cc-picker-button.picker-button__optionsPopover_1k9v6.picker-button__sideGap_1k9v6 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__optionsListContainer_1xwiq {
+        } .cc-picker-button .picker-button__optionsListContainer_1k9v6 {
         border-radius: var(--border-radius-m);
-    } .cc-picker-button .picker-button__option_1xwiq {
+    } .cc-picker-button .picker-button__option_1k9v6 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1xwiq:before {
+    } .cc-picker-button .picker-button__option_1k9v6:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/esm/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-cac440c1";
-import { OptionProps as BaseOptionProps } from "../typings-cac440c1";
+import { OptionShape } from "../typings-a8deae7f";
+import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/esm/option/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/esm';
 
-var styles = {"container":"picker-button__container_1j66m","icon":"picker-button__icon_1j66m","content":"picker-button__content_1j66m"};
+var styles = {"container":"picker-button__container_15jj2","icon":"picker-button__icon_15jj2","content":"picker-button__content_15jj2"};
 require('./index.css')
 
 var Option = function (_a) {

package/esm/option/index.css

@@ -1,4 +1,4 @@
-/* hash: khod5 */
+/* hash: 1x1y0 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_1j66m {
+} .picker-button__container_15jj2 {
     display: flex;
     align-items: center;
-} .picker-button__icon_1j66m {
+} .picker-button__icon_15jj2 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1j66m {
+} .picker-button__content_15jj2 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/esm/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes } from "react";
+import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes, SVGProps } from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
@@ -254,6 +254,47 @@ type PopoverProps = {
     children?: ReactNode;
 };
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+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;
+    /**
+     * Цветовое оформление иконки
+     */
+    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+// eslint-disable-next-line complexity
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Растягивает компонент на ширину контейнера
@@ -358,46 +399,6 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
     dataTestId?: string | undefined;
     children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-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;
-    /**
-     * Цветовое оформление иконки
-     */
-    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type PortalProps = {
     /** Контент */
     children?: ReactNode;
@@ -439,6 +440,7 @@ declare const Stack: FC<StackProps>;
 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;
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -762,7 +764,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -982,6 +984,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { InputProps, Input, Position, PopoverProps, Popover, FormControlProps, FormControl, BadgeProps, Badge, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { InputProps, Input, Position, PopoverProps, Popover, BadgeProps, Badge, FormControlProps, FormControl, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-cac440c1";
+import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/field/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"picker-button__iconContainer_1yq47","addonsContainer":"picker-button__addonsContainer_1yq47","showControlIcon":"picker-button__showControlIcon_1yq47","open":"picker-button__open_1yq47"};
+var styles = {"iconContainer":"picker-button__iconContainer_1vqdm","addonsContainer":"picker-button__addonsContainer_1vqdm","showControlIcon":"picker-button__showControlIcon_1vqdm","open":"picker-button__open_1vqdm"};
 require('./index.css')
 
 var Field = function (_a) {

package/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jztw */
+/* hash: o1ydp */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_1yq47 {
+} .picker-button__iconContainer_1vqdm {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_1yq47 {
+} .picker-button__addonsContainer_1vqdm {
     display: flex
-} .picker-button__addonsContainer_1yq47.picker-button__showControlIcon_1yq47 {
+} .picker-button__addonsContainer_1vqdm.picker-button__showControlIcon_1vqdm {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_1yq47 {
+    } .picker-button__open_1vqdm {
     transform: var(--arrow-transform);
 }

package/index.css

@@ -1,4 +1,4 @@
-/* hash: cqawp */
+/* hash: 1pakk */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -18,17 +18,17 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1xwiq {
+} .picker-button__container_1k9v6 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1xwiq {
+} .cc-picker-button.picker-button__optionsPopover_1k9v6 {
         padding: var(--gap-2xs) 0
-    } .cc-picker-button.picker-button__optionsPopover_1xwiq.picker-button__sideGap_1xwiq {
+    } .cc-picker-button.picker-button__optionsPopover_1k9v6.picker-button__sideGap_1k9v6 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__optionsListContainer_1xwiq {
+        } .cc-picker-button .picker-button__optionsListContainer_1k9v6 {
         border-radius: var(--border-radius-m);
-    } .cc-picker-button .picker-button__option_1xwiq {
+    } .cc-picker-button .picker-button__option_1k9v6 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1xwiq:before {
+    } .cc-picker-button .picker-button__option_1k9v6:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/modern/Component.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"container":"picker-button__container_1xwiq","optionsPopover":"picker-button__optionsPopover_1xwiq","sideGap":"picker-button__sideGap_1xwiq","optionsListContainer":"picker-button__optionsListContainer_1xwiq","option":"picker-button__option_1xwiq"};
+const styles = {"container":"picker-button__container_1k9v6","optionsPopover":"picker-button__optionsPopover_1k9v6","sideGap":"picker-button__sideGap_1k9v6","optionsListContainer":"picker-button__optionsListContainer_1k9v6","option":"picker-button__option_1k9v6"};
 require('./index.css')
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/modern/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-cac440c1";
+import { FieldProps as BaseFieldProps } from "../typings-a8deae7f";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/modern/field/Component.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"iconContainer":"picker-button__iconContainer_1yq47","addonsContainer":"picker-button__addonsContainer_1yq47","showControlIcon":"picker-button__showControlIcon_1yq47","open":"picker-button__open_1yq47"};
+const styles = {"iconContainer":"picker-button__iconContainer_1vqdm","addonsContainer":"picker-button__addonsContainer_1vqdm","showControlIcon":"picker-button__showControlIcon_1vqdm","open":"picker-button__open_1vqdm"};
 require('./index.css')
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, ...restProps }) => {

package/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jztw */
+/* hash: o1ydp */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_1yq47 {
+} .picker-button__iconContainer_1vqdm {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_1yq47 {
+} .picker-button__addonsContainer_1vqdm {
     display: flex
-} .picker-button__addonsContainer_1yq47.picker-button__showControlIcon_1yq47 {
+} .picker-button__addonsContainer_1vqdm.picker-button__showControlIcon_1vqdm {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_1yq47 {
+    } .picker-button__open_1vqdm {
     transform: var(--arrow-transform);
 }

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: cqawp */
+/* hash: 1pakk */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -18,17 +18,17 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1xwiq {
+} .picker-button__container_1k9v6 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1xwiq {
+} .cc-picker-button.picker-button__optionsPopover_1k9v6 {
         padding: var(--gap-2xs) 0
-    } .cc-picker-button.picker-button__optionsPopover_1xwiq.picker-button__sideGap_1xwiq {
+    } .cc-picker-button.picker-button__optionsPopover_1k9v6.picker-button__sideGap_1k9v6 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__optionsListContainer_1xwiq {
+        } .cc-picker-button .picker-button__optionsListContainer_1k9v6 {
         border-radius: var(--border-radius-m);
-    } .cc-picker-button .picker-button__option_1xwiq {
+    } .cc-picker-button .picker-button__option_1k9v6 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1xwiq:before {
+    } .cc-picker-button .picker-button__option_1k9v6:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/modern/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-cac440c1";
-import { OptionProps as BaseOptionProps } from "../typings-cac440c1";
+import { OptionShape } from "../typings-a8deae7f";
+import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/modern/option/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/modern';
 
-const styles = {"container":"picker-button__container_1j66m","icon":"picker-button__icon_1j66m","content":"picker-button__content_1j66m"};
+const styles = {"container":"picker-button__container_15jj2","icon":"picker-button__icon_15jj2","content":"picker-button__content_15jj2"};
 require('./index.css')
 
 const Option = ({ option, children, ...restProps }) => {

package/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: khod5 */
+/* hash: 1x1y0 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_1j66m {
+} .picker-button__container_15jj2 {
     display: flex;
     align-items: center;
-} .picker-button__icon_1j66m {
+} .picker-button__icon_15jj2 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1j66m {
+} .picker-button__content_15jj2 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/modern/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes } from "react";
+import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes, SVGProps } from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
@@ -254,6 +254,47 @@ type PopoverProps = {
     children?: ReactNode;
 };
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+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;
+    /**
+     * Цветовое оформление иконки
+     */
+    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+// eslint-disable-next-line complexity
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Растягивает компонент на ширину контейнера
@@ -358,46 +399,6 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
     dataTestId?: string | undefined;
     children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-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;
-    /**
-     * Цветовое оформление иконки
-     */
-    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type PortalProps = {
     /** Контент */
     children?: ReactNode;
@@ -439,6 +440,7 @@ declare const Stack: FC<StackProps>;
 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;
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -762,7 +764,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -982,6 +984,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { InputProps, Input, Position, PopoverProps, Popover, FormControlProps, FormControl, BadgeProps, Badge, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { InputProps, Input, Position, PopoverProps, Popover, BadgeProps, Badge, FormControlProps, FormControl, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-cac440c1";
-import { OptionProps as BaseOptionProps } from "../typings-cac440c1";
+import { OptionShape } from "../typings-a8deae7f";
+import { OptionProps as BaseOptionProps } from "../typings-a8deae7f";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/option/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_1j66m","icon":"picker-button__icon_1j66m","content":"picker-button__content_1j66m"};
+var styles = {"container":"picker-button__container_15jj2","icon":"picker-button__icon_15jj2","content":"picker-button__content_15jj2"};
 require('./index.css')
 
 var Option = function (_a) {

package/option/index.css

@@ -1,4 +1,4 @@
-/* hash: khod5 */
+/* hash: 1x1y0 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_1j66m {
+} .picker-button__container_15jj2 {
     display: flex;
     align-items: center;
-} .picker-button__icon_1j66m {
+} .picker-button__icon_15jj2 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1j66m {
+} .picker-button__content_15jj2 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "10.3.9",
+    "version": "10.3.10",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@alfalab/core-components-button": "^7.1.1",
-        "@alfalab/core-components-select": "^13.2.14",
+        "@alfalab/core-components-select": "^13.2.15",
         "@alfalab/icons-classic": "^2.3.0",
         "@alfalab/icons-glyph": "^2.89.0",
         "classnames": "^2.3.1",

package/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes } from "react";
+import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes, SVGProps } from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
@@ -254,6 +254,47 @@ type PopoverProps = {
     children?: ReactNode;
 };
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+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;
+    /**
+     * Цветовое оформление иконки
+     */
+    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+// eslint-disable-next-line complexity
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Растягивает компонент на ширину контейнера
@@ -358,46 +399,6 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
     dataTestId?: string | undefined;
     children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-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;
-    /**
-     * Цветовое оформление иконки
-     */
-    iconColor?: "positive" | "attention" | "link" | "negative" | "tertiary" | "secondary" | "primary";
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, dataTestId }: BadgeProps) => JSX.Element;
 type PortalProps = {
     /** Контент */
     children?: ReactNode;
@@ -439,6 +440,7 @@ declare const Stack: FC<StackProps>;
 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;
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -762,7 +764,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -982,6 +984,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { InputProps, Input, Position, PopoverProps, Popover, FormControlProps, FormControl, BadgeProps, Badge, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { InputProps, Input, Position, PopoverProps, Popover, BadgeProps, Badge, FormControlProps, FormControl, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };