@alfalab/core-components 42.2.1-beta.0 → 42.2.2

package/pass-code/index.css

@@ -1,4 +1,4 @@
-/* hash: 10te6 */
+/* hash: 1g0xr */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b; /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,10 +18,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_vuzjz {
+} .pass-code__component_ggnhr {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__error_vuzjz {
+} .pass-code__error_ggnhr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

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_vuzjz","error":"pass-code__error_vuzjz"};
+const styles = {"component":"pass-code__component_ggnhr","error":"pass-code__error_ggnhr"};
 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

@@ -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_y3teo","dot":"pass-code__dot_y3teo","error":"pass-code__error_y3teo","filled":"pass-code__filled_y3teo"};
+const styles = {"component":"pass-code__component_db1zk","dot":"pass-code__dot_db1zk","error":"pass-code__error_db1zk","filled":"pass-code__filled_db1zk"};
 require('./index.css');
 
-const transitions = {"enter":"pass-code__enter_p26og","enterActive":"pass-code__enterActive_p26og","exit":"pass-code__exit_p26og","exitActive":"pass-code__exitActive_p26og","shake":"pass-code__shake_p26og"};
+const transitions = {"enter":"pass-code__enter_k8fvz","enterActive":"pass-code__enterActive_k8fvz","exit":"pass-code__exit_k8fvz","exitActive":"pass-code__exitActive_k8fvz","shake":"pass-code__shake_k8fvz"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -1,4 +1,4 @@
-/* hash: 3mks1 */
+/* hash: 1e58a */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -18,13 +18,13 @@
 } :root {
 } :root {
 } :root {
-} .pass-code__component_y3teo {
+} .pass-code__component_db1zk {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_y3teo {
+} .pass-code__dot_db1zk {
     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_y3teo.pass-code__error_y3teo {
+} .pass-code__dot_db1zk.pass-code__error_db1zk {
         background: var(--color-light-graphic-negative);
         transition: none;
-    } .pass-code__filled_y3teo {
+    } .pass-code__filled_db1zk {
     background: var(--color-light-graphic-primary);
 }

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

@@ -1,12 +1,12 @@
-/* hash: 1513r */
-.pass-code__enter_p26og {
+/* hash: 1qw2r */
+.pass-code__enter_k8fvz {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_p26og {
+.pass-code__enterActive_k8fvz {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_p26og {
+.pass-code__exit_k8fvz {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_p26og {
+.pass-code__exitActive_k8fvz {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_p26og {
+@keyframes pass-code__shake_k8fvz {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_p26og {
-    animation: pass-code__shake_p26og 0.15s linear 0s 3;
+.pass-code__shake_k8fvz {
+    animation: pass-code__shake_k8fvz 0.15s linear 0s 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_a80aa","digit":"pass-code__digit_a80aa"};
+const styles = {"component":"pass-code__component_1wi9u","digit":"pass-code__digit_1wi9u"};
 require('./index.css');
 
 const CELL_COUNT = 12;

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

@@ -1,4 +1,4 @@
-/* hash: 17v4n */
+/* hash: m05oc */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .pass-code__component_a80aa {
+} .pass-code__component_1wi9u {
     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_a80aa .pass-code__digit_a80aa.pass-code__digit_a80aa {
+} .pass-code__component_1wi9u .pass-code__digit_1wi9u.pass-code__digit_1wi9u {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_a80aa {
+    .pass-code__component_1wi9u {
         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_a80aa {
+    .pass-code__component_1wi9u {
         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_389ei","button":"pass-code__button_389ei","secondary":"pass-code__secondary_389ei","ghost":"pass-code__ghost_389ei"};
+const styles = {"component":"pass-code__component_82070","button":"pass-code__button_82070","secondary":"pass-code__secondary_82070","ghost":"pass-code__ghost_82070"};
 require('./index.css');
 
 function KeyPadButton({ children, onClick, className, view = 'secondary', buttonClassName, }) {

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

@@ -1,4 +1,4 @@
-/* hash: 19qd1 */
+/* hash: 1vlc1 */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
@@ -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_389ei {
+} .pass-code__component_82070 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_389ei.pass-code__button_389ei {
+} .pass-code__button_82070.pass-code__button_82070 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_389ei.pass-code__button_389ei > span {
+} .pass-code__button_82070.pass-code__button_82070 > span {
         vertical-align: middle
-    } .pass-code__button_389ei.pass-code__button_389ei > span > * {
+    } .pass-code__button_82070.pass-code__button_82070 > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_389ei.pass-code__secondary_389ei {
+        } .pass-code__secondary_82070.pass-code__secondary_82070 {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_389ei.pass-code__secondary_389ei:hover {
+} .pass-code__secondary_82070.pass-code__secondary_82070:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_389ei.pass-code__secondary_389ei:active {
+    } .pass-code__secondary_82070.pass-code__secondary_82070:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_389ei.pass-code__ghost_389ei {
+    } .pass-code__ghost_82070.pass-code__ghost_82070 {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_389ei.pass-code__ghost_389ei:hover {
+} .pass-code__ghost_82070.pass-code__ghost_82070:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_389ei.pass-code__ghost_389ei:active {
+    } .pass-code__ghost_82070.pass-code__ghost_82070:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_389ei.pass-code__button_389ei {
+    .pass-code__button_82070.pass-code__button_82070 {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_389ei.pass-code__button_389ei {
+    .pass-code__button_82070.pass-code__button_82070 {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 10te6 */
+/* hash: 1g0xr */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b; /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,10 +18,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_vuzjz {
+} .pass-code__component_ggnhr {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__error_vuzjz {
+} .pass-code__error_ggnhr {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/password-input/component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"eye":"password-input__eye_11jzt","xl":"password-input__xl_11jzt","input":"password-input__input_11jzt","addons":"password-input__addons_11jzt"};
+var styles = {"eye":"password-input__eye_um365","xl":"password-input__xl_um365","input":"password-input__input_um365","addons":"password-input__addons_um365"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -6,7 +6,7 @@ import { Input } from '../../input/esm';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-var styles = {"eye":"password-input__eye_11jzt","xl":"password-input__xl_11jzt","input":"password-input__input_11jzt","addons":"password-input__addons_11jzt"};
+var styles = {"eye":"password-input__eye_um365","xl":"password-input__xl_um365","input":"password-input__input_um365","addons":"password-input__addons_um365"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: slz0o */
+/* hash: 1vqqx */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -16,14 +16,14 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_11jzt:last-child {
+} .password-input__eye_um365:last-child {
     height: 100%;
-} .password-input__xl_11jzt .password-input__eye_11jzt:last-child {
+} .password-input__xl_um365 .password-input__eye_um365:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_11jzt .password-input__eye_11jzt {
+    } .password-input__xl_um365 .password-input__eye_um365 {
         margin-left: var(--gap-2xs);
-    } .password-input__input_11jzt::-ms-reveal {
+    } .password-input__input_um365::-ms-reveal {
     display: none;
-} .password-input__addons_11jzt {
+} .password-input__addons_um365 {
     padding-right: 0;
 }

package/password-input/index.css

@@ -1,4 +1,4 @@
-/* hash: slz0o */
+/* hash: 1vqqx */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -16,14 +16,14 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_11jzt:last-child {
+} .password-input__eye_um365:last-child {
     height: 100%;
-} .password-input__xl_11jzt .password-input__eye_11jzt:last-child {
+} .password-input__xl_um365 .password-input__eye_um365:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_11jzt .password-input__eye_11jzt {
+    } .password-input__xl_um365 .password-input__eye_um365 {
         margin-left: var(--gap-2xs);
-    } .password-input__input_11jzt::-ms-reveal {
+    } .password-input__input_um365::-ms-reveal {
     display: none;
-} .password-input__addons_11jzt {
+} .password-input__addons_um365 {
     padding-right: 0;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import { Input } from '../../input/modern';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-const styles = {"eye":"password-input__eye_11jzt","xl":"password-input__xl_11jzt","input":"password-input__input_11jzt","addons":"password-input__addons_11jzt"};
+const styles = {"eye":"password-input__eye_um365","xl":"password-input__xl_um365","input":"password-input__input_um365","addons":"password-input__addons_um365"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: slz0o */
+/* hash: 1vqqx */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -16,14 +16,14 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_11jzt:last-child {
+} .password-input__eye_um365:last-child {
     height: 100%;
-} .password-input__xl_11jzt .password-input__eye_11jzt:last-child {
+} .password-input__xl_um365 .password-input__eye_um365:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__xl_11jzt .password-input__eye_11jzt {
+    } .password-input__xl_um365 .password-input__eye_um365 {
         margin-left: var(--gap-2xs);
-    } .password-input__input_11jzt::-ms-reveal {
+    } .password-input__input_um365::-ms-reveal {
     display: none;
-} .password-input__addons_11jzt {
+} .password-input__addons_um365 {
     padding-right: 0;
 }

package/pattern-lock/Component.js

@@ -15,7 +15,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":"pattern-lock__component_jixwn","hidden":"pattern-lock__hidden_jixwn","error":"pattern-lock__error_jixwn","forgotBtn":"pattern-lock__forgotBtn_jixwn"};
+var styles = {"component":"pattern-lock__component_1j5nw","hidden":"pattern-lock__hidden_1j5nw","error":"pattern-lock__error_1j5nw","forgotBtn":"pattern-lock__forgotBtn_1j5nw"};
 require('./index.css');
 
 var PatternLock = React.forwardRef(function (_a, ref) {

package/pattern-lock/esm/Component.js

@@ -8,7 +8,7 @@ import { getDataTestId } from '../../shared/esm';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-var styles = {"component":"pattern-lock__component_jixwn","hidden":"pattern-lock__hidden_jixwn","error":"pattern-lock__error_jixwn","forgotBtn":"pattern-lock__forgotBtn_jixwn"};
+var styles = {"component":"pattern-lock__component_1j5nw","hidden":"pattern-lock__hidden_1j5nw","error":"pattern-lock__error_1j5nw","forgotBtn":"pattern-lock__forgotBtn_1j5nw"};
 require('./index.css');
 
 var PatternLock = forwardRef(function (_a, ref) {

package/pattern-lock/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 17iy9 */
+/* hash: iwzha */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b; /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_jixwn {
+} .pattern-lock__component_1j5nw {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_jixwn canvas {
+} .pattern-lock__component_1j5nw canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_jixwn {
+    } .pattern-lock__hidden_1j5nw {
     visibility: hidden;
-} .pattern-lock__error_jixwn {
+} .pattern-lock__error_1j5nw {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_jixwn {
+} .pattern-lock__forgotBtn_1j5nw {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_jixwn {
+    .pattern-lock__forgotBtn_1j5nw {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_jixwn {
+    .pattern-lock__component_1j5nw {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_jixwn {
+    .pattern-lock__forgotBtn_1j5nw {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_jixwn {
+    .pattern-lock__component_1j5nw {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/index.css

@@ -1,4 +1,4 @@
-/* hash: 17iy9 */
+/* hash: iwzha */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b; /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_jixwn {
+} .pattern-lock__component_1j5nw {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_jixwn canvas {
+} .pattern-lock__component_1j5nw canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_jixwn {
+    } .pattern-lock__hidden_1j5nw {
     visibility: hidden;
-} .pattern-lock__error_jixwn {
+} .pattern-lock__error_1j5nw {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_jixwn {
+} .pattern-lock__forgotBtn_1j5nw {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_jixwn {
+    .pattern-lock__forgotBtn_1j5nw {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_jixwn {
+    .pattern-lock__component_1j5nw {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_jixwn {
+    .pattern-lock__forgotBtn_1j5nw {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_jixwn {
+    .pattern-lock__component_1j5nw {
         margin-bottom: var(--gap-l);
     }
 }

package/pattern-lock/modern/Component.js

@@ -7,7 +7,7 @@ import { getDataTestId } from '../../shared/modern';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-const styles = {"component":"pattern-lock__component_jixwn","hidden":"pattern-lock__hidden_jixwn","error":"pattern-lock__error_jixwn","forgotBtn":"pattern-lock__forgotBtn_jixwn"};
+const styles = {"component":"pattern-lock__component_1j5nw","hidden":"pattern-lock__hidden_1j5nw","error":"pattern-lock__error_1j5nw","forgotBtn":"pattern-lock__forgotBtn_1j5nw"};
 require('./index.css');
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, ...restProps }, ref) => {

package/pattern-lock/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 17iy9 */
+/* hash: iwzha */
 :root {
 } /* deprecated */ :root {
     --color-light-text-negative: #d91d0b; /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_jixwn {
+} .pattern-lock__component_1j5nw {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_jixwn canvas {
+} .pattern-lock__component_1j5nw canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_jixwn {
+    } .pattern-lock__hidden_1j5nw {
     visibility: hidden;
-} .pattern-lock__error_jixwn {
+} .pattern-lock__error_1j5nw {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_jixwn {
+} .pattern-lock__forgotBtn_1j5nw {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_jixwn {
+    .pattern-lock__forgotBtn_1j5nw {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_jixwn {
+    .pattern-lock__component_1j5nw {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_jixwn {
+    .pattern-lock__forgotBtn_1j5nw {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_jixwn {
+    .pattern-lock__component_1j5nw {
         margin-bottom: var(--gap-l);
     }
 }