@alfalab/core-components-notification 5.2.6 → 5.2.10

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 (8) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/dist/Component.js +1 -1
  3. package/dist/esm/Component.js +1 -1
  4. package/dist/esm/index.css +8 -8
  5. package/dist/index.css +8 -8
  6. package/dist/modern/Component.js +1 -1
  7. package/dist/modern/index.css +8 -8
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,45 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [5.2.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.2.9...@alfalab/core-components-notification@5.2.10) (2022-06-24)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **icon-button:** fix disabled colors ([#104](https://github.com/core-ds/core-components/issues/104)) ([3f03849](https://github.com/core-ds/core-components/commit/3f038495bb63f72cd81ceeedbe55b52119581d57))
12
+
13
+
14
+
15
+
16
+
17
+ ## [5.2.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.2.8...@alfalab/core-components-notification@5.2.9) (2022-06-23)
18
+
19
+ **Note:** Version bump only for package @alfalab/core-components-notification
20
+
21
+
22
+
23
+
24
+
25
+ ## [5.2.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.2.7...@alfalab/core-components-notification@5.2.8) (2022-06-20)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * **badge:** fix classname ([#100](https://github.com/core-ds/core-components/issues/100)) ([4b5f2bc](https://github.com/core-ds/core-components/commit/4b5f2bc9ab17daf865a5515828d178eaff94bd2d))
31
+ * **icon-button:** fix loading ([#105](https://github.com/core-ds/core-components/issues/105)) ([0b133f0](https://github.com/core-ds/core-components/commit/0b133f042e86702ec2861915f2cdbcdbad9ca905))
32
+
33
+
34
+
35
+
36
+
37
+ ## [5.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.2.6...@alfalab/core-components-notification@5.2.7) (2022-06-03)
38
+
39
+ **Note:** Version bump only for package @alfalab/core-components-notification
40
+
41
+
42
+
43
+
44
+
6
45
  # [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.1.1...@alfalab/core-components-notification@5.2.0) (2022-03-04)
7
46
 
8
47
 
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_s4oou","isVisible":"notification__isVisible_s4oou","isClosing":"notification__isClosing_s4oou","toastContent":"notification__toastContent_s4oou","actionSection":"notification__actionSection_s4oou"};
61
+ var styles = {"notificationComponent":"notification__notificationComponent_1oq10","isVisible":"notification__isVisible_1oq10","isClosing":"notification__isClosing_1oq10","toastContent":"notification__toastContent_1oq10","actionSection":"notification__actionSection_1oq10"};
62
62
  require('./index.css')
63
63
 
64
64
  var notificationClassNameSelector = "." + styles.notificationComponent;
package/dist/esm/Component.js CHANGED
@@ -47,7 +47,7 @@ function __rest(s, e) {
47
47
  return t;
48
48
  }
49
49
 
50
- var styles = {"notificationComponent":"notification__notificationComponent_s4oou","isVisible":"notification__isVisible_s4oou","isClosing":"notification__isClosing_s4oou","toastContent":"notification__toastContent_s4oou","actionSection":"notification__actionSection_s4oou"};
50
+ var styles = {"notificationComponent":"notification__notificationComponent_1oq10","isVisible":"notification__isVisible_1oq10","isClosing":"notification__isClosing_1oq10","toastContent":"notification__toastContent_1oq10","actionSection":"notification__actionSection_1oq10"};
51
51
  require('./index.css')
52
52
 
53
53
  var notificationClassNameSelector = "." + styles.notificationComponent;
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: uyuxb */
1
+ /* hash: 11w6b */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --notification-desktop-content-width: 278px;
19
19
  }
20
- .notification__notificationComponent_s4oou {
20
+ .notification__notificationComponent_1oq10 {
21
21
  visibility: hidden;
22
22
  position: fixed;
23
23
  right: var(--gap-s);
@@ -30,31 +30,31 @@
30
30
  transition: transform 0.4s ease-out
31
31
  }
32
32
  @media screen and (min-width: 600px) {
33
- .notification__notificationComponent_s4oou {
33
+ .notification__notificationComponent_1oq10 {
34
34
  right: var(--gap-4xl);
35
35
  width: auto;
36
36
  transform: translate(calc(100% + var(--gap-4xl)), 0)
37
37
  }
38
38
  }
39
- .notification__notificationComponent_s4oou.notification__isVisible_s4oou {
39
+ .notification__notificationComponent_1oq10.notification__isVisible_1oq10 {
40
40
  visibility: visible;
41
41
  transform: translate(0, 0);
42
42
  }
43
- .notification__notificationComponent_s4oou.notification__isClosing_s4oou {
43
+ .notification__notificationComponent_1oq10.notification__isClosing_1oq10 {
44
44
  transition: transform 0.1s ease-out;
45
45
  transform: translate(100vw, 0)
46
46
  }
47
47
  @media screen and (min-width: 600px) {
48
- .notification__notificationComponent_s4oou.notification__isClosing_s4oou {
48
+ .notification__notificationComponent_1oq10.notification__isClosing_1oq10 {
49
49
  transform: translate(calc(100% + var(--gap-4xl)), 0)
50
50
  }
51
51
  }
52
52
  @media screen and (min-width: 600px) {
53
- .notification__toastContent_s4oou {
53
+ .notification__toastContent_1oq10 {
54
54
  width: var(--notification-desktop-content-width)
55
55
  }
56
56
  }
57
- .notification__actionSection_s4oou {
57
+ .notification__actionSection_1oq10 {
58
58
  min-width: 104px;
59
59
  min-height: 48px;
60
60
  padding: 0 var(--gap-xs);
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: uyuxb */
1
+ /* hash: 11w6b */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --notification-desktop-content-width: 278px;
19
19
  }
20
- .notification__notificationComponent_s4oou {
20
+ .notification__notificationComponent_1oq10 {
21
21
  visibility: hidden;
22
22
  position: fixed;
23
23
  right: var(--gap-s);
@@ -30,31 +30,31 @@
30
30
  transition: transform 0.4s ease-out
31
31
  }
32
32
  @media screen and (min-width: 600px) {
33
- .notification__notificationComponent_s4oou {
33
+ .notification__notificationComponent_1oq10 {
34
34
  right: var(--gap-4xl);
35
35
  width: auto;
36
36
  transform: translate(calc(100% + var(--gap-4xl)), 0)
37
37
  }
38
38
  }
39
- .notification__notificationComponent_s4oou.notification__isVisible_s4oou {
39
+ .notification__notificationComponent_1oq10.notification__isVisible_1oq10 {
40
40
  visibility: visible;
41
41
  transform: translate(0, 0);
42
42
  }
43
- .notification__notificationComponent_s4oou.notification__isClosing_s4oou {
43
+ .notification__notificationComponent_1oq10.notification__isClosing_1oq10 {
44
44
  transition: transform 0.1s ease-out;
45
45
  transform: translate(100vw, 0)
46
46
  }
47
47
  @media screen and (min-width: 600px) {
48
- .notification__notificationComponent_s4oou.notification__isClosing_s4oou {
48
+ .notification__notificationComponent_1oq10.notification__isClosing_1oq10 {
49
49
  transform: translate(calc(100% + var(--gap-4xl)), 0)
50
50
  }
51
51
  }
52
52
  @media screen and (min-width: 600px) {
53
- .notification__toastContent_s4oou {
53
+ .notification__toastContent_1oq10 {
54
54
  width: var(--notification-desktop-content-width)
55
55
  }
56
56
  }
57
- .notification__actionSection_s4oou {
57
+ .notification__actionSection_1oq10 {
58
58
  min-width: 104px;
59
59
  min-height: 48px;
60
60
  padding: 0 var(--gap-xs);
package/dist/modern/Component.js CHANGED
@@ -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_s4oou","isVisible":"notification__isVisible_s4oou","isClosing":"notification__isClosing_s4oou","toastContent":"notification__toastContent_s4oou","actionSection":"notification__actionSection_s4oou"};
11
+ var styles = {"notificationComponent":"notification__notificationComponent_1oq10","isVisible":"notification__isVisible_1oq10","isClosing":"notification__isClosing_1oq10","toastContent":"notification__toastContent_1oq10","actionSection":"notification__actionSection_1oq10"};
12
12
  require('./index.css')
13
13
 
14
14
  const notificationClassNameSelector = `.${styles.notificationComponent}`;
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: uyuxb */
1
+ /* hash: 11w6b */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --notification-desktop-content-width: 278px;
19
19
  }
20
- .notification__notificationComponent_s4oou {
20
+ .notification__notificationComponent_1oq10 {
21
21
  visibility: hidden;
22
22
  position: fixed;
23
23
  right: var(--gap-s);
@@ -30,31 +30,31 @@
30
30
  transition: transform 0.4s ease-out
31
31
  }
32
32
  @media screen and (min-width: 600px) {
33
- .notification__notificationComponent_s4oou {
33
+ .notification__notificationComponent_1oq10 {
34
34
  right: var(--gap-4xl);
35
35
  width: auto;
36
36
  transform: translate(calc(100% + var(--gap-4xl)), 0)
37
37
  }
38
38
  }
39
- .notification__notificationComponent_s4oou.notification__isVisible_s4oou {
39
+ .notification__notificationComponent_1oq10.notification__isVisible_1oq10 {
40
40
  visibility: visible;
41
41
  transform: translate(0, 0);
42
42
  }
43
- .notification__notificationComponent_s4oou.notification__isClosing_s4oou {
43
+ .notification__notificationComponent_1oq10.notification__isClosing_1oq10 {
44
44
  transition: transform 0.1s ease-out;
45
45
  transform: translate(100vw, 0)
46
46
  }
47
47
  @media screen and (min-width: 600px) {
48
- .notification__notificationComponent_s4oou.notification__isClosing_s4oou {
48
+ .notification__notificationComponent_1oq10.notification__isClosing_1oq10 {
49
49
  transform: translate(calc(100% + var(--gap-4xl)), 0)
50
50
  }
51
51
  }
52
52
  @media screen and (min-width: 600px) {
53
- .notification__toastContent_s4oou {
53
+ .notification__toastContent_1oq10 {
54
54
  width: var(--notification-desktop-content-width)
55
55
  }
56
56
  }
57
- .notification__actionSection_s4oou {
57
+ .notification__actionSection_1oq10 {
58
58
  min-width: 104px;
59
59
  min-height: 48px;
60
60
  padding: 0 var(--gap-xs);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification",
3
- "version": "5.2.6",
3
+ "version": "5.2.10",
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.2",
23
23
  "@alfalab/core-components-stack": "^3.0.2",
24
- "@alfalab/core-components-toast-plate": "^4.2.0",
24
+ "@alfalab/core-components-toast-plate": "^4.2.4",
25
25
  "classnames": "2.2.6",
26
26
  "element-closest": "3.0.2",
27
27
  "react-merge-refs": "1.1.0",
28
28
  "react-swipeable": "5.5.1"
29
29
  },
30
- "gitHead": "a9d94bb54b83473443a06cd7338c8f822385cb13"
30
+ "gitHead": "97545dc462e2c884c25f4a7e5092abf6dafac81f"
31
31
  }