@alfalab/core-components 47.23.0 → 47.24.0

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

@@ -4,10 +4,10 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { useInputProgress } from './useInputProgress.js';
 
-const styles = {"component":"pass-code__component_1y4gi","dotWrapper":"pass-code__dotWrapper_1y4gi","dot":"pass-code__dot_1y4gi","filled":"pass-code__filled_1y4gi","animatedFill":"pass-code__animatedFill_1y4gi","dotFilled":"pass-code__dotFilled_1y4gi","error":"pass-code__error_1y4gi","success":"pass-code__success_1y4gi","dotSuccessFilled":"pass-code__dotSuccessFilled_1y4gi","rawSuccess":"pass-code__rawSuccess_1y4gi"};
+const styles = {"component":"pass-code__component_1tt1o","dotWrapper":"pass-code__dotWrapper_1tt1o","dot":"pass-code__dot_1tt1o","filled":"pass-code__filled_1tt1o","animatedFill":"pass-code__animatedFill_1tt1o","dotFilled":"pass-code__dotFilled_1tt1o","error":"pass-code__error_1tt1o","success":"pass-code__success_1tt1o","dotSuccessFilled":"pass-code__dotSuccessFilled_1tt1o","rawSuccess":"pass-code__rawSuccess_1tt1o"};
 require('./index.css');
 
-const transitions = {"enter":"pass-code__enter_1vbf9","enterActive":"pass-code__enterActive_1vbf9","exit":"pass-code__exit_1vbf9","exitActive":"pass-code__exitActive_1vbf9","shake":"pass-code__shake_1vbf9"};
+const transitions = {"enter":"pass-code__enter_1khan","enterActive":"pass-code__enterActive_1khan","exit":"pass-code__exit_1khan","exitActive":"pass-code__exitActive_1khan","shake":"pass-code__shake_1khan"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -30,33 +30,33 @@
     --pass-code-dot-container-width: 14px;
     --pass-code-dot-container-height: 14px;
     --pass-code-progress-container-min-height: 14px;
-} @keyframes pass-code__dotFilled_1y4gi {
+} @keyframes pass-code__dotFilled_1tt1o {
     50% {
         width: var(--pass-code-dot-container-width);
         height: var(--pass-code-dot-container-height);
         animation-timing-function: ease-out;
     }
-} @keyframes pass-code__dotSuccessFilled_1y4gi {
+} @keyframes pass-code__dotSuccessFilled_1tt1o {
     50% {
         width: var(--pass-code-dot-container-width);
         height: var(--pass-code-dot-container-height);
         animation-timing-function: ease-out;
     }
-} .pass-code__component_1y4gi {
+} .pass-code__component_1tt1o {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: var(--pass-code-progress-container-min-height);
-} .pass-code__dotWrapper_1y4gi {
+} .pass-code__dotWrapper_1tt1o {
     width: var(--pass-code-dot-container-width);
     height: var(--pass-code-dot-container-height);
     display: flex;
     justify-content: center;
     align-items: center;
     margin: var(--gap-0) 5px
-} .pass-code__dotWrapper_1y4gi .pass-code__dot_1y4gi {
+} .pass-code__dotWrapper_1tt1o .pass-code__dot_1tt1o {
         margin: unset;
-    } .pass-code__dot_1y4gi {
+    } .pass-code__dot_1tt1o {
     margin: var(--gap-0) 6px;
     width: var(--pass-code-dot-width);
     height: var(--pass-code-dot-height);
@@ -65,22 +65,22 @@
     flex-shrink: 0
 
     /* for unknown password length */
-} .pass-code__dot_1y4gi.pass-code__filled_1y4gi {
+} .pass-code__dot_1tt1o.pass-code__filled_1tt1o {
         background: var(--color-light-neutral-translucent-1300);
-    } .pass-code__dot_1y4gi {
+    } .pass-code__dot_1tt1o {
 
     /* for a known passcode length */
-} .pass-code__dot_1y4gi.pass-code__animatedFill_1y4gi {
+} .pass-code__dot_1tt1o.pass-code__animatedFill_1tt1o {
         background: var(--color-light-neutral-translucent-1300);
-        animation: pass-code__dotFilled_1y4gi 200ms ease-in forwards;
-    } .pass-code__dot_1y4gi.pass-code__error_1y4gi {
+        animation: pass-code__dotFilled_1tt1o 200ms ease-in forwards;
+    } .pass-code__dot_1tt1o.pass-code__error_1tt1o {
         background: var(--color-light-status-negative);
-    } .pass-code__dot_1y4gi.pass-code__success_1y4gi {
+    } .pass-code__dot_1tt1o.pass-code__success_1tt1o {
         background: var(--color-light-status-positive);
-        animation: pass-code__dotSuccessFilled_1y4gi 200ms ease-in forwards;
-    } .pass-code__dot_1y4gi {
+        animation: pass-code__dotSuccessFilled_1tt1o 200ms ease-in forwards;
+    } .pass-code__dot_1tt1o {
 
     /* without animation */
-} .pass-code__dot_1y4gi.pass-code__rawSuccess_1y4gi {
+} .pass-code__dot_1tt1o.pass-code__rawSuccess_1tt1o {
         background: var(--color-light-status-positive);
     }

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

