@alfalab/core-components-notification 8.0.0-snapshot-c39129c → 8.0.0

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 +19 -16
package/esm/index.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --gap-12-neg: var(--gap-s-neg);
13
13
  } :root {
14
14
  --notification-desktop-content-width: 278px;
15
- } .notification__notificationComponent_oub3m {
15
+ } .notification__notificationComponent_ue7qy {
16
16
  visibility: hidden;
17
17
  right: var(--gap-12);
18
18
  transform: translate(0, -500px);
@@ -22,26 +22,26 @@
22
22
  -moz-user-select: none;
23
23
  user-select: none;
24
24
  transition: transform 0.4s ease-out
25
- } @media screen and (min-width: 600px) { .notification__notificationComponent_oub3m {
25
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_ue7qy {
26
26
  right: var(--gap-48);
27
27
  width: auto;
28
28
  transform: translate(calc(100% + var(--gap-48)), 0)
29
29
  }
30
- } .notification__notificationComponent_oub3m.notification__isVisible_oub3m {
30
+ } .notification__notificationComponent_ue7qy.notification__isVisible_ue7qy {
31
31
  visibility: visible;
32
32
  transform: translate(0, 0);
33
- } .notification__notificationComponent_oub3m.notification__isClosing_oub3m {
33
+ } .notification__notificationComponent_ue7qy.notification__isClosing_ue7qy {
34
34
  transition: transform 0.1s ease-out;
35
35
  transform: translate(100vw, 0)
36
- } @media screen and (min-width: 600px) { .notification__notificationComponent_oub3m.notification__isClosing_oub3m {
36
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_ue7qy.notification__isClosing_ue7qy {
37
37
  transform: translate(calc(100% + var(--gap-48)), 0)
38
38
  }
39
- } .notification__notificationComponent_oub3m.notification__notificationComponent_oub3m {
39
+ } .notification__notificationComponent_ue7qy.notification__notificationComponent_ue7qy {
40
40
  position: fixed;
41
- } @media screen and (min-width: 600px) { .notification__toastContent_oub3m {
41
+ } @media screen and (min-width: 600px) { .notification__toastContent_ue7qy {
42
42
  width: var(--notification-desktop-content-width)
43
43
  }
44
- } .notification__actionSection_oub3m {
44
+ } .notification__actionSection_ue7qy {
45
45
  min-width: 104px;
46
46
  min-height: 48px;
47
47
  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_oub3m","isVisible":"notification__isVisible_oub3m","isClosing":"notification__isClosing_oub3m","toastContent":"notification__toastContent_oub3m","actionSection":"notification__actionSection_oub3m"};
3
+ var styles = {"notificationComponent":"notification__notificationComponent_ue7qy","isVisible":"notification__isVisible_ue7qy","isClosing":"notification__isClosing_ue7qy","toastContent":"notification__toastContent_ue7qy","actionSection":"notification__actionSection_ue7qy"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --gap-12-neg: var(--gap-s-neg);
13
13
  } :root {
14
14
  --notification-desktop-content-width: 278px;
15
- } .notification__notificationComponent_oub3m {
15
+ } .notification__notificationComponent_ue7qy {
16
16
  visibility: hidden;
17
17
  right: var(--gap-12);
18
18
  transform: translate(0, -500px);
@@ -22,26 +22,26 @@
22
22
  -moz-user-select: none;
23
23
  user-select: none;
24
24
  transition: transform 0.4s ease-out
25
- } @media screen and (min-width: 600px) { .notification__notificationComponent_oub3m {
25
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_ue7qy {
26
26
  right: var(--gap-48);
27
27
  width: auto;
28
28
  transform: translate(calc(100% + var(--gap-48)), 0)
29
29
  }
30
- } .notification__notificationComponent_oub3m.notification__isVisible_oub3m {
30
+ } .notification__notificationComponent_ue7qy.notification__isVisible_ue7qy {
31
31
  visibility: visible;
32
32
  transform: translate(0, 0);
33
- } .notification__notificationComponent_oub3m.notification__isClosing_oub3m {
33
+ } .notification__notificationComponent_ue7qy.notification__isClosing_ue7qy {
34
34
  transition: transform 0.1s ease-out;
35
35
  transform: translate(100vw, 0)
36
- } @media screen and (min-width: 600px) { .notification__notificationComponent_oub3m.notification__isClosing_oub3m {
36
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_ue7qy.notification__isClosing_ue7qy {
37
37
  transform: translate(calc(100% + var(--gap-48)), 0)
38
38
  }
39
- } .notification__notificationComponent_oub3m.notification__notificationComponent_oub3m {
39
+ } .notification__notificationComponent_ue7qy.notification__notificationComponent_ue7qy {
40
40
  position: fixed;
41
- } @media screen and (min-width: 600px) { .notification__toastContent_oub3m {
41
+ } @media screen and (min-width: 600px) { .notification__toastContent_ue7qy {
42
42
  width: var(--notification-desktop-content-width)
43
43
  }
44
- } .notification__actionSection_oub3m {
44
+ } .notification__actionSection_ue7qy {
45
45
  min-width: 104px;
46
46
  min-height: 48px;
47
47
  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_oub3m","isVisible":"notification__isVisible_oub3m","isClosing":"notification__isClosing_oub3m","toastContent":"notification__toastContent_oub3m","actionSection":"notification__actionSection_oub3m"};
5
+ var styles = {"notificationComponent":"notification__notificationComponent_ue7qy","isVisible":"notification__isVisible_ue7qy","isClosing":"notification__isClosing_ue7qy","toastContent":"notification__toastContent_ue7qy","actionSection":"notification__actionSection_ue7qy"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --gap-12-neg: var(--gap-s-neg);
13
13
  } :root {
14
14
  --notification-desktop-content-width: 278px;
15
- } .notification__notificationComponent_oub3m {
15
+ } .notification__notificationComponent_ue7qy {
16
16
  visibility: hidden;
17
17
  right: var(--gap-12);
18
18
  transform: translate(0, -500px);
@@ -22,26 +22,26 @@
22
22
  -moz-user-select: none;
23
23
  user-select: none;
24
24
  transition: transform 0.4s ease-out
25
- } @media screen and (min-width: 600px) { .notification__notificationComponent_oub3m {
25
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_ue7qy {
26
26
  right: var(--gap-48);
27
27
  width: auto;
28
28
  transform: translate(calc(100% + var(--gap-48)), 0)
29
29
  }
30
- } .notification__notificationComponent_oub3m.notification__isVisible_oub3m {
30
+ } .notification__notificationComponent_ue7qy.notification__isVisible_ue7qy {
31
31
  visibility: visible;
32
32
  transform: translate(0, 0);
33
- } .notification__notificationComponent_oub3m.notification__isClosing_oub3m {
33
+ } .notification__notificationComponent_ue7qy.notification__isClosing_ue7qy {
34
34
  transition: transform 0.1s ease-out;
35
35
  transform: translate(100vw, 0)
36
- } @media screen and (min-width: 600px) { .notification__notificationComponent_oub3m.notification__isClosing_oub3m {
36
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_ue7qy.notification__isClosing_ue7qy {
37
37
  transform: translate(calc(100% + var(--gap-48)), 0)
38
38
  }
39
- } .notification__notificationComponent_oub3m.notification__notificationComponent_oub3m {
39
+ } .notification__notificationComponent_ue7qy.notification__notificationComponent_ue7qy {
40
40
  position: fixed;
41
- } @media screen and (min-width: 600px) { .notification__toastContent_oub3m {
41
+ } @media screen and (min-width: 600px) { .notification__toastContent_ue7qy {
42
42
  width: var(--notification-desktop-content-width)
43
43
  }
44
- } .notification__actionSection_oub3m {
44
+ } .notification__actionSection_ue7qy {
45
45
  min-width: 104px;
46
46
  min-height: 48px;
47
47
  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_oub3m","isVisible":"notification__isVisible_oub3m","isClosing":"notification__isClosing_oub3m","toastContent":"notification__toastContent_oub3m","actionSection":"notification__actionSection_oub3m"};
3
+ const styles = {"notificationComponent":"notification__notificationComponent_ue7qy","isVisible":"notification__isVisible_ue7qy","isClosing":"notification__isClosing_ue7qy","toastContent":"notification__toastContent_ue7qy","actionSection":"notification__actionSection_ue7qy"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,31 +1,34 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification",
3
- "version": "8.0.0-snapshot-c39129c",
3
+ "version": "8.0.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
+ "sideEffects": [
8
+ "**/*.css"
9
+ ],
7
10
  "main": "index.js",
8
11
  "module": "./esm/index.js",
9
- "publishConfig": {
10
- "access": "public",
11
- "directory": "dist"
12
- },
13
- "peerDependencies": {
14
- "@alfalab/core-components-stack-context": "1.0.0-snapshot-c39129c",
15
- "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
16
- "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
- },
18
12
  "dependencies": {
19
- "@alfalab/core-components-portal": "4.0.0-snapshot-c39129c",
20
- "@alfalab/core-components-stack": "6.0.0-snapshot-c39129c",
21
- "@alfalab/core-components-toast-plate": "8.0.0-snapshot-c39129c",
22
- "@alfalab/core-components-shared": "1.0.0-snapshot-c39129c",
13
+ "@alfalab/core-components-portal": "^4.0.0",
14
+ "@alfalab/core-components-shared": "^1.0.0",
15
+ "@alfalab/core-components-stack": "^6.0.0",
16
+ "@alfalab/core-components-toast-plate": "^8.0.0",
23
17
  "classnames": "^2.5.1",
24
18
  "element-closest": "^3.0.2",
25
19
  "react-merge-refs": "^1.1.0",
26
20
  "react-swipeable": "^7.0.0",
27
21
  "tslib": "^2.4.0"
28
22
  },
29
- "themesVersion": "14.0.0-snapshot-c39129c",
30
- "varsVersion": "10.0.0-snapshot-c39129c"
23
+ "peerDependencies": {
24
+ "@alfalab/core-components-stack-context": "^1.0.0",
25
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
26
+ "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
27
+ },
28
+ "publishConfig": {
29
+ "access": "public",
30
+ "directory": "dist"
31
+ },
32
+ "themesVersion": "14.0.0",
33
+ "varsVersion": "10.0.0"
31
34
  }