@alfalab/core-components-notification 9.0.6-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479 → 9.0.7

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 (7) hide show
  1. package/esm/index.css +10 -10
  2. package/esm/index.module.css.js +1 -1
  3. package/index.css +10 -10
  4. package/index.module.css.js +1 -1
  5. package/modern/index.css +10 -10
  6. package/modern/index.module.css.js +1 -1
  7. package/package.json +4 -4
package/esm/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  :root {
15
15
  --notification-desktop-content-width: 278px;
16
16
  }
17
- .notification__notificationComponent_jbx6o {
17
+ .notification__notificationComponent_1xezi {
18
18
  visibility: hidden;
19
19
  right: var(--gap-12);
20
20
  transform: translate(0, -500px);
@@ -27,42 +27,42 @@
27
27
  border-radius: var(--gap-16);
28
28
  }
29
29
  @media screen and (min-width: 600px) {
30
- .notification__notificationComponent_jbx6o {
30
+ .notification__notificationComponent_1xezi {
31
31
  right: var(--gap-48);
32
32
  width: auto;
33
33
  transform: translate(calc(100% + var(--gap-48)), 0);
34
34
  }
35
35
  }
36
- .notification__notificationComponent_jbx6o.notification__isVisible_jbx6o {
36
+ .notification__notificationComponent_1xezi.notification__isVisible_1xezi {
37
37
  visibility: visible;
38
38
  transform: translate(0, 0);
39
39
  }
40
- .notification__notificationComponent_jbx6o.notification__isClosing_jbx6o {
40
+ .notification__notificationComponent_1xezi.notification__isClosing_1xezi {
41
41
  transition: transform 0.1s ease-out;
42
42
  transform: translate(100vw, 0);
43
43
  }
44
44
  @media screen and (min-width: 600px) {
45
- .notification__notificationComponent_jbx6o.notification__isClosing_jbx6o {
45
+ .notification__notificationComponent_1xezi.notification__isClosing_1xezi {
46
46
  transform: translate(calc(100% + var(--gap-48)), 0);
47
47
  }
48
48
  }
49
- .notification__notificationComponent_jbx6o.notification__hasCloser_jbx6o {
49
+ .notification__notificationComponent_1xezi.notification__hasCloser_1xezi {
50
50
  padding-right: 52px;
51
51
  }
52
- .notification__notificationComponent_jbx6o.notification__notificationComponent_jbx6o {
52
+ .notification__notificationComponent_1xezi.notification__notificationComponent_1xezi {
53
53
  position: fixed;
54
54
  }
55
55
  @media screen and (min-width: 600px) {
56
- .notification__toastContent_jbx6o {
56
+ .notification__toastContent_1xezi {
57
57
  width: var(--notification-desktop-content-width);
58
58
  }
59
59
  }
60
- .notification__toastContent_jbx6o {
60
+ .notification__toastContent_1xezi {
61
61
 
62
62
  box-sizing: border-box;
63
63
  gap: var(--gap-16);
64
64
  }
65
- .notification__actionSection_jbx6o {
65
+ .notification__actionSection_1xezi {
66
66
  min-width: 104px;
67
67
  min-height: 48px;
68
68
  padding: 0;
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"notificationComponent":"notification__notificationComponent_jbx6o","isVisible":"notification__isVisible_jbx6o","isClosing":"notification__isClosing_jbx6o","hasCloser":"notification__hasCloser_jbx6o","toastContent":"notification__toastContent_jbx6o","actionSection":"notification__actionSection_jbx6o"};
3
+ var styles = {"notificationComponent":"notification__notificationComponent_1xezi","isVisible":"notification__isVisible_1xezi","isClosing":"notification__isClosing_1xezi","hasCloser":"notification__hasCloser_1xezi","toastContent":"notification__toastContent_1xezi","actionSection":"notification__actionSection_1xezi"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  :root {
15
15
  --notification-desktop-content-width: 278px;
16
16
  }
17
- .notification__notificationComponent_jbx6o {
17
+ .notification__notificationComponent_1xezi {
18
18
  visibility: hidden;
19
19
  right: var(--gap-12);
20
20
  transform: translate(0, -500px);
@@ -27,42 +27,42 @@
27
27
  border-radius: var(--gap-16);
28
28
  }
29
29
  @media screen and (min-width: 600px) {
30
- .notification__notificationComponent_jbx6o {
30
+ .notification__notificationComponent_1xezi {
31
31
  right: var(--gap-48);
32
32
  width: auto;
33
33
  transform: translate(calc(100% + var(--gap-48)), 0);
34
34
  }
35
35
  }
36
- .notification__notificationComponent_jbx6o.notification__isVisible_jbx6o {
36
+ .notification__notificationComponent_1xezi.notification__isVisible_1xezi {
37
37
  visibility: visible;
38
38
  transform: translate(0, 0);
39
39
  }
40
- .notification__notificationComponent_jbx6o.notification__isClosing_jbx6o {
40
+ .notification__notificationComponent_1xezi.notification__isClosing_1xezi {
41
41
  transition: transform 0.1s ease-out;
42
42
  transform: translate(100vw, 0);
43
43
  }
44
44
  @media screen and (min-width: 600px) {
45
- .notification__notificationComponent_jbx6o.notification__isClosing_jbx6o {
45
+ .notification__notificationComponent_1xezi.notification__isClosing_1xezi {
46
46
  transform: translate(calc(100% + var(--gap-48)), 0);
47
47
  }
48
48
  }
49
- .notification__notificationComponent_jbx6o.notification__hasCloser_jbx6o {
49
+ .notification__notificationComponent_1xezi.notification__hasCloser_1xezi {
50
50
  padding-right: 52px;
51
51
  }
52
- .notification__notificationComponent_jbx6o.notification__notificationComponent_jbx6o {
52
+ .notification__notificationComponent_1xezi.notification__notificationComponent_1xezi {
53
53
  position: fixed;
54
54
  }
55
55
  @media screen and (min-width: 600px) {
56
- .notification__toastContent_jbx6o {
56
+ .notification__toastContent_1xezi {
57
57
  width: var(--notification-desktop-content-width);
58
58
  }
59
59
  }
60
- .notification__toastContent_jbx6o {
60
+ .notification__toastContent_1xezi {
61
61
 
62
62
  box-sizing: border-box;
63
63
  gap: var(--gap-16);
64
64
  }
65
- .notification__actionSection_jbx6o {
65
+ .notification__actionSection_1xezi {
66
66
  min-width: 104px;
67
67
  min-height: 48px;
68
68
  padding: 0;
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"notificationComponent":"notification__notificationComponent_jbx6o","isVisible":"notification__isVisible_jbx6o","isClosing":"notification__isClosing_jbx6o","hasCloser":"notification__hasCloser_jbx6o","toastContent":"notification__toastContent_jbx6o","actionSection":"notification__actionSection_jbx6o"};
5
+ var styles = {"notificationComponent":"notification__notificationComponent_1xezi","isVisible":"notification__isVisible_1xezi","isClosing":"notification__isClosing_1xezi","hasCloser":"notification__hasCloser_1xezi","toastContent":"notification__toastContent_1xezi","actionSection":"notification__actionSection_1xezi"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  :root {
15
15
  --notification-desktop-content-width: 278px;
16
16
  }
17
- .notification__notificationComponent_jbx6o {
17
+ .notification__notificationComponent_1xezi {
18
18
  visibility: hidden;
19
19
  right: var(--gap-12);
20
20
  transform: translate(0, -500px);
@@ -27,42 +27,42 @@
27
27
  border-radius: var(--gap-16);
28
28
  }
29
29
  @media screen and (min-width: 600px) {
30
- .notification__notificationComponent_jbx6o {
30
+ .notification__notificationComponent_1xezi {
31
31
  right: var(--gap-48);
32
32
  width: auto;
33
33
  transform: translate(calc(100% + var(--gap-48)), 0);
34
34
  }
35
35
  }
36
- .notification__notificationComponent_jbx6o.notification__isVisible_jbx6o {
36
+ .notification__notificationComponent_1xezi.notification__isVisible_1xezi {
37
37
  visibility: visible;
38
38
  transform: translate(0, 0);
39
39
  }
40
- .notification__notificationComponent_jbx6o.notification__isClosing_jbx6o {
40
+ .notification__notificationComponent_1xezi.notification__isClosing_1xezi {
41
41
  transition: transform 0.1s ease-out;
42
42
  transform: translate(100vw, 0);
43
43
  }
44
44
  @media screen and (min-width: 600px) {
45
- .notification__notificationComponent_jbx6o.notification__isClosing_jbx6o {
45
+ .notification__notificationComponent_1xezi.notification__isClosing_1xezi {
46
46
  transform: translate(calc(100% + var(--gap-48)), 0);
47
47
  }
48
48
  }
49
- .notification__notificationComponent_jbx6o.notification__hasCloser_jbx6o {
49
+ .notification__notificationComponent_1xezi.notification__hasCloser_1xezi {
50
50
  padding-right: 52px;
51
51
  }
52
- .notification__notificationComponent_jbx6o.notification__notificationComponent_jbx6o {
52
+ .notification__notificationComponent_1xezi.notification__notificationComponent_1xezi {
53
53
  position: fixed;
54
54
  }
55
55
  @media screen and (min-width: 600px) {
56
- .notification__toastContent_jbx6o {
56
+ .notification__toastContent_1xezi {
57
57
  width: var(--notification-desktop-content-width);
58
58
  }
59
59
  }
60
- .notification__toastContent_jbx6o {
60
+ .notification__toastContent_1xezi {
61
61
 
62
62
  box-sizing: border-box;
63
63
  gap: var(--gap-16);
64
64
  }
65
- .notification__actionSection_jbx6o {
65
+ .notification__actionSection_1xezi {
66
66
  min-width: 104px;
67
67
  min-height: 48px;
68
68
  padding: 0;
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"notificationComponent":"notification__notificationComponent_jbx6o","isVisible":"notification__isVisible_jbx6o","isClosing":"notification__isClosing_jbx6o","hasCloser":"notification__hasCloser_jbx6o","toastContent":"notification__toastContent_jbx6o","actionSection":"notification__actionSection_jbx6o"};
3
+ const styles = {"notificationComponent":"notification__notificationComponent_1xezi","isVisible":"notification__isVisible_1xezi","isClosing":"notification__isClosing_1xezi","hasCloser":"notification__hasCloser_1xezi","toastContent":"notification__toastContent_1xezi","actionSection":"notification__actionSection_1xezi"};
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",
3
- "version": "9.0.6-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479",
3
+ "version": "9.0.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@alfalab/core-components-portal": "^5.0.1",
17
- "@alfalab/core-components-shared": "2.2.0-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479",
17
+ "@alfalab/core-components-shared": "^2.2.0",
18
18
  "@alfalab/core-components-stack": "^7.0.1",
19
- "@alfalab/core-components-toast-plate": "9.1.1-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479",
19
+ "@alfalab/core-components-toast-plate": "^9.1.2",
20
20
  "classnames": "^2.5.1",
21
21
  "element-closest": "^3.0.2",
22
22
  "react-merge-refs": "^1.1.0",
@@ -32,6 +32,6 @@
32
32
  "access": "public",
33
33
  "directory": "dist"
34
34
  },
35
- "themesVersion": "15.0.4",
35
+ "themesVersion": "15.1.0",
36
36
  "varsVersion": "11.0.2"
37
37
  }