@alfalab/core-components-base-modal 5.0.7 → 5.0.8

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 (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +17 -20
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +21 -24
  5. package/index.css +21 -24
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +21 -24
  8. package/package.json +4 -4
package/Component.js CHANGED
@@ -47,7 +47,7 @@ var __assign = function () {
47
47
  return __assign.apply(this, arguments);
48
48
  };
49
49
 
50
- var styles = {"component":"base-modal__component_uakct","wrapper":"base-modal__wrapper_uakct","content":"base-modal__content_uakct","hidden":"base-modal__hidden_uakct","backdrop":"base-modal__backdrop_uakct","appear":"base-modal__appear_uakct","enter":"base-modal__enter_uakct","appearActive":"base-modal__appearActive_uakct","enterActive":"base-modal__enterActive_uakct","exit":"base-modal__exit_uakct","exitActive":"base-modal__exitActive_uakct","exitDone":"base-modal__exitDone_uakct"};
50
+ var styles = {"component":"base-modal__component_7hxkw","wrapper":"base-modal__wrapper_7hxkw","content":"base-modal__content_7hxkw","hidden":"base-modal__hidden_7hxkw","backdrop":"base-modal__backdrop_7hxkw","appear":"base-modal__appear_7hxkw","enter":"base-modal__enter_7hxkw","appearActive":"base-modal__appearActive_7hxkw","enterActive":"base-modal__enterActive_7hxkw","exit":"base-modal__exit_7hxkw","exitActive":"base-modal__exitActive_7hxkw","exitDone":"base-modal__exitDone_7hxkw"};
51
51
  require('./index.css')
52
52
 
53
53
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/cssm/index.module.css CHANGED
@@ -1,22 +1,26 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
2
3
  --color-light-bg-primary: #fff;
3
- }
4
- :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
5
7
 
6
8
  /* Hard */
7
9
 
8
10
  /* Up */
9
11
 
10
12
  /* Hard up */
