@alfalab/core-components-notification-manager 7.0.1 → 7.0.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.
package/esm/index.css CHANGED
@@ -7,47 +7,47 @@
7
7
  --gap-24: var(--gap-xl);
8
8
  --gap-48: var(--gap-4xl);
9
9
  }
10
- .notification-manager__component_75gqn {
10
+ .notification-manager__component_123ku {
11
11
  position: fixed;
12
12
  top: var(--gap-0);
13
13
  right: var(--gap-12);
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  }
17
- .notification-manager__component_75gqn .notification-manager__notification_75gqn {
17
+ .notification-manager__component_123ku .notification-manager__notification_123ku {
18
18
  width: calc(100vw - var(--gap-24));
19
19
  margin-top: var(--gap-12);
20
20
  will-change: transform;
21
21
  }
22
- .notification-manager__component_75gqn .notification-manager__notification_75gqn.notification-manager__withoutMargin_75gqn {
22
+ .notification-manager__component_123ku .notification-manager__notification_123ku.notification-manager__withoutMargin_123ku {
23
23
  margin-top: var(--gap-0);
24
24
  }
25
- .notification-manager__component_75gqn .notification-manager__notification_75gqn.notification-manager__notification_75gqn {
25
+ .notification-manager__component_123ku .notification-manager__notification_123ku.notification-manager__notification_123ku {
26
26
  position: static;
27
27
  }
28
- .notification-manager__enter_75gqn {
28
+ .notification-manager__enter_123ku {
29
29
  visibility: hidden;
30
30
  transform: translate(0, -500px);
31
31
  }
32
- .notification-manager__enterActive_75gqn {
32
+ .notification-manager__enterActive_123ku {
33
33
  visibility: visible;
34
34
  transform: translate(0);
35
35
  transition: transform 0.4s ease-out;
36
36
  }
37
37
  @media (min-width: 600px) {
38
- .notification-manager__component_75gqn {
38
+ .notification-manager__component_123ku {
39
39
  right: var(--gap-48);
40
40
  }
41
41
 
42
- .notification-manager__component_75gqn .notification-manager__notification_75gqn {
42
+ .notification-manager__component_123ku .notification-manager__notification_123ku {
43
43
  width: auto;
44
44
  }
45
45
 
46
- .notification-manager__enter_75gqn {
46
+ .notification-manager__enter_123ku {
47
47
  transform: translate(100%, 0);
48
48
  }
49
49
 
50
- .notification-manager__enterActive_75gqn {
50
+ .notification-manager__enterActive_123ku {
51
51
  transform: translate(0);
52
52
  }
53
53
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"notification-manager__component_75gqn","notification":"notification-manager__notification_75gqn","withoutMargin":"notification-manager__withoutMargin_75gqn","enter":"notification-manager__enter_75gqn","enterActive":"notification-manager__enterActive_75gqn"};
3
+ var styles = {"component":"notification-manager__component_123ku","notification":"notification-manager__notification_123ku","withoutMargin":"notification-manager__withoutMargin_123ku","enter":"notification-manager__enter_123ku","enterActive":"notification-manager__enterActive_123ku"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -7,47 +7,47 @@
7
7
  --gap-24: var(--gap-xl);
8
8
  --gap-48: var(--gap-4xl);
9
9
  }
10
- .notification-manager__component_75gqn {
10
+ .notification-manager__component_123ku {
11
11
  position: fixed;
12
12
  top: var(--gap-0);
13
13
  right: var(--gap-12);
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  }
17
- .notification-manager__component_75gqn .notification-manager__notification_75gqn {
17
+ .notification-manager__component_123ku .notification-manager__notification_123ku {
18
18
  width: calc(100vw - var(--gap-24));
19
19
  margin-top: var(--gap-12);
20
20
  will-change: transform;
21
21
  }
22
- .notification-manager__component_75gqn .notification-manager__notification_75gqn.notification-manager__withoutMargin_75gqn {
22
+ .notification-manager__component_123ku .notification-manager__notification_123ku.notification-manager__withoutMargin_123ku {
23
23
  margin-top: var(--gap-0);
24
24
  }
25
- .notification-manager__component_75gqn .notification-manager__notification_75gqn.notification-manager__notification_75gqn {
25
+ .notification-manager__component_123ku .notification-manager__notification_123ku.notification-manager__notification_123ku {
26
26
  position: static;
27
27
  }
28
- .notification-manager__enter_75gqn {
28
+ .notification-manager__enter_123ku {
29
29
  visibility: hidden;
30
30
  transform: translate(0, -500px);
31
31
  }
32
- .notification-manager__enterActive_75gqn {
32
+ .notification-manager__enterActive_123ku {
33
33
  visibility: visible;
34
34
  transform: translate(0);
35
35
  transition: transform 0.4s ease-out;
36
36
  }
37
37
  @media (min-width: 600px) {
38
- .notification-manager__component_75gqn {
38
+ .notification-manager__component_123ku {
39
39
  right: var(--gap-48);
40
40
  }
41
41
 
42
- .notification-manager__component_75gqn .notification-manager__notification_75gqn {
42
+ .notification-manager__component_123ku .notification-manager__notification_123ku {
43
43
  width: auto;
44
44
  }
45
45
 
46
- .notification-manager__enter_75gqn {
46
+ .notification-manager__enter_123ku {
47
47
  transform: translate(100%, 0);
48
48
  }
49
49
 
50
- .notification-manager__enterActive_75gqn {
50
+ .notification-manager__enterActive_123ku {
51
51
  transform: translate(0);
52
52
  }
53
53
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"notification-manager__component_75gqn","notification":"notification-manager__notification_75gqn","withoutMargin":"notification-manager__withoutMargin_75gqn","enter":"notification-manager__enter_75gqn","enterActive":"notification-manager__enterActive_75gqn"};
5
+ var styles = {"component":"notification-manager__component_123ku","notification":"notification-manager__notification_123ku","withoutMargin":"notification-manager__withoutMargin_123ku","enter":"notification-manager__enter_123ku","enterActive":"notification-manager__enterActive_123ku"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -7,47 +7,47 @@
7
7
  --gap-24: var(--gap-xl);
8
8
  --gap-48: var(--gap-4xl);
9
9
  }
10
- .notification-manager__component_75gqn {
10
+ .notification-manager__component_123ku {
11
11
  position: fixed;
12
12
  top: var(--gap-0);
13
13
  right: var(--gap-12);
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  }
17
- .notification-manager__component_75gqn .notification-manager__notification_75gqn {
17
+ .notification-manager__component_123ku .notification-manager__notification_123ku {
18
18
  width: calc(100vw - var(--gap-24));
19
19
  margin-top: var(--gap-12);
20
20
  will-change: transform;
21
21
  }
22
- .notification-manager__component_75gqn .notification-manager__notification_75gqn.notification-manager__withoutMargin_75gqn {
22
+ .notification-manager__component_123ku .notification-manager__notification_123ku.notification-manager__withoutMargin_123ku {
23
23
  margin-top: var(--gap-0);
24
24
  }
25
- .notification-manager__component_75gqn .notification-manager__notification_75gqn.notification-manager__notification_75gqn {
25
+ .notification-manager__component_123ku .notification-manager__notification_123ku.notification-manager__notification_123ku {
26
26
  position: static;
27
27
  }
28
- .notification-manager__enter_75gqn {
28
+ .notification-manager__enter_123ku {
29
29
  visibility: hidden;
30
30
  transform: translate(0, -500px);
31
31
  }
32
- .notification-manager__enterActive_75gqn {
32
+ .notification-manager__enterActive_123ku {
33
33
  visibility: visible;
34
34
  transform: translate(0);
35
35
  transition: transform 0.4s ease-out;
36
36
  }
37
37
  @media (min-width: 600px) {
38
- .notification-manager__component_75gqn {
38
+ .notification-manager__component_123ku {
39
39
  right: var(--gap-48);
40
40
  }
41
41
 
42
- .notification-manager__component_75gqn .notification-manager__notification_75gqn {
42
+ .notification-manager__component_123ku .notification-manager__notification_123ku {
43
43
  width: auto;
44
44
  }
45
45
 
46
- .notification-manager__enter_75gqn {
46
+ .notification-manager__enter_123ku {
47
47
  transform: translate(100%, 0);
48
48
  }
49
49
 
50
- .notification-manager__enterActive_75gqn {
50
+ .notification-manager__enterActive_123ku {
51
51
  transform: translate(0);
52
52
  }
53
53
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"notification-manager__component_75gqn","notification":"notification-manager__notification_75gqn","withoutMargin":"notification-manager__withoutMargin_75gqn","enter":"notification-manager__enter_75gqn","enterActive":"notification-manager__enterActive_75gqn"};
3
+ const styles = {"component":"notification-manager__component_123ku","notification":"notification-manager__notification_123ku","withoutMargin":"notification-manager__withoutMargin_123ku","enter":"notification-manager__enter_123ku","enterActive":"notification-manager__enterActive_123ku"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification-manager",
3
- "version": "7.0.1",
3
+ "version": "7.0.2",
4
4
  "description": "Notification manager",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-notification": "^9.0.1",
13
+ "@alfalab/core-components-notification": "^9.0.2",
14
14
  "@alfalab/core-components-portal": "^5.0.1",
15
15
  "@alfalab/core-components-stack": "^7.0.1",
16
16
  "classnames": "^2.5.1",