@alfalab/core-components 45.6.0 → 45.6.1

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

@@ -1,12 +1,12 @@
 /* hash: 1hsry */
-.pass-code__enter_1y58i {
+.pass-code__enter_vdsq1 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_1y58i {
+.pass-code__enterActive_vdsq1 {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_1y58i {
+.pass-code__exit_vdsq1 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_1y58i {
+.pass-code__exitActive_vdsq1 {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_1y58i {
+@keyframes pass-code__shake_vdsq1 {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_1y58i {
-    animation: pass-code__shake_1y58i 0.15s linear 25ms 3;
+.pass-code__shake_vdsq1 {
+    animation: pass-code__shake_vdsq1 0.15s linear 25ms 3;
 }

package/pass-code/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__component_1jccr","digit":"pass-code__digit_1jccr"};
+var styles = {"component":"pass-code__component_n2ohw","digit":"pass-code__digit_n2ohw"};
 require('./index.css');
 
 var CELL_COUNT = 12;

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

@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .pass-code__component_1jccr {
+} .pass-code__component_n2ohw {
     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_1jccr .pass-code__digit_1jccr.pass-code__digit_1jccr {
+} .pass-code__component_n2ohw .pass-code__digit_n2ohw.pass-code__digit_n2ohw {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1jccr {
+    .pass-code__component_n2ohw {
         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_1jccr {
+    .pass-code__component_n2ohw {
         width: 322px;
         height: 392px;
     }

package/pass-code/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__component_1bjre","button":"pass-code__button_1bjre","secondary":"pass-code__secondary_1bjre","ghost":"pass-code__ghost_1bjre"};
+var styles = {"component":"pass-code__component_1nhmw","button":"pass-code__button_1nhmw","secondary":"pass-code__secondary_1nhmw","ghost":"pass-code__ghost_1nhmw"};
 require('./index.css');
 
 function KeyPadButton(_a) {

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

@@ -21,12 +21,12 @@
 } :root {
     --button-bg-color: var(--color-light-neutral-translucent-200);
     --button-bg-color-active: var(--color-light-neutral-translucent-200-press);
-} .pass-code__component_1bjre {
+} .pass-code__component_1nhmw {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1bjre.pass-code__button_1bjre {
+} .pass-code__button_1nhmw.pass-code__button_1nhmw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1bjre.pass-code__button_1bjre > span {
+} .pass-code__button_1nhmw.pass-code__button_1nhmw > span {
         vertical-align: middle
-    } .pass-code__button_1bjre.pass-code__button_1bjre > span > * {
+    } .pass-code__button_1nhmw.pass-code__button_1nhmw > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1bjre.pass-code__secondary_1bjre {
+        } .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1bjre.pass-code__secondary_1bjre:hover {
+} .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1bjre.pass-code__secondary_1bjre:active {
+    } .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1bjre.pass-code__ghost_1bjre {
+    } .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1bjre.pass-code__ghost_1bjre:hover {
+} .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1bjre.pass-code__ghost_1bjre:active {
+    } .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1bjre.pass-code__button_1bjre {
+    .pass-code__button_1nhmw.pass-code__button_1nhmw {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1bjre.pass-code__button_1bjre {
+    .pass-code__button_1nhmw.pass-code__button_1nhmw {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/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__component_1jyep","message":"pass-code__message_1jyep","error":"pass-code__error_1jyep"};
+var styles = {"component":"pass-code__component_1yjrr","message":"pass-code__message_1yjrr","error":"pass-code__error_1yjrr"};
 require('./index.css');
 
 var PassCode = forwardRef(function (_a, ref) {

package/pass-code/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__component_acxoe","dot":"pass-code__dot_acxoe","error":"pass-code__error_acxoe","filled":"pass-code__filled_acxoe"};
+var styles = {"component":"pass-code__component_cb7pq","dot":"pass-code__dot_cb7pq","error":"pass-code__error_cb7pq","filled":"pass-code__filled_cb7pq"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code__enter_1y58i","enterActive":"pass-code__enterActive_1y58i","exit":"pass-code__exit_1y58i","exitActive":"pass-code__exitActive_1y58i","shake":"pass-code__shake_1y58i"};
+var transitions = {"enter":"pass-code__enter_vdsq1","enterActive":"pass-code__enterActive_vdsq1","exit":"pass-code__exit_vdsq1","exitActive":"pass-code__exitActive_vdsq1","shake":"pass-code__shake_vdsq1"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -18,13 +18,13 @@
 } :root {
 } :root {
 } :root {
-} .pass-code__component_acxoe {
+} .pass-code__component_cb7pq {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_acxoe {
+} .pass-code__dot_cb7pq {
     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_acxoe.pass-code__error_acxoe {
+} .pass-code__dot_cb7pq.pass-code__error_cb7pq {
         background: var(--color-light-status-negative);
         transition: none;
-    } .pass-code__filled_acxoe {
+    } .pass-code__filled_cb7pq {
     background: var(--color-light-neutral-1500);
 }

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

@@ -1,12 +1,12 @@
 /* hash: 1hsry */
-.pass-code__enter_1y58i {
+.pass-code__enter_vdsq1 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_1y58i {
+.pass-code__enterActive_vdsq1 {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_1y58i {
+.pass-code__exit_vdsq1 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_1y58i {
+.pass-code__exitActive_vdsq1 {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_1y58i {
+@keyframes pass-code__shake_vdsq1 {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_1y58i {
-    animation: pass-code__shake_1y58i 0.15s linear 25ms 3;
+.pass-code__shake_vdsq1 {
+    animation: pass-code__shake_vdsq1 0.15s linear 25ms 3;
 }

package/pass-code/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__component_1jccr","digit":"pass-code__digit_1jccr"};
+var styles = {"component":"pass-code__component_n2ohw","digit":"pass-code__digit_n2ohw"};
 require('./index.css');
 
 var CELL_COUNT = 12;

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

@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .pass-code__component_1jccr {
+} .pass-code__component_n2ohw {
     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_1jccr .pass-code__digit_1jccr.pass-code__digit_1jccr {
+} .pass-code__component_n2ohw .pass-code__digit_n2ohw.pass-code__digit_n2ohw {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1jccr {
+    .pass-code__component_n2ohw {
         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_1jccr {
+    .pass-code__component_n2ohw {
         width: 322px;
         height: 392px;
     }

package/pass-code/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__component_1bjre","button":"pass-code__button_1bjre","secondary":"pass-code__secondary_1bjre","ghost":"pass-code__ghost_1bjre"};
+var styles = {"component":"pass-code__component_1nhmw","button":"pass-code__button_1nhmw","secondary":"pass-code__secondary_1nhmw","ghost":"pass-code__ghost_1nhmw"};
 require('./index.css');
 
 function KeyPadButton(_a) {

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

@@ -21,12 +21,12 @@
 } :root {
     --button-bg-color: var(--color-light-neutral-translucent-200);
     --button-bg-color-active: var(--color-light-neutral-translucent-200-press);
-} .pass-code__component_1bjre {
+} .pass-code__component_1nhmw {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1bjre.pass-code__button_1bjre {
+} .pass-code__button_1nhmw.pass-code__button_1nhmw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1bjre.pass-code__button_1bjre > span {
+} .pass-code__button_1nhmw.pass-code__button_1nhmw > span {
         vertical-align: middle
-    } .pass-code__button_1bjre.pass-code__button_1bjre > span > * {
+    } .pass-code__button_1nhmw.pass-code__button_1nhmw > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1bjre.pass-code__secondary_1bjre {
+        } .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1bjre.pass-code__secondary_1bjre:hover {
+} .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1bjre.pass-code__secondary_1bjre:active {
+    } .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1bjre.pass-code__ghost_1bjre {
+    } .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1bjre.pass-code__ghost_1bjre:hover {
+} .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1bjre.pass-code__ghost_1bjre:active {
+    } .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1bjre.pass-code__button_1bjre {
+    .pass-code__button_1nhmw.pass-code__button_1nhmw {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1bjre.pass-code__button_1bjre {
+    .pass-code__button_1nhmw.pass-code__button_1nhmw {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/esm/index.css

@@ -19,10 +19,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_1jyep {
+} .pass-code__component_1yjrr {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__message_1jyep {
+} .pass-code__message_1yjrr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -33,6 +33,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary);
-} .pass-code__error_1jyep {
+} .pass-code__error_1yjrr {
     color: var(--color-light-text-negative);
 }

package/pass-code/index.css

@@ -19,10 +19,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_1jyep {
+} .pass-code__component_1yjrr {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__message_1jyep {
+} .pass-code__message_1yjrr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -33,6 +33,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary);
-} .pass-code__error_1jyep {
+} .pass-code__error_1yjrr {
     color: var(--color-light-text-negative);
 }

package/pass-code/modern/Component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import './components/KeyPadButton/Component.js';
 import '../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_1jyep","message":"pass-code__message_1jyep","error":"pass-code__error_1jyep"};
+const styles = {"component":"pass-code__component_1yjrr","message":"pass-code__message_1yjrr","error":"pass-code__error_1yjrr"};
 require('./index.css');
 
 const PassCode = forwardRef(({ value = '', dataTestId, className, leftAddons, rightAddons, error, message, onChange, maxCodeLength = 10, codeLength, }, ref) => {

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

@@ -3,10 +3,10 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 
-const styles = {"component":"pass-code__component_acxoe","dot":"pass-code__dot_acxoe","error":"pass-code__error_acxoe","filled":"pass-code__filled_acxoe"};
+const styles = {"component":"pass-code__component_cb7pq","dot":"pass-code__dot_cb7pq","error":"pass-code__error_cb7pq","filled":"pass-code__filled_cb7pq"};
 require('./index.css');
 
-const transitions = {"enter":"pass-code__enter_1y58i","enterActive":"pass-code__enterActive_1y58i","exit":"pass-code__exit_1y58i","exitActive":"pass-code__exitActive_1y58i","shake":"pass-code__shake_1y58i"};
+const transitions = {"enter":"pass-code__enter_vdsq1","enterActive":"pass-code__enterActive_vdsq1","exit":"pass-code__exit_vdsq1","exitActive":"pass-code__exitActive_vdsq1","shake":"pass-code__shake_vdsq1"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -18,13 +18,13 @@
 } :root {
 } :root {
 } :root {
-} .pass-code__component_acxoe {
+} .pass-code__component_cb7pq {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_acxoe {
+} .pass-code__dot_cb7pq {
     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_acxoe.pass-code__error_acxoe {
+} .pass-code__dot_cb7pq.pass-code__error_cb7pq {
         background: var(--color-light-status-negative);
         transition: none;
-    } .pass-code__filled_acxoe {
+    } .pass-code__filled_cb7pq {
     background: var(--color-light-neutral-1500);
 }

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

@@ -1,12 +1,12 @@
 /* hash: 1hsry */
-.pass-code__enter_1y58i {
+.pass-code__enter_vdsq1 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_1y58i {
+.pass-code__enterActive_vdsq1 {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_1y58i {
+.pass-code__exit_vdsq1 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_1y58i {
+.pass-code__exitActive_vdsq1 {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_1y58i {
+@keyframes pass-code__shake_vdsq1 {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_1y58i {
-    animation: pass-code__shake_1y58i 0.15s linear 25ms 3;
+.pass-code__shake_vdsq1 {
+    animation: pass-code__shake_vdsq1 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_1jccr","digit":"pass-code__digit_1jccr"};
+const styles = {"component":"pass-code__component_n2ohw","digit":"pass-code__digit_n2ohw"};
 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_1jccr {
+} .pass-code__component_n2ohw {
     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_1jccr .pass-code__digit_1jccr.pass-code__digit_1jccr {
+} .pass-code__component_n2ohw .pass-code__digit_n2ohw.pass-code__digit_n2ohw {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1jccr {
+    .pass-code__component_n2ohw {
         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_1jccr {
+    .pass-code__component_n2ohw {
         width: 322px;
         height: 392px;
     }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ButtonMobile } from '../../../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_1bjre","button":"pass-code__button_1bjre","secondary":"pass-code__secondary_1bjre","ghost":"pass-code__ghost_1bjre"};
+const styles = {"component":"pass-code__component_1nhmw","button":"pass-code__button_1nhmw","secondary":"pass-code__secondary_1nhmw","ghost":"pass-code__ghost_1nhmw"};
 require('./index.css');
 
 function KeyPadButton({ children, onClick, className, view = 'secondary', buttonClassName, dataTestId, }) {

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

@@ -21,12 +21,12 @@
 } :root {
     --button-bg-color: var(--color-light-neutral-translucent-200);
     --button-bg-color-active: var(--color-light-neutral-translucent-200-press);
-} .pass-code__component_1bjre {
+} .pass-code__component_1nhmw {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1bjre.pass-code__button_1bjre {
+} .pass-code__button_1nhmw.pass-code__button_1nhmw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1bjre.pass-code__button_1bjre > span {
+} .pass-code__button_1nhmw.pass-code__button_1nhmw > span {
         vertical-align: middle
-    } .pass-code__button_1bjre.pass-code__button_1bjre > span > * {
+    } .pass-code__button_1nhmw.pass-code__button_1nhmw > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1bjre.pass-code__secondary_1bjre {
+        } .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1bjre.pass-code__secondary_1bjre:hover {
+} .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1bjre.pass-code__secondary_1bjre:active {
+    } .pass-code__secondary_1nhmw.pass-code__secondary_1nhmw:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1bjre.pass-code__ghost_1bjre {
+    } .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1bjre.pass-code__ghost_1bjre:hover {
+} .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1bjre.pass-code__ghost_1bjre:active {
+    } .pass-code__ghost_1nhmw.pass-code__ghost_1nhmw:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1bjre.pass-code__button_1bjre {
+    .pass-code__button_1nhmw.pass-code__button_1nhmw {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1bjre.pass-code__button_1bjre {
+    .pass-code__button_1nhmw.pass-code__button_1nhmw {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/modern/index.css

@@ -19,10 +19,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_1jyep {
+} .pass-code__component_1yjrr {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__message_1jyep {
+} .pass-code__message_1yjrr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -33,6 +33,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary);
-} .pass-code__error_1jyep {
+} .pass-code__error_1yjrr {
     color: var(--color-light-text-negative);
 }