@alfalab/core-components-notification 5.2.0 → 5.2.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/dist/Component.js CHANGED
@@ -58,7 +58,7 @@ function __rest(s, e) {
58
58
  return t;
59
59
  }
60
60
 
61
- var styles = {"notificationComponent":"notification__notificationComponent_kanfo","isVisible":"notification__isVisible_kanfo","isClosing":"notification__isClosing_kanfo","toastContent":"notification__toastContent_kanfo"};
61
+ var styles = {"notificationComponent":"notification__notificationComponent_9pl43","isVisible":"notification__isVisible_9pl43","isClosing":"notification__isClosing_9pl43","toastContent":"notification__toastContent_9pl43"};
62
62
  require('./index.css')
63
63
 
64
64
  var notificationClassNameSelector = "." + styles.notificationComponent;
@@ -47,7 +47,7 @@ function __rest(s, e) {
47
47
  return t;
48
48
  }
49
49
 
50
- var styles = {"notificationComponent":"notification__notificationComponent_kanfo","isVisible":"notification__isVisible_kanfo","isClosing":"notification__isClosing_kanfo","toastContent":"notification__toastContent_kanfo"};
50
+ var styles = {"notificationComponent":"notification__notificationComponent_9pl43","isVisible":"notification__isVisible_9pl43","isClosing":"notification__isClosing_9pl43","toastContent":"notification__toastContent_9pl43"};
51
51
  require('./index.css')
52
52
 
53
53
  var notificationClassNameSelector = "." + styles.notificationComponent;
