@alfalab/core-components-base-modal 5.4.0 → 5.4.1

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.
package/Component.js CHANGED
@@ -23,7 +23,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
23
23
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
24
24
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
25
25
 
26
- var styles = {"component":"base-modal__component_vq09z","wrapper":"base-modal__wrapper_vq09z","content":"base-modal__content_vq09z","hidden":"base-modal__hidden_vq09z","backdrop":"base-modal__backdrop_vq09z","appear":"base-modal__appear_vq09z","enter":"base-modal__enter_vq09z","appearActive":"base-modal__appearActive_vq09z","enterActive":"base-modal__enterActive_vq09z","exit":"base-modal__exit_vq09z","exitActive":"base-modal__exitActive_vq09z","exitDone":"base-modal__exitDone_vq09z"};
26
+ var styles = {"component":"base-modal__component_eojla","wrapper":"base-modal__wrapper_eojla","content":"base-modal__content_eojla","hidden":"base-modal__hidden_eojla","backdrop":"base-modal__backdrop_eojla","appear":"base-modal__appear_eojla","enter":"base-modal__enter_eojla","appearActive":"base-modal__appearActive_eojla","enterActive":"base-modal__enterActive_eojla","exit":"base-modal__exit_eojla","exitActive":"base-modal__exitActive_eojla","exitDone":"base-modal__exitDone_eojla"};
27
27
  require('./index.css')
28
28
 
29
29
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -32,6 +32,7 @@
32
32
  flex-direction: column;
33
33
  align-items: center;
34
34
  outline: 0;
