@alfalab/core-components-picker-button 11.3.2 → 11.3.3

package/index-ebda875c.d.ts

@@ -1,80 +1,2 @@
 /// <reference types="react" />
-import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-type IconButtonProps = {
-    /**
-     * Компонент иконки
-     */
-    icon: ElementType<{
-        className?: string;
-    }> | ReactElement;
-    /**
-     * Тип кнопки
-     */
-    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
-    /**
-     * Размер компонента
-     */
-    size?: "xxs" | "xs" | "s";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Выравнивание иконки
-     * @default 'center'
-     */
-    alignIcon?: "left" | "center" | "right";
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
-declare const IconButton: React.ForwardRefExoticComponent<{
-    icon: ElementType<{
-        className?: string;
-    }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | "xxs" | undefined;
-    className?: string | undefined;
-    alignIcon?: "center" | "right" | "left" | undefined;
-    dataTestId?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-export { CloserProps, Closer, IconButtonProps, IconButton };
+export * from "./Component-c44170fe";

package/index.css

@@ -1,4 +1,4 @@
-/* hash: sxpts */
+/* hash: 1u4qx */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_jck4a {
+} .picker-button__container_1wrm3 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_jck4a.picker-button__sideGap_jck4a {
+} .cc-picker-button.picker-button__optionsPopover_1wrm3.picker-button__sideGap_1wrm3 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_jck4a {
+        } .cc-picker-button .picker-button__option_1wrm3 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_jck4a:before {
+    } .cc-picker-button .picker-button__option_1wrm3:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/index.js

@@ -6,7 +6,7 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-require('./Component.desktop.js');
+require('./desktop/Component.desktop.js');
 require('classnames');
 require('@alfalab/core-components-popover');
 require('@alfalab/core-components-select/shared');
@@ -18,7 +18,7 @@ require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('./option/Component.js');
-require('./Component.mobile.js');
+require('./mobile/Component.mobile.js');
 require('@alfalab/core-components-select/mobile');
 
 

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
-import { PickerButtonDesktopProps } from "./desktop/index";
+import { PickerButtonDesktopProps } from "../desktop/index";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

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

@@ -6,11 +6,11 @@ var tslib = require('tslib');
 var React = require('react');
 var mobile = require('@alfalab/core-components-select/mobile');
 var shared = require('@alfalab/core-components-select/shared');
-var field_Component = require('./field/Component.js');
-var option_Component = require('./option/Component.js');
+var field_Component = require('../field/Component.js');
+var option_Component = require('../option/Component.js');
 require('classnames');
 require('@alfalab/core-components-button');
-require('./utils/index.js');
+require('../utils/index.js');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');

package/mobile/index.d.ts

@@ -1,2 +1,2 @@
-export { PickerButtonMobile, PickerButtonMobileProps } from "../Component.mobile";
+export { PickerButtonMobile, PickerButtonMobileProps } from "./Component.mobile";
 export {};

package/mobile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('../Component.mobile.js');
+var mobile_Component_mobile = require('./Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-select/mobile');
@@ -19,4 +19,4 @@ require('../option/Component.js');
 
 
 
-exports.PickerButtonMobile = Component_mobile.PickerButtonMobile;
+exports.PickerButtonMobile = mobile_Component_mobile.PickerButtonMobile;

package/modern/Component-c44170fe.d.ts

@@ -138,7 +138,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */
@@ -264,7 +264,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
     /**
      * Компонент FormControl
      */
-    FormControlComponent?: React.ElementType<Omit<import("./index-c44170fe").BaseFormControlProps, "styles" | "colorStyles"> & {
+    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;

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

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

package/modern/Component.desktop-63dec22f.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "./index-ebda875c";
+type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent'>;
+declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+export { InputDesktopProps, InputDesktop };

package/modern/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts}

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

package/modern/Component.mobile-96988a65.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "./index-ebda875c";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { InputMobileProps, InputMobile };

package/modern/{Component.mobile-d7e9f69d.d.ts → Component.mobile-ebda875c.d.ts}

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

package/modern/Component.responsive.d.ts

@@ -9,7 +9,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/shared").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("@alfalab/core-components-select/shared").OptionShape | import("@alfalab/core-components-select/shared").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];

package/modern/Component.responsive.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import { useMedia } from '@alfalab/hooks';
-import { PickerButtonDesktop } from './Component.desktop.js';
-import { PickerButtonMobile } from './Component.mobile.js';
+import { PickerButtonDesktop } from './desktop/Component.desktop.js';
+import { PickerButtonMobile } from './mobile/Component.mobile.js';
 import 'classnames';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/core-components-select/modern/shared';

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "@alfalab/core-components-button";
 import { BaseSelectProps } from "@alfalab/core-components-select/shared";
-import { PickerButtonSize, PickerButtonVariant } from "./types";
+import { PickerButtonSize, PickerButtonVariant } from "../types";
 type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
@@ -25,7 +25,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      */
     showArrow?: boolean;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "hint" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

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

@@ -2,17 +2,17 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Popover } from '@alfalab/core-components-popover/modern';
 import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/modern/shared';
-import { Field } from './field/Component.js';
-import { Option } from './option/Component.js';
+import { Field } from '../field/Component.js';
+import { Option } from '../option/Component.js';
 import '@alfalab/core-components-button/modern';
-import './utils/index.js';
+import '../utils/index.js';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"container":"picker-button__container_jck4a","optionsPopover":"picker-button__optionsPopover_jck4a","sideGap":"picker-button__sideGap_jck4a","option":"picker-button__option_jck4a"};
-require('./index.css')
+const styles = {"container":"picker-button__container_1wrm3","optionsPopover":"picker-button__optionsPopover_1wrm3","sideGap":"picker-button__sideGap_1wrm3","option":"picker-button__option_1wrm3"};
+require('./../index.css')
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
 const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionClassName, showArrow, Field: Field$1 = Field, fieldProps = {}, ...restProps }, ref) => {

package/modern/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export { PickerButtonDesktop, PickerButtonDesktopProps } from "../Component.desktop";
+export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop";
 export {};

package/modern/desktop/index.js

@@ -1,4 +1,4 @@
-export { PickerButtonDesktop } from '../Component.desktop.js';
+export { PickerButtonDesktop } from './Component.desktop.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-popover/modern';

package/modern/field/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-0816e61d";
+import { FieldProps as BaseFieldProps } from "../typings-e63ec8aa";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 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_bgrrg","addonsContainer":"picker-button__addonsContainer_bgrrg","showControlIcon":"picker-button__showControlIcon_bgrrg","open":"picker-button__open_bgrrg","linkOpen":"picker-button__linkOpen_bgrrg"};
+const styles = {"iconContainer":"picker-button__iconContainer_d1k4j","addonsContainer":"picker-button__addonsContainer_d1k4j","showControlIcon":"picker-button__showControlIcon_d1k4j","open":"picker-button__open_d1k4j","linkOpen":"picker-button__linkOpen_d1k4j"};
 require('./index.css')
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {

package/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 13sez */
+/* hash: 23qat */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_bgrrg {
+} .picker-button__iconContainer_d1k4j {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_bgrrg {
+} .picker-button__addonsContainer_d1k4j {
     display: flex
-} .picker-button__addonsContainer_bgrrg.picker-button__showControlIcon_bgrrg {
+} .picker-button__addonsContainer_d1k4j.picker-button__showControlIcon_d1k4j {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_bgrrg {
+    } .picker-button__open_d1k4j {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_bgrrg:not(:hover) {
+} .picker-button__linkOpen_d1k4j:not(:hover) {
     background-color: var(--color-light-neutral-translucent-100);
 }

package/modern/index-63dec22f.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop-ebda875c";
+export {};

package/modern/index-96988a65.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile-ebda875c";
+export {};

package/modern/index-c44170fe.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from "react";
+import { BaseFormControlProps } from "./index-ebda875c";
 type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/modern/index-ebda875c.d.ts

@@ -1,80 +1,2 @@
 /// <reference types="react" />
-import React from "react";
-import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes, ReactElement } from "react";
-import { ButtonProps } from "@alfalab/core-components-button";
-interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Вид компонента
-     */
-    view: "desktop" | "mobile";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Позиция крестика
-     */
-    align?: "left" | "right";
-    /**
-     * Фиксирует крестик
-     */
-    sticky?: boolean;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк закрытия.
-     */
-    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-}
-declare const Closer: FC<CloserProps>;
-type IconButtonProps = {
-    /**
-     * Компонент иконки
-     */
-    icon: ElementType<{
-        className?: string;
-    }> | ReactElement;
-    /**
-     * Тип кнопки
-     */
-    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
-    /**
-     * Размер компонента
-     */
-    size?: "xxs" | "xs" | "s";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Выравнивание иконки
-     * @default 'center'
-     */
-    alignIcon?: "left" | "center" | "right";
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "Component" | "href" | "loading" | "breakpoint"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
-declare const IconButton: React.ForwardRefExoticComponent<{
-    icon: ElementType<{
-        className?: string;
-    }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | "xxs" | undefined;
-    className?: string | undefined;
-    alignIcon?: "center" | "right" | "left" | undefined;
-    dataTestId?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
-export { CloserProps, Closer, IconButtonProps, IconButton };
+export * from "./Component-c44170fe";

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: sxpts */
+/* hash: 1u4qx */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_jck4a {
+} .picker-button__container_1wrm3 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_jck4a.picker-button__sideGap_jck4a {
+} .cc-picker-button.picker-button__optionsPopover_1wrm3.picker-button__sideGap_1wrm3 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_jck4a {
+        } .cc-picker-button .picker-button__option_1wrm3 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_jck4a:before {
+    } .cc-picker-button .picker-button__option_1wrm3:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/modern/index.js

@@ -1,7 +1,7 @@
 export { PickerButtonResponsive as PickerButton } from './Component.responsive.js';
 import 'react';
 import '@alfalab/hooks';
-import './Component.desktop.js';
+import './desktop/Component.desktop.js';
 import 'classnames';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/core-components-select/modern/shared';
@@ -13,5 +13,5 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './option/Component.js';
-import './Component.mobile.js';
+import './mobile/Component.mobile.js';
 import '@alfalab/core-components-select/modern/mobile';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
-import { PickerButtonDesktopProps } from "./desktop/index";
+import { PickerButtonDesktopProps } from "../desktop/index";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка для кнопки, с нее начинается desktop версия

package/modern/{Component.mobile.js → mobile/Component.mobile.js}

@@ -1,11 +1,11 @@
 import React, { forwardRef } from 'react';
 import { SelectMobile } from '@alfalab/core-components-select/modern/mobile';
 import { Optgroup } from '@alfalab/core-components-select/modern/shared';
-import { Field } from './field/Component.js';
-import { Option } from './option/Component.js';
+import { Field } from '../field/Component.js';
+import { Option } from '../option/Component.js';
 import 'classnames';
 import '@alfalab/core-components-button/modern';
-import './utils/index.js';
+import '../utils/index.js';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';

package/modern/mobile/index.d.ts

@@ -1,2 +1,2 @@
-export { PickerButtonMobile, PickerButtonMobileProps } from "../Component.mobile";
+export { PickerButtonMobile, PickerButtonMobileProps } from "./Component.mobile";
 export {};

package/modern/mobile/index.js

@@ -1,4 +1,4 @@
-export { PickerButtonMobile } from '../Component.mobile.js';
+export { PickerButtonMobile } from './Component.mobile.js';
 import 'react';
 import '@alfalab/core-components-select/modern/mobile';
 import '@alfalab/core-components-select/modern/shared';

package/modern/option/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/modern/shared';
 
-const styles = {"container":"picker-button__container_5mxve","icon":"picker-button__icon_5mxve","content":"picker-button__content_5mxve"};
+const styles = {"container":"picker-button__container_1j1zu","icon":"picker-button__icon_1j1zu","content":"picker-button__content_1j1zu"};
 require('./index.css')
 
 const Option = ({ option, children, ...restProps }) => {

package/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 73h57 */
+/* hash: 18ai8 */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_5mxve {
+} .picker-button__container_1j1zu {
     display: flex;
     align-items: center;
-} .picker-button__icon_5mxve {
+} .picker-button__icon_1j1zu {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_5mxve {
+} .picker-button__content_1j1zu {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/modern/{types-1c79e231.d.ts → types-667e33fd.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ReactNode } from "react";
-import { CloserProps } from "./index-ebda875c";
+import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
 type NavigationBarProps = {
     /**
      * Контент шапки
@@ -51,6 +51,10 @@ type NavigationBarProps = {
      * Дополнительный класс для правого аддона
      */
     backButtonClassName?: string;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: Omit<BackArrowAddonProps, 'view' | 'textOpacity' | 'onClick'>;
     /**
      * Дополнительный класс
      */