@alfalab/core-components-base-modal 5.1.1 → 5.1.2

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 (13) hide show
  1. package/Component.js +3 -1
  2. package/cssm/Component.js +2 -0
  3. package/cssm/index.js +2 -0
  4. package/cssm/index.module.css +2 -2
  5. package/cssm/utils.js +2 -0
  6. package/esm/Component.js +1 -1
  7. package/esm/index.css +15 -15
  8. package/index.css +15 -15
  9. package/index.js +2 -0
  10. package/modern/Component.js +1 -1
  11. package/modern/index.css +15 -15
  12. package/package.json +6 -5
  13. package/utils.js +2 -0
package/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var FocusLock = require('react-focus-lock');
@@ -21,7 +23,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
21
23
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
24
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
25
 
24
- var styles = {"component":"base-modal__component_1f6ip","wrapper":"base-modal__wrapper_1f6ip","content":"base-modal__content_1f6ip","hidden":"base-modal__hidden_1f6ip","backdrop":"base-modal__backdrop_1f6ip","appear":"base-modal__appear_1f6ip","enter":"base-modal__enter_1f6ip","appearActive":"base-modal__appearActive_1f6ip","enterActive":"base-modal__enterActive_1f6ip","exit":"base-modal__exit_1f6ip","exitActive":"base-modal__exitActive_1f6ip","exitDone":"base-modal__exitDone_1f6ip"};
26
+ var styles = {"component":"base-modal__component_b5ilw","wrapper":"base-modal__wrapper_b5ilw","content":"base-modal__content_b5ilw","hidden":"base-modal__hidden_b5ilw","backdrop":"base-modal__backdrop_b5ilw","appear":"base-modal__appear_b5ilw","enter":"base-modal__enter_b5ilw","appearActive":"base-modal__appearActive_b5ilw","enterActive":"base-modal__enterActive_b5ilw","exit":"base-modal__exit_b5ilw","exitActive":"base-modal__exitActive_b5ilw","exitDone":"base-modal__exitDone_b5ilw"};
25
27
  require('./index.css')
26
28
 
27
29
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/cssm/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var FocusLock = require('react-focus-lock');
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  var utils = require('./utils.js');
5
7
  require('tslib');
