@alfalab/core-components 48.10.1 → 48.10.2

package/pass-code/esm/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_b49le.pass-code__button_b49le {
+} .pass-code__button_1jl4n.pass-code__button_1jl4n {
     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_b49le.pass-code__button_b49le > span {
+} .pass-code__button_1jl4n.pass-code__button_1jl4n > span {
         vertical-align: middle
-    } .pass-code__button_b49le.pass-code__button_b49le > span > * {
+    } .pass-code__button_1jl4n.pass-code__button_1jl4n > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_b49le.pass-code__secondary_b49le,
-.pass-code__button_b49le.pass-code__button_b49le {
+        } .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n,
+.pass-code__button_1jl4n.pass-code__button_1jl4n {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-transparent-default)
-} .pass-code__secondary_b49le.pass-code__secondary_b49le:active, .pass-code__button_b49le.pass-code__button_b49le:active {
+} .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n:active, .pass-code__button_1jl4n.pass-code__button_1jl4n:active {
         background-color: var(--color-light-transparent-default-press);
-    } /* todo разделить стили KeyPadButton на desktop и mobile (:hover в ios работает по типу :active) */ .pass-code__secondary_b49le.pass-code__secondary_b49le:not(.pass-code__isIOS_b49le):hover, .pass-code__button_b49le.pass-code__button_b49le:not(.pass-code__isIOS_b49le):hover {
+    } /* todo разделить стили KeyPadButton на desktop и mobile (:hover в ios работает по типу :active) */ .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n:not(.pass-code__isIOS_1jl4n):hover, .pass-code__button_1jl4n.pass-code__button_1jl4n:not(.pass-code__isIOS_1jl4n):hover {
         background-color: var(--color-light-transparent-default-hover);
-    } .pass-code__secondary_b49le.pass-code__secondary_b49le:not(.pass-code__isIOS_b49le):active, .pass-code__button_b49le.pass-code__button_b49le:not(.pass-code__isIOS_b49le):active {
+    } .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n:not(.pass-code__isIOS_1jl4n):active, .pass-code__button_1jl4n.pass-code__button_1jl4n:not(.pass-code__isIOS_1jl4n):active {
         background-color: var(--color-light-transparent-default-press);
     }

package/pass-code/esm/index.css

@@ -26,15 +26,15 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
     --pass-code-min-height: 378px;
-} .pass-code__component_19dr5 {
+} .pass-code__component_1x6ob {
     min-height: var(--pass-code-min-height);
     box-sizing: border-box;
     padding: var(--gap-8) var(--gap-16) var(--gap-16);
     min-width: var(--pass-code-min-width);
-} .pass-code__inputProgressContainer_19dr5 {
+} .pass-code__inputProgressContainer_1x6ob {
     position: relative;
     flex: 1 0 auto;
-} .pass-code__message_19dr5 {
+} .pass-code__message_1x6ob {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

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

@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../components/KeyPadButton/Component.js';
 import '../../../button/esm/mobile';
 
-var styles = {"component":"pass-code__component_myby2"};
+var styles = {"component":"pass-code__component_1qs68"};
 require('./mobile.css');
 
 var PassCodeMobile = forwardRef(function (restProps, ref) { return (React.createElement(PassCode, __assign({}, restProps, { ref: ref, styles: styles }))); });

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

@@ -20,7 +20,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-height: 100%;
-} .pass-code__component_myby2 {
+} .pass-code__component_1qs68 {
     display: flex;
     flex-direction: column;
     justify-content: end;

package/pass-code/index.css

@@ -26,15 +26,15 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
     --pass-code-min-height: 378px;
-} .pass-code__component_19dr5 {
+} .pass-code__component_1x6ob {
     min-height: var(--pass-code-min-height);
     box-sizing: border-box;
     padding: var(--gap-8) var(--gap-16) var(--gap-16);
     min-width: var(--pass-code-min-width);
-} .pass-code__inputProgressContainer_19dr5 {
+} .pass-code__inputProgressContainer_1x6ob {
     position: relative;
     flex: 1 0 auto;
-} .pass-code__message_19dr5 {
+} .pass-code__message_1x6ob {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/pass-code/mobile/PassCodeMobile.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"pass-code__component_myby2"};
+var styles = {"component":"pass-code__component_1qs68"};
 require('./mobile.css');
 
 var PassCodeMobile = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(Component.PassCode, tslib.__assign({}, restProps, { ref: ref, styles: styles }))); });

