@alfalab/core-components 41.11.0 → 42.0.0-beta.0

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

@@ -1,12 +1,12 @@
 /* hash: 88q8p */
-.pass-code__enter_2tar4 {
+.pass-code__enter_n3rv8 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_2tar4 {
+.pass-code__enterActive_n3rv8 {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_2tar4 {
+.pass-code__exit_n3rv8 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_2tar4 {
+.pass-code__exitActive_n3rv8 {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_2tar4 {
+@keyframes pass-code__shake_n3rv8 {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_2tar4 {
-    animation: pass-code__shake_2tar4 0.15s linear 0s 3;
+.pass-code__shake_n3rv8 {
+    animation: pass-code__shake_n3rv8 0.15s linear 0s 3;
 }

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var BackspaceXxlIcon = require('@alfalab/icons-glyph/BackspaceXxlIcon');
-var getDataTestId = require('../../getDataTestId-c0608fe5.js');
+var getDataTestId = require('../../getDataTestId-f255b6f6.js');
 var components_KeyPadButton_Component = require('../KeyPadButton/Component.js');
 require('classnames');
 require('../../../button');
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"pass-code__component_1p3yz","digit":"pass-code__digit_1p3yz"};
+var styles = {"component":"pass-code__component_14thv","digit":"pass-code__digit_14thv"};
 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_1p3yz {
+} .pass-code__component_14thv {
     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_1p3yz .pass-code__digit_1p3yz.pass-code__digit_1p3yz {
+} .pass-code__component_14thv .pass-code__digit_14thv.pass-code__digit_14thv {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1p3yz {
+    .pass-code__component_14thv {
         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_1p3yz {
+    .pass-code__component_14thv {
         width: 322px;
         height: 392px;
     }

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_KeyPad_Component = require('./Component.js');
 require('react');
 require('@alfalab/icons-glyph/BackspaceXxlIcon');
-require('../../getDataTestId-c0608fe5.js');
+require('../../getDataTestId-f255b6f6.js');
 require('../KeyPadButton/Component.js');
 require('classnames');
 require('../../../button');

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_1ds48","button":"pass-code__button_1ds48","secondary":"pass-code__secondary_1ds48","ghost":"pass-code__ghost_1ds48"};
+var styles = {"component":"pass-code__component_thn4u","button":"pass-code__button_thn4u","secondary":"pass-code__secondary_thn4u","ghost":"pass-code__ghost_thn4u"};
 require('./index.css');
 
 function KeyPadButton(_a) {

package/pass-code/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_1ds48 {
+} .pass-code__component_thn4u {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1ds48.pass-code__button_1ds48 {
+} .pass-code__button_thn4u.pass-code__button_thn4u {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1ds48.pass-code__button_1ds48 > span {
+} .pass-code__button_thn4u.pass-code__button_thn4u > span {
         vertical-align: middle
-    } .pass-code__button_1ds48.pass-code__button_1ds48 > span > * {
+    } .pass-code__button_thn4u.pass-code__button_thn4u > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1ds48.pass-code__secondary_1ds48 {
+        } .pass-code__secondary_thn4u.pass-code__secondary_thn4u {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1ds48.pass-code__secondary_1ds48:hover {
+} .pass-code__secondary_thn4u.pass-code__secondary_thn4u:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1ds48.pass-code__secondary_1ds48:active {
+    } .pass-code__secondary_thn4u.pass-code__secondary_thn4u:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1ds48.pass-code__ghost_1ds48 {
+    } .pass-code__ghost_thn4u.pass-code__ghost_thn4u {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1ds48.pass-code__ghost_1ds48:hover {
+} .pass-code__ghost_thn4u.pass-code__ghost_thn4u:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1ds48.pass-code__ghost_1ds48:active {
+    } .pass-code__ghost_thn4u.pass-code__ghost_thn4u:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1ds48.pass-code__button_1ds48 {
+    .pass-code__button_thn4u.pass-code__button_thn4u {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1ds48.pass-code__button_1ds48 {
+    .pass-code__button_thn4u.pass-code__button_thn4u {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Gap } from '../../gap/esm';
-import { g as getDataTestId } from './getDataTestId-54435999.js';
+import { g as getDataTestId } from './getDataTestId-5519db8d.js';
 import { InputProgress } from './components/InputProgress/Component.js';
 import { KeyPad } from './components/KeyPad/Component.js';
 import 'react-transition-group';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import './components/KeyPadButton/Component.js';
 import '../../button/esm';
 
-var styles = {"component":"pass-code__component_1x3hm","error":"pass-code__error_1x3hm"};
+var styles = {"component":"pass-code__component_19pnx","error":"pass-code__error_19pnx"};
 require('./index.css');
 
 var PassCode = forwardRef(function (_a, ref) {

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-54435999.js';
+import { g as getDataTestId } from '../../getDataTestId-5519db8d.js';
 
-var styles = {"component":"pass-code__component_1fet9","dot":"pass-code__dot_1fet9","error":"pass-code__error_1fet9","filled":"pass-code__filled_1fet9"};
+var styles = {"component":"pass-code__component_ic6d8","dot":"pass-code__dot_ic6d8","error":"pass-code__error_ic6d8","filled":"pass-code__filled_ic6d8"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code__enter_2tar4","enterActive":"pass-code__enterActive_2tar4","exit":"pass-code__exit_2tar4","exitActive":"pass-code__exitActive_2tar4","shake":"pass-code__shake_2tar4"};
+var transitions = {"enter":"pass-code__enter_n3rv8","enterActive":"pass-code__enterActive_n3rv8","exit":"pass-code__exit_n3rv8","exitActive":"pass-code__exitActive_n3rv8","shake":"pass-code__shake_n3rv8"};
 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_1fet9 {
+} .pass-code__component_ic6d8 {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_1fet9 {
+} .pass-code__dot_ic6d8 {
     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_1fet9.pass-code__error_1fet9 {
+} .pass-code__dot_ic6d8.pass-code__error_ic6d8 {
         background: var(--color-light-graphic-negative);
         transition: none;
-    } .pass-code__filled_1fet9 {
+    } .pass-code__filled_ic6d8 {
     background: var(--color-light-graphic-primary);
 }

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

@@ -2,4 +2,4 @@ export { InputProgress } from './Component.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
-import '../../getDataTestId-54435999.js';
+import '../../getDataTestId-5519db8d.js';

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

@@ -1,12 +1,12 @@
 /* hash: 88q8p */
-.pass-code__enter_2tar4 {
+.pass-code__enter_n3rv8 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_2tar4 {
+.pass-code__enterActive_n3rv8 {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_2tar4 {
+.pass-code__exit_n3rv8 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_2tar4 {
+.pass-code__exitActive_n3rv8 {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_2tar4 {
+@keyframes pass-code__shake_n3rv8 {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_2tar4 {
-    animation: pass-code__shake_2tar4 0.15s linear 0s 3;
+.pass-code__shake_n3rv8 {
+    animation: pass-code__shake_n3rv8 0.15s linear 0s 3;
 }

package/pass-code/esm/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-54435999.js';
+import { g as getDataTestId } from '../../getDataTestId-5519db8d.js';
 import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/esm';
 
-var styles = {"component":"pass-code__component_1p3yz","digit":"pass-code__digit_1p3yz"};
+var styles = {"component":"pass-code__component_14thv","digit":"pass-code__digit_14thv"};
 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_1p3yz {
+} .pass-code__component_14thv {
     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_1p3yz .pass-code__digit_1p3yz.pass-code__digit_1p3yz {
+} .pass-code__component_14thv .pass-code__digit_14thv.pass-code__digit_14thv {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1p3yz {
+    .pass-code__component_14thv {
         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_1p3yz {
+    .pass-code__component_14thv {
         width: 322px;
         height: 392px;
     }

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

@@ -4,4 +4,4 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/esm';
-import '../../getDataTestId-54435999.js';
+import '../../getDataTestId-5519db8d.js';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"component":"pass-code__component_1ds48","button":"pass-code__button_1ds48","secondary":"pass-code__secondary_1ds48","ghost":"pass-code__ghost_1ds48"};
+var styles = {"component":"pass-code__component_thn4u","button":"pass-code__button_thn4u","secondary":"pass-code__secondary_thn4u","ghost":"pass-code__ghost_thn4u"};
 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-specialbg-secondary-transparent);
     --button-bg-color-active: var(--color-light-specialbg-tertiary-transparent);
-} .pass-code__component_1ds48 {
+} .pass-code__component_thn4u {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1ds48.pass-code__button_1ds48 {
+} .pass-code__button_thn4u.pass-code__button_thn4u {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1ds48.pass-code__button_1ds48 > span {
+} .pass-code__button_thn4u.pass-code__button_thn4u > span {
         vertical-align: middle
-    } .pass-code__button_1ds48.pass-code__button_1ds48 > span > * {
+    } .pass-code__button_thn4u.pass-code__button_thn4u > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1ds48.pass-code__secondary_1ds48 {
+        } .pass-code__secondary_thn4u.pass-code__secondary_thn4u {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1ds48.pass-code__secondary_1ds48:hover {
+} .pass-code__secondary_thn4u.pass-code__secondary_thn4u:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1ds48.pass-code__secondary_1ds48:active {
+    } .pass-code__secondary_thn4u.pass-code__secondary_thn4u:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1ds48.pass-code__ghost_1ds48 {
+    } .pass-code__ghost_thn4u.pass-code__ghost_thn4u {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1ds48.pass-code__ghost_1ds48:hover {
+} .pass-code__ghost_thn4u.pass-code__ghost_thn4u:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1ds48.pass-code__ghost_1ds48:active {
+    } .pass-code__ghost_thn4u.pass-code__ghost_thn4u:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1ds48.pass-code__button_1ds48 {
+    .pass-code__button_thn4u.pass-code__button_thn4u {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1ds48.pass-code__button_1ds48 {
+    .pass-code__button_thn4u.pass-code__button_thn4u {
         min-width: 86px;
         width: 86px;
         height: 86px;

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

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./getDataTestId-54435999";
+export * from "./getDataTestId-5519db8d";

package/pass-code/esm/index.css

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

package/pass-code/esm/index.js

@@ -8,4 +8,4 @@ import 'react-transition-group';
 import './components/KeyPad/Component.js';
 import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../../button/esm';
-import './getDataTestId-54435999.js';
+import './getDataTestId-5519db8d.js';

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

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

package/pass-code/index.css

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

package/pass-code/index.js

@@ -5,7 +5,7 @@ var components_KeyPadButton_Component = require('./components/KeyPadButton/Compo
 require('react');
 require('classnames');
 require('../gap');
-require('./getDataTestId-c0608fe5.js');
+require('./getDataTestId-f255b6f6.js');
 require('./components/InputProgress/Component.js');
 require('react-transition-group');
 require('./components/KeyPad/Component.js');

package/pass-code/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Gap } from '../../gap/modern';
-import { g as getDataTestId } from './getDataTestId-25de0765.js';
+import { g as getDataTestId } from './getDataTestId-df6b5f2f.js';
 import { InputProgress } from './components/InputProgress/Component.js';
 import { KeyPad } from './components/KeyPad/Component.js';
 import 'react-transition-group';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import './components/KeyPadButton/Component.js';
 import '../../button/modern';
 
-const styles = {"component":"pass-code__component_1x3hm","error":"pass-code__error_1x3hm"};
+const styles = {"component":"pass-code__component_19pnx","error":"pass-code__error_19pnx"};
 require('./index.css');
 
 const PassCode = forwardRef(({ value = '', dataTestId, className, leftAddons, rightAddons, error, onChange, maxCodeLength = 10, codeLength, }, ref) => {

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-25de0765.js';
+import { g as getDataTestId } from '../../getDataTestId-df6b5f2f.js';
 
-const styles = {"component":"pass-code__component_1fet9","dot":"pass-code__dot_1fet9","error":"pass-code__error_1fet9","filled":"pass-code__filled_1fet9"};
+const styles = {"component":"pass-code__component_ic6d8","dot":"pass-code__dot_ic6d8","error":"pass-code__error_ic6d8","filled":"pass-code__filled_ic6d8"};
 require('./index.css');
 
-const transitions = {"enter":"pass-code__enter_2tar4","enterActive":"pass-code__enterActive_2tar4","exit":"pass-code__exit_2tar4","exitActive":"pass-code__exitActive_2tar4","shake":"pass-code__shake_2tar4"};
+const transitions = {"enter":"pass-code__enter_n3rv8","enterActive":"pass-code__enterActive_n3rv8","exit":"pass-code__exit_n3rv8","exitActive":"pass-code__exitActive_n3rv8","shake":"pass-code__shake_n3rv8"};
 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_1fet9 {
+} .pass-code__component_ic6d8 {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_1fet9 {
+} .pass-code__dot_ic6d8 {
     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_1fet9.pass-code__error_1fet9 {
+} .pass-code__dot_ic6d8.pass-code__error_ic6d8 {
         background: var(--color-light-graphic-negative);
         transition: none;
-    } .pass-code__filled_1fet9 {
+    } .pass-code__filled_ic6d8 {
     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-25de0765.js';
+import '../../getDataTestId-df6b5f2f.js';

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

@@ -1,12 +1,12 @@
 /* hash: 88q8p */
-.pass-code__enter_2tar4 {
+.pass-code__enter_n3rv8 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_2tar4 {
+.pass-code__enterActive_n3rv8 {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_2tar4 {
+.pass-code__exit_n3rv8 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_2tar4 {
+.pass-code__exitActive_n3rv8 {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_2tar4 {
+@keyframes pass-code__shake_n3rv8 {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_2tar4 {
-    animation: pass-code__shake_2tar4 0.15s linear 0s 3;
+.pass-code__shake_n3rv8 {
+    animation: pass-code__shake_n3rv8 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-25de0765.js';
+import { g as getDataTestId } from '../../getDataTestId-df6b5f2f.js';
 import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern';
 
-const styles = {"component":"pass-code__component_1p3yz","digit":"pass-code__digit_1p3yz"};
+const styles = {"component":"pass-code__component_14thv","digit":"pass-code__digit_14thv"};
 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_1p3yz {
+} .pass-code__component_14thv {
     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_1p3yz .pass-code__digit_1p3yz.pass-code__digit_1p3yz {
+} .pass-code__component_14thv .pass-code__digit_14thv.pass-code__digit_14thv {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1p3yz {
+    .pass-code__component_14thv {
         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_1p3yz {
+    .pass-code__component_14thv {
         width: 322px;
         height: 392px;
     }