@alfalab/core-components 42.14.0 → 42.14.1

package/notification-manager/index.css

@@ -5,7 +5,7 @@
     --gap-4xl: 48px;
 }
 
-.notification-manager__component_1jhx7 {
+.notification-manager__component_h5gr9 {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -13,48 +13,48 @@
     flex-direction: column;
 }
 
-.notification-manager__component_1jhx7 .notification-manager__notification_1jhx7 {
+.notification-manager__component_h5gr9 .notification-manager__notification_h5gr9 {
     position: static;
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform;
 }
 
-.notification-manager__enter_1jhx7 {
+.notification-manager__enter_h5gr9 {
     visibility: hidden;
     transform: translate(0, -500px);
 }
 
-.notification-manager__enterActive_1jhx7 {
+.notification-manager__enterActive_h5gr9 {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 
-.notification-manager__exit_1jhx7 {
+.notification-manager__exit_h5gr9 {
     opacity: 0;
 }
 
-.notification-manager__exitActive_1jhx7 {
+.notification-manager__exitActive_h5gr9 {
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.15s ease-in-out;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_1jhx7 {
+    .notification-manager__component_h5gr9 {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_1jhx7 .notification-manager__notification_1jhx7 {
+    .notification-manager__component_h5gr9 .notification-manager__notification_h5gr9 {
         width: auto;
     }
 
-    .notification-manager__enter_1jhx7 {
+    .notification-manager__enter_h5gr9 {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_1jhx7 {
+    .notification-manager__enterActive_h5gr9 {
         transform: translate(0);
     }
 }

package/notification-manager/modern/component.js

@@ -5,7 +5,7 @@ import { Portal } from '../../portal/modern';
 import { Stack, stackingOrder } from '../../stack/modern';
 import { Notification } from './components/notification/component.js';
 
-const styles = {"component":"notification-manager__component_1jhx7","notification":"notification-manager__notification_1jhx7","enter":"notification-manager__enter_1jhx7","enterActive":"notification-manager__enterActive_1jhx7","exit":"notification-manager__exit_1jhx7","exitActive":"notification-manager__exitActive_1jhx7"};
+const styles = {"component":"notification-manager__component_h5gr9","notification":"notification-manager__notification_h5gr9","enter":"notification-manager__enter_h5gr9","enterActive":"notification-manager__enterActive_h5gr9","exit":"notification-manager__exit_h5gr9","exitActive":"notification-manager__exitActive_h5gr9"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/modern/index.css

@@ -5,7 +5,7 @@
     --gap-4xl: 48px;
 }
 
-.notification-manager__component_1jhx7 {
+.notification-manager__component_h5gr9 {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -13,48 +13,48 @@
     flex-direction: column;
 }
 
-.notification-manager__component_1jhx7 .notification-manager__notification_1jhx7 {
+.notification-manager__component_h5gr9 .notification-manager__notification_h5gr9 {
     position: static;
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform;
 }
 
-.notification-manager__enter_1jhx7 {
+.notification-manager__enter_h5gr9 {
     visibility: hidden;
     transform: translate(0, -500px);
 }
 
-.notification-manager__enterActive_1jhx7 {
+.notification-manager__enterActive_h5gr9 {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 
-.notification-manager__exit_1jhx7 {
+.notification-manager__exit_h5gr9 {
     opacity: 0;
 }
 
-.notification-manager__exitActive_1jhx7 {
+.notification-manager__exitActive_h5gr9 {
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.15s ease-in-out;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_1jhx7 {
+    .notification-manager__component_h5gr9 {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_1jhx7 .notification-manager__notification_1jhx7 {
+    .notification-manager__component_h5gr9 .notification-manager__notification_h5gr9 {
         width: auto;
     }
 
-    .notification-manager__enter_1jhx7 {
+    .notification-manager__enter_h5gr9 {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_1jhx7 {
+    .notification-manager__enterActive_h5gr9 {
         transform: translate(0);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "42.14.0",
+  "version": "42.14.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,7 +81,7 @@
     "react-canvas-pattern-lock": "^1.1.1",
     "react-div-100vh": "^0.7.0",
     "react-focus-lock": "^2.9.3",
-    "react-markdown": "^6.0.3",
+    "react-markdown": "6.0.2",
     "react-merge-refs": "^1.1.0",
     "react-popper": "^2.3.0",
     "react-swipeable": "^7.0.0",

package/pagination/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":"pagination__component_1gb9c","defaultView":"pagination__defaultView_1gb9c"};
+var styles = {"component":"pagination__component_f1wil","defaultView":"pagination__defaultView_f1wil"};
 require('./index.css');
 
 var Pagination = function (_a) {

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

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

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_jagl7"};
+var styles = {"dots":"pagination__dots_1ygbd"};
 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_1ta0c {
+} .pagination__component_10zoo {
     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_1ta0c"};
+var styles = {"component":"pagination__component_10zoo"};
 require('./index.css');
 
 var PerPageView = function (_a) {

package/pagination/components/tag/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} button.pagination__tag_1ceo6.pagination__tag_1ceo6 {
+} button.pagination__tag_1wa8c.pagination__tag_1wa8c {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} button.pagination__tag_1ceo6.pagination__tag_1ceo6:disabled:not(.pagination__checked_1ceo6) {
+} button.pagination__tag_1wa8c.pagination__tag_1wa8c:disabled:not(.pagination__checked_1wa8c) {
         opacity: 0.3;
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6:hover:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6:active:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6 {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6:hover:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6:active:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c: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_1ceo6","checked":"pagination__checked_1ceo6"};
+var styles = {"tag":"pagination__tag_1wa8c","checked":"pagination__checked_1wa8c"};
 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/desktop';
 
-var styles = {"component":"pagination__component_1gb9c","defaultView":"pagination__defaultView_1gb9c"};
+var styles = {"component":"pagination__component_f1wil","defaultView":"pagination__defaultView_f1wil"};
 require('./index.css');
 
 var Pagination = function (_a) {

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

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_jagl7 {
+} .pagination__dots_1ygbd {
     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/desktop';
 
-var styles = {"dots":"pagination__dots_jagl7"};
+var styles = {"dots":"pagination__dots_1ygbd"};
 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_1ta0c {
+} .pagination__component_10zoo {
     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_1ta0c"};
+var styles = {"component":"pagination__component_10zoo"};
 require('./index.css');
 
 var PerPageView = function (_a) {

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

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} button.pagination__tag_1ceo6.pagination__tag_1ceo6 {
+} button.pagination__tag_1wa8c.pagination__tag_1wa8c {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} button.pagination__tag_1ceo6.pagination__tag_1ceo6:disabled:not(.pagination__checked_1ceo6) {
+} button.pagination__tag_1wa8c.pagination__tag_1wa8c:disabled:not(.pagination__checked_1wa8c) {
         opacity: 0.3;
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6:hover:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6:active:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6 {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6:hover:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6:active:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c: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 { TagDesktop } from '../../../../tag/esm/desktop';
 
-var styles = {"tag":"pagination__tag_1ceo6","checked":"pagination__checked_1ceo6"};
+var styles = {"tag":"pagination__tag_1wa8c","checked":"pagination__checked_1wa8c"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1gb9c {
+} .pagination__component_f1wil {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,8 +25,8 @@
     align-items: center;
     color: var(--color-light-text-primary);
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_1gb9c > * {
+} .pagination__defaultView_f1wil > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1gb9c > *:last-child {
+    } .pagination__defaultView_f1wil > *:last-child {
             margin-right: 0;
         }

package/pagination/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1gb9c {
+} .pagination__component_f1wil {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,8 +25,8 @@
     align-items: center;
     color: var(--color-light-text-primary);
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_1gb9c > * {
+} .pagination__defaultView_f1wil > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1gb9c > *:last-child {
+    } .pagination__defaultView_f1wil > *: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/desktop';
 
-const styles = {"component":"pagination__component_1gb9c","defaultView":"pagination__defaultView_1gb9c"};
+const styles = {"component":"pagination__component_f1wil","defaultView":"pagination__defaultView_f1wil"};
 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_jagl7 {
+} .pagination__dots_1ygbd {
     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/desktop';
 
-const styles = {"dots":"pagination__dots_jagl7"};
+const styles = {"dots":"pagination__dots_1ygbd"};
 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_1ta0c {
+} .pagination__component_10zoo {
     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_1ta0c"};
+const styles = {"component":"pagination__component_10zoo"};
 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 {
-} button.pagination__tag_1ceo6.pagination__tag_1ceo6 {
+} button.pagination__tag_1wa8c.pagination__tag_1wa8c {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} button.pagination__tag_1ceo6.pagination__tag_1ceo6:disabled:not(.pagination__checked_1ceo6) {
+} button.pagination__tag_1wa8c.pagination__tag_1wa8c:disabled:not(.pagination__checked_1wa8c) {
         opacity: 0.3;
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6:hover:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6:active:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6 {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6:hover:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1ceo6.pagination__tag_1ceo6.pagination__checked_1ceo6:active:not(:disabled) {
+    } button.pagination__tag_1wa8c.pagination__tag_1wa8c.pagination__checked_1wa8c: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 { TagDesktop } from '../../../../tag/modern/desktop';
 
-const styles = {"tag":"pagination__tag_1ceo6","checked":"pagination__checked_1ceo6"};
+const styles = {"tag":"pagination__tag_1wa8c","checked":"pagination__checked_1wa8c"};
 require('./index.css');
 
 const Tag = ({ className, checked, ...restProps }) => (React.createElement(TagDesktop, { ...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_1gb9c {
+} .pagination__component_f1wil {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,8 +25,8 @@
     align-items: center;
     color: var(--color-light-text-primary);
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_1gb9c > * {
+} .pagination__defaultView_f1wil > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1gb9c > *:last-child {
+    } .pagination__defaultView_f1wil > *:last-child {
             margin-right: 0;
         }

package/pass-code/Component.js

@@ -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_j2j0x","message":"pass-code__message_j2j0x","error":"pass-code__error_j2j0x"};
+var styles = {"component":"pass-code__component_okzky","message":"pass-code__message_okzky","error":"pass-code__error_okzky"};
 require('./index.css');
 
 var PassCode = React.forwardRef(function (_a, ref) {

package/pass-code/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__component_1wqlp","dot":"pass-code__dot_1wqlp","error":"pass-code__error_1wqlp","filled":"pass-code__filled_1wqlp"};
+var styles = {"component":"pass-code__component_ow796","dot":"pass-code__dot_ow796","error":"pass-code__error_ow796","filled":"pass-code__filled_ow796"};
 require('./index.css');
 
-var transitions = {"enter":"pass-code__enter_bwpot","enterActive":"pass-code__enterActive_bwpot","exit":"pass-code__exit_bwpot","exitActive":"pass-code__exitActive_bwpot","shake":"pass-code__shake_bwpot"};
+var transitions = {"enter":"pass-code__enter_1w7nt","enterActive":"pass-code__enterActive_1w7nt","exit":"pass-code__exit_1w7nt","exitActive":"pass-code__exitActive_1w7nt","shake":"pass-code__shake_1w7nt"};
 require('./transitions.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -18,13 +18,13 @@
 } :root {
 } :root {
 } :root {
-} .pass-code__component_1wqlp {
+} .pass-code__component_ow796 {
     height: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
-} .pass-code__dot_1wqlp {
+} .pass-code__dot_ow796 {
     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_1wqlp.pass-code__error_1wqlp {
+} .pass-code__dot_ow796.pass-code__error_ow796 {
         background: var(--color-light-graphic-negative);
         transition: none;
-    } .pass-code__filled_1wqlp {
+    } .pass-code__filled_ow796 {
     background: var(--color-light-graphic-primary);
 }

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

@@ -1,12 +1,12 @@
 /* hash: 1265t */
-.pass-code__enter_bwpot {
+.pass-code__enter_1w7nt {
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0;
 }
 
-.pass-code__enterActive_bwpot {
+.pass-code__enterActive_1w7nt {
     opacity: 1;
     width: 12px;
     height: 12px;
@@ -14,14 +14,14 @@
     transition: all 0.15s ease-in;
 }
 
-.pass-code__exit_bwpot {
+.pass-code__exit_1w7nt {
     opacity: 1;
     width: 12px;
     height: 12px;
     margin: 0 6px;
 }
 
-.pass-code__exitActive_bwpot {
+.pass-code__exitActive_1w7nt {
     opacity: 0;
     width: 0;
     height: 0;
@@ -29,7 +29,7 @@
     transition: all 0.15s ease-in;
 }
 
-@keyframes pass-code__shake_bwpot {
+@keyframes pass-code__shake_1w7nt {
     0% {
         transform: translateX(0);
     }
@@ -47,6 +47,6 @@
     }
 }
 
-.pass-code__shake_bwpot {
-    animation: pass-code__shake_bwpot 0.15s linear 25ms 3;
+.pass-code__shake_1w7nt {
+    animation: pass-code__shake_1w7nt 0.15s linear 25ms 3;
 }

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

@@ -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_abfj4","digit":"pass-code__digit_abfj4"};
+var styles = {"component":"pass-code__component_19wdg","digit":"pass-code__digit_19wdg"};
 require('./index.css');
 
 var CELL_COUNT = 12;