@alfalab/core-components 34.0.1-beta.0 → 35.0.0-beta.0

package/picker-button/field/Component.d.ts

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

package/picker-button/field/Component.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-645abc61.js');
+var tslib_es6 = require('../tslib.es6-70bb6483.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../button');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 var utils_index = require('../utils/index.js');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"iconContainer":"picker-button__iconContainer_18rgk","open":"picker-button__open_18rgk"};
+var styles = {"iconContainer":"picker-button__iconContainer_1kekc","open":"picker-button__open_1kekc"};
 require('./index.css');
 
 var Field = function (_a) {

package/picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1h4fj */
+/* hash: 1d0t1 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_18rgk {
+.picker-button__iconContainer_1kekc {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_18rgk {
+.picker-button__open_1kekc {
     transform: var(--arrow-transform);
 }

package/picker-button/field/index.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-645abc61.js');
+require('../tslib.es6-70bb6483.js');
 require('react');
 require('classnames');
 require('../../button');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('../utils/index.js');

package/picker-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 990bf */
+/* hash: 133ix */
 :root {
 
     /* Hard */
@@ -8,28 +8,29 @@
     /* Hard up */
 }
 :root {
+    --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-m: 16px;
 }
 :root {
-    --border-radius-s: 4px;
+    --border-radius-m: 8px;
 }
-.picker-button__container_87o6z {
+.picker-button__container_d6yk0 {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_87o6z {
-        padding: var(--gap-xs) 0
+.cc-picker-button.picker-button__optionsPopover_d6yk0 {
+        padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_87o6z.picker-button__sideGap_87o6z {
+.cc-picker-button.picker-button__optionsPopover_d6yk0.picker-button__sideGap_d6yk0 {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_87o6z {
-        border-radius: var(--border-radius-s);
+.cc-picker-button .picker-button__optionsListContainer_d6yk0 {
+        border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_87o6z {
+.cc-picker-button .picker-button__option_d6yk0 {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_87o6z:before {
+.cc-picker-button .picker-button__option_d6yk0:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Component.responsive";
-export { PickerButtonProps, PickerButtonSize, PickerButtonVariant } from "./Component";
+export { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";

package/picker-button/index.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-645abc61.js');
+require('./tslib.es6-70bb6483.js');
 require('react');
 require('../select');
 require('classnames');
 require('../button');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('./utils/index.js');

package/picker-button/mobile.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-645abc61.js');
+require('./tslib.es6-70bb6483.js');
 require('react');
 require('../select');
 require('classnames');
 require('../button');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('@alfalab/icons-glyph/MoreMIcon');
 require('@alfalab/icons-glyph/MoreSIcon');
 require('./utils/index.js');

package/picker-button/modern/Component.d.ts

@@ -5,7 +5,7 @@ import { ButtonProps } from "../../button";
 import { BaseSelectProps, OptionShape } from "../../select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 type PickerButtonVariant = 'default' | 'compact';
-type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
     options: Array<OptionShape & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
@@ -21,20 +21,20 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
      */
     variant?: PickerButtonVariant;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../../button").AnchorButtonProps> | Partial<import("../../button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
-    options: (OptionShape & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
+    options: Array<OptionShape & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
-        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
     /**
      * Размер кнопки
      */
-    size?: "s" | "m" | "l" | "xl" | "xxs" | "xs" | undefined;
+    size?: PickerButtonSize | undefined;
     /**
      * Тип кнопки
      */
-    variant?: "default" | "compact" | undefined;
+    variant?: PickerButtonVariant | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonSize, PickerButtonVariant, PickerButtonProps, PickerButtonDesktop };
+export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import { OptionsList, Optgroup, BaseSelect } from '../../select/modern';
@@ -10,13 +10,13 @@ import './utils/index.js';
 import { Field } from './field/Component.js';
 import { Option } from './option/Component.js';
 
-var styles = {"container":"picker-button__container_87o6z","optionsPopover":"picker-button__optionsPopover_87o6z","sideGap":"picker-button__sideGap_87o6z","optionsListContainer":"picker-button__optionsListContainer_87o6z","option":"picker-button__option_87o6z"};
+var styles = {"container":"picker-button__container_d6yk0","optionsPopover":"picker-button__optionsPopover_d6yk0","sideGap":"picker-button__sideGap_d6yk0","optionsListContainer":"picker-button__optionsListContainer_d6yk0","option":"picker-button__option_d6yk0"};
 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, optionsListClassName, optionClassName, ...restProps }, ref) => {
     const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    return (React.createElement(BaseSelect, Object.assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
+    return (React.createElement(BaseSelect, { ...restProps, optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view,
             loading,
             /** size у select, button несовместимы */
@@ -26,7 +26,7 @@ const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsLi
             rightAddons,
         }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
             [styles.sideGap]: isSideGap,
-        }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true })));
+        }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));
 });
 
 export { PickerButtonDesktop };

package/picker-button/modern/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { AdditionalMobileProps } from "../../select";
-import { PickerButtonProps } from "./Component";
-type PickerButtonMobileProps = Omit<PickerButtonProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
-declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
+import { PickerButtonDesktopProps } from "./Component";
+type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
+declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonMobileProps, PickerButtonMobile };

package/picker-button/modern/Component.mobile.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import { Optgroup, SelectMobile } from '../../select/modern';
@@ -10,20 +10,18 @@ import './utils/index.js';
 import { Field } from './field/Component.js';
 import { Option } from './option/Component.js';
 
-const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, ...restProps }, ref) => {
-    return (React.createElement(SelectMobile, Object.assign({}, restProps, { label: label, Option: Option$1, bottomSheetProps: {
-            title: label,
-            stickyHeader: true,
-            ...bottomSheetProps,
-        }, Field: Field, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
-            view,
-            loading,
-            /** size у select, button несовместимы */
-            buttonSize: size,
-            buttonVariant: variant,
-            leftAddons,
-            rightAddons,
-        }, ref: ref, options: options, selected: [] })));
-});
+const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, ...restProps }, ref) => (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
+        title: label,
+        stickyHeader: true,
+        ...bottomSheetProps,
+    }, Field: Field, Optgroup: Optgroup$1, size: size === 'm' ? 'm' : 's', closeOnSelect: true, fieldProps: {
+        view,
+        loading,
+        /** size у select, button несовместимы */
+        buttonSize: size,
+        buttonVariant: variant,
+        leftAddons,
+        rightAddons,
+    }, ref: ref, options: options, selected: [] })));
 
 export { PickerButtonMobile };