@@ -19,29 +19,29 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code__enter_1vbf9 {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code__enter_1khan {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
-} .pass-code__enterActive_1vbf9 {
+} .pass-code__enterActive_1khan {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
     transition: all 0.15s ease-in;
-} .pass-code__exit_1vbf9 {
+} .pass-code__exit_1khan {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
-} .pass-code__exitActive_1vbf9 {
+} .pass-code__exitActive_1khan {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
     transition: all 0.15s ease-in;
-} @keyframes pass-code__shake_1vbf9 {
+} @keyframes pass-code__shake_1khan {
     0% {
         transform: translateX(0);
     }
@@ -57,6 +57,6 @@
     100% {
         transform: translateX(0);
     }
-} .pass-code__shake_1vbf9 {
-    animation: pass-code__shake_1vbf9 0.15s linear 25ms 3;
+} .pass-code__shake_1khan {
+    animation: pass-code__shake_1khan 0.15s linear 25ms 3;
 }

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

@@ -5,7 +5,7 @@ import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_18kpq","digit":"pass-code__digit_18kpq"};
+const styles = {"component":"pass-code__component_1jeuc","digit":"pass-code__digit_1jeuc"};
 require('./index.css');
 
 const CELL_COUNT = 12;

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

@@ -24,7 +24,7 @@
 } :root {
     --size-l-height: 64px;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
-} .pass-code__component_18kpq {
+} .pass-code__component_1jeuc {
     display: grid;
     grid-template-columns: repeat(3, var(--size-l-height));
     grid-template-rows: repeat(4, 1fr);
@@ -33,7 +33,7 @@
     justify-content: center;
 
     margin: var(--gap-0) auto
-} .pass-code__component_18kpq .pass-code__digit_18kpq.pass-code__digit_18kpq {
+} .pass-code__component_1jeuc .pass-code__digit_1jeuc.pass-code__digit_1jeuc {
         font-size: 36px;
         line-height: 1;
     }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ButtonMobile } from '../../../../button/modern/mobile';
 import { os } from '../../../../shared/modern';
 