package/cssm/index.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-bg-primary: #fff;
4
- } :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 */
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 {
7
7
 
package/cssm/utils.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var coreComponentsGlobalStore = require('@alfalab/core-components-global-store/cssm');
4
6
 
5
7
  function isScrolledToTop(target) {
package/esm/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/esm';
14
14
 
15
- var styles = {"component":"base-modal__component_1f6ip","wrapper":"base-modal__wrapper_1f6ip","content":"base-modal__content_1f6ip","hidden":"base-modal__hidden_1f6ip","backdrop":"base-modal__backdrop_1f6ip","appear":"base-modal__appear_1f6ip","enter":"base-modal__enter_1f6ip","appearActive":"base-modal__appearActive_1f6ip","enterActive":"base-modal__enterActive_1f6ip","exit":"base-modal__exit_1f6ip","exitActive":"base-modal__exitActive_1f6ip","exitDone":"base-modal__exitDone_1f6ip"};
15
+ var styles = {"component":"base-modal__component_b5ilw","wrapper":"base-modal__wrapper_b5ilw","content":"base-modal__content_b5ilw","hidden":"base-modal__hidden_b5ilw","backdrop":"base-modal__backdrop_b5ilw","appear":"base-modal__appear_b5ilw","enter":"base-modal__enter_b5ilw","appearActive":"base-modal__appearActive_b5ilw","enterActive":"base-modal__enterActive_b5ilw","exit":"base-modal__exit_b5ilw","exitActive":"base-modal__exitActive_b5ilw","exitDone":"base-modal__exitDone_b5ilw"};
16
16
  require('./index.css')
17
17
 
18
18
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/esm/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: zlupk */
1
+ /* hash: 1fc10 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-primary: #fff;
5
- } :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 */
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 {
8
8
 
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_1f6ip {
18
+ } .base-modal__component_b5ilw {
19
19
  position: relative;
20
20
  box-sizing: border-box;
21
21
  background: var(--color-light-bg-primary);
22
22
  margin: auto;
23
23
  flex-shrink: 0;
24
- } .base-modal__wrapper_1f6ip {
24
+ } .base-modal__wrapper_b5ilw {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -33,27 +33,27 @@
33
33
  flex-direction: column;
34
34
  align-items: center;
35
35
  outline: 0;
36
- } .base-modal__content_1f6ip {
36
+ } .base-modal__content_b5ilw {
37
37
  width: 100%;
38
38
  height: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .base-modal__hidden_1f6ip {
42
+ } .base-modal__hidden_b5ilw {
43
43
  display: none;
44
- } .base-modal__backdrop_1f6ip {
44
+ } .base-modal__backdrop_b5ilw {
45
45
  z-index: 0;
46
- } .base-modal__appear_1f6ip,
47
- .base-modal__enter_1f6ip {
46
+ } .base-modal__appear_b5ilw,
47
+ .base-modal__enter_b5ilw {
48
48
  opacity: 0;
49
- } .base-modal__appearActive_1f6ip,
50
- .base-modal__enterActive_1f6ip {
49
+ } .base-modal__appearActive_b5ilw,
50
+ .base-modal__enterActive_b5ilw {
51
51
  opacity: 1;
52
52
  transition: opacity 200ms ease-in;
53
- } .base-modal__exit_1f6ip {
53
+ } .base-modal__exit_b5ilw {
54
54
  opacity: 1;
55
- } .base-modal__exitActive_1f6ip,
56
- .base-modal__exitDone_1f6ip {
55
+ } .base-modal__exitActive_b5ilw,
56
+ .base-modal__exitDone_b5ilw {
57
57
  opacity: 0;
58
58
  transition: opacity 200ms ease-out;
59
59
  }
package/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: zlupk */
1
+ /* hash: 1fc10 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-primary: #fff;
5
- } :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 */
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 {
8
8
 
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_1f6ip {
18
+ } .base-modal__component_b5ilw {
19
19
  position: relative;
20
20
  box-sizing: border-box;
21
21
  background: var(--color-light-bg-primary);
22
22
  margin: auto;
23
23
  flex-shrink: 0;
24
- } .base-modal__wrapper_1f6ip {
24
+ } .base-modal__wrapper_b5ilw {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -33,27 +33,27 @@
33
33
  flex-direction: column;
34
34
  align-items: center;
35
35
  outline: 0;
36
- } .base-modal__content_1f6ip {
36
+ } .base-modal__content_b5ilw {
37
37
  width: 100%;
38
38
  height: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .base-modal__hidden_1f6ip {
42
+ } .base-modal__hidden_b5ilw {
43
43
  display: none;
44
- } .base-modal__backdrop_1f6ip {
44
+ } .base-modal__backdrop_b5ilw {
45
45
  z-index: 0;
46
- } .base-modal__appear_1f6ip,
47
- .base-modal__enter_1f6ip {
46
+ } .base-modal__appear_b5ilw,
47
+ .base-modal__enter_b5ilw {
48
48
  opacity: 0;
49
- } .base-modal__appearActive_1f6ip,
50
- .base-modal__enterActive_1f6ip {
49
+ } .base-modal__appearActive_b5ilw,
50
+ .base-modal__enterActive_b5ilw {
51
51
  opacity: 1;
52
52
  transition: opacity 200ms ease-in;
53
- } .base-modal__exit_1f6ip {
53
+ } .base-modal__exit_b5ilw {
54
54
  opacity: 1;
55
- } .base-modal__exitActive_1f6ip,
56
- .base-modal__exitDone_1f6ip {
55
+ } .base-modal__exitActive_b5ilw,
56
+ .base-modal__exitDone_b5ilw {
57
57
  opacity: 0;
58
58
  transition: opacity 200ms ease-out;
59
59
  }
package/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  var utils = require('./utils.js');
5
7
  require('tslib');
package/modern/Component.js CHANGED
@@ -11,7 +11,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
11
11
  import './matches-polyfill.js';
12
12
  import '@alfalab/core-components-global-store/modern';
13
13
 
14
- const styles = {"component":"base-modal__component_1f6ip","wrapper":"base-modal__wrapper_1f6ip","content":"base-modal__content_1f6ip","hidden":"base-modal__hidden_1f6ip","backdrop":"base-modal__backdrop_1f6ip","appear":"base-modal__appear_1f6ip","enter":"base-modal__enter_1f6ip","appearActive":"base-modal__appearActive_1f6ip","enterActive":"base-modal__enterActive_1f6ip","exit":"base-modal__exit_1f6ip","exitActive":"base-modal__exitActive_1f6ip","exitDone":"base-modal__exitDone_1f6ip"};
14
+ const styles = {"component":"base-modal__component_b5ilw","wrapper":"base-modal__wrapper_b5ilw","content":"base-modal__content_b5ilw","hidden":"base-modal__hidden_b5ilw","backdrop":"base-modal__backdrop_b5ilw","appear":"base-modal__appear_b5ilw","enter":"base-modal__enter_b5ilw","appearActive":"base-modal__appearActive_b5ilw","enterActive":"base-modal__enterActive_b5ilw","exit":"base-modal__exit_b5ilw","exitActive":"base-modal__exitActive_b5ilw","exitDone":"base-modal__exitDone_b5ilw"};
15
15
  require('./index.css')
16
16
 
17
17
  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
package/modern/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: zlupk */
1
+ /* hash: 1fc10 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-primary: #fff;
5
- } :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 */
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 {
8
8
 
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_1f6ip {
18
+ } .base-modal__component_b5ilw {
19
19
  position: relative;
20
20
  box-sizing: border-box;
21
21
  background: var(--color-light-bg-primary);
22
22
  margin: auto;
23
23
  flex-shrink: 0;
24
- } .base-modal__wrapper_1f6ip {
24
+ } .base-modal__wrapper_b5ilw {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -33,27 +33,27 @@
33
33
  flex-direction: column;
34
34
  align-items: center;
35
35
  outline: 0;
36
- } .base-modal__content_1f6ip {
36
+ } .base-modal__content_b5ilw {
37
37
  width: 100%;
38
38
  height: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .base-modal__hidden_1f6ip {
42
+ } .base-modal__hidden_b5ilw {
43
43
  display: none;
44
- } .base-modal__backdrop_1f6ip {
44
+ } .base-modal__backdrop_b5ilw {
45
45
  z-index: 0;
46
- } .base-modal__appear_1f6ip,
47
- .base-modal__enter_1f6ip {
46
+ } .base-modal__appear_b5ilw,
47
+ .base-modal__enter_b5ilw {
48
48
  opacity: 0;
49
- } .base-modal__appearActive_1f6ip,
50
- .base-modal__enterActive_1f6ip {
49
+ } .base-modal__appearActive_b5ilw,
50
+ .base-modal__enterActive_b5ilw {
51
51
  opacity: 1;
52
52
  transition: opacity 200ms ease-in;
53
- } .base-modal__exit_1f6ip {
53
+ } .base-modal__exit_b5ilw {
54
54
  opacity: 1;
55
- } .base-modal__exitActive_1f6ip,
56
- .base-modal__exitDone_1f6ip {
55
+ } .base-modal__exitActive_b5ilw,
56
+ .base-modal__exitDone_b5ilw {
57
57
  opacity: 0;
58
58
  transition: opacity 200ms ease-out;
59
59
  }
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-base-modal",
3
- "version": "5.1.1",
3
+ "version": "5.1.2",
4
4
  "description": "BaseModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "main": "index.js",
8
+ "module": "./esm/index.js",
8
9
  "scripts": {
9
10
  "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
10
11
  },
@@ -13,10 +14,10 @@
13
14
  "directory": "dist"
14
15
  },
15
16
  "dependencies": {
16
- "@alfalab/core-components-backdrop": "^3.0.4",
17
- "@alfalab/core-components-global-store": "^2.0.3",
18
- "@alfalab/core-components-portal": "^3.1.3",
19
- "@alfalab/core-components-stack": "^4.0.3",
17
+ "@alfalab/core-components-backdrop": "^3.0.5",
18
+ "@alfalab/core-components-global-store": "^2.0.4",
19
+ "@alfalab/core-components-portal": "^3.1.4",
20
+ "@alfalab/core-components-stack": "^4.0.4",
20
21
  "@juggle/resize-observer": "^3.3.1",
21
22
  "classnames": "^2.3.1",
22
23
  "react-focus-lock": "^2.9.3",
package/utils.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var coreComponentsGlobalStore = require('@alfalab/core-components-global-store');
4
6
 
5
7
  function isScrolledToTop(target) {