@alfalab/core-components 23.6.0 → 23.8.1

package/bank-card/modern/index.css

@@ -117,19 +117,12 @@
     --color-static-status-purple: #673ab7;
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
-    --color-static-status-blue-tint-90: rgb(230, 242, 255);
     --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
-    --color-static-status-green-tint-90: rgb(231, 246, 239);
     --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
-    --color-static-status-grey-tint-90: rgb(240, 242, 243);
     --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
-    --color-static-status-orange-tint-90: rgb(252, 240, 230);
     --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
-    --color-static-status-purple-tint-90: rgb(240, 235, 248);
     --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
-    --color-static-status-red-tint-90: rgb(251, 232, 231);
     --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
-    --color-static-status-teal-tint-90: rgb(233, 244, 243);
     --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
@@ -520,7 +513,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_2p9uu {
+.bank-card__component_rrvwd {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -539,11 +532,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_2p9uu {
+.bank-card__aspectRatioContainer_rrvwd {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_2p9uu {
+.bank-card__content_rrvwd {
     position: absolute;
     top: 0;
     right: 0;
@@ -556,7 +549,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_2p9uu {
+.bank-card__label_rrvwd {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -564,25 +557,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_2p9uu {
+.bank-card__label_rrvwd {
         font-size: 16px
 }
     }
-.bank-card__focused_2p9uu .bank-card__label_2p9uu,
-.bank-card__filled_2p9uu .bank-card__label_2p9uu {
+.bank-card__focused_rrvwd .bank-card__label_rrvwd,
+.bank-card__filled_rrvwd .bank-card__label_rrvwd {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_2p9uu .bank-card__label_2p9uu,
-.bank-card__filled_2p9uu .bank-card__label_2p9uu {
+.bank-card__focused_rrvwd .bank-card__label_rrvwd,
+.bank-card__filled_rrvwd .bank-card__label_rrvwd {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_2p9uu:before {
+.bank-card__focused_rrvwd:before {
     transform: scale(1) !important;
 }
-.bank-card__input_2p9uu {
+.bank-card__input_rrvwd {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -596,33 +589,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_2p9uu {
+.bank-card__input_rrvwd {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_2p9uu {
+.bank-card__bankLogo_rrvwd {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_2p9uu svg {
+.bank-card__bankLogo_rrvwd svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_2p9uu svg g {
+.bank-card__bankLogo_rrvwd svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_2p9uu {
+.bank-card__brandLogo_rrvwd {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_2p9uu svg {
+.bank-card__brandLogo_rrvwd svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_2p9uu {
+.bank-card__usePhoto_rrvwd {
     display: block;
     margin: 0;
     padding: 0;
@@ -640,7 +633,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_2p9uu svg {
+.bank-card__usePhoto_rrvwd svg {
         fill: var(--color-black);
         display: block;
     }

package/base-modal/Component.js

@@ -9,6 +9,7 @@ var FocusLock = require('react-focus-lock');
 var coreComponentsPortal = require('../portal');
 var coreComponentsBackdrop = require('../backdrop');
 var coreComponentsStack = require('../stack');
+require('../global-store');
 var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -45,7 +46,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_1uie6","wrapper":"base-modal__wrapper_1uie6","content":"base-modal__content_1uie6","hidden":"base-modal__hidden_1uie6","backdrop":"base-modal__backdrop_1uie6","appear":"base-modal__appear_1uie6","enter":"base-modal__enter_1uie6","appearActive":"base-modal__appearActive_1uie6","enterActive":"base-modal__enterActive_1uie6","exit":"base-modal__exit_1uie6","exitActive":"base-modal__exitActive_1uie6","exitDone":"base-modal__exitDone_1uie6"};
+var styles = {"component":"base-modal__component_1y3pj","wrapper":"base-modal__wrapper_1y3pj","content":"base-modal__content_1y3pj","hidden":"base-modal__hidden_1y3pj","backdrop":"base-modal__backdrop_1y3pj","appear":"base-modal__appear_1y3pj","enter":"base-modal__enter_1y3pj","appearActive":"base-modal__appearActive_1y3pj","enterActive":"base-modal__enterActive_1y3pj","exit":"base-modal__exit_1y3pj","exitActive":"base-modal__exitActive_1y3pj","exitDone":"base-modal__exitDone_1y3pj"};
 require('./index.css');
 
 var BaseModalContext = React__default['default'].createContext({

package/base-modal/cssm/Component.js

@@ -9,6 +9,7 @@ var FocusLock = require('react-focus-lock');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsBackdrop = require('../../backdrop/cssm');
 var coreComponentsStack = require('../../stack/cssm');
+require('../../global-store/cssm');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
 

package/base-modal/cssm/index.js

@@ -10,6 +10,7 @@ require('react-focus-lock');
 require('../../portal/cssm');
 require('../../backdrop/cssm');
 require('../../stack/cssm');
+require('../../global-store/cssm');
 var utils = require('./utils.js');
 require('./index.module.css');
 

package/base-modal/cssm/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsGlobalStore = require('../../global-store/cssm');
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -30,15 +32,15 @@ var isOverflowing = function (container) {
 var getPaddingRight = function (node) {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-var restoreStylesStore = [];
 var restoreContainerStyles = function (container) {
-    var index = restoreStylesStore.findIndex(function (s) { return s.container === container; });
-    var existingStyles = restoreStylesStore[index];
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var index = modalRestoreStyles.findIndex(function (s) { return s.container === container; });
+    var existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(function (_a) {
             var value = _a.value, el = _a.el, key = _a.key;
             if (value) {
@@ -53,7 +55,8 @@ var restoreContainerStyles = function (container) {
 var handleContainer = function (container) {
     if (!container)
         return;
-    var existingStyles = restoreStylesStore.find(function (s) { return s.container === container; });
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var existingStyles = modalRestoreStyles.find(function (s) { return s.container === container; });
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -88,7 +91,7 @@ var handleContainer = function (container) {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container: container,
         modals: 1,
         styles: containerStyles,

package/base-modal/esm/Component.js

@@ -7,6 +7,7 @@ import FocusLock from 'react-focus-lock';
 import { Portal } from '../../portal/esm';
 import { Backdrop } from '../../backdrop/esm';
 import { stackingOrder, Stack } from '../../stack/esm';
+import '../../global-store/esm';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 
 /*! *****************************************************************************
@@ -36,7 +37,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_1uie6","wrapper":"base-modal__wrapper_1uie6","content":"base-modal__content_1uie6","hidden":"base-modal__hidden_1uie6","backdrop":"base-modal__backdrop_1uie6","appear":"base-modal__appear_1uie6","enter":"base-modal__enter_1uie6","appearActive":"base-modal__appearActive_1uie6","enterActive":"base-modal__enterActive_1uie6","exit":"base-modal__exit_1uie6","exitActive":"base-modal__exitActive_1uie6","exitDone":"base-modal__exitDone_1uie6"};
+var styles = {"component":"base-modal__component_1y3pj","wrapper":"base-modal__wrapper_1y3pj","content":"base-modal__content_1y3pj","hidden":"base-modal__hidden_1y3pj","backdrop":"base-modal__backdrop_1y3pj","appear":"base-modal__appear_1y3pj","enter":"base-modal__enter_1y3pj","appearActive":"base-modal__appearActive_1y3pj","enterActive":"base-modal__enterActive_1y3pj","exit":"base-modal__exit_1y3pj","exitActive":"base-modal__exitActive_1y3pj","exitDone":"base-modal__exitDone_1y3pj"};
 require('./index.css');
 
 var BaseModalContext = React.createContext({

package/base-modal/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pbe4 */
+/* hash: zuxb3 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_1uie6 {
+.base-modal__component_1y3pj {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_1uie6 {
+.base-modal__wrapper_1y3pj {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_1uie6 {
+.base-modal__content_1y3pj {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_1uie6 {
+.base-modal__hidden_1y3pj {
     display: none;
 }
-.base-modal__backdrop_1uie6 {
+.base-modal__backdrop_1y3pj {
     z-index: 0;
 }
-.base-modal__appear_1uie6,
-.base-modal__enter_1uie6 {
+.base-modal__appear_1y3pj,
+.base-modal__enter_1y3pj {
     opacity: 0;
 }
-.base-modal__appearActive_1uie6,
-.base-modal__enterActive_1uie6 {
+.base-modal__appearActive_1y3pj,
+.base-modal__enterActive_1y3pj {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_1uie6 {
+.base-modal__exit_1y3pj {
     opacity: 1;
 }
-.base-modal__exitActive_1uie6,
-.base-modal__exitDone_1uie6 {
+.base-modal__exitActive_1y3pj,
+.base-modal__exitDone_1y3pj {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/esm/index.js

@@ -7,5 +7,6 @@ import 'react-focus-lock';
 import '../../portal/esm';
 import '../../backdrop/esm';
 import '../../stack/esm';
+import '../../global-store/esm';
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
 export { BaseModal, BaseModalContext } from './Component.js';

package/base-modal/esm/utils.js

@@ -1,3 +1,5 @@
+import { getModalStore } from '../../global-store/esm';
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -28,15 +30,15 @@ var isOverflowing = function (container) {
 var getPaddingRight = function (node) {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-var restoreStylesStore = [];
 var restoreContainerStyles = function (container) {
-    var index = restoreStylesStore.findIndex(function (s) { return s.container === container; });
-    var existingStyles = restoreStylesStore[index];
+    var modalRestoreStyles = getModalStore().getRestoreStyles();
+    var index = modalRestoreStyles.findIndex(function (s) { return s.container === container; });
+    var existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(function (_a) {
             var value = _a.value, el = _a.el, key = _a.key;
             if (value) {
@@ -51,7 +53,8 @@ var restoreContainerStyles = function (container) {
 var handleContainer = function (container) {
     if (!container)
         return;
-    var existingStyles = restoreStylesStore.find(function (s) { return s.container === container; });
+    var modalRestoreStyles = getModalStore().getRestoreStyles();
+    var existingStyles = modalRestoreStyles.find(function (s) { return s.container === container; });
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -86,7 +89,7 @@ var handleContainer = function (container) {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container: container,
         modals: 1,
         styles: containerStyles,

package/base-modal/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pbe4 */
+/* hash: zuxb3 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_1uie6 {
+.base-modal__component_1y3pj {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_1uie6 {
+.base-modal__wrapper_1y3pj {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_1uie6 {
+.base-modal__content_1y3pj {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_1uie6 {
+.base-modal__hidden_1y3pj {
     display: none;
 }
-.base-modal__backdrop_1uie6 {
+.base-modal__backdrop_1y3pj {
     z-index: 0;
 }
-.base-modal__appear_1uie6,
-.base-modal__enter_1uie6 {
+.base-modal__appear_1y3pj,
+.base-modal__enter_1y3pj {
     opacity: 0;
 }
-.base-modal__appearActive_1uie6,
-.base-modal__enterActive_1uie6 {
+.base-modal__appearActive_1y3pj,
+.base-modal__enterActive_1y3pj {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_1uie6 {
+.base-modal__exit_1y3pj {
     opacity: 1;
 }
-.base-modal__exitActive_1uie6,
-.base-modal__exitDone_1uie6 {
+.base-modal__exitActive_1y3pj,
+.base-modal__exitDone_1y3pj {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.js

@@ -10,6 +10,7 @@ require('react-focus-lock');
 require('../portal');
 require('../backdrop');
 require('../stack');
+require('../global-store');
 var utils = require('./utils.js');
 
 

package/base-modal/modern/Component.js

@@ -7,9 +7,10 @@ import FocusLock from 'react-focus-lock';
 import { Portal } from '../../portal/modern';
 import { Backdrop } from '../../backdrop/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
+import '../../global-store/modern';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 
-var styles = {"component":"base-modal__component_1uie6","wrapper":"base-modal__wrapper_1uie6","content":"base-modal__content_1uie6","hidden":"base-modal__hidden_1uie6","backdrop":"base-modal__backdrop_1uie6","appear":"base-modal__appear_1uie6","enter":"base-modal__enter_1uie6","appearActive":"base-modal__appearActive_1uie6","enterActive":"base-modal__enterActive_1uie6","exit":"base-modal__exit_1uie6","exitActive":"base-modal__exitActive_1uie6","exitDone":"base-modal__exitDone_1uie6"};
+var styles = {"component":"base-modal__component_1y3pj","wrapper":"base-modal__wrapper_1y3pj","content":"base-modal__content_1y3pj","hidden":"base-modal__hidden_1y3pj","backdrop":"base-modal__backdrop_1y3pj","appear":"base-modal__appear_1y3pj","enter":"base-modal__enter_1y3pj","appearActive":"base-modal__appearActive_1y3pj","enterActive":"base-modal__enterActive_1y3pj","exit":"base-modal__exit_1y3pj","exitActive":"base-modal__exitActive_1y3pj","exitDone":"base-modal__exitDone_1y3pj"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/base-modal/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pbe4 */
+/* hash: zuxb3 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_1uie6 {
+.base-modal__component_1y3pj {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_1uie6 {
+.base-modal__wrapper_1y3pj {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_1uie6 {
+.base-modal__content_1y3pj {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_1uie6 {
+.base-modal__hidden_1y3pj {
     display: none;
 }
-.base-modal__backdrop_1uie6 {
+.base-modal__backdrop_1y3pj {
     z-index: 0;
 }
-.base-modal__appear_1uie6,
-.base-modal__enter_1uie6 {
+.base-modal__appear_1y3pj,
+.base-modal__enter_1y3pj {
     opacity: 0;
 }
-.base-modal__appearActive_1uie6,
-.base-modal__enterActive_1uie6 {
+.base-modal__appearActive_1y3pj,
+.base-modal__enterActive_1y3pj {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_1uie6 {
+.base-modal__exit_1y3pj {
     opacity: 1;
 }
-.base-modal__exitActive_1uie6,
-.base-modal__exitDone_1uie6 {
+.base-modal__exitActive_1y3pj,
+.base-modal__exitDone_1y3pj {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/index.js

@@ -7,5 +7,6 @@ import 'react-focus-lock';
 import '../../portal/modern';
 import '../../backdrop/modern';
 import '../../stack/modern';
+import '../../global-store/modern';
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
 export { BaseModal, BaseModalContext } from './Component.js';

package/base-modal/modern/utils.js

@@ -1,3 +1,5 @@
+import { getModalStore } from '../../global-store/modern';
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -28,15 +30,15 @@ const isOverflowing = (container) => {
 const getPaddingRight = (node) => {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-const restoreStylesStore = [];
 const restoreContainerStyles = (container) => {
-    const index = restoreStylesStore.findIndex(s => s.container === container);
-    const existingStyles = restoreStylesStore[index];
+    const modalRestoreStyles = getModalStore().getRestoreStyles();
+    const index = modalRestoreStyles.findIndex(s => s.container === container);
+    const existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(({ value, el, key }) => {
             if (value) {
                 el.style.setProperty(key, value);
@@ -50,7 +52,8 @@ const restoreContainerStyles = (container) => {
 const handleContainer = (container) => {
     if (!container)
         return;
-    const existingStyles = restoreStylesStore.find(s => s.container === container);
+    const modalRestoreStyles = getModalStore().getRestoreStyles();
+    const existingStyles = modalRestoreStyles.find(s => s.container === container);
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -85,7 +88,7 @@ const handleContainer = (container) => {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container,
         modals: 1,
         styles: containerStyles,

package/base-modal/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsGlobalStore = require('../global-store');
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -30,15 +32,15 @@ var isOverflowing = function (container) {
 var getPaddingRight = function (node) {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-var restoreStylesStore = [];
 var restoreContainerStyles = function (container) {
-    var index = restoreStylesStore.findIndex(function (s) { return s.container === container; });
-    var existingStyles = restoreStylesStore[index];
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var index = modalRestoreStyles.findIndex(function (s) { return s.container === container; });
+    var existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(function (_a) {
             var value = _a.value, el = _a.el, key = _a.key;
             if (value) {
@@ -53,7 +55,8 @@ var restoreContainerStyles = function (container) {
 var handleContainer = function (container) {
     if (!container)
         return;
-    var existingStyles = restoreStylesStore.find(function (s) { return s.container === container; });
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var existingStyles = modalRestoreStyles.find(function (s) { return s.container === container; });
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -88,7 +91,7 @@ var handleContainer = function (container) {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container: container,
         modals: 1,
         styles: containerStyles,

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('./Component-328bce7c.js');
+var components_swipeableBackdrop_Component = require('./Component-5f6c5e49.js');
 var React = require('react');
 var cn = require('classnames');
 var reactSwipeable = require('react-swipeable');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"modal":"bottom-sheet__modal_1l724","component":"bottom-sheet__component_1l724","withTransition":"bottom-sheet__withTransition_1l724","marker":"bottom-sheet__marker_1l724","scrollableContainer":"bottom-sheet__scrollableContainer_1l724","withPadding":"bottom-sheet__withPadding_1l724","content":"bottom-sheet__content_1l724","title":"bottom-sheet__title_1l724","scrollLocked":"bottom-sheet__scrollLocked_1l724","appear":"bottom-sheet__appear_1l724","enter":"bottom-sheet__enter_1l724","appearActive":"bottom-sheet__appearActive_1l724","enterActive":"bottom-sheet__enterActive_1l724","enterDone":"bottom-sheet__enterDone_1l724","appearDone":"bottom-sheet__appearDone_1l724","exit":"bottom-sheet__exit_1l724","exitActive":"bottom-sheet__exitActive_1l724"};
+var styles = {"modal":"bottom-sheet__modal_1euii","component":"bottom-sheet__component_1euii","withTransition":"bottom-sheet__withTransition_1euii","marker":"bottom-sheet__marker_1euii","scrollableContainer":"bottom-sheet__scrollableContainer_1euii","withPadding":"bottom-sheet__withPadding_1euii","content":"bottom-sheet__content_1euii","title":"bottom-sheet__title_1euii","scrollLocked":"bottom-sheet__scrollLocked_1euii","appear":"bottom-sheet__appear_1euii","enter":"bottom-sheet__enter_1euii","appearActive":"bottom-sheet__appearActive_1euii","enterActive":"bottom-sheet__enterActive_1euii","enterDone":"bottom-sheet__enterDone_1euii","appearDone":"bottom-sheet__appearDone_1euii","exit":"bottom-sheet__exit_1euii","exitActive":"bottom-sheet__exitActive_1euii"};
 require('./index.css');
 
 var TIMEOUT = 300;

package/bottom-sheet/components/footer/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"bottom-sheet__footer_88zw4","highlighted":"bottom-sheet__highlighted_88zw4"};
+var styles = {"footer":"bottom-sheet__footer_13nld","highlighted":"bottom-sheet__highlighted_13nld"};
 require('./index.css');
 
 var Footer = function (_a) {