-const styles = {"button":"pass-code__button_v2h04","secondary":"pass-code__secondary_v2h04","isIOS":"pass-code__isIOS_v2h04"};
+const styles = {"button":"pass-code__button_15wlm","secondary":"pass-code__secondary_15wlm","isIOS":"pass-code__isIOS_15wlm"};
 require('./index.css');
 
 function KeyPadButton({ children, onClick, view = 'secondary', buttonClassName, dataTestId, title, }) {

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

@@ -29,7 +29,7 @@
     --pass-code-button-width: var(--size-l-height);
     --pass-code-button-min-width: var(--size-l-height);
     --pass-code-button-height: var(--size-l-height);
-} .pass-code__button_v2h04.pass-code__button_v2h04 {
+} .pass-code__button_15wlm.pass-code__button_15wlm {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -41,18 +41,18 @@
     height: var(--pass-code-button-height);
 
     text-align: center
-} .pass-code__button_v2h04.pass-code__button_v2h04 > span {
+} .pass-code__button_15wlm.pass-code__button_15wlm > span {
         vertical-align: middle
-    } .pass-code__button_v2h04.pass-code__button_v2h04 > span > * {
+    } .pass-code__button_15wlm.pass-code__button_15wlm > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_v2h04.pass-code__secondary_v2h04,
-.pass-code__button_v2h04.pass-code__button_v2h04 {
+        } .pass-code__secondary_15wlm.pass-code__secondary_15wlm,
+.pass-code__button_15wlm.pass-code__button_15wlm {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-transparent-default)
-} .pass-code__secondary_v2h04.pass-code__secondary_v2h04:active, .pass-code__button_v2h04.pass-code__button_v2h04:active {
+} .pass-code__secondary_15wlm.pass-code__secondary_15wlm:active, .pass-code__button_15wlm.pass-code__button_15wlm:active {
         background-color: var(--color-light-transparent-default-press);
-    } /* todo разделить стили KeyPadButton на desktop и mobile (:hover в ios работает по типу :active) */ .pass-code__secondary_v2h04.pass-code__secondary_v2h04:not(.pass-code__isIOS_v2h04):hover, .pass-code__button_v2h04.pass-code__button_v2h04:not(.pass-code__isIOS_v2h04):hover {
+    } /* todo разделить стили KeyPadButton на desktop и mobile (:hover в ios работает по типу :active) */ .pass-code__secondary_15wlm.pass-code__secondary_15wlm:not(.pass-code__isIOS_15wlm):hover, .pass-code__button_15wlm.pass-code__button_15wlm:not(.pass-code__isIOS_15wlm):hover {
         background-color: var(--color-light-transparent-default-hover);
-    } .pass-code__secondary_v2h04.pass-code__secondary_v2h04:not(.pass-code__isIOS_v2h04):active, .pass-code__button_v2h04.pass-code__button_v2h04:not(.pass-code__isIOS_v2h04):active {
+    } .pass-code__secondary_15wlm.pass-code__secondary_15wlm:not(.pass-code__isIOS_15wlm):active, .pass-code__button_15wlm.pass-code__button_15wlm:not(.pass-code__isIOS_15wlm):active {
         background-color: var(--color-light-transparent-default-press);
     }

package/pass-code/modern/desktop/PassCodeDesktop.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../components/KeyPadButton/Component.js';
 import '../../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_1dvme"};
+const styles = {"component":"pass-code__component_131hs"};
 require('./desktop.css');
 
 const PassCodeDesktop = forwardRef((restProps, ref) => (React.createElement(PassCode, { ...restProps, ref: ref, styles: styles })));

package/pass-code/modern/desktop/desktop.css