@@ -1,4 +1,4 @@
1
- /* hash: ian1o */
1
+ /* hash: q3jj5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -15,7 +15,7 @@
15
15
  :root {
16
16
  --notification-desktop-content-width: 278px;
17
17
  }
18
- .notification__notificationComponent_kanfo {
18
+ .notification__notificationComponent_9pl43 {
19
19
  visibility: hidden;
20
20
  position: fixed;
21
21
  right: var(--gap-s);
@@ -28,22 +28,22 @@
28
28
  transition: transform 0.4s ease-out
29
29
  }
30
30
  @media screen and (min-width: 600px) {
31
- .notification__notificationComponent_kanfo {
31
+ .notification__notificationComponent_9pl43 {
32
32
  right: var(--gap-4xl);
33
33
  width: auto;
34
34
  transform: translate(var(--notification-desktop-content-width), 0)
35
35
  }
36
36
  }
37
- .notification__notificationComponent_kanfo.notification__isVisible_kanfo {
37
+ .notification__notificationComponent_9pl43.notification__isVisible_9pl43 {
38
38
  visibility: visible;
39
39
  transform: translate(0, 0);
40
40
  }
41
- .notification__notificationComponent_kanfo.notification__isClosing_kanfo {
41
+ .notification__notificationComponent_9pl43.notification__isClosing_9pl43 {
42
42
  transition: transform 0.1s ease-out;
43
43
  transform: translate(100vw, 0)
44
44
  }
45
45
  @media screen and (min-width: 600px) {
46
- .notification__notificationComponent_kanfo.notification__isClosing_kanfo {
46
+ .notification__notificationComponent_9pl43.notification__isClosing_9pl43 {
47
47
  transform: translate(
48
48
  calc(var(--notification-desktop-content-width) + var(--gap-4xl)),
49
49
  0
@@ -51,7 +51,7 @@
51
51
  }
52
52
  }
53
53
  @media screen and (min-width: 600px) {
54
- .notification__toastContent_kanfo {
54
+ .notification__toastContent_9pl43 {
55
55
  width: var(--notification-desktop-content-width)
56
56
  }
57
57
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ian1o */
1
+ /* hash: q3jj5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -15,7 +15,7 @@
15
15
  :root {
16
16
  --notification-desktop-content-width: 278px;
17
17
  }
18
- .notification__notificationComponent_kanfo {
18
+ .notification__notificationComponent_9pl43 {
19
19
  visibility: hidden;
20
20
  position: fixed;
21
21
  right: var(--gap-s);
@@ -28,22 +28,22 @@
28
28
  transition: transform 0.4s ease-out
29
29
  }
30
30
  @media screen and (min-width: 600px) {
31
- .notification__notificationComponent_kanfo {
31
+ .notification__notificationComponent_9pl43 {
32
32
  right: var(--gap-4xl);
33
33
  width: auto;
34
34
  transform: translate(var(--notification-desktop-content-width), 0)
35
35
  }
36
36
  }
37
- .notification__notificationComponent_kanfo.notification__isVisible_kanfo {
37
+ .notification__notificationComponent_9pl43.notification__isVisible_9pl43 {
38
38
  visibility: visible;
39
39
  transform: translate(0, 0);
40
40
  }
41
- .notification__notificationComponent_kanfo.notification__isClosing_kanfo {
41
+ .notification__notificationComponent_9pl43.notification__isClosing_9pl43 {
42
42
  transition: transform 0.1s ease-out;
43
43
  transform: translate(100vw, 0)
44
44
  }
45
45
  @media screen and (min-width: 600px) {
46
- .notification__notificationComponent_kanfo.notification__isClosing_kanfo {
46
+ .notification__notificationComponent_9pl43.notification__isClosing_9pl43 {
47
47
  transform: translate(
48
48
  calc(var(--notification-desktop-content-width) + var(--gap-4xl)),
49
49
  0
@@ -51,7 +51,7 @@
51
51
  }
52
52
  }
53
53
  @media screen and (min-width: 600px) {
54
- .notification__toastContent_kanfo {
54
+ .notification__toastContent_9pl43 {
55
55
  width: var(--notification-desktop-content-width)
56
56
  }
57
57
  }
@@ -8,7 +8,7 @@ import { ToastPlate } from '@alfalab/core-components-toast-plate/dist/modern';
8
8
  import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/modern';
9
9
  import { useClickOutside } from './utils/index.js';
10
10
 
11
- var styles = {"notificationComponent":"notification__notificationComponent_kanfo","isVisible":"notification__isVisible_kanfo","isClosing":"notification__isClosing_kanfo","toastContent":"notification__toastContent_kanfo"};
11
+ var styles = {"notificationComponent":"notification__notificationComponent_9pl43","isVisible":"notification__isVisible_9pl43","isClosing":"notification__isClosing_9pl43","toastContent":"notification__toastContent_9pl43"};
12
12
  require('./index.css')
13
13
 
14
14
  const notificationClassNameSelector = `.${styles.notificationComponent}`;
@@ -1,4 +1,4 @@
1
- /* hash: ian1o */
1
+ /* hash: q3jj5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -15,7 +15,7 @@
15
15
  :root {
16
16
  --notification-desktop-content-width: 278px;
17
17
  }
18
- .notification__notificationComponent_kanfo {
18
+ .notification__notificationComponent_9pl43 {
19
19
  visibility: hidden;
20
20
  position: fixed;
21
21
  right: var(--gap-s);
@@ -28,22 +28,22 @@
28
28
  transition: transform 0.4s ease-out
29
29
  }
30
30
  @media screen and (min-width: 600px) {
31
- .notification__notificationComponent_kanfo {
31
+ .notification__notificationComponent_9pl43 {
32
32
  right: var(--gap-4xl);
33
33
  width: auto;
34
34
  transform: translate(var(--notification-desktop-content-width), 0)
35
35
  }
36
36
  }
37
- .notification__notificationComponent_kanfo.notification__isVisible_kanfo {
37
+ .notification__notificationComponent_9pl43.notification__isVisible_9pl43 {
38
38
  visibility: visible;
39
39
  transform: translate(0, 0);
40
40
  }
41
- .notification__notificationComponent_kanfo.notification__isClosing_kanfo {
41
+ .notification__notificationComponent_9pl43.notification__isClosing_9pl43 {
42
42
  transition: transform 0.1s ease-out;
43
43
  transform: translate(100vw, 0)
44
44
  }
45
45
  @media screen and (min-width: 600px) {
46
- .notification__notificationComponent_kanfo.notification__isClosing_kanfo {
46
+ .notification__notificationComponent_9pl43.notification__isClosing_9pl43 {
47
47
  transform: translate(
48
48
  calc(var(--notification-desktop-content-width) + var(--gap-4xl)),
49
49
  0
@@ -51,7 +51,7 @@
51
51
  }
52
52
  }
53
53
  @media screen and (min-width: 600px) {
54
- .notification__toastContent_kanfo {
54
+ .notification__toastContent_9pl43 {
55
55
  width: var(--notification-desktop-content-width)
56
56
  }
57
57
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification",
3
- "version": "5.2.0",
3
+ "version": "5.2.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -21,11 +21,11 @@
21
21
  "dependencies": {
22
22
  "@alfalab/core-components-portal": "^2.0.1",
23
23
  "@alfalab/core-components-stack": "^3.0.1",
24
- "@alfalab/core-components-toast-plate": "^4.1.0",
25
- "classnames": "^2.2.6",
26
- "element-closest": "^3.0.2",
27
- "react-merge-refs": "^1.1.0",
28
- "react-swipeable": "^5.5.0"
24
+ "@alfalab/core-components-toast-plate": "^4.1.1",
25
+ "classnames": "2.2.6",
26
+ "element-closest": "3.0.2",
27
+ "react-merge-refs": "1.1.0",
28
+ "react-swipeable": "5.5.1"
29
29
  },
30
- "gitHead": "5c900d923b3052a3a677c99b7c927e6213e890b6"
30
+ "gitHead": "0363f194b7d8e6d2949795b8f0570262d7028aff"
31
31
  }