@alfalab/core-components 41.14.1-beta.4 → 41.14.1-beta.5

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

@@ -18,13 +18,13 @@
 } :root {
 } :root {
 } :root {
-} .pass-code__component_d5cjh {
+} .pass-code__component_s9irt {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_d5cjh {
+} .pass-code__dot_s9irt {
     margin: 0 6px;
     width: 12px;
     height: 12px;
@@ -33,9 +33,9 @@
     flex-shrink: 0;
     transition: background 75ms ease-in;
     will-change: transform, opacity
-} .pass-code__dot_d5cjh.pass-code__error_d5cjh {
+} .pass-code__dot_s9irt.pass-code__error_s9irt {
         background: var(--color-light-graphic-negative);
         transition: none;
-    } .pass-code__filled_d5cjh {
+    } .pass-code__filled_s9irt {
     background: var(--color-light-graphic-primary);
 }

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

@@ -2,4 +2,4 @@ export { InputProgress } from './Component.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
-import '../../getDataTestId-d713ab08.js';
+import '../../getDataTestId-73fad642.js';

package/pass-code/modern/components/InputProgress/transitions.css

@@ -1,12 +1,12 @@
 /* hash: 88q8p */
-.pass-code__enter_19ms7 {
+.pass-code__enter_2156w {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_19ms7 {
+.pass-code__enterActive_2156w {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_19ms7 {
+.pass-code__exit_2156w {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_19ms7 {
+.pass-code__exitActive_2156w {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_19ms7 {
+@keyframes pass-code__shake_2156w {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_19ms7 {
-    animation: pass-code__shake_19ms7 0.15s linear 0s 3;
+.pass-code__shake_2156w {
+    animation: pass-code__shake_2156w 0.15s linear 0s 3;
 }

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { BackspaceXxlIcon } from '@alfalab/icons-glyph/BackspaceXxlIcon';
-import { g as getDataTestId } from '../../getDataTestId-d713ab08.js';
+import { g as getDataTestId } from '../../getDataTestId-73fad642.js';
 import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern';
 
-const styles = {"component":"pass-code__component_1359i","digit":"pass-code__digit_1359i"};
+const styles = {"component":"pass-code__component_1pw4j","digit":"pass-code__digit_1pw4j"};
 require('./index.css');
 
 const CELL_COUNT = 12;

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

@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .pass-code__component_1359i {
+} .pass-code__component_1pw4j {
     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_1359i .pass-code__digit_1359i.pass-code__digit_1359i {
+} .pass-code__component_1pw4j .pass-code__digit_1pw4j.pass-code__digit_1pw4j {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1359i {
+    .pass-code__component_1pw4j {
         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_1359i {
+    .pass-code__component_1pw4j {
         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-d713ab08.js';
+import '../../getDataTestId-73fad642.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_6ymsi","button":"pass-code__button_6ymsi","secondary":"pass-code__secondary_6ymsi","ghost":"pass-code__ghost_6ymsi"};
+const styles = {"component":"pass-code__component_8f0gi","button":"pass-code__button_8f0gi","secondary":"pass-code__secondary_8f0gi","ghost":"pass-code__ghost_8f0gi"};
 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_6ymsi {
+} .pass-code__component_8f0gi {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_6ymsi.pass-code__button_6ymsi {
+} .pass-code__button_8f0gi.pass-code__button_8f0gi {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_6ymsi.pass-code__button_6ymsi > span {
+} .pass-code__button_8f0gi.pass-code__button_8f0gi > span {
         vertical-align: middle
-    } .pass-code__button_6ymsi.pass-code__button_6ymsi > span > * {
+    } .pass-code__button_8f0gi.pass-code__button_8f0gi > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_6ymsi.pass-code__secondary_6ymsi {
+        } .pass-code__secondary_8f0gi.pass-code__secondary_8f0gi {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_6ymsi.pass-code__secondary_6ymsi:hover {
+} .pass-code__secondary_8f0gi.pass-code__secondary_8f0gi:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_6ymsi.pass-code__secondary_6ymsi:active {
+    } .pass-code__secondary_8f0gi.pass-code__secondary_8f0gi:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_6ymsi.pass-code__ghost_6ymsi {
+    } .pass-code__ghost_8f0gi.pass-code__ghost_8f0gi {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_6ymsi.pass-code__ghost_6ymsi:hover {
+} .pass-code__ghost_8f0gi.pass-code__ghost_8f0gi:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_6ymsi.pass-code__ghost_6ymsi:active {
+    } .pass-code__ghost_8f0gi.pass-code__ghost_8f0gi:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_6ymsi.pass-code__button_6ymsi {
+    .pass-code__button_8f0gi.pass-code__button_8f0gi {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_6ymsi.pass-code__button_6ymsi {
+    .pass-code__button_8f0gi.pass-code__button_8f0gi {
         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-d713ab08";
+export * from "./getDataTestId-73fad642";

package/pass-code/modern/index.css

@@ -18,10 +18,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_n6nks {
+} .pass-code__component_12ft2 {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__error_n6nks {
+} .pass-code__error_12ft2 {
     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-d713ab08.js';
+import './getDataTestId-73fad642.js';

package/password-input/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 = {"eye":"password-input__eye_1oxwl","xl":"password-input__xl_1oxwl","input":"password-input__input_1oxwl"};
+var styles = {"eye":"password-input__eye_1vwqq","xl":"password-input__xl_1vwqq","input":"password-input__input_1vwqq"};
 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_1oxwl","xl":"password-input__xl_1oxwl","input":"password-input__input_1oxwl"};
+var styles = {"eye":"password-input__eye_1vwqq","xl":"password-input__xl_1vwqq","input":"password-input__input_1vwqq"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -17,13 +17,13 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_1oxwl:last-child {
+} .password-input__eye_1vwqq:last-child {
     margin-right: var(--gap-s-neg);
     height: 100%;
-} .password-input__xl_1oxwl .password-input__eye_1oxwl:last-child {
+} .password-input__xl_1vwqq .password-input__eye_1vwqq:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_1oxwl .password-input__eye_1oxwl {
+    } .password-input__xl_1vwqq .password-input__eye_1vwqq {
         margin-left: var(--gap-2xs);
-    } .password-input__input_1oxwl::-ms-reveal {
+    } .password-input__input_1vwqq::-ms-reveal {
     display: none;
 }

package/password-input/index.css

@@ -17,13 +17,13 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_1oxwl:last-child {
+} .password-input__eye_1vwqq:last-child {
     margin-right: var(--gap-s-neg);
     height: 100%;
-} .password-input__xl_1oxwl .password-input__eye_1oxwl:last-child {
+} .password-input__xl_1vwqq .password-input__eye_1vwqq:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_1oxwl .password-input__eye_1oxwl {
+    } .password-input__xl_1vwqq .password-input__eye_1vwqq {
         margin-left: var(--gap-2xs);
-    } .password-input__input_1oxwl::-ms-reveal {
+    } .password-input__input_1vwqq::-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_1oxwl","xl":"password-input__xl_1oxwl","input":"password-input__input_1oxwl"};
+const styles = {"eye":"password-input__eye_1vwqq","xl":"password-input__xl_1vwqq","input":"password-input__input_1vwqq"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -17,13 +17,13 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_1oxwl:last-child {
+} .password-input__eye_1vwqq:last-child {
     margin-right: var(--gap-s-neg);
     height: 100%;
-} .password-input__xl_1oxwl .password-input__eye_1oxwl:last-child {
+} .password-input__xl_1vwqq .password-input__eye_1vwqq:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_1oxwl .password-input__eye_1oxwl {
+    } .password-input__xl_1vwqq .password-input__eye_1vwqq {
         margin-left: var(--gap-2xs);
-    } .password-input__input_1oxwl::-ms-reveal {
+    } .password-input__input_1vwqq::-ms-reveal {
     display: none;
 }

package/pattern-lock/Component.js

@@ -19,7 +19,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var styles = {"component":"pattern-lock__component_g9oak","hidden":"pattern-lock__hidden_g9oak","error":"pattern-lock__error_g9oak","forgotBtn":"pattern-lock__forgotBtn_g9oak"};
+var styles = {"component":"pattern-lock__component_162f7","hidden":"pattern-lock__hidden_162f7","error":"pattern-lock__error_162f7","forgotBtn":"pattern-lock__forgotBtn_162f7"};
 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_g9oak","hidden":"pattern-lock__hidden_g9oak","error":"pattern-lock__error_g9oak","forgotBtn":"pattern-lock__forgotBtn_g9oak"};
+var styles = {"component":"pattern-lock__component_162f7","hidden":"pattern-lock__hidden_162f7","error":"pattern-lock__error_162f7","forgotBtn":"pattern-lock__forgotBtn_162f7"};
 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_g9oak {
+} .pattern-lock__component_162f7 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_g9oak canvas {
+} .pattern-lock__component_162f7 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_g9oak {
+    } .pattern-lock__hidden_162f7 {
     visibility: hidden;
-} .pattern-lock__error_g9oak {
+} .pattern-lock__error_162f7 {
     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_g9oak {
+} .pattern-lock__forgotBtn_162f7 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_g9oak {
+    .pattern-lock__forgotBtn_162f7 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_g9oak {
+    .pattern-lock__component_162f7 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_g9oak {
+    .pattern-lock__forgotBtn_162f7 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_g9oak {
+    .pattern-lock__component_162f7 {
         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_g9oak {
+} .pattern-lock__component_162f7 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_g9oak canvas {
+} .pattern-lock__component_162f7 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_g9oak {
+    } .pattern-lock__hidden_162f7 {
     visibility: hidden;
-} .pattern-lock__error_g9oak {
+} .pattern-lock__error_162f7 {
     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_g9oak {
+} .pattern-lock__forgotBtn_162f7 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_g9oak {
+    .pattern-lock__forgotBtn_162f7 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_g9oak {
+    .pattern-lock__component_162f7 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_g9oak {
+    .pattern-lock__forgotBtn_162f7 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_g9oak {
+    .pattern-lock__component_162f7 {
         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_g9oak","hidden":"pattern-lock__hidden_g9oak","error":"pattern-lock__error_g9oak","forgotBtn":"pattern-lock__forgotBtn_g9oak"};
+const styles = {"component":"pattern-lock__component_162f7","hidden":"pattern-lock__hidden_162f7","error":"pattern-lock__error_162f7","forgotBtn":"pattern-lock__forgotBtn_162f7"};
 require('./index.css');
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, ...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_g9oak {
+} .pattern-lock__component_162f7 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_g9oak canvas {
+} .pattern-lock__component_162f7 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_g9oak {
+    } .pattern-lock__hidden_162f7 {
     visibility: hidden;
-} .pattern-lock__error_g9oak {
+} .pattern-lock__error_162f7 {
     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_g9oak {
+} .pattern-lock__forgotBtn_162f7 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_g9oak {
+    .pattern-lock__forgotBtn_162f7 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_g9oak {
+    .pattern-lock__component_162f7 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_g9oak {
+    .pattern-lock__forgotBtn_162f7 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_g9oak {
+    .pattern-lock__component_162f7 {
         margin-bottom: var(--gap-l);
     }
 }

package/picker-button/Component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_1w4my","optionsPopover":"picker-button__optionsPopover_1w4my","sideGap":"picker-button__sideGap_1w4my","option":"picker-button__option_1w4my"};
+var styles = {"container":"picker-button__container_hif51","optionsPopover":"picker-button__optionsPopover_hif51","sideGap":"picker-button__sideGap_hif51","option":"picker-button__option_hif51"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

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

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

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

package/picker-button/{esm/typings-97157410.d.ts → cssm/typings-5e1b8383.d.ts}

@@ -474,10 +474,6 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
-    /**
-     * Обработчик клика по option
-     */
-    onOptionClick?: (payload: BaseSelectChangePayload) => void;
     /**
      * Дополнительные данные
      */

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_1w4my","optionsPopover":"picker-button__optionsPopover_1w4my","sideGap":"picker-button__sideGap_1w4my","option":"picker-button__option_1w4my"};
+var styles = {"container":"picker-button__container_hif51","optionsPopover":"picker-button__optionsPopover_hif51","sideGap":"picker-button__sideGap_hif51","option":"picker-button__option_hif51"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

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

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_8v708","addonsContainer":"picker-button__addonsContainer_8v708","showControlIcon":"picker-button__showControlIcon_8v708","open":"picker-button__open_8v708"};
+var styles = {"iconContainer":"picker-button__iconContainer_19hhz","addonsContainer":"picker-button__addonsContainer_19hhz","showControlIcon":"picker-button__showControlIcon_19hhz","open":"picker-button__open_19hhz"};
 require('./index.css');
 
 var Field = function (_a) {

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

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_8v708 {
+} .picker-button__iconContainer_19hhz {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_8v708 {
+} .picker-button__addonsContainer_19hhz {
     display: flex
-} .picker-button__addonsContainer_8v708.picker-button__showControlIcon_8v708 {
+} .picker-button__addonsContainer_19hhz.picker-button__showControlIcon_19hhz {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_8v708 {
+    } .picker-button__open_19hhz {
     transform: var(--arrow-transform);
 }

package/picker-button/esm/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1w4my {
+} .picker-button__container_hif51 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1w4my.picker-button__sideGap_1w4my {
+} .cc-picker-button.picker-button__optionsPopover_hif51.picker-button__sideGap_hif51 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1w4my {
+        } .cc-picker-button .picker-button__option_hif51 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1w4my:before {
+    } .cc-picker-button .picker-button__option_hif51:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

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

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

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_1tv81","icon":"picker-button__icon_1tv81","content":"picker-button__content_1tv81"};
+var styles = {"container":"picker-button__container_1py2x","icon":"picker-button__icon_1py2x","content":"picker-button__content_1py2x"};
 require('./index.css');
 
 var Option = function (_a) {