@alfalab/core-components 39.0.0 → 39.1.0

package/pass-code/modern/components/KeyPad/index.css

@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .pass-code__component_13h7q {
+} .pass-code__component_1jcpu {
     width: 240px;
     height: 292px;
     display: grid;
@@ -27,18 +27,18 @@
     grid-column-gap: var(--gap-xl);
     grid-row-gap: var(--gap-s);
     margin: 0 auto
-} .pass-code__component_13h7q .pass-code__digit_13h7q.pass-code__digit_13h7q {
+} .pass-code__component_1jcpu .pass-code__digit_1jcpu.pass-code__digit_1jcpu {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_13h7q {
+    .pass-code__component_1jcpu {
         width: 292px;
         height: 352px;
         grid-column-gap: var(--gap-2xl);
         grid-row-gap: var(--gap-m);
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__component_13h7q {
+    .pass-code__component_1jcpu {
         width: 322px;
         height: 392px;
     }

package/pass-code/modern/components/KeyPad/index.js

@@ -4,4 +4,4 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern';
-import '../../getDataTestId-30975cfa.js';
+import '../../getDataTestId-714a1b81.js';

package/pass-code/modern/components/KeyPadButton/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/modern';
 
-const styles = {"component":"pass-code__component_1ehsk","button":"pass-code__button_1ehsk","secondary":"pass-code__secondary_1ehsk","ghost":"pass-code__ghost_1ehsk"};
+const styles = {"component":"pass-code__component_1n1bt","button":"pass-code__button_1n1bt","secondary":"pass-code__secondary_1n1bt","ghost":"pass-code__ghost_1n1bt"};
 require('./index.css');
 
 function KeyPadButton({ children, onClick, className, view = 'secondary', buttonClassName, }) {

package/pass-code/modern/components/KeyPadButton/index.css

@@ -21,12 +21,12 @@
 } :root {
     --button-bg-color: var(--color-light-specialbg-secondary-transparent);
     --button-bg-color-active: var(--color-light-specialbg-tertiary-transparent);
-} .pass-code__component_1ehsk {
+} .pass-code__component_1n1bt {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1ehsk.pass-code__button_1ehsk {
+} .pass-code__button_1n1bt.pass-code__button_1n1bt {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1ehsk.pass-code__button_1ehsk > span {
+} .pass-code__button_1n1bt.pass-code__button_1n1bt > span {
         vertical-align: middle
-    } .pass-code__button_1ehsk.pass-code__button_1ehsk > span > * {
+    } .pass-code__button_1n1bt.pass-code__button_1n1bt > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1ehsk.pass-code__secondary_1ehsk {
+        } .pass-code__secondary_1n1bt.pass-code__secondary_1n1bt {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1ehsk.pass-code__secondary_1ehsk:hover {
+} .pass-code__secondary_1n1bt.pass-code__secondary_1n1bt:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1ehsk.pass-code__secondary_1ehsk:active {
+    } .pass-code__secondary_1n1bt.pass-code__secondary_1n1bt:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1ehsk.pass-code__ghost_1ehsk {
+    } .pass-code__ghost_1n1bt.pass-code__ghost_1n1bt {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1ehsk.pass-code__ghost_1ehsk:hover {
+} .pass-code__ghost_1n1bt.pass-code__ghost_1n1bt:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1ehsk.pass-code__ghost_1ehsk:active {
+    } .pass-code__ghost_1n1bt.pass-code__ghost_1n1bt:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1ehsk.pass-code__button_1ehsk {
+    .pass-code__button_1n1bt.pass-code__button_1n1bt {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1ehsk.pass-code__button_1ehsk {
+    .pass-code__button_1n1bt.pass-code__button_1n1bt {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/modern/index-3885b0d7.d.ts

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./getDataTestId-30975cfa";
+export * from "./getDataTestId-714a1b81";

package/pass-code/modern/index.css

@@ -18,10 +18,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_1sbwf {
+} .pass-code__component_s35e1 {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__error_1sbwf {
+} .pass-code__error_s35e1 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/pass-code/modern/index.js

@@ -8,4 +8,4 @@ import 'react-transition-group';
 import './components/KeyPad/Component.js';
 import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../../button/modern';
-import './getDataTestId-30975cfa.js';
+import './getDataTestId-714a1b81.js';

package/password-input/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"eye":"password-input__eye_1phsm","xl":"password-input__xl_1phsm","input":"password-input__input_1phsm"};
+var styles = {"eye":"password-input__eye_1ftl8","xl":"password-input__xl_1ftl8","input":"password-input__input_1ftl8"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -6,7 +6,7 @@ import { Input } from '../../input/esm';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-var styles = {"eye":"password-input__eye_1phsm","xl":"password-input__xl_1phsm","input":"password-input__input_1phsm"};
+var styles = {"eye":"password-input__eye_1ftl8","xl":"password-input__xl_1ftl8","input":"password-input__input_1ftl8"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -17,12 +17,12 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_1phsm:last-child {
+} .password-input__eye_1ftl8:last-child {
     margin-right: var(--gap-s-neg);
-} .password-input__xl_1phsm .password-input__eye_1phsm:last-child {
+} .password-input__xl_1ftl8 .password-input__eye_1ftl8:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_1phsm .password-input__eye_1phsm {
+    } .password-input__xl_1ftl8 .password-input__eye_1ftl8 {
         margin-left: var(--gap-2xs);
-    } .password-input__input_1phsm::-ms-reveal {
+    } .password-input__input_1ftl8::-ms-reveal {
     display: none;
 }

package/password-input/index.css

@@ -17,12 +17,12 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_1phsm:last-child {
+} .password-input__eye_1ftl8:last-child {
     margin-right: var(--gap-s-neg);
-} .password-input__xl_1phsm .password-input__eye_1phsm:last-child {
+} .password-input__xl_1ftl8 .password-input__eye_1ftl8:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_1phsm .password-input__eye_1phsm {
+    } .password-input__xl_1ftl8 .password-input__eye_1ftl8 {
         margin-left: var(--gap-2xs);
-    } .password-input__input_1phsm::-ms-reveal {
+    } .password-input__input_1ftl8::-ms-reveal {
     display: none;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import { Input } from '../../input/modern';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-const styles = {"eye":"password-input__eye_1phsm","xl":"password-input__xl_1phsm","input":"password-input__input_1phsm"};
+const styles = {"eye":"password-input__eye_1ftl8","xl":"password-input__xl_1ftl8","input":"password-input__input_1ftl8"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -17,12 +17,12 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_1phsm:last-child {
+} .password-input__eye_1ftl8:last-child {
     margin-right: var(--gap-s-neg);
-} .password-input__xl_1phsm .password-input__eye_1phsm:last-child {
+} .password-input__xl_1ftl8 .password-input__eye_1ftl8:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_1phsm .password-input__eye_1phsm {
+    } .password-input__xl_1ftl8 .password-input__eye_1ftl8 {
         margin-left: var(--gap-2xs);
-    } .password-input__input_1phsm::-ms-reveal {
+    } .password-input__input_1ftl8::-ms-reveal {
     display: none;
 }

package/pattern-lock/Component.js

@@ -17,7 +17,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var styles = {"component":"pattern-lock__component_9g3yz","hidden":"pattern-lock__hidden_9g3yz","error":"pattern-lock__error_9g3yz","forgotBtn":"pattern-lock__forgotBtn_9g3yz"};
+var styles = {"component":"pattern-lock__component_16f79","hidden":"pattern-lock__hidden_16f79","error":"pattern-lock__error_16f79","forgotBtn":"pattern-lock__forgotBtn_16f79"};
 require('./index.css');
 
 var PatternLock = React.forwardRef(function (_a, ref) {

package/pattern-lock/esm/Component.js

@@ -12,7 +12,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var styles = {"component":"pattern-lock__component_9g3yz","hidden":"pattern-lock__hidden_9g3yz","error":"pattern-lock__error_9g3yz","forgotBtn":"pattern-lock__forgotBtn_9g3yz"};
+var styles = {"component":"pattern-lock__component_16f79","hidden":"pattern-lock__hidden_16f79","error":"pattern-lock__error_16f79","forgotBtn":"pattern-lock__forgotBtn_16f79"};
 require('./index.css');
 
 var PatternLock = forwardRef(function (_a, ref) {

package/pattern-lock/esm/index.css

@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_9g3yz {
+} .pattern-lock__component_16f79 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_9g3yz canvas {
+} .pattern-lock__component_16f79 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_9g3yz {
+    } .pattern-lock__hidden_16f79 {
     visibility: hidden;
-} .pattern-lock__error_9g3yz {
+} .pattern-lock__error_16f79 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_9g3yz {
+} .pattern-lock__forgotBtn_16f79 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_9g3yz {
+    .pattern-lock__forgotBtn_16f79 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_9g3yz {
+    .pattern-lock__component_16f79 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_9g3yz {
+    .pattern-lock__forgotBtn_16f79 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_9g3yz {
+    .pattern-lock__component_16f79 {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/index.css

@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_9g3yz {
+} .pattern-lock__component_16f79 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_9g3yz canvas {
+} .pattern-lock__component_16f79 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_9g3yz {
+    } .pattern-lock__hidden_16f79 {
     visibility: hidden;
-} .pattern-lock__error_9g3yz {
+} .pattern-lock__error_16f79 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_9g3yz {
+} .pattern-lock__forgotBtn_16f79 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_9g3yz {
+    .pattern-lock__forgotBtn_16f79 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_9g3yz {
+    .pattern-lock__component_16f79 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_9g3yz {
+    .pattern-lock__forgotBtn_16f79 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_9g3yz {
+    .pattern-lock__component_16f79 {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/modern/Component.js

@@ -11,7 +11,7 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-const styles = {"component":"pattern-lock__component_9g3yz","hidden":"pattern-lock__hidden_9g3yz","error":"pattern-lock__error_9g3yz","forgotBtn":"pattern-lock__forgotBtn_9g3yz"};
+const styles = {"component":"pattern-lock__component_16f79","hidden":"pattern-lock__hidden_16f79","error":"pattern-lock__error_16f79","forgotBtn":"pattern-lock__forgotBtn_16f79"};
 require('./index.css');
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, ...restProps }, ref) => {

package/pattern-lock/modern/index.css

@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_9g3yz {
+} .pattern-lock__component_16f79 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_9g3yz canvas {
+} .pattern-lock__component_16f79 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_9g3yz {
+    } .pattern-lock__hidden_16f79 {
     visibility: hidden;
-} .pattern-lock__error_9g3yz {
+} .pattern-lock__error_16f79 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_9g3yz {
+} .pattern-lock__forgotBtn_16f79 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_9g3yz {
+    .pattern-lock__forgotBtn_16f79 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_9g3yz {
+    .pattern-lock__component_16f79 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_9g3yz {
+    .pattern-lock__forgotBtn_16f79 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_9g3yz {
+    .pattern-lock__component_16f79 {
         margin-bottom: var(--gap-l);
     }
 }

package/phone-input/utils/index.js

@@ -2,9 +2,7 @@
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) {
-    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, '');
-};
+var deleteFormatting = function (phone) { return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, ''); };
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/Component.d.ts

@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
      */
     showArrow?: boolean;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+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<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

package/picker-button/Component.js

@@ -16,7 +16,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_5kt5q","optionsPopover":"picker-button__optionsPopover_5kt5q","sideGap":"picker-button__sideGap_5kt5q","optionsListContainer":"picker-button__optionsListContainer_5kt5q","option":"picker-button__option_5kt5q"};
+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"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: 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"> & {
+declare const PickerButtonResponsive: 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 | import("../select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];

package/picker-button/esm/Component.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
-var styles = {"container":"picker-button__container_5kt5q","optionsPopover":"picker-button__optionsPopover_5kt5q","sideGap":"picker-button__sideGap_5kt5q","optionsListContainer":"picker-button__optionsListContainer_5kt5q","option":"picker-button__option_5kt5q"};
+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"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/picker-button/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_1bebl","addonsContainer":"picker-button__addonsContainer_1bebl","showControlIcon":"picker-button__showControlIcon_1bebl","open":"picker-button__open_1bebl"};
+var styles = {"iconContainer":"picker-button__iconContainer_1yq47","addonsContainer":"picker-button__addonsContainer_1yq47","showControlIcon":"picker-button__showControlIcon_1yq47","open":"picker-button__open_1yq47"};
 require('./index.css');
 
 var Field = function (_a) {

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

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

package/picker-button/esm/index.css

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

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

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

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

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

package/picker-button/field/Component.js

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

package/picker-button/field/index.css

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

package/picker-button/index.css

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