@alfalab/core-components-notification 9.0.0 → 9.0.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.
Files changed (7) hide show
  1. package/esm/index.css +8 -8
  2. package/esm/index.module.css.js +1 -1
  3. package/index.css +8 -8
  4. package/index.module.css.js +1 -1
  5. package/modern/index.css +8 -8
  6. package/modern/index.module.css.js +1 -1
  7. package/package.json +7 -7
package/esm/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  :root {
15
15
  --notification-desktop-content-width: 278px;
16
16
  }
17
- .notification__notificationComponent_1w4zq {
17
+ .notification__notificationComponent_9jgnj {
18
18
  visibility: hidden;
19
19
  right: var(--gap-12);
20
20
  transform: translate(0, -500px);
@@ -26,34 +26,34 @@
26
26
  transition: transform 0.4s ease-out;
27
27
  }
28
28
  @media screen and (min-width: 600px) {
29
- .notification__notificationComponent_1w4zq {
29
+ .notification__notificationComponent_9jgnj {
30
30
  right: var(--gap-48);
31
31
  width: auto;
32
32
  transform: translate(calc(100% + var(--gap-48)), 0);
33
33
  }
34
34
  }
35
- .notification__notificationComponent_1w4zq.notification__isVisible_1w4zq {
35
+ .notification__notificationComponent_9jgnj.notification__isVisible_9jgnj {
36
36
  visibility: visible;
37
37
  transform: translate(0, 0);
38
38
  }
39
- .notification__notificationComponent_1w4zq.notification__isClosing_1w4zq {
39
+ .notification__notificationComponent_9jgnj.notification__isClosing_9jgnj {
40
40
  transition: transform 0.1s ease-out;
41
41
  transform: translate(100vw, 0);
42
42
  }
43
43
  @media screen and (min-width: 600px) {
44
- .notification__notificationComponent_1w4zq.notification__isClosing_1w4zq {
44
+ .notification__notificationComponent_9jgnj.notification__isClosing_9jgnj {
45
45
  transform: translate(calc(100% + var(--gap-48)), 0);
46
46
  }
47
47
  }
48
- .notification__notificationComponent_1w4zq.notification__notificationComponent_1w4zq {
48
+ .notification__notificationComponent_9jgnj.notification__notificationComponent_9jgnj {
49
49
  position: fixed;
50
50
  }
51
51
  @media screen and (min-width: 600px) {
52
- .notification__toastContent_1w4zq {
52
+ .notification__toastContent_9jgnj {
53
53
  width: var(--notification-desktop-content-width);
54
54
  }
55
55
  }
56
- .notification__actionSection_1w4zq {
56
+ .notification__actionSection_9jgnj {
57
57
  min-width: 104px;
58
58
  min-height: 48px;
59
59
  padding: var(--gap-0) var(--gap-8);
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"notificationComponent":"notification__notificationComponent_1w4zq","isVisible":"notification__isVisible_1w4zq","isClosing":"notification__isClosing_1w4zq","toastContent":"notification__toastContent_1w4zq","actionSection":"notification__actionSection_1w4zq"};
3
+ var styles = {"notificationComponent":"notification__notificationComponent_9jgnj","isVisible":"notification__isVisible_9jgnj","isClosing":"notification__isClosing_9jgnj","toastContent":"notification__toastContent_9jgnj","actionSection":"notification__actionSection_9jgnj"};
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_1w4zq {
17
+ .notification__notificationComponent_9jgnj {
18
18
  visibility: hidden;
19
19
  right: var(--gap-12);
20
20
  transform: translate(0, -500px);
@@ -26,34 +26,34 @@
26
26
  transition: transform 0.4s ease-out;
27
27
  }
28
28
  @media screen and (min-width: 600px) {
29
- .notification__notificationComponent_1w4zq {
29
+ .notification__notificationComponent_9jgnj {
30
30
  right: var(--gap-48);
31
31
  width: auto;
32
32
  transform: translate(calc(100% + var(--gap-48)), 0);
33
33
  }
34
34
  }
35
- .notification__notificationComponent_1w4zq.notification__isVisible_1w4zq {
35
+ .notification__notificationComponent_9jgnj.notification__isVisible_9jgnj {
36
36
  visibility: visible;
37
37
  transform: translate(0, 0);
38
38
  }
39
- .notification__notificationComponent_1w4zq.notification__isClosing_1w4zq {
39
+ .notification__notificationComponent_9jgnj.notification__isClosing_9jgnj {
40
40
  transition: transform 0.1s ease-out;
41
41
  transform: translate(100vw, 0);
42
42
  }
43
43
  @media screen and (min-width: 600px) {
44
- .notification__notificationComponent_1w4zq.notification__isClosing_1w4zq {
44
+ .notification__notificationComponent_9jgnj.notification__isClosing_9jgnj {
45
45
  transform: translate(calc(100% + var(--gap-48)), 0);
46
46
  }
47
47
  }
48
- .notification__notificationComponent_1w4zq.notification__notificationComponent_1w4zq {
48
+ .notification__notificationComponent_9jgnj.notification__notificationComponent_9jgnj {
49
49
  position: fixed;
50
50
  }
51
51
  @media screen and (min-width: 600px) {
52
- .notification__toastContent_1w4zq {
52
+ .notification__toastContent_9jgnj {
53
53
  width: var(--notification-desktop-content-width);
54
54
  }
55
55
  }
56
- .notification__actionSection_1w4zq {
56
+ .notification__actionSection_9jgnj {
57
57
  min-width: 104px;
58
58
  min-height: 48px;
59
59
  padding: var(--gap-0) var(--gap-8);
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_1w4zq","isVisible":"notification__isVisible_1w4zq","isClosing":"notification__isClosing_1w4zq","toastContent":"notification__toastContent_1w4zq","actionSection":"notification__actionSection_1w4zq"};
5
+ var styles = {"notificationComponent":"notification__notificationComponent_9jgnj","isVisible":"notification__isVisible_9jgnj","isClosing":"notification__isClosing_9jgnj","toastContent":"notification__toastContent_9jgnj","actionSection":"notification__actionSection_9jgnj"};
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_1w4zq {
17
+ .notification__notificationComponent_9jgnj {
18
18
  visibility: hidden;
19
19
  right: var(--gap-12);
20
20
  transform: translate(0, -500px);
@@ -26,34 +26,34 @@
26
26
  transition: transform 0.4s ease-out;
27
27
  }
28
28
  @media screen and (min-width: 600px) {
29
- .notification__notificationComponent_1w4zq {
29
+ .notification__notificationComponent_9jgnj {
30
30
  right: var(--gap-48);
31
31
  width: auto;
32
32
  transform: translate(calc(100% + var(--gap-48)), 0);
33
33
  }
34
34
  }
35
- .notification__notificationComponent_1w4zq.notification__isVisible_1w4zq {
35
+ .notification__notificationComponent_9jgnj.notification__isVisible_9jgnj {
36
36
  visibility: visible;
37
37
  transform: translate(0, 0);
38
38
  }
39
- .notification__notificationComponent_1w4zq.notification__isClosing_1w4zq {
39
+ .notification__notificationComponent_9jgnj.notification__isClosing_9jgnj {
40
40
  transition: transform 0.1s ease-out;
41
41
  transform: translate(100vw, 0);
42
42
  }
43
43
  @media screen and (min-width: 600px) {
44
- .notification__notificationComponent_1w4zq.notification__isClosing_1w4zq {
44
+ .notification__notificationComponent_9jgnj.notification__isClosing_9jgnj {
45
45
  transform: translate(calc(100% + var(--gap-48)), 0);
46
46
  }
47
47
  }
48
- .notification__notificationComponent_1w4zq.notification__notificationComponent_1w4zq {
48
+ .notification__notificationComponent_9jgnj.notification__notificationComponent_9jgnj {
49
49
  position: fixed;
50
50
  }
51
51
  @media screen and (min-width: 600px) {
52
- .notification__toastContent_1w4zq {
52
+ .notification__toastContent_9jgnj {
53
53
  width: var(--notification-desktop-content-width);
54
54
  }
55
55
  }
56
- .notification__actionSection_1w4zq {
56
+ .notification__actionSection_9jgnj {
57
57
  min-width: 104px;
58
58
  min-height: 48px;
59
59
  padding: var(--gap-0) var(--gap-8);
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"notificationComponent":"notification__notificationComponent_1w4zq","isVisible":"notification__isVisible_1w4zq","isClosing":"notification__isClosing_1w4zq","toastContent":"notification__toastContent_1w4zq","actionSection":"notification__actionSection_1w4zq"};
3
+ const styles = {"notificationComponent":"notification__notificationComponent_9jgnj","isVisible":"notification__isVisible_9jgnj","isClosing":"notification__isClosing_9jgnj","toastContent":"notification__toastContent_9jgnj","actionSection":"notification__actionSection_9jgnj"};
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.0",
3
+ "version": "9.0.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,10 +10,10 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-portal": "^5.0.0",
14
- "@alfalab/core-components-shared": "^2.0.0",
15
- "@alfalab/core-components-stack": "^7.0.0",
16
- "@alfalab/core-components-toast-plate": "^9.0.0",
13
+ "@alfalab/core-components-portal": "^5.0.1",
14
+ "@alfalab/core-components-shared": "^2.0.1",
15
+ "@alfalab/core-components-stack": "^7.0.1",
16
+ "@alfalab/core-components-toast-plate": "^9.0.1",
17
17
  "classnames": "^2.5.1",
18
18
  "element-closest": "^3.0.2",
19
19
  "react-merge-refs": "^1.1.0",
@@ -29,6 +29,6 @@
29
29
  "access": "public",
30
30
  "directory": "dist"
31
31
  },
32
- "themesVersion": "15.0.0",
33
- "varsVersion": "11.0.0"
32
+ "themesVersion": "15.0.1",
33
+ "varsVersion": "11.0.1"
34
34
  }