@alfalab/core-components-base-modal 5.6.0 → 5.7.0

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 (11) hide show
  1. package/Component.js +2 -2
  2. package/cssm/Component.js +1 -1
  3. package/cssm/index.module.css +2 -2
  4. package/esm/Component.js +2 -2
  5. package/esm/index.css +15 -15
  6. package/index.css +15 -15
  7. package/modern/Component.js +2 -2
  8. package/modern/index.css +15 -15
  9. package/package.json +2 -2
  10. package/src/Component.tsx +1 -0
  11. package/src/index.module.css +1 -1
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_svmxx","wrapper":"base-modal__wrapper_svmxx","content":"base-modal__content_svmxx","hidden":"base-modal__hidden_svmxx","backdrop":"base-modal__backdrop_svmxx","appear":"base-modal__appear_svmxx","enter":"base-modal__enter_svmxx","appearActive":"base-modal__appearActive_svmxx","enterActive":"base-modal__enterActive_svmxx","exit":"base-modal__exit_svmxx","exitActive":"base-modal__exitActive_svmxx","exitDone":"base-modal__exitDone_svmxx"};
27
+ var styles = {"component":"base-modal__component_viv8l","wrapper":"base-modal__wrapper_viv8l","content":"base-modal__content_viv8l","hidden":"base-modal__hidden_viv8l","backdrop":"base-modal__backdrop_viv8l","appear":"base-modal__appear_viv8l","enter":"base-modal__enter_viv8l","appearActive":"base-modal__appearActive_viv8l","enterActive":"base-modal__enterActive_viv8l","exit":"base-modal__exit_viv8l","exitActive":"base-modal__exitActive_viv8l","exitDone":"base-modal__exitDone_viv8l"};
28
28
  require('./index.css')
29
29
 
30
30
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -252,7 +252,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
252
252
  tabIndex: 0, "data-test-id": dataTestId, style: {
253
253
  zIndex: computedZIndex,
254
254
  } }),
