@alfalab/core-components 48.11.0-beta.0 → 48.11.0-beta.2

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

@@ -21,7 +21,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
     --size-l-height: 64px;
@@ -29,7 +32,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_w66yr.pass-code__button_w66yr {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -41,18 +44,18 @@
     height: var(--pass-code-button-height);
 
     text-align: center
-} .pass-code__button_b49le.pass-code__button_b49le > span {
+} .pass-code__button_w66yr.pass-code__button_w66yr > span {
         vertical-align: middle
-    } .pass-code__button_b49le.pass-code__button_b49le > span > * {
+    } .pass-code__button_w66yr.pass-code__button_w66yr > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_b49le.pass-code__secondary_b49le,
-.pass-code__button_b49le.pass-code__button_b49le {
+        } .pass-code__secondary_w66yr.pass-code__secondary_w66yr,
+.pass-code__button_w66yr.pass-code__button_w66yr {
     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_w66yr.pass-code__secondary_w66yr:active, .pass-code__button_w66yr.pass-code__button_w66yr: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_w66yr.pass-code__secondary_w66yr:not(.pass-code__isIOS_w66yr):hover, .pass-code__button_w66yr.pass-code__button_w66yr:not(.pass-code__isIOS_w66yr):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_w66yr.pass-code__secondary_w66yr:not(.pass-code__isIOS_w66yr):active, .pass-code__button_w66yr.pass-code__button_w66yr:not(.pass-code__isIOS_w66yr):active {
         background-color: var(--color-light-transparent-default-press);
     }

package/pass-code/cssm/components/InputProgress/index.module.css

@@ -20,7 +20,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

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

@@ -15,7 +15,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .enter {

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

@@ -17,7 +17,10 @@
     --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-40: var(--gap-3xl);
 } :root {
 } :root {

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

@@ -20,7 +20,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
     --size-l-height: 64px;

package/pass-code/cssm/desktop/desktop.module.css

@@ -15,6 +15,9 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/pass-code/cssm/index.module.css

@@ -18,6 +18,9 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 } :root {

package/pass-code/cssm/mobile/mobile.module.css

@@ -15,6 +15,9 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/pass-code/desktop/desktop.css

@@ -16,6 +16,9 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/pass-code/esm/Component.js

@@ -11,7 +11,7 @@ import './components/KeyPadButton/Component.js';
 import 'tslib';
 import '../../button/esm/mobile';
 
-var commonStyles = {"component":"pass-code__component_19dr5","inputProgressContainer":"pass-code__inputProgressContainer_19dr5","message":"pass-code__message_19dr5"};
+var commonStyles = {"component":"pass-code__component_19rqm","inputProgressContainer":"pass-code__inputProgressContainer_19rqm","message":"pass-code__message_19rqm"};
 require('./index.css');
 
 var PassCode = forwardRef(function (_a, ref) {

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

@@ -4,10 +4,10 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { useInputProgress } from './useInputProgress.js';
 
-var 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"};
+var styles = {"component":"pass-code__component_fnmjb","dotWrapper":"pass-code__dotWrapper_fnmjb","dot":"pass-code__dot_fnmjb","filled":"pass-code__filled_fnmjb","animatedFill":"pass-code__animatedFill_fnmjb","dotFilled":"pass-code__dotFilled_fnmjb","error":"pass-code__error_fnmjb","success":"pass-code__success_fnmjb","dotSuccessFilled":"pass-code__dotSuccessFilled_fnmjb","rawSuccess":"pass-code__rawSuccess_fnmjb"};
 require('./index.css');
 
-var 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"};
+var transitions = {"enter":"pass-code__enter_1e72l","enterActive":"pass-code__enterActive_1e72l","exit":"pass-code__exit_1e72l","exitActive":"pass-code__exitActive_1e72l","shake":"pass-code__shake_1e72l"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -21,7 +21,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -30,33 +33,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_fnmjb {
     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_fnmjb {
     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_fnmjb {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: var(--pass-code-progress-container-min-height);
-} .pass-code__dotWrapper_ge2be {
+} .pass-code__dotWrapper_fnmjb {
     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_fnmjb .pass-code__dot_fnmjb {
         margin: unset;
-    } .pass-code__dot_ge2be {
+    } .pass-code__dot_fnmjb {
     margin: var(--gap-0) 6px;
     width: var(--pass-code-dot-width);
     height: var(--pass-code-dot-height);
@@ -65,22 +68,22 @@
     flex-shrink: 0
 
     /* for unknown password length */
-} .pass-code__dot_ge2be.pass-code__filled_ge2be {
+} .pass-code__dot_fnmjb.pass-code__filled_fnmjb {
         background: var(--color-light-neutral-translucent-1300);
-    } .pass-code__dot_ge2be {
+    } .pass-code__dot_fnmjb {
 
     /* for a known passcode length */
-} .pass-code__dot_ge2be.pass-code__animatedFill_ge2be {
+} .pass-code__dot_fnmjb.pass-code__animatedFill_fnmjb {
         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_fnmjb 200ms ease-in forwards;
+    } .pass-code__dot_fnmjb.pass-code__error_fnmjb {
         background: var(--color-light-status-negative);
-    } .pass-code__dot_ge2be.pass-code__success_ge2be {
+    } .pass-code__dot_fnmjb.pass-code__success_fnmjb {
         background: var(--color-light-status-positive);
-        animation: pass-code__dotSuccessFilled_ge2be 200ms ease-in forwards;
-    } .pass-code__dot_ge2be {
+        animation: pass-code__dotSuccessFilled_fnmjb 200ms ease-in forwards;
+    } .pass-code__dot_fnmjb {
 
     /* without animation */
-} .pass-code__dot_ge2be.pass-code__rawSuccess_ge2be {
+} .pass-code__dot_fnmjb.pass-code__rawSuccess_fnmjb {
         background: var(--color-light-status-positive);
     }

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

@@ -16,32 +16,35 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .pass-code__enter_7vwuz {
+} /* сбрасывает синюю подсветку при нажатии */ .pass-code__enter_1e72l {
     opacity: 0;
     width: 0;
     height: 0;
     margin: var(--gap-0);
-} .pass-code__enterActive_7vwuz {
+} .pass-code__enterActive_1e72l {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
     transition: all 0.15s ease-in;
-} .pass-code__exit_7vwuz {
+} .pass-code__exit_1e72l {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: var(--gap-0) 6px;
-} .pass-code__exitActive_7vwuz {
+} .pass-code__exitActive_1e72l {
     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_1e72l {
     0% {
         transform: translateX(0);
     }
@@ -57,6 +60,6 @@
     100% {
         transform: translateX(0);
     }
-} .pass-code__shake_7vwuz {
-    animation: pass-code__shake_7vwuz 0.15s linear 25ms 3;
+} .pass-code__shake_1e72l {
+    animation: pass-code__shake_1e72l 0.15s linear 25ms 3;
 }

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

@@ -6,7 +6,7 @@ import 'tslib';
 import 'classnames';
 import '../../../../button/esm/mobile';
 
-var styles = {"component":"pass-code__component_p3lw1","digit":"pass-code__digit_p3lw1"};
+var styles = {"component":"pass-code__component_1a5j9","digit":"pass-code__digit_1a5j9"};
 require('./index.css');
 
 var CELL_COUNT = 12;

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

@@ -18,13 +18,16 @@
     --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-40: var(--gap-3xl);
 } :root {
 } :root {
     --size-l-height: 64px;
 } /* сбрасывает синюю подсветку при нажатии */ :root {
-} .pass-code__component_p3lw1 {
+} .pass-code__component_1a5j9 {
     display: grid;
     grid-template-columns: repeat(3, var(--size-l-height));
     grid-template-rows: repeat(4, 1fr);
@@ -33,7 +36,7 @@
     justify-content: center;
 
     margin: var(--gap-0) auto
-} .pass-code__component_p3lw1 .pass-code__digit_p3lw1.pass-code__digit_p3lw1 {
+} .pass-code__component_1a5j9 .pass-code__digit_1a5j9.pass-code__digit_1a5j9 {
         font-size: 36px;
         line-height: 1;
     }

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { ButtonMobile } from '../../../../button/esm/mobile';
 import { os } from '../../../../shared/esm';
 
-var styles = {"button":"pass-code__button_b49le","secondary":"pass-code__secondary_b49le","isIOS":"pass-code__isIOS_b49le"};
+var styles = {"button":"pass-code__button_w66yr","secondary":"pass-code__secondary_w66yr","isIOS":"pass-code__isIOS_w66yr"};
 require('./index.css');
 
 function KeyPadButton(_a) {

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

@@ -21,7 +21,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
     --size-l-height: 64px;
@@ -29,7 +32,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_w66yr.pass-code__button_w66yr {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -41,18 +44,18 @@
     height: var(--pass-code-button-height);
 
     text-align: center
-} .pass-code__button_b49le.pass-code__button_b49le > span {
+} .pass-code__button_w66yr.pass-code__button_w66yr > span {
         vertical-align: middle
-    } .pass-code__button_b49le.pass-code__button_b49le > span > * {
+    } .pass-code__button_w66yr.pass-code__button_w66yr > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_b49le.pass-code__secondary_b49le,
-.pass-code__button_b49le.pass-code__button_b49le {
+        } .pass-code__secondary_w66yr.pass-code__secondary_w66yr,
+.pass-code__button_w66yr.pass-code__button_w66yr {
     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_w66yr.pass-code__secondary_w66yr:active, .pass-code__button_w66yr.pass-code__button_w66yr: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_w66yr.pass-code__secondary_w66yr:not(.pass-code__isIOS_w66yr):hover, .pass-code__button_w66yr.pass-code__button_w66yr:not(.pass-code__isIOS_w66yr):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_w66yr.pass-code__secondary_w66yr:not(.pass-code__isIOS_w66yr):active, .pass-code__button_w66yr.pass-code__button_w66yr:not(.pass-code__isIOS_w66yr):active {
         background-color: var(--color-light-transparent-default-press);
     }

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

@@ -16,6 +16,9 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/pass-code/esm/index.css

@@ -19,6 +19,9 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 } :root {
@@ -26,15 +29,15 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
     --pass-code-min-height: 378px;
-} .pass-code__component_19dr5 {
+} .pass-code__component_19rqm {
     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_19rqm {
     position: relative;
     flex: 1 0 auto;
-} .pass-code__message_19dr5 {
+} .pass-code__message_19rqm {
     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_16vu1"};
 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

@@ -16,11 +16,14 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-height: 100%;
-} .pass-code__component_myby2 {
+} .pass-code__component_16vu1 {
     display: flex;
     flex-direction: column;
     justify-content: end;

package/pass-code/index.css

@@ -19,6 +19,9 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 } :root {
@@ -26,15 +29,15 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-min-width: 304px;
     --pass-code-min-height: 378px;
-} .pass-code__component_19dr5 {
+} .pass-code__component_19rqm {
     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_19rqm {
     position: relative;
     flex: 1 0 auto;
-} .pass-code__message_19dr5 {
+} .pass-code__message_19rqm {
     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_16vu1"};
 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

@@ -16,11 +16,14 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pass-code-height: 100%;
-} .pass-code__component_myby2 {
+} .pass-code__component_16vu1 {
     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_19rqm","inputProgressContainer":"pass-code__inputProgressContainer_19rqm","message":"pass-code__message_19rqm"};
 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_fnmjb","dotWrapper":"pass-code__dotWrapper_fnmjb","dot":"pass-code__dot_fnmjb","filled":"pass-code__filled_fnmjb","animatedFill":"pass-code__animatedFill_fnmjb","dotFilled":"pass-code__dotFilled_fnmjb","error":"pass-code__error_fnmjb","success":"pass-code__success_fnmjb","dotSuccessFilled":"pass-code__dotSuccessFilled_fnmjb","rawSuccess":"pass-code__rawSuccess_fnmjb"};
 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_1e72l","enterActive":"pass-code__enterActive_1e72l","exit":"pass-code__exit_1e72l","exitActive":"pass-code__exitActive_1e72l","shake":"pass-code__shake_1e72l"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */