@alfalab/core-components 41.1.0-beta.0 → 41.2.0

package/pagination/components/default-view/index.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"dots":"pagination__dots_dxjvr"};
+var styles = {"dots":"pagination__dots_1dps9"};
 require('./index.css');
 
 /* eslint-disable react/no-array-index-key */

package/pagination/components/per-page-view/index.css

@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_2htmt {
+} .pagination__component_12a20 {
     display: block;
     margin: 0 var(--gap-m);
 }

package/pagination/components/per-page-view/index.js

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"pagination__component_2htmt"};
+var styles = {"component":"pagination__component_12a20"};
 require('./index.css');
 
 var PerPageView = function (_a) {

package/pagination/components/tag/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_u6lfw.pagination__tag_u6lfw {
+} .pagination__tag_1vlf3.pagination__tag_1vlf3 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_u6lfw.pagination__tag_u6lfw:disabled:not(.pagination__checked_u6lfw) {
+} .pagination__tag_1vlf3.pagination__tag_1vlf3:disabled:not(.pagination__checked_1vlf3) {
         opacity: 0.3;
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw:hover:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw:active:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw:hover:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw:active:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/components/tag/index.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tag":"pagination__tag_u6lfw","checked":"pagination__checked_u6lfw"};
+var styles = {"tag":"pagination__tag_1vlf3","checked":"pagination__checked_1vlf3"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/Component.js

@@ -8,7 +8,7 @@ import { Tag } from './components/tag/index.js';
 import 'tslib';
 import '../../tag/esm';
 
-var styles = {"component":"pagination__component_1tsmw","defaultView":"pagination__defaultView_1tsmw"};
+var styles = {"component":"pagination__component_r6v92","defaultView":"pagination__defaultView_r6v92"};
 require('./index.css');
 
 var Pagination = function (_a) {

package/pagination/esm/components/default-view/index.css

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_dxjvr {
+} .pagination__dots_1dps9 {
     width: 32px;
     height: 32px;
     text-align: center;

package/pagination/esm/components/default-view/index.js

@@ -4,7 +4,7 @@ import 'tslib';
 import 'classnames';
 import '../../../../tag/esm';
 
-var styles = {"dots":"pagination__dots_dxjvr"};
+var styles = {"dots":"pagination__dots_1dps9"};
 require('./index.css');
 
 /* eslint-disable react/no-array-index-key */

package/pagination/esm/components/per-page-view/index.css

@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_2htmt {
+} .pagination__component_12a20 {
     display: block;
     margin: 0 var(--gap-m);
 }

package/pagination/esm/components/per-page-view/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"component":"pagination__component_2htmt"};
+var styles = {"component":"pagination__component_12a20"};
 require('./index.css');
 
 var PerPageView = function (_a) {

package/pagination/esm/components/tag/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_u6lfw.pagination__tag_u6lfw {
+} .pagination__tag_1vlf3.pagination__tag_1vlf3 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_u6lfw.pagination__tag_u6lfw:disabled:not(.pagination__checked_u6lfw) {
+} .pagination__tag_1vlf3.pagination__tag_1vlf3:disabled:not(.pagination__checked_1vlf3) {
         opacity: 0.3;
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw:hover:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw:active:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw:hover:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw:active:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/esm/components/tag/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';
 
-var styles = {"tag":"pagination__tag_u6lfw","checked":"pagination__checked_u6lfw"};
+var styles = {"tag":"pagination__tag_1vlf3","checked":"pagination__checked_1vlf3"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1tsmw {
+} .pagination__component_r6v92 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -26,8 +26,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_1tsmw > * {
+} .pagination__defaultView_r6v92 > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1tsmw > *:last-child {
+    } .pagination__defaultView_r6v92 > *:last-child {
             margin-right: 0;
         }

package/pagination/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1tsmw {
+} .pagination__component_r6v92 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -26,8 +26,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_1tsmw > * {
+} .pagination__defaultView_r6v92 > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1tsmw > *:last-child {
+    } .pagination__defaultView_r6v92 > *:last-child {
             margin-right: 0;
         }

package/pagination/modern/Component.js

@@ -7,7 +7,7 @@ import { PerPageView } from './components/per-page-view/index.js';
 import { Tag } from './components/tag/index.js';
 import '../../tag/modern';
 
-const styles = {"component":"pagination__component_1tsmw","defaultView":"pagination__defaultView_1tsmw"};
+const styles = {"component":"pagination__component_r6v92","defaultView":"pagination__defaultView_r6v92"};
 require('./index.css');
 
 const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {

package/pagination/modern/components/default-view/index.css

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_dxjvr {
+} .pagination__dots_1dps9 {
     width: 32px;
     height: 32px;
     text-align: center;

package/pagination/modern/components/default-view/index.js

@@ -3,7 +3,7 @@ import { Tag } from '../tag/index.js';
 import 'classnames';
 import '../../../../tag/modern';
 
-const styles = {"dots":"pagination__dots_dxjvr"};
+const styles = {"dots":"pagination__dots_1dps9"};
 require('./index.css');
 
 /* eslint-disable react/no-array-index-key */

package/pagination/modern/components/per-page-view/index.css

@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_2htmt {
+} .pagination__component_12a20 {
     display: block;
     margin: 0 var(--gap-m);
 }

package/pagination/modern/components/per-page-view/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const styles = {"component":"pagination__component_2htmt"};
+const styles = {"component":"pagination__component_12a20"};
 require('./index.css');
 
 const PerPageView = ({ pagesCount, currentPageIndex }) => (React.createElement("span", { className: styles.component },

package/pagination/modern/components/tag/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_u6lfw.pagination__tag_u6lfw {
+} .pagination__tag_1vlf3.pagination__tag_1vlf3 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_u6lfw.pagination__tag_u6lfw:disabled:not(.pagination__checked_u6lfw) {
+} .pagination__tag_1vlf3.pagination__tag_1vlf3:disabled:not(.pagination__checked_1vlf3) {
         opacity: 0.3;
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw:hover:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw:active:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw:hover:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_u6lfw.pagination__tag_u6lfw.pagination__checked_u6lfw:active:not(:disabled) {
+    } .pagination__tag_1vlf3.pagination__tag_1vlf3.pagination__checked_1vlf3:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/modern/components/tag/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/modern';
 
-const styles = {"tag":"pagination__tag_u6lfw","checked":"pagination__checked_u6lfw"};
+const styles = {"tag":"pagination__tag_1vlf3","checked":"pagination__checked_1vlf3"};
 require('./index.css');
 
 const Tag = ({ className, checked, ...restProps }) => (React.createElement(Tag$1, { ...restProps, checked: checked, size: 'xxs', className: cn(className, styles.tag, { [styles.checked]: checked }) }));

package/pagination/modern/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1tsmw {
+} .pagination__component_r6v92 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -26,8 +26,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_1tsmw > * {
+} .pagination__defaultView_r6v92 > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1tsmw > *:last-child {
+    } .pagination__defaultView_r6v92 > *:last-child {
             margin-right: 0;
         }

package/pass-code/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsGap = require('../gap');
-var getDataTestId = require('./getDataTestId-9236dd60.js');
+var getDataTestId = require('./getDataTestId-aa5f3681.js');
 var components_InputProgress_Component = require('./components/InputProgress/Component.js');
 var components_KeyPad_Component = require('./components/KeyPad/Component.js');
 require('react-transition-group');
@@ -16,7 +16,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_hqjba","error":"pass-code__error_hqjba"};
+var styles = {"component":"pass-code__component_3aqf9","error":"pass-code__error_3aqf9"};
 require('./index.css');
 
 var PassCode = React.forwardRef(function (_a, ref) {

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

@@ -3,17 +3,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-9236dd60.js');
+var getDataTestId = require('../../getDataTestId-aa5f3681.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pass-code__component_rjmfb","dot":"pass-code__dot_rjmfb","error":"pass-code__error_rjmfb","filled":"pass-code__filled_rjmfb"};
+var styles = {"component":"pass-code__component_1r0ly","dot":"pass-code__dot_1r0ly","error":"pass-code__error_1r0ly","filled":"pass-code__filled_1r0ly"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code__enter_1lk2p","enterActive":"pass-code__enterActive_1lk2p","exit":"pass-code__exit_1lk2p","exitActive":"pass-code__exitActive_1lk2p","shake":"pass-code__shake_1lk2p"};
+var transitions = {"enter":"pass-code__enter_1frsq","enterActive":"pass-code__enterActive_1frsq","exit":"pass-code__exit_1frsq","exitActive":"pass-code__exitActive_1frsq","shake":"pass-code__shake_1frsq"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -1,4 +1,4 @@
-/* hash: kxdn0 */
+/* hash: 18crz */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -18,23 +18,24 @@
 } :root {
 } :root {
 } :root {
-} .pass-code__component_rjmfb {
+} .pass-code__component_1r0ly {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_rjmfb {
+} .pass-code__dot_1r0ly {
     margin: 0 6px;
     width: 12px;
     height: 12px;
     background: var(--color-light-bg-quaternary);
     border-radius: var(--border-radius-circle);
     flex-shrink: 0;
-    transition: background 75ms ease-in
-} .pass-code__dot_rjmfb.pass-code__error_rjmfb {
+    transition: background 75ms ease-in;
+    will-change: transform, opacity
+} .pass-code__dot_1r0ly.pass-code__error_1r0ly {
         background: var(--color-light-graphic-negative);
         transition: none;
-    } .pass-code__filled_rjmfb {
+    } .pass-code__filled_1r0ly {
     background: var(--color-light-graphic-primary);
 }

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

@@ -4,7 +4,7 @@ var components_InputProgress_Component = require('./Component.js');
 require('react');
 require('react-transition-group');
 require('classnames');
-require('../../getDataTestId-9236dd60.js');
+require('../../getDataTestId-aa5f3681.js');
 
 
 

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

@@ -1,12 +1,12 @@
-/* hash: 176cu */
-.pass-code__enter_1lk2p {
+/* hash: 1emqj */
+.pass-code__enter_1frsq {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_1lk2p {
+.pass-code__enterActive_1frsq {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_1lk2p {
+.pass-code__exit_1frsq {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_1lk2p {
+.pass-code__exitActive_1frsq {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_1lk2p {
+@keyframes pass-code__shake_1frsq {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_1lk2p {
-    animation: pass-code__shake_1lk2p 0.15s linear 0s 3;
+.pass-code__shake_1frsq {
+    animation: pass-code__shake_1frsq 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-9236dd60.js');
+var getDataTestId = require('../../getDataTestId-aa5f3681.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_1cr8b","digit":"pass-code__digit_1cr8b"};
+var styles = {"component":"pass-code__component_10ywz","digit":"pass-code__digit_10ywz"};
 require('./index.css');
 
 var CELL_COUNT = 12;

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

@@ -1,4 +1,4 @@
-/* hash: 2rt7x */
+/* hash: cw0sz */
 :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_1cr8b {
+} .pass-code__component_10ywz {
     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_1cr8b .pass-code__digit_1cr8b.pass-code__digit_1cr8b {
+} .pass-code__component_10ywz .pass-code__digit_10ywz.pass-code__digit_10ywz {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1cr8b {
+    .pass-code__component_10ywz {
         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_1cr8b {
+    .pass-code__component_10ywz {
         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-9236dd60.js');
+require('../../getDataTestId-aa5f3681.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_1o4x7","button":"pass-code__button_1o4x7","secondary":"pass-code__secondary_1o4x7","ghost":"pass-code__ghost_1o4x7"};
+var styles = {"component":"pass-code__component_1tx76","button":"pass-code__button_1tx76","secondary":"pass-code__secondary_1tx76","ghost":"pass-code__ghost_1tx76"};
 require('./index.css');
 
 function KeyPadButton(_a) {

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

@@ -1,4 +1,4 @@
-/* hash: fojjv */
+/* hash: 1s0ev */
 :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_1o4x7 {
+} .pass-code__component_1tx76 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_1o4x7.pass-code__button_1o4x7 {
+} .pass-code__button_1tx76.pass-code__button_1tx76 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_1o4x7.pass-code__button_1o4x7 > span {
+} .pass-code__button_1tx76.pass-code__button_1tx76 > span {
         vertical-align: middle
-    } .pass-code__button_1o4x7.pass-code__button_1o4x7 > span > * {
+    } .pass-code__button_1tx76.pass-code__button_1tx76 > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_1o4x7.pass-code__secondary_1o4x7 {
+        } .pass-code__secondary_1tx76.pass-code__secondary_1tx76 {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_1o4x7.pass-code__secondary_1o4x7:hover {
+} .pass-code__secondary_1tx76.pass-code__secondary_1tx76:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_1o4x7.pass-code__secondary_1o4x7:active {
+    } .pass-code__secondary_1tx76.pass-code__secondary_1tx76:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_1o4x7.pass-code__ghost_1o4x7 {
+    } .pass-code__ghost_1tx76.pass-code__ghost_1tx76 {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_1o4x7.pass-code__ghost_1o4x7:hover {
+} .pass-code__ghost_1tx76.pass-code__ghost_1tx76:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_1o4x7.pass-code__ghost_1o4x7:active {
+    } .pass-code__ghost_1tx76.pass-code__ghost_1tx76:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_1o4x7.pass-code__button_1o4x7 {
+    .pass-code__button_1tx76.pass-code__button_1tx76 {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_1o4x7.pass-code__button_1o4x7 {
+    .pass-code__button_1tx76.pass-code__button_1tx76 {
         min-width: 86px;
         width: 86px;
         height: 86px;

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

@@ -30,7 +30,8 @@
     background: var(--color-light-bg-quaternary);
     border-radius: var(--border-radius-circle);
     flex-shrink: 0;
-    transition: background 75ms ease-in
+    transition: background 75ms ease-in;
+    will-change: transform, opacity
 } .dot.error {
         background: var(--color-light-graphic-negative);
         transition: none;

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-090c7ce0.js';
+import { g as getDataTestId } from './getDataTestId-f60b0d20.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_hqjba","error":"pass-code__error_hqjba"};
+var styles = {"component":"pass-code__component_3aqf9","error":"pass-code__error_3aqf9"};
 require('./index.css');
 
 var PassCode = forwardRef(function (_a, ref) {