11
- }
12
- .component {
13
+ } :root {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } .component {
13
18
  position: relative;
14
19
  box-sizing: border-box;
15
20
  background: var(--color-light-bg-primary);
16
21
  margin: auto;
17
22
  flex-shrink: 0;
18
- }
19
- .wrapper {
23
+ } .wrapper {
20
24
  position: fixed;
21
25
  top: 0;
22
26
  left: 0;
@@ -28,33 +32,26 @@
28
32
  flex-direction: column;
29
33
  align-items: center;
30
34
  outline: 0;
31
- }
32
- .content {
35
+ } .content {
33
36
  width: 100%;
34
37
  height: 100%;
35
38
  display: flex;
36
39
  flex-direction: column;
37
40
  flex: 1;
38
- }
39
- .hidden {
41
+ } .hidden {
40
42
  display: none;
41
- }
42
- .backdrop {
43
+ } .backdrop {
43
44
  z-index: 0;
44
- }
45
- .appear,
45
+ } .appear,
46
46
  .enter {
47
47
  opacity: 0;
48
- }
49
- .appearActive,
48
+ } .appearActive,
50
49
  .enterActive {
51
50
  opacity: 1;
52
51
  transition: opacity 200ms ease-in;
53
- }
54
- .exit {
52
+ } .exit {
55
53
  opacity: 1;
56
- }
57
- .exitActive,
54
+ } .exitActive,
58
55
  .exitDone {
59
56
  opacity: 0;
60
57
  transition: opacity 200ms ease-out;
package/esm/Component.js CHANGED
@@ -38,7 +38,7 @@ var __assign = function () {
38
38
  return __assign.apply(this, arguments);
39
39
  };
40
40
 
41
- var styles = {"component":"base-modal__component_uakct","wrapper":"base-modal__wrapper_uakct","content":"base-modal__content_uakct","hidden":"base-modal__hidden_uakct","backdrop":"base-modal__backdrop_uakct","appear":"base-modal__appear_uakct","enter":"base-modal__enter_uakct","appearActive":"base-modal__appearActive_uakct","enterActive":"base-modal__enterActive_uakct","exit":"base-modal__exit_uakct","exitActive":"base-modal__exitActive_uakct","exitDone":"base-modal__exitDone_uakct"};
41
+ var styles = {"component":"base-modal__component_7hxkw","wrapper":"base-modal__wrapper_7hxkw","content":"base-modal__content_7hxkw","hidden":"base-modal__hidden_7hxkw","backdrop":"base-modal__backdrop_7hxkw","appear":"base-modal__appear_7hxkw","enter":"base-modal__enter_7hxkw","appearActive":"base-modal__appearActive_7hxkw","enterActive":"base-modal__enterActive_7hxkw","exit":"base-modal__exit_7hxkw","exitActive":"base-modal__exitActive_7hxkw","exitDone":"base-modal__exitDone_7hxkw"};
42
42
  require('./index.css')
43
43
 
44
44
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/esm/index.css CHANGED
@@ -1,23 +1,27 @@
1
- /* hash: 2wz55 */
1
+ /* hash: xt53z */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- .base-modal__component_uakct {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } .base-modal__component_7hxkw {
14
19
  position: relative;
15
20
  box-sizing: border-box;
16
21
  background: var(--color-light-bg-primary);
17
22
  margin: auto;
18
23
  flex-shrink: 0;
19
- }
20
- .base-modal__wrapper_uakct {
24
+ } .base-modal__wrapper_7hxkw {
21
25
  position: fixed;
22
26
  top: 0;
23
27
  left: 0;
@@ -29,34 +33,27 @@
29
33
  flex-direction: column;
30
34
  align-items: center;
31
35
  outline: 0;
32
- }
33
- .base-modal__content_uakct {
36
+ } .base-modal__content_7hxkw {
34
37
  width: 100%;
35
38
  height: 100%;
36
39
  display: flex;
37
40
  flex-direction: column;
38
41
  flex: 1;
39
- }
40
- .base-modal__hidden_uakct {
42
+ } .base-modal__hidden_7hxkw {
41
43
  display: none;
42
- }
43
- .base-modal__backdrop_uakct {
44
+ } .base-modal__backdrop_7hxkw {
44
45
  z-index: 0;
45
- }
46
- .base-modal__appear_uakct,
47
- .base-modal__enter_uakct {
46
+ } .base-modal__appear_7hxkw,
47
+ .base-modal__enter_7hxkw {
48
48
  opacity: 0;
49
- }
50
- .base-modal__appearActive_uakct,
51
- .base-modal__enterActive_uakct {
49
+ } .base-modal__appearActive_7hxkw,
50
+ .base-modal__enterActive_7hxkw {
52
51
  opacity: 1;
53
52
  transition: opacity 200ms ease-in;
54
- }
55
- .base-modal__exit_uakct {
53
+ } .base-modal__exit_7hxkw {
56
54
  opacity: 1;
57
- }
58
- .base-modal__exitActive_uakct,
59
- .base-modal__exitDone_uakct {
55
+ } .base-modal__exitActive_7hxkw,
56
+ .base-modal__exitDone_7hxkw {
60
57
  opacity: 0;
61
58
  transition: opacity 200ms ease-out;
62
59
  }
package/index.css CHANGED
@@ -1,23 +1,27 @@
1
- /* hash: 2wz55 */
1
+ /* hash: xt53z */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- .base-modal__component_uakct {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } .base-modal__component_7hxkw {
14
19
  position: relative;
15
20
  box-sizing: border-box;
16
21
  background: var(--color-light-bg-primary);
17
22
  margin: auto;
18
23
  flex-shrink: 0;
19
- }
20
- .base-modal__wrapper_uakct {
24
+ } .base-modal__wrapper_7hxkw {
21
25
  position: fixed;
22
26
  top: 0;
23
27
  left: 0;
@@ -29,34 +33,27 @@
29
33
  flex-direction: column;
30
34
  align-items: center;
31
35
  outline: 0;
32
- }
33
- .base-modal__content_uakct {
36
+ } .base-modal__content_7hxkw {
34
37
  width: 100%;
35
38
  height: 100%;
36
39
  display: flex;
37
40
  flex-direction: column;
38
41
  flex: 1;
39
- }
40
- .base-modal__hidden_uakct {
42
+ } .base-modal__hidden_7hxkw {
41
43
  display: none;
42
- }
43
- .base-modal__backdrop_uakct {
44
+ } .base-modal__backdrop_7hxkw {
44
45
  z-index: 0;
45
- }
46
- .base-modal__appear_uakct,
47
- .base-modal__enter_uakct {
46
+ } .base-modal__appear_7hxkw,
47
+ .base-modal__enter_7hxkw {
48
48
  opacity: 0;
49
- }
50
- .base-modal__appearActive_uakct,
51
- .base-modal__enterActive_uakct {
49
+ } .base-modal__appearActive_7hxkw,
50
+ .base-modal__enterActive_7hxkw {
52
51
  opacity: 1;
53
52
  transition: opacity 200ms ease-in;
54
- }
55
- .base-modal__exit_uakct {
53
+ } .base-modal__exit_7hxkw {
56
54
  opacity: 1;
57
- }
58
- .base-modal__exitActive_uakct,
59
- .base-modal__exitDone_uakct {
55
+ } .base-modal__exitActive_7hxkw,
56
+ .base-modal__exitDone_7hxkw {
60
57
  opacity: 0;
61
58
  transition: opacity 200ms ease-out;
62
59
  }
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_uakct","wrapper":"base-modal__wrapper_uakct","content":"base-modal__content_uakct","hidden":"base-modal__hidden_uakct","backdrop":"base-modal__backdrop_uakct","appear":"base-modal__appear_uakct","enter":"base-modal__enter_uakct","appearActive":"base-modal__appearActive_uakct","enterActive":"base-modal__enterActive_uakct","exit":"base-modal__exit_uakct","exitActive":"base-modal__exitActive_uakct","exitDone":"base-modal__exitDone_uakct"};
14
+ const styles = {"component":"base-modal__component_7hxkw","wrapper":"base-modal__wrapper_7hxkw","content":"base-modal__content_7hxkw","hidden":"base-modal__hidden_7hxkw","backdrop":"base-modal__backdrop_7hxkw","appear":"base-modal__appear_7hxkw","enter":"base-modal__enter_7hxkw","appearActive":"base-modal__appearActive_7hxkw","enterActive":"base-modal__enterActive_7hxkw","exit":"base-modal__exit_7hxkw","exitActive":"base-modal__exitActive_7hxkw","exitDone":"base-modal__exitDone_7hxkw"};
15
15
  require('./index.css')
16
16
 
17
17
  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
package/modern/index.css CHANGED
@@ -1,23 +1,27 @@
1
- /* hash: 2wz55 */
1
+ /* hash: xt53z */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- .base-modal__component_uakct {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } .base-modal__component_7hxkw {
14
19
  position: relative;
15
20
  box-sizing: border-box;
16
21
  background: var(--color-light-bg-primary);
17
22
  margin: auto;
18
23
  flex-shrink: 0;
19
- }
20
- .base-modal__wrapper_uakct {
24
+ } .base-modal__wrapper_7hxkw {
21
25
  position: fixed;
22
26
  top: 0;
23
27
  left: 0;
@@ -29,34 +33,27 @@
29
33
  flex-direction: column;
30
34
  align-items: center;
31
35
  outline: 0;
32
- }
33
- .base-modal__content_uakct {
36
+ } .base-modal__content_7hxkw {
34
37
  width: 100%;
35
38
  height: 100%;
36
39
  display: flex;
37
40
  flex-direction: column;
38
41
  flex: 1;
39
- }
40
- .base-modal__hidden_uakct {
42
+ } .base-modal__hidden_7hxkw {
41
43
  display: none;
42
- }
43
- .base-modal__backdrop_uakct {
44
+ } .base-modal__backdrop_7hxkw {
44
45
  z-index: 0;
45
- }
46
- .base-modal__appear_uakct,
47
- .base-modal__enter_uakct {
46
+ } .base-modal__appear_7hxkw,
47
+ .base-modal__enter_7hxkw {
48
48
  opacity: 0;
49
- }
50
- .base-modal__appearActive_uakct,
51
- .base-modal__enterActive_uakct {
49
+ } .base-modal__appearActive_7hxkw,
50
+ .base-modal__enterActive_7hxkw {
52
51
  opacity: 1;
53
52
  transition: opacity 200ms ease-in;
54
- }
55
- .base-modal__exit_uakct {
53
+ } .base-modal__exit_7hxkw {
56
54
  opacity: 1;
57
- }
58
- .base-modal__exitActive_uakct,
59
- .base-modal__exitDone_uakct {
55
+ } .base-modal__exitActive_7hxkw,
56
+ .base-modal__exitDone_7hxkw {
60
57
  opacity: 0;
61
58
  transition: opacity 200ms ease-out;
62
59
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-base-modal",
3
- "version": "5.0.7",
3
+ "version": "5.0.8",
4
4
  "description": "BaseModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,7 +13,7 @@
13
13
  "directory": "dist"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-backdrop": "^3.0.2",
16
+ "@alfalab/core-components-backdrop": "^3.0.3",
17
17
  "@alfalab/core-components-global-store": "^2.0.3",
18
18
  "@alfalab/core-components-portal": "^3.1.2",
19
19
  "@alfalab/core-components-stack": "^4.0.2",
@@ -21,10 +21,10 @@
21
21
  "classnames": "^2.3.1",
22
22
  "react-focus-lock": "^2.9.1",
23
23
  "react-merge-refs": "^1.1.0",
24
- "react-transition-group": "^4.4.1"
24
+ "react-transition-group": "^4.4.5"
25
25
  },
26
26
  "devDependencies": {
27
- "@types/react-transition-group": "^4.2.4"
27
+ "@types/react-transition-group": "^4.4.5"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"