package/pass-code/mobile/mobile.css

@@ -20,7 +20,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-height: 100%;
-} .pass-code__component_myby2 {
+} .pass-code__component_1qs68 {
     display: flex;
     flex-direction: column;
     justify-content: end;

package/pass-code/modern/Component.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import './components/KeyPadButton/Component.js';
 import '../../button/modern/mobile';
 
-const commonStyles = {"component":"pass-code__component_19dr5","inputProgressContainer":"pass-code__inputProgressContainer_19dr5","message":"pass-code__message_19dr5"};
+const commonStyles = {"component":"pass-code__component_1x6ob","inputProgressContainer":"pass-code__inputProgressContainer_1x6ob","message":"pass-code__message_1x6ob"};
 require('./index.css');
 
 const PassCode = forwardRef(({ value = '', dataTestId, className, leftAddons, rightAddons, rightAddonsTitle, error, success, onChange, maxCodeLength = 10, codeLength, styles = {}, disabled, }, ref) => {

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_ge2be","dotWrapper":"pass-code__dotWrapper_ge2be","dot":"pass-code__dot_ge2be","filled":"pass-code__filled_ge2be","animatedFill":"pass-code__animatedFill_ge2be","dotFilled":"pass-code__dotFilled_ge2be","error":"pass-code__error_ge2be","success":"pass-code__success_ge2be","dotSuccessFilled":"pass-code__dotSuccessFilled_ge2be","rawSuccess":"pass-code__rawSuccess_ge2be"};
+const styles = {"component":"pass-code__component_zjyqq","dotWrapper":"pass-code__dotWrapper_zjyqq","dot":"pass-code__dot_zjyqq","filled":"pass-code__filled_zjyqq","animatedFill":"pass-code__animatedFill_zjyqq","dotFilled":"pass-code__dotFilled_zjyqq","error":"pass-code__error_zjyqq","success":"pass-code__success_zjyqq","dotSuccessFilled":"pass-code__dotSuccessFilled_zjyqq","rawSuccess":"pass-code__rawSuccess_zjyqq"};
 require('./index.css');
 
-const transitions = {"enter":"pass-code__enter_7vwuz","enterActive":"pass-code__enterActive_7vwuz","exit":"pass-code__exit_7vwuz","exitActive":"pass-code__exitActive_7vwuz","shake":"pass-code__shake_7vwuz"};
+const transitions = {"enter":"pass-code__enter_qs4x1","enterActive":"pass-code__enterActive_qs4x1","exit":"pass-code__exit_qs4x1","exitActive":"pass-code__exitActive_qs4x1","shake":"pass-code__shake_qs4x1"};
 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_ge2be {
+} @keyframes pass-code__dotFilled_zjyqq {
     50% {
         width: var(--pass-code-dot-container-width);
         height: var(--pass-code-dot-container-height);
         animation-timing-function: ease-out;
     }
-} @keyframes pass-code__dotSuccessFilled_ge2be {
+} @keyframes pass-code__dotSuccessFilled_zjyqq {
     50% {
         width: var(--pass-code-dot-container-width);
         height: var(--pass-code-dot-container-height);
         animation-timing-function: ease-out;
     }
-} .pass-code__component_ge2be {
+} .pass-code__component_zjyqq {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: var(--pass-code-progress-container-min-height);
-} .pass-code__dotWrapper_ge2be {
+} .pass-code__dotWrapper_zjyqq {
     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_ge2be .pass-code__dot_ge2be {
+} .pass-code__dotWrapper_zjyqq .pass-code__dot_zjyqq {
         margin: unset;
-    } .pass-code__dot_ge2be {
+    } .pass-code__dot_zjyqq {
     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_ge2be.pass-code__filled_ge2be {
+} .pass-code__dot_zjyqq.pass-code__filled_zjyqq {
         background: var(--color-light-neutral-translucent-1300);
-    } .pass-code__dot_ge2be {
+    } .pass-code__dot_zjyqq {
 
     /* for a known passcode length */
-} .pass-code__dot_ge2be.pass-code__animatedFill_ge2be {
+} .pass-code__dot_zjyqq.pass-code__animatedFill_zjyqq {
         background: var(--color-light-neutral-translucent-1300);
-        animation: pass-code__dotFilled_ge2be 200ms ease-in forwards;
-    } .pass-code__dot_ge2be.pass-code__error_ge2be {
+        animation: pass-code__dotFilled_zjyqq 200ms ease-in forwards;
+    } .pass-code__dot_zjyqq.pass-code__error_zjyqq {
         background: var(--color-light-status-negative);
-    } .pass-code__dot_ge2be.pass-code__success_ge2be {
+    } .pass-code__dot_zjyqq.pass-code__success_zjyqq {
         background: var(--color-light-status-positive);
-        animation: pass-code__dotSuccessFilled_ge2be 200ms ease-in forwards;
-    } .pass-code__dot_ge2be {
+        animation: pass-code__dotSuccessFilled_zjyqq 200ms ease-in forwards;
+    } .pass-code__dot_zjyqq {
 
     /* without animation */
-} .pass-code__dot_ge2be.pass-code__rawSuccess_ge2be {
+} .pass-code__dot_zjyqq.pass-code__rawSuccess_zjyqq {
         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_7vwuz {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code__enter_qs4x1 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
-} .pass-code__enterActive_7vwuz {
+} .pass-code__enterActive_qs4x1 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
     transition: all 0.15s ease-in;
-} .pass-code__exit_7vwuz {
+} .pass-code__exit_qs4x1 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
-} .pass-code__exitActive_7vwuz {
+} .pass-code__exitActive_qs4x1 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
     transition: all 0.15s ease-in;
-} @keyframes pass-code__shake_7vwuz {
+} @keyframes pass-code__shake_qs4x1 {
     0% {
         transform: translateX(0);
     }
@@ -57,6 +57,6 @@
     100% {
         transform: translateX(0);
     }
-} .pass-code__shake_7vwuz {
-    animation: pass-code__shake_7vwuz 0.15s linear 25ms 3;
+} .pass-code__shake_qs4x1 {
+    animation: pass-code__shake_qs4x1 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_p3lw1","digit":"pass-code__digit_p3lw1"};
+const styles = {"component":"pass-code__component_1xkgx","digit":"pass-code__digit_1xkgx"};
 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_p3lw1 {
+} .pass-code__component_1xkgx {
     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_p3lw1 .pass-code__digit_p3lw1.pass-code__digit_p3lw1 {
+} .pass-code__component_1xkgx .pass-code__digit_1xkgx.pass-code__digit_1xkgx {
         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_b49le","secondary":"pass-code__secondary_b49le","isIOS":"pass-code__isIOS_b49le"};
+const styles = {"button":"pass-code__button_1jl4n","secondary":"pass-code__secondary_1jl4n","isIOS":"pass-code__isIOS_1jl4n"};
 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_b49le.pass-code__button_b49le {
+} .pass-code__button_1jl4n.pass-code__button_1jl4n {
     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_b49le.pass-code__button_b49le > span {
+} .pass-code__button_1jl4n.pass-code__button_1jl4n > span {
         vertical-align: middle
-    } .pass-code__button_b49le.pass-code__button_b49le > span > * {
+    } .pass-code__button_1jl4n.pass-code__button_1jl4n > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_b49le.pass-code__secondary_b49le,
-.pass-code__button_b49le.pass-code__button_b49le {
+        } .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n,
+.pass-code__button_1jl4n.pass-code__button_1jl4n {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-transparent-default)
-} .pass-code__secondary_b49le.pass-code__secondary_b49le:active, .pass-code__button_b49le.pass-code__button_b49le:active {
+} .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n:active, .pass-code__button_1jl4n.pass-code__button_1jl4n:active {
         background-color: var(--color-light-transparent-default-press);
-    } /* todo разделить стили KeyPadButton на desktop и mobile (:hover в ios работает по типу :active) */ .pass-code__secondary_b49le.pass-code__secondary_b49le:not(.pass-code__isIOS_b49le):hover, .pass-code__button_b49le.pass-code__button_b49le:not(.pass-code__isIOS_b49le):hover {
+    } /* todo разделить стили KeyPadButton на desktop и mobile (:hover в ios работает по типу :active) */ .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n:not(.pass-code__isIOS_1jl4n):hover, .pass-code__button_1jl4n.pass-code__button_1jl4n:not(.pass-code__isIOS_1jl4n):hover {
         background-color: var(--color-light-transparent-default-hover);
-    } .pass-code__secondary_b49le.pass-code__secondary_b49le:not(.pass-code__isIOS_b49le):active, .pass-code__button_b49le.pass-code__button_b49le:not(.pass-code__isIOS_b49le):active {
+    } .pass-code__secondary_1jl4n.pass-code__secondary_1jl4n:not(.pass-code__isIOS_1jl4n):active, .pass-code__button_1jl4n.pass-code__button_1jl4n:not(.pass-code__isIOS_1jl4n):active {
         background-color: var(--color-light-transparent-default-press);
     }

package/pass-code/modern/index.css

@@ -26,15 +26,15 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
     --pass-code-min-height: 378px;
-} .pass-code__component_19dr5 {
+} .pass-code__component_1x6ob {
     min-height: var(--pass-code-min-height);
     box-sizing: border-box;
     padding: var(--gap-8) var(--gap-16) var(--gap-16);
     min-width: var(--pass-code-min-width);
-} .pass-code__inputProgressContainer_19dr5 {
+} .pass-code__inputProgressContainer_1x6ob {
     position: relative;
     flex: 1 0 auto;
-} .pass-code__message_19dr5 {
+} .pass-code__message_1x6ob {
     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_myby2"};
+const styles = {"component":"pass-code__component_1qs68"};
 require('./mobile.css');
 
 const PassCodeMobile = forwardRef((restProps, ref) => (React.createElement(PassCode, { ...restProps, ref: ref, styles: styles })));

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

@@ -20,7 +20,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-height: 100%;
-} .pass-code__component_myby2 {
+} .pass-code__component_1qs68 {
     display: flex;
     flex-direction: column;
     justify-content: end;

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_1dhdf","message":"pass-code-v1__message_1dhdf","error":"pass-code-v1__error_1dhdf"};
+var styles = {"component":"pass-code-v1__component_1tx07","message":"pass-code-v1__message_1tx07","error":"pass-code-v1__error_1tx07"};
 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_nfrss","dot":"pass-code-v1__dot_nfrss","error":"pass-code-v1__error_nfrss","filled":"pass-code-v1__filled_nfrss"};
+var styles = {"component":"pass-code-v1__component_1h4bd","dot":"pass-code-v1__dot_1h4bd","error":"pass-code-v1__error_1h4bd","filled":"pass-code-v1__filled_1h4bd"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code-v1__enter_1p4ye","enterActive":"pass-code-v1__enterActive_1p4ye","exit":"pass-code-v1__exit_1p4ye","exitActive":"pass-code-v1__exitActive_1p4ye","shake":"pass-code-v1__shake_1p4ye"};
+var transitions = {"enter":"pass-code-v1__enter_161u2","enterActive":"pass-code-v1__enterActive_161u2","exit":"pass-code-v1__exit_161u2","exitActive":"pass-code-v1__exitActive_161u2","shake":"pass-code-v1__shake_161u2"};
 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_nfrss {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_1h4bd {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code-v1__dot_nfrss {
+} .pass-code-v1__dot_1h4bd {
     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_nfrss.pass-code-v1__error_nfrss {
+} .pass-code-v1__dot_1h4bd.pass-code-v1__error_1h4bd {
         background: var(--color-light-status-negative);
         transition: none;
-    } .pass-code-v1__filled_nfrss {
+    } .pass-code-v1__filled_1h4bd {
     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_1p4ye {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__enter_161u2 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
-} .pass-code-v1__enterActive_1p4ye {
+} .pass-code-v1__enterActive_161u2 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
     transition: all 0.15s ease-in;
-} .pass-code-v1__exit_1p4ye {
+} .pass-code-v1__exit_161u2 {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
-} .pass-code-v1__exitActive_1p4ye {
+} .pass-code-v1__exitActive_161u2 {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
     transition: all 0.15s ease-in;
-} @keyframes pass-code-v1__shake_1p4ye {
+} @keyframes pass-code-v1__shake_161u2 {
     0% {
         transform: translateX(0);
     }
@@ -57,6 +57,6 @@
     100% {
         transform: translateX(0);
     }
-} .pass-code-v1__shake_1p4ye {
-    animation: pass-code-v1__shake_1p4ye 0.15s linear 25ms 3;
+} .pass-code-v1__shake_161u2 {
+    animation: pass-code-v1__shake_161u2 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_iu3bq","digit":"pass-code-v1__digit_iu3bq"};
+var styles = {"component":"pass-code-v1__component_11x7o","digit":"pass-code-v1__digit_11x7o"};
 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_iu3bq {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code-v1__component_11x7o {
     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_iu3bq .pass-code-v1__digit_iu3bq.pass-code-v1__digit_iu3bq {
+} .pass-code-v1__component_11x7o .pass-code-v1__digit_11x7o.pass-code-v1__digit_11x7o {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code-v1__component_iu3bq {
+    .pass-code-v1__component_11x7o {
         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_iu3bq {
+    .pass-code-v1__component_11x7o {
         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_1cxhz","button":"pass-code-v1__button_1cxhz","secondary":"pass-code-v1__secondary_1cxhz","ghost":"pass-code-v1__ghost_1cxhz"};
+var styles = {"component":"pass-code-v1__component_1w0mb","button":"pass-code-v1__button_1w0mb","secondary":"pass-code-v1__secondary_1w0mb","ghost":"pass-code-v1__ghost_1w0mb"};
 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_1cxhz {
+} .pass-code-v1__component_1w0mb {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: var(--gap-0);
-} .pass-code-v1__button_1cxhz.pass-code-v1__button_1cxhz {
+} .pass-code-v1__button_1w0mb.pass-code-v1__button_1w0mb {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -42,31 +42,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code-v1__button_1cxhz.pass-code-v1__button_1cxhz > span {
+} .pass-code-v1__button_1w0mb.pass-code-v1__button_1w0mb > span {
         vertical-align: middle
-    } .pass-code-v1__button_1cxhz.pass-code-v1__button_1cxhz > span > * {
+    } .pass-code-v1__button_1w0mb.pass-code-v1__button_1w0mb > span > * {
             vertical-align: middle;
-        } .pass-code-v1__secondary_1cxhz.pass-code-v1__secondary_1cxhz {
+        } .pass-code-v1__secondary_1w0mb.pass-code-v1__secondary_1w0mb {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code-v1__secondary_1cxhz.pass-code-v1__secondary_1cxhz:hover {
+} .pass-code-v1__secondary_1w0mb.pass-code-v1__secondary_1w0mb:hover {
         color: var(--color-light-text-primary);
-    } .pass-code-v1__secondary_1cxhz.pass-code-v1__secondary_1cxhz:active {
+    } .pass-code-v1__secondary_1w0mb.pass-code-v1__secondary_1w0mb:active {
         background: var(--button-bg-color-active);
-    } .pass-code-v1__ghost_1cxhz.pass-code-v1__ghost_1cxhz {
+    } .pass-code-v1__ghost_1w0mb.pass-code-v1__ghost_1w0mb {
     color: var(--color-light-text-primary)
-} .pass-code-v1__ghost_1cxhz.pass-code-v1__ghost_1cxhz:hover {
+} .pass-code-v1__ghost_1w0mb.pass-code-v1__ghost_1w0mb:hover {
         color: var(--color-light-text-primary);
-    } .pass-code-v1__ghost_1cxhz.pass-code-v1__ghost_1cxhz:active {
+    } .pass-code-v1__ghost_1w0mb.pass-code-v1__ghost_1w0mb:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code-v1__button_1cxhz.pass-code-v1__button_1cxhz {
+    .pass-code-v1__button_1w0mb.pass-code-v1__button_1w0mb {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code-v1__button_1cxhz.pass-code-v1__button_1cxhz {
+    .pass-code-v1__button_1w0mb.pass-code-v1__button_1w0mb {
         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_1dhdf","message":"pass-code-v1__message_1dhdf","error":"pass-code-v1__error_1dhdf"};
+var styles = {"component":"pass-code-v1__component_1tx07","message":"pass-code-v1__message_1tx07","error":"pass-code-v1__error_1tx07"};
 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_nfrss","dot":"pass-code-v1__dot_nfrss","error":"pass-code-v1__error_nfrss","filled":"pass-code-v1__filled_nfrss"};
+var styles = {"component":"pass-code-v1__component_1h4bd","dot":"pass-code-v1__dot_1h4bd","error":"pass-code-v1__error_1h4bd","filled":"pass-code-v1__filled_1h4bd"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code-v1__enter_1p4ye","enterActive":"pass-code-v1__enterActive_1p4ye","exit":"pass-code-v1__exit_1p4ye","exitActive":"pass-code-v1__exitActive_1p4ye","shake":"pass-code-v1__shake_1p4ye"};
+var transitions = {"enter":"pass-code-v1__enter_161u2","enterActive":"pass-code-v1__enterActive_161u2","exit":"pass-code-v1__exit_161u2","exitActive":"pass-code-v1__exitActive_161u2","shake":"pass-code-v1__shake_161u2"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */