@alfalab/core-components-base-modal 5.7.4 → 5.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/Component.js +3 -1
  2. package/cssm/Component.js +2 -0
  3. package/esm/Component.js +3 -1
  4. package/esm/index.css +13 -13
  5. package/index.css +13 -13
  6. package/modern/Component.js +3 -1
  7. package/modern/index.css +13 -13
  8. package/package.json +3 -3
  9. package/src/Component.tsx +3 -0
package/Component.js CHANGED
@@ -24,7 +24,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
24
24
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
25
25
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
26
26
 
27
- var styles = {"component":"base-modal__component_1apcq","wrapper":"base-modal__wrapper_1apcq","content":"base-modal__content_1apcq","hidden":"base-modal__hidden_1apcq","backdrop":"base-modal__backdrop_1apcq","appear":"base-modal__appear_1apcq","enter":"base-modal__enter_1apcq","appearActive":"base-modal__appearActive_1apcq","enterActive":"base-modal__enterActive_1apcq","exit":"base-modal__exit_1apcq","exitActive":"base-modal__exitActive_1apcq","exitDone":"base-modal__exitDone_1apcq"};
27
+ var styles = {"component":"base-modal__component_1twiz","wrapper":"base-modal__wrapper_1twiz","content":"base-modal__content_1twiz","hidden":"base-modal__hidden_1twiz","backdrop":"base-modal__backdrop_1twiz","appear":"base-modal__appear_1twiz","enter":"base-modal__enter_1twiz","appearActive":"base-modal__appearActive_1twiz","enterActive":"base-modal__enterActive_1twiz","exit":"base-modal__exit_1twiz","exitActive":"base-modal__exitActive_1twiz","exitDone":"base-modal__exitDone_1twiz"};
28
28
  require('./index.css')
29
29
 