@@ -24,7 +24,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
-} .pass-code__component_1dvme {
+} .pass-code__component_131hs {
     box-sizing: border-box;
     padding: var(--gap-8) var(--gap-16) var(--gap-16);
     min-width: var(--pass-code-min-width);

package/pass-code/modern/index.css

@@ -21,12 +21,12 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-height: 378px;
-} .pass-code__component_82lvs {
+} .pass-code__component_1x9wo {
     min-height: var(--pass-code-min-height);
-} .pass-code__inputProgressContainer_82lvs {
+} .pass-code__inputProgressContainer_1x9wo {
     position: relative;
     flex: 1 0 auto;
-} .pass-code__message_82lvs {
+} .pass-code__message_1x9wo {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/pass-code/modern/mobile/PassCodeMobile.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../components/KeyPadButton/Component.js';
 import '../../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_emidt"};
+const styles = {"component":"pass-code__component_uz1es"};
 require('./mobile.css');
 
 const PassCodeMobile = forwardRef((restProps, ref) => (React.createElement(PassCode, { ...restProps, ref: ref, styles: styles })));

package/pass-code/modern/mobile/mobile.css

@@ -25,7 +25,7 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
     --pass-code-height: 100%;
-} .pass-code__component_emidt {
+} .pass-code__component_uz1es {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;

package/pass-code-v1/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pass-code-v1__component_1nblm","message":"pass-code-v1__message_1nblm","error":"pass-code-v1__error_1nblm"};
+var styles = {"component":"pass-code-v1__component_1f017","message":"pass-code-v1__message_1f017","error":"pass-code-v1__error_1f017"};
 require('./index.css');
 
 /**

package/pass-code-v1/components/InputProgress/Component.js

@@ -10,10 +10,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pass-code-v1__component_tu1ox","dot":"pass-code-v1__dot_tu1ox","error":"pass-code-v1__error_tu1ox","filled":"pass-code-v1__filled_tu1ox"};
+var styles = {"component":"pass-code-v1__component_vhpga","dot":"pass-code-v1__dot_vhpga","error":"pass-code-v1__error_vhpga","filled":"pass-code-v1__filled_vhpga"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code-v1__enter_1tnln","enterActive":"pass-code-v1__enterActive_1tnln","exit":"pass-code-v1__exit_1tnln","exitActive":"pass-code-v1__exitActive_1tnln","shake":"pass-code-v1__shake_1tnln"};
+var transitions = {"enter":"pass-code-v1__enter_akgpq","enterActive":"pass-code-v1__enterActive_akgpq","exit":"pass-code-v1__exit_akgpq","exitActive":"pass-code-v1__exitActive_akgpq","shake":"pass-code-v1__shake_akgpq"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -23,13 +23,13 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_tu1ox {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_vhpga {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code-v1__dot_tu1ox {
+} .pass-code-v1__dot_vhpga {
     margin: var(--gap-0) 6px;
     width: 12px;
     height: 12px;
@@ -38,9 +38,9 @@
     flex-shrink: 0;
     transition: background 75ms ease-in;
     will-change: transform, opacity
-} .pass-code-v1__dot_tu1ox.pass-code-v1__error_tu1ox {
+} .pass-code-v1__dot_vhpga.pass-code-v1__error_vhpga {
         background: var(--color-light-status-negative);
         transition: none;
-    } .pass-code-v1__filled_tu1ox {
+    } .pass-code-v1__filled_vhpga {
     background: var(--color-light-neutral-translucent-1300);
 }

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

@@ -19,29 +19,29 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__enter_1tnln {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__enter_akgpq {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
-} .pass-code-v1__enterActive_1tnln {
+} .pass-code-v1__enterActive_akgpq {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
     transition: all 0.15s ease-in;
-} .pass-code-v1__exit_1tnln {
+} .pass-code-v1__exit_akgpq {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
-} .pass-code-v1__exitActive_1tnln {
+} .pass-code-v1__exitActive_akgpq {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
     transition: all 0.15s ease-in;
-} @keyframes pass-code-v1__shake_1tnln {
+} @keyframes pass-code-v1__shake_akgpq {
     0% {
         transform: translateX(0);
     }
@@ -57,6 +57,6 @@
     100% {
         transform: translateX(0);
     }
-} .pass-code-v1__shake_1tnln {
-    animation: pass-code-v1__shake_1tnln 0.15s linear 25ms 3;
+} .pass-code-v1__shake_akgpq {
+    animation: pass-code-v1__shake_akgpq 0.15s linear 25ms 3;
 }

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

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"pass-code-v1__component_10bc8","digit":"pass-code-v1__digit_10bc8"};
+var styles = {"component":"pass-code-v1__component_un9d9","digit":"pass-code-v1__digit_un9d9"};
 require('./index.css');
 
 var CELL_COUNT = 12;

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

@@ -27,7 +27,7 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_10bc8 {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_un9d9 {
     width: 240px;
     height: 292px;
     display: grid;
@@ -36,18 +36,18 @@
     grid-column-gap: var(--gap-24);
     grid-row-gap: var(--gap-12);
     margin: var(--gap-0) auto
-} .pass-code-v1__component_10bc8 .pass-code-v1__digit_10bc8.pass-code-v1__digit_10bc8 {
+} .pass-code-v1__component_un9d9 .pass-code-v1__digit_un9d9.pass-code-v1__digit_un9d9 {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code-v1__component_10bc8 {
+    .pass-code-v1__component_un9d9 {
         width: 292px;
         height: 352px;
         grid-column-gap: var(--gap-32);
         grid-row-gap: var(--gap-16);
     }
 } @media screen and (min-width: 390px) {
-    .pass-code-v1__component_10bc8 {
+    .pass-code-v1__component_un9d9 {
         width: 322px;
         height: 392px;
     }

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

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pass-code-v1__component_18ki0","button":"pass-code-v1__button_18ki0","secondary":"pass-code-v1__secondary_18ki0","ghost":"pass-code-v1__ghost_18ki0"};
+var styles = {"component":"pass-code-v1__component_12wf5","button":"pass-code-v1__button_12wf5","secondary":"pass-code-v1__secondary_12wf5","ghost":"pass-code-v1__ghost_12wf5"};
 require('./index.css');
 
 function KeyPadButton(_a) {

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

@@ -26,12 +26,12 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --button-bg-color: var(--color-light-neutral-translucent-200);
     --button-bg-color-active: var(--color-light-neutral-translucent-200-press);
-} .pass-code-v1__component_18ki0 {
+} .pass-code-v1__component_12wf5 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: var(--gap-0);
-} .pass-code-v1__button_18ki0.pass-code-v1__button_18ki0 {
+} .pass-code-v1__button_12wf5.pass-code-v1__button_12wf5 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -42,31 +42,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code-v1__button_18ki0.pass-code-v1__button_18ki0 > span {
+} .pass-code-v1__button_12wf5.pass-code-v1__button_12wf5 > span {
         vertical-align: middle
-    } .pass-code-v1__button_18ki0.pass-code-v1__button_18ki0 > span > * {
+    } .pass-code-v1__button_12wf5.pass-code-v1__button_12wf5 > span > * {
             vertical-align: middle;
-        } .pass-code-v1__secondary_18ki0.pass-code-v1__secondary_18ki0 {
+        } .pass-code-v1__secondary_12wf5.pass-code-v1__secondary_12wf5 {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code-v1__secondary_18ki0.pass-code-v1__secondary_18ki0:hover {
+} .pass-code-v1__secondary_12wf5.pass-code-v1__secondary_12wf5:hover {
         color: var(--color-light-text-primary);
-    } .pass-code-v1__secondary_18ki0.pass-code-v1__secondary_18ki0:active {
+    } .pass-code-v1__secondary_12wf5.pass-code-v1__secondary_12wf5:active {
         background: var(--button-bg-color-active);
-    } .pass-code-v1__ghost_18ki0.pass-code-v1__ghost_18ki0 {
+    } .pass-code-v1__ghost_12wf5.pass-code-v1__ghost_12wf5 {
     color: var(--color-light-text-primary)
-} .pass-code-v1__ghost_18ki0.pass-code-v1__ghost_18ki0:hover {
+} .pass-code-v1__ghost_12wf5.pass-code-v1__ghost_12wf5:hover {
         color: var(--color-light-text-primary);
-    } .pass-code-v1__ghost_18ki0.pass-code-v1__ghost_18ki0:active {
+    } .pass-code-v1__ghost_12wf5.pass-code-v1__ghost_12wf5:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code-v1__button_18ki0.pass-code-v1__button_18ki0 {
+    .pass-code-v1__button_12wf5.pass-code-v1__button_12wf5 {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code-v1__button_18ki0.pass-code-v1__button_18ki0 {
+    .pass-code-v1__button_12wf5.pass-code-v1__button_12wf5 {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code-v1/esm/Component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import './components/KeyPadButton/Component.js';
 import '../../button/esm/mobile';
 
-var styles = {"component":"pass-code-v1__component_1nblm","message":"pass-code-v1__message_1nblm","error":"pass-code-v1__error_1nblm"};
+var styles = {"component":"pass-code-v1__component_1f017","message":"pass-code-v1__message_1f017","error":"pass-code-v1__error_1f017"};
 require('./index.css');
 
 /**

package/pass-code-v1/esm/components/InputProgress/Component.js

@@ -3,10 +3,10 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 
-var styles = {"component":"pass-code-v1__component_tu1ox","dot":"pass-code-v1__dot_tu1ox","error":"pass-code-v1__error_tu1ox","filled":"pass-code-v1__filled_tu1ox"};
+var styles = {"component":"pass-code-v1__component_vhpga","dot":"pass-code-v1__dot_vhpga","error":"pass-code-v1__error_vhpga","filled":"pass-code-v1__filled_vhpga"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code-v1__enter_1tnln","enterActive":"pass-code-v1__enterActive_1tnln","exit":"pass-code-v1__exit_1tnln","exitActive":"pass-code-v1__exitActive_1tnln","shake":"pass-code-v1__shake_1tnln"};
+var transitions = {"enter":"pass-code-v1__enter_akgpq","enterActive":"pass-code-v1__enterActive_akgpq","exit":"pass-code-v1__exit_akgpq","exitActive":"pass-code-v1__exitActive_akgpq","shake":"pass-code-v1__shake_akgpq"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

package/pass-code-v1/esm/components/InputProgress/index.css

@@ -23,13 +23,13 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_tu1ox {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_vhpga {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code-v1__dot_tu1ox {
+} .pass-code-v1__dot_vhpga {
     margin: var(--gap-0) 6px;
     width: 12px;
     height: 12px;
@@ -38,9 +38,9 @@
     flex-shrink: 0;
     transition: background 75ms ease-in;
     will-change: transform, opacity
-} .pass-code-v1__dot_tu1ox.pass-code-v1__error_tu1ox {
+} .pass-code-v1__dot_vhpga.pass-code-v1__error_vhpga {
         background: var(--color-light-status-negative);
         transition: none;
-    } .pass-code-v1__filled_tu1ox {
+    } .pass-code-v1__filled_vhpga {
     background: var(--color-light-neutral-translucent-1300);
 }

package/pass-code-v1/esm/components/InputProgress/transitions.css

@@ -19,29 +19,29 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__enter_1tnln {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__enter_akgpq {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
-} .pass-code-v1__enterActive_1tnln {
+} .pass-code-v1__enterActive_akgpq {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
     transition: all 0.15s ease-in;
-} .pass-code-v1__exit_1tnln {
+} .pass-code-v1__exit_akgpq {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
-} .pass-code-v1__exitActive_1tnln {
+} .pass-code-v1__exitActive_akgpq {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
     transition: all 0.15s ease-in;
-} @keyframes pass-code-v1__shake_1tnln {
+} @keyframes pass-code-v1__shake_akgpq {
     0% {
         transform: translateX(0);
     }
@@ -57,6 +57,6 @@
     100% {
         transform: translateX(0);
     }
-} .pass-code-v1__shake_1tnln {
-    animation: pass-code-v1__shake_1tnln 0.15s linear 25ms 3;
+} .pass-code-v1__shake_akgpq {
+    animation: pass-code-v1__shake_akgpq 0.15s linear 25ms 3;
 }

package/pass-code-v1/esm/components/KeyPad/Component.js

@@ -5,7 +5,7 @@ import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/esm/mobile';
 
-var styles = {"component":"pass-code-v1__component_10bc8","digit":"pass-code-v1__digit_10bc8"};
+var styles = {"component":"pass-code-v1__component_un9d9","digit":"pass-code-v1__digit_un9d9"};
 require('./index.css');
 
 var CELL_COUNT = 12;

package/pass-code-v1/esm/components/KeyPad/index.css

@@ -27,7 +27,7 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_10bc8 {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_un9d9 {
     width: 240px;
     height: 292px;
     display: grid;
@@ -36,18 +36,18 @@
     grid-column-gap: var(--gap-24);
     grid-row-gap: var(--gap-12);
     margin: var(--gap-0) auto
-} .pass-code-v1__component_10bc8 .pass-code-v1__digit_10bc8.pass-code-v1__digit_10bc8 {
+} .pass-code-v1__component_un9d9 .pass-code-v1__digit_un9d9.pass-code-v1__digit_un9d9 {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code-v1__component_10bc8 {
+    .pass-code-v1__component_un9d9 {
         width: 292px;
         height: 352px;
         grid-column-gap: var(--gap-32);
         grid-row-gap: var(--gap-16);
     }
 } @media screen and (min-width: 390px) {
-    .pass-code-v1__component_10bc8 {
+    .pass-code-v1__component_un9d9 {
         width: 322px;
         height: 392px;
     }

package/pass-code-v1/esm/components/KeyPadButton/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ButtonMobile } from '../../../../button/esm/mobile';
 
-var styles = {"component":"pass-code-v1__component_18ki0","button":"pass-code-v1__button_18ki0","secondary":"pass-code-v1__secondary_18ki0","ghost":"pass-code-v1__ghost_18ki0"};
+var styles = {"component":"pass-code-v1__component_12wf5","button":"pass-code-v1__button_12wf5","secondary":"pass-code-v1__secondary_12wf5","ghost":"pass-code-v1__ghost_12wf5"};
 require('./index.css');
 
 function KeyPadButton(_a) {