package/picker-button/modern/Component.responsive.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
+import { ButtonProps } from "../../button";
 import { AdditionalMobileProps } from "../../select";
-import { PickerButtonProps as PickerButtonDesktopProps } from "./Component";
+import { PickerButtonDesktopProps } from "./Component";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';
 type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     /**
@@ -10,12 +11,12 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
      */
     breakpoint?: number;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("../../select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../../button").AnchorButtonProps> | Partial<import("../../button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("../../select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
     options: (import("../../select").OptionShape & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
-    size?: "s" | "m" | "l" | "xl" | "xxs" | "xs" | undefined;
-    variant?: "default" | "compact" | undefined;
+    size?: import("./Component").PickerButtonSize | undefined;
+    variant?: import("./Component").PickerButtonVariant | undefined;
 } & AdditionalMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/picker-button/modern/Component.responsive.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import { useMedia } from '@alfalab/hooks';
@@ -18,7 +18,7 @@ const PickerButton = forwardRef(({ OptionsList, onScroll, footer, swipeable, bot
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],
     ], 'desktop');
-    return view === 'desktop' ? (React.createElement(PickerButtonDesktop, Object.assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(PickerButtonMobile, Object.assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+    return view === 'desktop' ? (React.createElement(PickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(PickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));
 });
 
 export { PickerButton };

package/picker-button/modern/desktop.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import '../../select/modern';

package/picker-button/modern/field/Component.d.ts

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

package/picker-button/modern/field/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import { Button } from '../../../button/modern';
 import { getIcon } from '../utils/index.js';
 
-var styles = {"iconContainer":"picker-button__iconContainer_18rgk","open":"picker-button__open_18rgk"};
+var styles = {"iconContainer":"picker-button__iconContainer_1kekc","open":"picker-button__open_1kekc"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }) => {
@@ -18,8 +18,8 @@ const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open,
         ...restInnerProps,
     };
     return (React.createElement("div", { ref: ref },
-        React.createElement(Button, Object.assign({}, buttonProps, { rightAddons: rightAddons ?? (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                React.createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
+        React.createElement(Button, { ...buttonProps, rightAddons: rightAddons ?? (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
+                React.createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }, buttonVariant !== 'compact' && label)));
 };
 
 export { Field };

package/picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1h4fj */
+/* hash: 1d0t1 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_18rgk {
+.picker-button__iconContainer_1kekc {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_18rgk {
+.picker-button__open_1kekc {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/field/index.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import '../../../button/modern';

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 990bf */
+/* hash: 133ix */
 :root {
 
     /* Hard */
@@ -8,28 +8,29 @@
     /* Hard up */
 }
 :root {
+    --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-m: 16px;
 }
 :root {
-    --border-radius-s: 4px;
+    --border-radius-m: 8px;
 }
-.picker-button__container_87o6z {
+.picker-button__container_d6yk0 {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_87o6z {
-        padding: var(--gap-xs) 0
+.cc-picker-button.picker-button__optionsPopover_d6yk0 {
+        padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_87o6z.picker-button__sideGap_87o6z {
+.cc-picker-button.picker-button__optionsPopover_d6yk0.picker-button__sideGap_d6yk0 {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_87o6z {
-        border-radius: var(--border-radius-s);
+.cc-picker-button .picker-button__optionsListContainer_d6yk0 {
+        border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_87o6z {
+.cc-picker-button .picker-button__option_d6yk0 {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_87o6z:before {
+.cc-picker-button .picker-button__option_d6yk0:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/modern/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Component.responsive";
-export { PickerButtonProps, PickerButtonSize, PickerButtonVariant } from "./Component";
+export { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";

package/picker-button/modern/index.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import '@alfalab/hooks';

package/picker-button/modern/mobile.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import '../../select/modern';

package/picker-button/modern/option/Component.d.ts

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

package/picker-button/modern/option/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern';
 
-var styles = {"container":"picker-button__container_zvce6","icon":"picker-button__icon_zvce6","content":"picker-button__content_zvce6"};
+var styles = {"container":"picker-button__container_14umr","icon":"picker-button__icon_14umr","content":"picker-button__content_14umr"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {
     const content = children || option.content || option.key;
     const Icon = option.icon;
-    return (React.createElement(Option$1, Object.assign({ option: option }, restProps),
+    return (React.createElement(Option$1, { option: option, ...restProps },
         React.createElement("div", { className: styles.container },
             Icon && React.createElement(Icon, { className: styles.icon }),
             React.createElement("div", { className: styles.content }, content))));

package/picker-button/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 8e5zd */
+/* hash: 60voi */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_zvce6 {
+.picker-button__container_14umr {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_zvce6 {
+.picker-button__icon_14umr {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_zvce6 {
+.picker-button__content_14umr {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;