30
30
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -276,6 +276,8 @@ var BaseModal = React.forwardRef(function (_a, ref) {
276
276
  return null;
277
277
  return usePortal ? (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
278
278
  });
279
+ BaseModal.displayName = 'BaseModal';
280
+ BaseModalContext.displayName = 'BaseModalContext';
279
281
 
280
282
  exports.BaseModal = BaseModal;
281
283
  exports.BaseModalContext = BaseModalContext;
package/cssm/Component.js CHANGED
@@ -275,6 +275,8 @@ var BaseModal = React.forwardRef(function (_a, ref) {
275
275
  return null;
276
276
  return usePortal ? (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
277
277
  });
278
+ BaseModal.displayName = 'BaseModal';
279
+ BaseModalContext.displayName = 'BaseModalContext';
278
280
 
279
281
  exports.BaseModal = BaseModal;
280
282
  exports.BaseModalContext = BaseModalContext;
package/esm/Component.js CHANGED
@@ -13,7 +13,7 @@ import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
13
13
  import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
14
14
  import './matches-polyfill.js';
15
15
 
16
- var styles = {"component":"base-modal__component_1apcq","wrapper":"base-modal__wrapper_1apcq","content":"base-modal__content_1apcq","hidden":"base-modal__hidden_1apcq","backdrop":"base-modal__backdrop_1apcq","appear":"base-modal__appear_1apcq","enter":"base-modal__enter_1apcq","appearActive":"base-modal__appearActive_1apcq","enterActive":"base-modal__enterActive_1apcq","exit":"base-modal__exit_1apcq","exitActive":"base-modal__exitActive_1apcq","exitDone":"base-modal__exitDone_1apcq"};
16
+ var styles = {"component":"base-modal__component_1twiz","wrapper":"base-modal__wrapper_1twiz","content":"base-modal__content_1twiz","hidden":"base-modal__hidden_1twiz","backdrop":"base-modal__backdrop_1twiz","appear":"base-modal__appear_1twiz","enter":"base-modal__enter_1twiz","appearActive":"base-modal__appearActive_1twiz","enterActive":"base-modal__enterActive_1twiz","exit":"base-modal__exit_1twiz","exitActive":"base-modal__exitActive_1twiz","exitDone":"base-modal__exitDone_1twiz"};
17
17
  require('./index.css')
18
18
 
19
19
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -265,5 +265,7 @@ var BaseModal = forwardRef(function (_a, ref) {
265
265
  return null;
266
266
  return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
267
267
  });
268
+ BaseModal.displayName = 'BaseModal';
269
+ BaseModalContext.displayName = 'BaseModalContext';
268
270
 
269
271
  export { BaseModal, BaseModalContext };
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 4eqb1 */
1
+ /* hash: 11mvx */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff; /* 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 */
@@ -21,13 +21,13 @@
21
21
  margin-top: calc(var(--window-inner-scrollY) * -1);
22
22
  position: fixed;
23
23
  overflow: hidden;
24
- } .base-modal__component_1apcq {
24
+ } .base-modal__component_1twiz {
25
25
  position: relative;
26
26
  box-sizing: border-box;
27
27
  background: var(--color-light-modal-bg-primary);
28
28
  margin: auto;
29
29
  flex-shrink: 0;
30
- } .base-modal__wrapper_1apcq {
30
+ } .base-modal__wrapper_1twiz {
31
31
  position: fixed;
32
32
  top: 0;
33
33
  left: 0;
@@ -40,27 +40,27 @@
40
40
  align-items: center;
41
41
  outline: 0;
42
42
  overscroll-behavior: none;
43
- } .base-modal__content_1apcq {
43
+ } .base-modal__content_1twiz {
44
44
  width: 100%;
45
45
  height: 100%;
46
46
  display: flex;
47
47
  flex-direction: column;
48
48
  flex: 1;
49
- } .base-modal__hidden_1apcq {
49
+ } .base-modal__hidden_1twiz {
50
50
  display: none;
51
- } .base-modal__backdrop_1apcq {
51
+ } .base-modal__backdrop_1twiz {
52
52
  z-index: 0;
53
- } .base-modal__appear_1apcq,
54
- .base-modal__enter_1apcq {
53
+ } .base-modal__appear_1twiz,
54
+ .base-modal__enter_1twiz {
55
55
  opacity: 0;
56
- } .base-modal__appearActive_1apcq,
57
- .base-modal__enterActive_1apcq {
56
+ } .base-modal__appearActive_1twiz,
57
+ .base-modal__enterActive_1twiz {
58
58
  opacity: 1;
59
59
  transition: opacity 200ms ease-in;
60
- } .base-modal__exit_1apcq {
60
+ } .base-modal__exit_1twiz {
61
61
  opacity: 1;
62
- } .base-modal__exitActive_1apcq,
63
- .base-modal__exitDone_1apcq {
62
+ } .base-modal__exitActive_1twiz,
63
+ .base-modal__exitDone_1twiz {
64
64
  opacity: 0;
65
65
  transition: opacity 200ms ease-out;
66
66
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 4eqb1 */
1
+ /* hash: 11mvx */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff; /* 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 */
@@ -21,13 +21,13 @@
21
21
  margin-top: calc(var(--window-inner-scrollY) * -1);
22
22
  position: fixed;
23
23
  overflow: hidden;
24
- } .base-modal__component_1apcq {
24
+ } .base-modal__component_1twiz {
25
25
  position: relative;
26
26
  box-sizing: border-box;
27
27
  background: var(--color-light-modal-bg-primary);
28
28
  margin: auto;
29
29
  flex-shrink: 0;
30
- } .base-modal__wrapper_1apcq {
30
+ } .base-modal__wrapper_1twiz {
31
31
  position: fixed;
32
32
  top: 0;
33
33
  left: 0;
@@ -40,27 +40,27 @@
40
40
  align-items: center;
41
41
  outline: 0;
42
42
  overscroll-behavior: none;
43
- } .base-modal__content_1apcq {
43
+ } .base-modal__content_1twiz {
44
44
  width: 100%;
45
45
  height: 100%;
46
46
  display: flex;
47
47
  flex-direction: column;
48
48
  flex: 1;
49
- } .base-modal__hidden_1apcq {
49
+ } .base-modal__hidden_1twiz {
50
50
  display: none;
51
- } .base-modal__backdrop_1apcq {
51
+ } .base-modal__backdrop_1twiz {
52
52
  z-index: 0;
53
- } .base-modal__appear_1apcq,
54
- .base-modal__enter_1apcq {
53
+ } .base-modal__appear_1twiz,
54
+ .base-modal__enter_1twiz {
55
55
  opacity: 0;
56
- } .base-modal__appearActive_1apcq,
57
- .base-modal__enterActive_1apcq {
56
+ } .base-modal__appearActive_1twiz,
57
+ .base-modal__enterActive_1twiz {
58
58
  opacity: 1;
59
59
  transition: opacity 200ms ease-in;
60
- } .base-modal__exit_1apcq {
60
+ } .base-modal__exit_1twiz {
61
61
  opacity: 1;
62
- } .base-modal__exitActive_1apcq,
63
- .base-modal__exitDone_1apcq {
62
+ } .base-modal__exitActive_1twiz,
63
+ .base-modal__exitDone_1twiz {
64
64
  opacity: 0;
65
65
  transition: opacity 200ms ease-out;
66
66
  }
package/modern/Component.js CHANGED
@@ -12,7 +12,7 @@ import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
12
12
  import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
13
13
  import './matches-polyfill.js';
14
14
 
15
- const styles = {"component":"base-modal__component_1apcq","wrapper":"base-modal__wrapper_1apcq","content":"base-modal__content_1apcq","hidden":"base-modal__hidden_1apcq","backdrop":"base-modal__backdrop_1apcq","appear":"base-modal__appear_1apcq","enter":"base-modal__enter_1apcq","appearActive":"base-modal__appearActive_1apcq","enterActive":"base-modal__enterActive_1apcq","exit":"base-modal__exit_1apcq","exitActive":"base-modal__exitActive_1apcq","exitDone":"base-modal__exitDone_1apcq"};
15
+ const styles = {"component":"base-modal__component_1twiz","wrapper":"base-modal__wrapper_1twiz","content":"base-modal__content_1twiz","hidden":"base-modal__hidden_1twiz","backdrop":"base-modal__backdrop_1twiz","appear":"base-modal__appear_1twiz","enter":"base-modal__enter_1twiz","appearActive":"base-modal__appearActive_1twiz","enterActive":"base-modal__enterActive_1twiz","exit":"base-modal__exit_1twiz","exitActive":"base-modal__exitActive_1twiz","exitDone":"base-modal__exitDone_1twiz"};
16
16
  require('./index.css')
17
17
 
18
18
  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -259,5 +259,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
259
259
  return null;
260
260
  return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
261
261
  });