35
+ overscroll-behavior: none;
35
36
  } .content {
36
37
  width: 100%;
37
38
  height: 100%;
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_vq09z","wrapper":"base-modal__wrapper_vq09z","content":"base-modal__content_vq09z","hidden":"base-modal__hidden_vq09z","backdrop":"base-modal__backdrop_vq09z","appear":"base-modal__appear_vq09z","enter":"base-modal__enter_vq09z","appearActive":"base-modal__appearActive_vq09z","enterActive":"base-modal__enterActive_vq09z","exit":"base-modal__exit_vq09z","exitActive":"base-modal__exitActive_vq09z","exitDone":"base-modal__exitDone_vq09z"};
15
+ var styles = {"component":"base-modal__component_eojla","wrapper":"base-modal__wrapper_eojla","content":"base-modal__content_eojla","hidden":"base-modal__hidden_eojla","backdrop":"base-modal__backdrop_eojla","appear":"base-modal__appear_eojla","enter":"base-modal__enter_eojla","appearActive":"base-modal__appearActive_eojla","enterActive":"base-modal__enterActive_eojla","exit":"base-modal__exit_eojla","exitActive":"base-modal__exitActive_eojla","exitDone":"base-modal__exitDone_eojla"};
16
16
  require('./index.css')
17
17
 
18
18
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 184a3 */
1
+ /* hash: 1r8gg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_vq09z {
18
+ } .base-modal__component_eojla {
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_vq09z {
24
+ } .base-modal__wrapper_eojla {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -33,27 +33,28 @@
33
33
  flex-direction: column;
34
34
  align-items: center;
35
35
  outline: 0;
36
- } .base-modal__content_vq09z {
36
+ overscroll-behavior: none;
37
+ } .base-modal__content_eojla {
37
38
  width: 100%;
38
39
  height: 100%;
39
40
  display: flex;
40
41
  flex-direction: column;
41
42
  flex: 1;
42
- } .base-modal__hidden_vq09z {
43
+ } .base-modal__hidden_eojla {
43
44
  display: none;
44
- } .base-modal__backdrop_vq09z {
45
+ } .base-modal__backdrop_eojla {
45
46
  z-index: 0;
46
- } .base-modal__appear_vq09z,
47
- .base-modal__enter_vq09z {
47
+ } .base-modal__appear_eojla,
48
+ .base-modal__enter_eojla {
48
49
  opacity: 0;
49
- } .base-modal__appearActive_vq09z,
50
- .base-modal__enterActive_vq09z {
50
+ } .base-modal__appearActive_eojla,
51
+ .base-modal__enterActive_eojla {
51
52
  opacity: 1;
52
53
  transition: opacity 200ms ease-in;
53
- } .base-modal__exit_vq09z {
54
+ } .base-modal__exit_eojla {
54
55
  opacity: 1;
55
- } .base-modal__exitActive_vq09z,
56
- .base-modal__exitDone_vq09z {
56
+ } .base-modal__exitActive_eojla,
57
+ .base-modal__exitDone_eojla {
57
58
  opacity: 0;
58
59
  transition: opacity 200ms ease-out;
59
60
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 184a3 */
1
+ /* hash: 1r8gg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_vq09z {
18
+ } .base-modal__component_eojla {
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_vq09z {
24
+ } .base-modal__wrapper_eojla {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -33,27 +33,28 @@
33
33
  flex-direction: column;
34
34
  align-items: center;
35
35
  outline: 0;
36
- } .base-modal__content_vq09z {
36
+ overscroll-behavior: none;
37
+ } .base-modal__content_eojla {
37
38
  width: 100%;
38
39
  height: 100%;
39
40
  display: flex;
40
41
  flex-direction: column;
41
42
  flex: 1;
42
- } .base-modal__hidden_vq09z {
43
+ } .base-modal__hidden_eojla {
43
44
  display: none;
44
- } .base-modal__backdrop_vq09z {
45
+ } .base-modal__backdrop_eojla {
45
46
  z-index: 0;
46
- } .base-modal__appear_vq09z,
47
- .base-modal__enter_vq09z {
47
+ } .base-modal__appear_eojla,
48
+ .base-modal__enter_eojla {
48
49
  opacity: 0;
49
- } .base-modal__appearActive_vq09z,
50
- .base-modal__enterActive_vq09z {
50
+ } .base-modal__appearActive_eojla,
51
+ .base-modal__enterActive_eojla {
51
52
  opacity: 1;
52
53
  transition: opacity 200ms ease-in;
53
- } .base-modal__exit_vq09z {
54
+ } .base-modal__exit_eojla {
54
55
  opacity: 1;
55
- } .base-modal__exitActive_vq09z,
56
- .base-modal__exitDone_vq09z {
56
+ } .base-modal__exitActive_eojla,
57
+ .base-modal__exitDone_eojla {
57
58
  opacity: 0;
58
59
  transition: opacity 200ms ease-out;
59
60
  }
@@ -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_vq09z","wrapper":"base-modal__wrapper_vq09z","content":"base-modal__content_vq09z","hidden":"base-modal__hidden_vq09z","backdrop":"base-modal__backdrop_vq09z","appear":"base-modal__appear_vq09z","enter":"base-modal__enter_vq09z","appearActive":"base-modal__appearActive_vq09z","enterActive":"base-modal__enterActive_vq09z","exit":"base-modal__exit_vq09z","exitActive":"base-modal__exitActive_vq09z","exitDone":"base-modal__exitDone_vq09z"};
14
+ const styles = {"component":"base-modal__component_eojla","wrapper":"base-modal__wrapper_eojla","content":"base-modal__content_eojla","hidden":"base-modal__hidden_eojla","backdrop":"base-modal__backdrop_eojla","appear":"base-modal__appear_eojla","enter":"base-modal__enter_eojla","appearActive":"base-modal__appearActive_eojla","enterActive":"base-modal__enterActive_eojla","exit":"base-modal__exit_eojla","exitActive":"base-modal__exitActive_eojla","exitDone":"base-modal__exitDone_eojla"};
15
15
  require('./index.css')
16
16
 
17
17
  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 184a3 */
1
+ /* hash: 1r8gg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
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 */
@@ -15,13 +15,13 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .base-modal__component_vq09z {
18
+ } .base-modal__component_eojla {
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_vq09z {
24
+ } .base-modal__wrapper_eojla {
25
25
  position: fixed;
26
26
  top: 0;
27
27
  left: 0;
@@ -33,27 +33,28 @@
33
33
  flex-direction: column;
34
34
  align-items: center;
35
35
  outline: 0;
36
- } .base-modal__content_vq09z {
36
+ overscroll-behavior: none;
37
+ } .base-modal__content_eojla {
37
38
  width: 100%;
38
39
  height: 100%;
39
40
  display: flex;
40
41
  flex-direction: column;
41
42
  flex: 1;
42
- } .base-modal__hidden_vq09z {
43
+ } .base-modal__hidden_eojla {
43
44
  display: none;
44
- } .base-modal__backdrop_vq09z {
45
+ } .base-modal__backdrop_eojla {
45
46
  z-index: 0;
46
- } .base-modal__appear_vq09z,
47
- .base-modal__enter_vq09z {
47
+ } .base-modal__appear_eojla,
48
+ .base-modal__enter_eojla {
48
49
  opacity: 0;
49
- } .base-modal__appearActive_vq09z,
50
- .base-modal__enterActive_vq09z {
50
+ } .base-modal__appearActive_eojla,
51
+ .base-modal__enterActive_eojla {
51
52
  opacity: 1;
52
53
  transition: opacity 200ms ease-in;
53
- } .base-modal__exit_vq09z {
54
+ } .base-modal__exit_eojla {
54
55
  opacity: 1;
55
- } .base-modal__exitActive_vq09z,
56
- .base-modal__exitDone_vq09z {
56
+ } .base-modal__exitActive_eojla,
57
+ .base-modal__exitDone_eojla {
57
58
  opacity: 0;
58
59
  transition: opacity 200ms ease-out;
59
60
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-base-modal",
3
- "version": "5.4.0",
3
+ "version": "5.4.1",
4
4
  "description": "BaseModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,6 +20,7 @@
20
20
  flex-direction: column;
21
21
  align-items: center;
22
22
  outline: 0;
23
+ overscroll-behavior: none;
23
24
  }
24
25
 
25
26
  .content {