255
- React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
255
+ React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
256
256
  React__default.default.createElement("div", tslib.__assign({}, componentDivProps, { className: cn__default.default(styles.component, className, componentDivProps === null || componentDivProps === void 0 ? void 0 : componentDivProps.className), ref: mergeRefs__default.default([
257
257
  componentRef,
258
258
  componentNodeRef,
package/cssm/Component.js CHANGED
@@ -251,7 +251,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
251
251
  tabIndex: 0, "data-test-id": dataTestId, style: {
252
252
  zIndex: computedZIndex,
253
253
  } }),
254
- React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles__default.default }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
254
+ React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles__default.default, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
255
255
  React__default.default.createElement("div", tslib.__assign({}, componentDivProps, { className: cn__default.default(styles__default.default.component, className, componentDivProps === null || componentDivProps === void 0 ? void 0 : componentDivProps.className), ref: mergeRefs__default.default([
256
256
  componentRef,
257
257
  componentNodeRef,
package/cssm/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-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 */
3
+ --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 */
4
4
  } :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 */
5
5
  } :root {
6
6
  } :root {
@@ -17,7 +17,7 @@
17
17
  } .component {
18
18
  position: relative;
19
19
  box-sizing: border-box;
20
- background: var(--color-light-bg-primary);
20
+ background: var(--color-light-modal-bg-primary);
21
21
  margin: auto;
22
22
  flex-shrink: 0;
23
23
  } .wrapper {
package/esm/Component.js CHANGED
@@ -13,7 +13,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
13
13
  import './matches-polyfill.js';
14
14
  import '@alfalab/core-components-global-store/esm';
15
15
 
16
- var styles = {"component":"base-modal__component_svmxx","wrapper":"base-modal__wrapper_svmxx","content":"base-modal__content_svmxx","hidden":"base-modal__hidden_svmxx","backdrop":"base-modal__backdrop_svmxx","appear":"base-modal__appear_svmxx","enter":"base-modal__enter_svmxx","appearActive":"base-modal__appearActive_svmxx","enterActive":"base-modal__enterActive_svmxx","exit":"base-modal__exit_svmxx","exitActive":"base-modal__exitActive_svmxx","exitDone":"base-modal__exitDone_svmxx"};
16
+ var styles = {"component":"base-modal__component_viv8l","wrapper":"base-modal__wrapper_viv8l","content":"base-modal__content_viv8l","hidden":"base-modal__hidden_viv8l","backdrop":"base-modal__backdrop_viv8l","appear":"base-modal__appear_viv8l","enter":"base-modal__enter_viv8l","appearActive":"base-modal__appearActive_viv8l","enterActive":"base-modal__enterActive_viv8l","exit":"base-modal__exit_viv8l","exitActive":"base-modal__exitActive_viv8l","exitDone":"base-modal__exitDone_viv8l"};
17
17
  require('./index.css')
18
18
 
19
19
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -241,7 +241,7 @@ var BaseModal = forwardRef(function (_a, ref) {
241
241
  tabIndex: 0, "data-test-id": dataTestId, style: {
242
242
  zIndex: computedZIndex,
243
243
  } }),
244
- React.createElement(CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
244
+ React.createElement(CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
245
245
  React.createElement("div", __assign({}, componentDivProps, { className: cn(styles.component, className, componentDivProps === null || componentDivProps === void 0 ? void 0 : componentDivProps.className), ref: mergeRefs([
246
246
  componentRef,
247
247
  componentNodeRef,
package/esm/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: zaw9u */
1
+ /* hash: prt2a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-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 */
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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_svmxx {
18
+ } .base-modal__component_viv8l {
19
19
  position: relative;
20
20
  box-sizing: border-box;
21
- background: var(--color-light-bg-primary);
21
+ background: var(--color-light-modal-bg-primary);
22
22
  margin: auto;
23
23
  flex-shrink: 0;
24
- } .base-modal__wrapper_svmxx {
24
+ } .base-modal__wrapper_viv8l {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -34,27 +34,27 @@
34
34
  align-items: center;
35
35
  outline: 0;
36
36
  overscroll-behavior: none;
37
- } .base-modal__content_svmxx {
37
+ } .base-modal__content_viv8l {
38
38
  width: 100%;
39
39
  height: 100%;
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  flex: 1;
43
- } .base-modal__hidden_svmxx {
43
+ } .base-modal__hidden_viv8l {
44
44
  display: none;
45
- } .base-modal__backdrop_svmxx {
45
+ } .base-modal__backdrop_viv8l {
46
46
  z-index: 0;
47
- } .base-modal__appear_svmxx,
48
- .base-modal__enter_svmxx {
47
+ } .base-modal__appear_viv8l,
48
+ .base-modal__enter_viv8l {
49
49
  opacity: 0;
50
- } .base-modal__appearActive_svmxx,
51
- .base-modal__enterActive_svmxx {
50
+ } .base-modal__appearActive_viv8l,
51
+ .base-modal__enterActive_viv8l {
52
52
  opacity: 1;
53
53
  transition: opacity 200ms ease-in;
54
- } .base-modal__exit_svmxx {
54
+ } .base-modal__exit_viv8l {
55
55
  opacity: 1;
56
- } .base-modal__exitActive_svmxx,
57
- .base-modal__exitDone_svmxx {
56
+ } .base-modal__exitActive_viv8l,
57
+ .base-modal__exitDone_viv8l {
58
58
  opacity: 0;
59
59
  transition: opacity 200ms ease-out;
60
60
  }
package/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: zaw9u */
1
+ /* hash: prt2a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-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 */
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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_svmxx {
18
+ } .base-modal__component_viv8l {
19
19
  position: relative;
20
20
  box-sizing: border-box;
21
- background: var(--color-light-bg-primary);
21
+ background: var(--color-light-modal-bg-primary);
22
22
  margin: auto;
23
23
  flex-shrink: 0;
24
- } .base-modal__wrapper_svmxx {
24
+ } .base-modal__wrapper_viv8l {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -34,27 +34,27 @@
34
34
  align-items: center;
35
35
  outline: 0;
36
36
  overscroll-behavior: none;
37
- } .base-modal__content_svmxx {
37
+ } .base-modal__content_viv8l {
38
38
  width: 100%;
39
39
  height: 100%;
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  flex: 1;
43
- } .base-modal__hidden_svmxx {
43
+ } .base-modal__hidden_viv8l {
44
44
  display: none;
45
- } .base-modal__backdrop_svmxx {
45
+ } .base-modal__backdrop_viv8l {
46
46
  z-index: 0;
47
- } .base-modal__appear_svmxx,
48
- .base-modal__enter_svmxx {
47
+ } .base-modal__appear_viv8l,
48
+ .base-modal__enter_viv8l {
49
49
  opacity: 0;
50
- } .base-modal__appearActive_svmxx,
51
- .base-modal__enterActive_svmxx {
50
+ } .base-modal__appearActive_viv8l,
51
+ .base-modal__enterActive_viv8l {
52
52
  opacity: 1;
53
53
  transition: opacity 200ms ease-in;
54
- } .base-modal__exit_svmxx {
54
+ } .base-modal__exit_viv8l {
55
55
  opacity: 1;
56
- } .base-modal__exitActive_svmxx,
57
- .base-modal__exitDone_svmxx {
56
+ } .base-modal__exitActive_viv8l,
57
+ .base-modal__exitDone_viv8l {
58
58
  opacity: 0;
59
59
  transition: opacity 200ms ease-out;
60
60
  }
package/modern/Component.js CHANGED
@@ -12,7 +12,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
12
12
  import './matches-polyfill.js';
13
13
  import '@alfalab/core-components-global-store/modern';
14
14
 
15
- const styles = {"component":"base-modal__component_svmxx","wrapper":"base-modal__wrapper_svmxx","content":"base-modal__content_svmxx","hidden":"base-modal__hidden_svmxx","backdrop":"base-modal__backdrop_svmxx","appear":"base-modal__appear_svmxx","enter":"base-modal__enter_svmxx","appearActive":"base-modal__appearActive_svmxx","enterActive":"base-modal__enterActive_svmxx","exit":"base-modal__exit_svmxx","exitActive":"base-modal__exitActive_svmxx","exitDone":"base-modal__exitDone_svmxx"};
15
+ const styles = {"component":"base-modal__component_viv8l","wrapper":"base-modal__wrapper_viv8l","content":"base-modal__content_viv8l","hidden":"base-modal__hidden_viv8l","backdrop":"base-modal__backdrop_viv8l","appear":"base-modal__appear_viv8l","enter":"base-modal__enter_viv8l","appearActive":"base-modal__appearActive_viv8l","enterActive":"base-modal__enterActive_viv8l","exit":"base-modal__exit_viv8l","exitActive":"base-modal__exitActive_viv8l","exitDone":"base-modal__exitDone_viv8l"};
16
16
  require('./index.css')
17
17
 
18
18
  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -237,7 +237,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
237
237
  tabIndex: 0, "data-test-id": dataTestId, style: {
238
238
  zIndex: computedZIndex,
239
239
  } },
240
- React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },
240
+ React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },
241
241
  React.createElement("div", { ...componentDivProps, className: cn(styles.component, className, componentDivProps?.className), ref: mergeRefs([
242
242
  componentRef,
243
243
  componentNodeRef,
package/modern/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: zaw9u */
1
+ /* hash: prt2a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-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 */
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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_svmxx {
18
+ } .base-modal__component_viv8l {
19
19
  position: relative;
20
20
  box-sizing: border-box;
21
- background: var(--color-light-bg-primary);
21
+ background: var(--color-light-modal-bg-primary);
22
22
  margin: auto;
23
23
  flex-shrink: 0;
24
- } .base-modal__wrapper_svmxx {
24
+ } .base-modal__wrapper_viv8l {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -34,27 +34,27 @@
34
34
  align-items: center;
35
35
  outline: 0;
36
36
  overscroll-behavior: none;
37
- } .base-modal__content_svmxx {
37
+ } .base-modal__content_viv8l {
38
38
  width: 100%;
39
39
  height: 100%;
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  flex: 1;
43
- } .base-modal__hidden_svmxx {
43
+ } .base-modal__hidden_viv8l {
44
44
  display: none;
45
- } .base-modal__backdrop_svmxx {
45
+ } .base-modal__backdrop_viv8l {
46
46
  z-index: 0;
47
- } .base-modal__appear_svmxx,
48
- .base-modal__enter_svmxx {
47
+ } .base-modal__appear_viv8l,
48
+ .base-modal__enter_viv8l {
49
49
  opacity: 0;
50
- } .base-modal__appearActive_svmxx,
51
- .base-modal__enterActive_svmxx {
50
+ } .base-modal__appearActive_viv8l,
51
+ .base-modal__enterActive_viv8l {
52
52
  opacity: 1;
53
53
  transition: opacity 200ms ease-in;
54
- } .base-modal__exit_svmxx {
54
+ } .base-modal__exit_viv8l {
55
55
  opacity: 1;
56
- } .base-modal__exitActive_svmxx,
57
- .base-modal__exitDone_svmxx {
56
+ } .base-modal__exitActive_viv8l,
57
+ .base-modal__exitDone_viv8l {
58
58
  opacity: 0;
59
59
  transition: opacity 200ms ease-out;
60
60
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-base-modal",
3
- "version": "5.6.0",
3
+ "version": "5.7.0",
4
4
  "description": "BaseModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,7 +11,7 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "dependencies": {
14
- "@alfalab/core-components-backdrop": "^3.1.0",
14
+ "@alfalab/core-components-backdrop": "^3.2.0",
15
15
  "@alfalab/core-components-global-store": "^2.1.0",
16
16
  "@alfalab/core-components-portal": "^3.2.0",
17
17
  "@alfalab/core-components-stack": "^4.1.0",
package/src/Component.tsx CHANGED
@@ -574,6 +574,7 @@ export const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(
574
574
  appear={true}
575
575
  timeout={200}
576
576
  classNames={styles}
577
+ nodeRef={componentNodeRef}
577
578
  {...transitionProps}
578
579
  in={open}
579
580
  onEntered={handleEntered}
package/src/index.module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  .component {
4
4
  position: relative;
5
5
  box-sizing: border-box;
6
- background: var(--color-light-bg-primary);
6
+ background: var(--color-light-modal-bg-primary);
7
7
  margin: auto;
8
8
  flex-shrink: 0;
9
9
  }