262
+ BaseModal.displayName = 'BaseModal';
263
+ BaseModalContext.displayName = 'BaseModalContext';
262
264
 
263
265
  export { BaseModal, BaseModalContext };
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 4eqb1 */
1
+ /* hash: 11mvx */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff; /* 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 */
@@ -21,13 +21,13 @@
21
21
  margin-top: calc(var(--window-inner-scrollY) * -1);
22
22
  position: fixed;
23
23
  overflow: hidden;
24
- } .base-modal__component_1apcq {
24
+ } .base-modal__component_1twiz {
25
25
  position: relative;
26
26
  box-sizing: border-box;
27
27
  background: var(--color-light-modal-bg-primary);
28
28
  margin: auto;
29
29
  flex-shrink: 0;
30
- } .base-modal__wrapper_1apcq {
30
+ } .base-modal__wrapper_1twiz {
31
31
  position: fixed;
32
32
  top: 0;
33
33
  left: 0;
@@ -40,27 +40,27 @@
40
40
  align-items: center;
41
41
  outline: 0;
42
42
  overscroll-behavior: none;
43
- } .base-modal__content_1apcq {
43
+ } .base-modal__content_1twiz {
44
44
  width: 100%;
45
45
  height: 100%;
46
46
  display: flex;
47
47
  flex-direction: column;
48
48
  flex: 1;
49
- } .base-modal__hidden_1apcq {
49
+ } .base-modal__hidden_1twiz {
50
50
  display: none;
51
- } .base-modal__backdrop_1apcq {
51
+ } .base-modal__backdrop_1twiz {
52
52
  z-index: 0;
53
- } .base-modal__appear_1apcq,
54
- .base-modal__enter_1apcq {
53
+ } .base-modal__appear_1twiz,
54
+ .base-modal__enter_1twiz {
55
55
  opacity: 0;
56
- } .base-modal__appearActive_1apcq,
57
- .base-modal__enterActive_1apcq {
56
+ } .base-modal__appearActive_1twiz,
57
+ .base-modal__enterActive_1twiz {
58
58
  opacity: 1;
59
59
  transition: opacity 200ms ease-in;
60
- } .base-modal__exit_1apcq {
60
+ } .base-modal__exit_1twiz {
61
61
  opacity: 1;
62
- } .base-modal__exitActive_1apcq,
63
- .base-modal__exitDone_1apcq {
62
+ } .base-modal__exitActive_1twiz,
63
+ .base-modal__exitDone_1twiz {
64
64
  opacity: 0;
65
65
  transition: opacity 200ms ease-out;
66
66
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-base-modal",
3
- "version": "5.7.4",
3
+ "version": "5.7.6",
4
4
  "description": "BaseModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "dependencies": {
14
14
  "@alfalab/core-components-backdrop": "^3.2.0",
15
15
  "@alfalab/core-components-global-store": "^2.1.0",
16
- "@alfalab/core-components-portal": "^3.2.0",
16
+ "@alfalab/core-components-portal": "^3.2.1",
17
17
  "@alfalab/core-components-stack": "^4.1.0",
18
- "@alfalab/core-components-shared": "^0.9.1",
18
+ "@alfalab/core-components-shared": "^0.10.0",
19
19
  "@juggle/resize-observer": "^3.3.1",
20
20
  "classnames": "^2.3.1",
21
21
  "react-focus-lock": "^2.12.1",
package/src/Component.tsx CHANGED
@@ -644,3 +644,6 @@ export const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(
644
644
  );
645
645
  },
646
646
  );
647
+
648
+ BaseModal.displayName = 'BaseModal';
649
+ BaseModalContext.displayName = 'BaseModalContext';