@alfalab/core-components 36.2.0 → 36.3.0

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

@@ -11,8 +11,8 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
      */
     breakpoint?: number;
 };
-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 & {
+declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("../select").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("../select").OptionShape | import("../select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./Component").PickerButtonSize | undefined;

package/picker-button/Component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-29da371c.js');
+var tslib_es6 = require('./tslib.es6-c5669a66.js');
 var React = require('react');
 require('../select');
 require('classnames');

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

@@ -2,11 +2,11 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "../../button";
-import { BaseSelectProps, OptionShape } from "../../select";
+import { BaseSelectProps } from "../../select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 type PickerButtonVariant = 'default' | 'compact';
 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 & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
@@ -22,7 +22,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
     variant?: PickerButtonVariant;
 };
 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 & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */

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

@@ -12,7 +12,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     breakpoint?: number;
 };
 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 & {
+    options: ((import("../../select").OptionShape | import("../../select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./Component").PickerButtonSize | undefined;

package/picker-button/desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-29da371c.js');
+require('./tslib.es6-c5669a66.js');
 require('react');
 require('../select');
 require('classnames');

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

@@ -2,11 +2,11 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "../../button";
-import { BaseSelectProps, OptionShape } from "../../select";
+import { BaseSelectProps } from "../../select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 type PickerButtonVariant = 'default' | 'compact';
 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 & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
@@ -22,7 +22,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
     variant?: PickerButtonVariant;
 };
 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 & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */

package/picker-button/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-e1b064a9.js';
+import { _ as __rest, a as __assign } from './tslib.es6-db44cc89.js';
 import React, { forwardRef } from 'react';
 import { BaseSelect, OptionsList, Optgroup } from '../../select/esm';
 import cn from 'classnames';
@@ -11,7 +11,7 @@ import './utils/index.js';
 import { Field } from './field/Component.js';
 import { Option } from './option/Component.js';
 
-var styles = {"container":"picker-button__container_1qdnt","optionsPopover":"picker-button__optionsPopover_1qdnt","sideGap":"picker-button__sideGap_1qdnt","optionsListContainer":"picker-button__optionsListContainer_1qdnt","option":"picker-button__option_1qdnt"};
+var styles = {"container":"picker-button__container_1py1u","optionsPopover":"picker-button__optionsPopover_1py1u","sideGap":"picker-button__sideGap_1py1u","optionsListContainer":"picker-button__optionsListContainer_1py1u","option":"picker-button__option_1py1u"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-e1b064a9.js';
+import { _ as __rest, a as __assign } from './tslib.es6-db44cc89.js';
 import React, { forwardRef } from 'react';
 import { SelectMobile, Optgroup } from '../../select/esm';
 import 'classnames';

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

@@ -12,7 +12,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     breakpoint?: number;
 };
 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 & {
+    options: ((import("../../select").OptionShape | import("../../select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./Component").PickerButtonSize | undefined;

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-e1b064a9.js';
+import { _ as __rest, a as __assign } from './tslib.es6-db44cc89.js';
 import React, { forwardRef } from 'react';
 import '../../select/esm';
 import 'classnames';

package/picker-button/esm/desktop.js

@@ -1,4 +1,4 @@
-import './tslib.es6-e1b064a9.js';
+import './tslib.es6-db44cc89.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-e1b064a9.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-db44cc89.js';
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../button/esm';
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import { getIcon } from '../utils/index.js';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1q8pt","addonsContainer":"picker-button__addonsContainer_1q8pt","open":"picker-button__open_1q8pt"};
+var styles = {"iconContainer":"picker-button__iconContainer_rgq65","addonsContainer":"picker-button__addonsContainer_rgq65","open":"picker-button__open_rgq65"};
 require('./index.css');
 
 var Field = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1qxav */
+/* hash: 9c88y */
 :root {
 
     /* Hard */
@@ -13,14 +13,14 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1q8pt {
+.picker-button__iconContainer_rgq65 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_1q8pt {
+.picker-button__addonsContainer_rgq65 {
     display: flex;
     margin-right: var(--gap-2xs);
 }
-.picker-button__open_1q8pt {
+.picker-button__open_rgq65 {
     transform: var(--arrow-transform);
 }

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

@@ -1,4 +1,4 @@
-import '../tslib.es6-e1b064a9.js';
+import '../tslib.es6-db44cc89.js';
 import 'react';
 import 'classnames';
 import '../../../button/esm';

package/picker-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: yrvbq */
+/* hash: tx7l0 */
 :root {
 
     /* Hard */
@@ -15,22 +15,22 @@
 :root {
     --border-radius-m: 8px;
 }
-.picker-button__container_1qdnt {
+.picker-button__container_1py1u {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_1qdnt {
+.cc-picker-button.picker-button__optionsPopover_1py1u {
         padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_1qdnt.picker-button__sideGap_1qdnt {
+.cc-picker-button.picker-button__optionsPopover_1py1u.picker-button__sideGap_1py1u {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_1qdnt {
+.cc-picker-button .picker-button__optionsListContainer_1py1u {
         border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_1qdnt {
+.cc-picker-button .picker-button__option_1py1u {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_1qdnt:before {
+.cc-picker-button .picker-button__option_1py1u:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-e1b064a9.js';
+import './tslib.es6-db44cc89.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

package/picker-button/esm/mobile.js

@@ -1,4 +1,4 @@
-import './tslib.es6-e1b064a9.js';
+import './tslib.es6-db44cc89.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';

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

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-e1b064a9.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-db44cc89.js';
 import React from 'react';
 import { Option as Option$1 } from '../../../select/esm';
 
-var styles = {"container":"picker-button__container_te1v1","icon":"picker-button__icon_te1v1","content":"picker-button__content_te1v1"};
+var styles = {"container":"picker-button__container_ikm02","icon":"picker-button__icon_ikm02","content":"picker-button__content_ikm02"};
 require('./index.css');
 
 var Option = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: cxmn4 */
+/* hash: 1wtqk */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_te1v1 {
+.picker-button__container_ikm02 {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_te1v1 {
+.picker-button__icon_ikm02 {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_te1v1 {
+.picker-button__content_ikm02 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/esm/option/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-e1b064a9.js';
+import '../tslib.es6-db44cc89.js';
 import 'react';
 import '../../../select/esm';
 export { Option } from './Component.js';

package/picker-button/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-29da371c.js');
+var tslib_es6 = require('../tslib.es6-c5669a66.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../button');
@@ -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_1q8pt","addonsContainer":"picker-button__addonsContainer_1q8pt","open":"picker-button__open_1q8pt"};
+var styles = {"iconContainer":"picker-button__iconContainer_rgq65","addonsContainer":"picker-button__addonsContainer_rgq65","open":"picker-button__open_rgq65"};
 require('./index.css');
 
 var Field = function (_a) {

package/picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qxav */
+/* hash: 9c88y */
 :root {
 
     /* Hard */
@@ -13,14 +13,14 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1q8pt {
+.picker-button__iconContainer_rgq65 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_1q8pt {
+.picker-button__addonsContainer_rgq65 {
     display: flex;
     margin-right: var(--gap-2xs);
 }
-.picker-button__open_1q8pt {
+.picker-button__open_rgq65 {
     transform: var(--arrow-transform);
 }

package/picker-button/field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-29da371c.js');
+require('../tslib.es6-c5669a66.js');
 require('react');
 require('classnames');
 require('../../button');

package/picker-button/index.css

@@ -1,4 +1,4 @@
-/* hash: yrvbq */
+/* hash: tx7l0 */
 :root {
 
     /* Hard */
@@ -15,22 +15,22 @@
 :root {
     --border-radius-m: 8px;
 }
-.picker-button__container_1qdnt {
+.picker-button__container_1py1u {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_1qdnt {
+.cc-picker-button.picker-button__optionsPopover_1py1u {
         padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_1qdnt.picker-button__sideGap_1qdnt {
+.cc-picker-button.picker-button__optionsPopover_1py1u.picker-button__sideGap_1py1u {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_1qdnt {
+.cc-picker-button .picker-button__optionsListContainer_1py1u {
         border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_1qdnt {
+.cc-picker-button .picker-button__option_1py1u {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_1qdnt:before {
+.cc-picker-button .picker-button__option_1py1u:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-29da371c.js');
+require('./tslib.es6-c5669a66.js');
 require('react');
 require('../select');
 require('classnames');

package/picker-button/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-29da371c.js');
+require('./tslib.es6-c5669a66.js');
 require('react');
 require('../select');
 require('classnames');

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

@@ -2,11 +2,11 @@
 import React from 'react';
 import { FC, SVGProps } from "react";
 import { ButtonProps } from "../../button";
-import { BaseSelectProps, OptionShape } from "../../select";
+import { BaseSelectProps } from "../../select";
 type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 type PickerButtonVariant = 'default' | 'compact';
 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 & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
@@ -22,7 +22,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
     variant?: PickerButtonVariant;
 };
 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 & {
+    options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */

package/picker-button/modern/Component.js

@@ -10,7 +10,7 @@ import './utils/index.js';
 import { Field } from './field/Component.js';
 import { Option } from './option/Component.js';
 
-var styles = {"container":"picker-button__container_1qdnt","optionsPopover":"picker-button__optionsPopover_1qdnt","sideGap":"picker-button__sideGap_1qdnt","optionsListContainer":"picker-button__optionsListContainer_1qdnt","option":"picker-button__option_1qdnt"};
+var styles = {"container":"picker-button__container_1py1u","optionsPopover":"picker-button__optionsPopover_1py1u","sideGap":"picker-button__sideGap_1py1u","optionsListContainer":"picker-button__optionsListContainer_1py1u","option":"picker-button__option_1py1u"};
 require('./index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -12,7 +12,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
     breakpoint?: number;
 };
 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 & {
+    options: ((import("../../select").OptionShape | import("../../select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./Component").PickerButtonSize | undefined;

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

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/MoreSIcon';
 import { Button } from '../../../button/modern';
 import { getIcon } from '../utils/index.js';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1q8pt","addonsContainer":"picker-button__addonsContainer_1q8pt","open":"picker-button__open_1q8pt"};
+var styles = {"iconContainer":"picker-button__iconContainer_rgq65","addonsContainer":"picker-button__addonsContainer_rgq65","open":"picker-button__open_rgq65"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1qxav */
+/* hash: 9c88y */
 :root {
 
     /* Hard */
@@ -13,14 +13,14 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1q8pt {
+.picker-button__iconContainer_rgq65 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_1q8pt {
+.picker-button__addonsContainer_rgq65 {
     display: flex;
     margin-right: var(--gap-2xs);
 }
-.picker-button__open_1q8pt {
+.picker-button__open_rgq65 {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: yrvbq */
+/* hash: tx7l0 */
 :root {
 
     /* Hard */
@@ -15,22 +15,22 @@
 :root {
     --border-radius-m: 8px;
 }
-.picker-button__container_1qdnt {
+.picker-button__container_1py1u {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_1qdnt {
+.cc-picker-button.picker-button__optionsPopover_1py1u {
         padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_1qdnt.picker-button__sideGap_1qdnt {
+.cc-picker-button.picker-button__optionsPopover_1py1u.picker-button__sideGap_1py1u {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_1qdnt {
+.cc-picker-button .picker-button__optionsListContainer_1py1u {
         border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_1qdnt {
+.cc-picker-button .picker-button__option_1py1u {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_1qdnt:before {
+.cc-picker-button .picker-button__option_1py1u:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern';
 
-var styles = {"container":"picker-button__container_te1v1","icon":"picker-button__icon_te1v1","content":"picker-button__content_te1v1"};
+var styles = {"container":"picker-button__container_ikm02","icon":"picker-button__icon_ikm02","content":"picker-button__content_ikm02"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: cxmn4 */
+/* hash: 1wtqk */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_te1v1 {
+.picker-button__container_ikm02 {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_te1v1 {
+.picker-button__icon_ikm02 {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_te1v1 {
+.picker-button__content_ikm02 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-29da371c.js');
+var tslib_es6 = require('../tslib.es6-c5669a66.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select');
 
@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"container":"picker-button__container_te1v1","icon":"picker-button__icon_te1v1","content":"picker-button__content_te1v1"};
+var styles = {"container":"picker-button__container_ikm02","icon":"picker-button__icon_ikm02","content":"picker-button__content_ikm02"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -1,4 +1,4 @@
-/* hash: cxmn4 */
+/* hash: 1wtqk */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_te1v1 {
+.picker-button__container_ikm02 {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_te1v1 {
+.picker-button__icon_ikm02 {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_te1v1 {
+.picker-button__content_ikm02 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-29da371c.js');
+require('../tslib.es6-c5669a66.js');
 require('react');
 require('../../select');
 var option_Component = require('./Component.js');

package/picker-button/typings-85892853.d.ts

@@ -124,7 +124,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
      */
     dataTestId?: string;
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     block?: boolean | undefined;