@alfalab/core-components-notification 5.3.1 → 5.3.2

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 (12) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/Component.js +1 -1
  3. package/cssm/Component.js +3 -3
  4. package/cssm/index.js +3 -3
  5. package/esm/Component.js +4 -4
  6. package/esm/index.css +8 -8
  7. package/esm/index.js +3 -3
  8. package/index.css +8 -8
  9. package/modern/Component.js +4 -4
  10. package/modern/index.css +8 -8
  11. package/modern/index.js +3 -3
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.3.1...@alfalab/core-components-notification@5.3.2) (2022-07-15)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [5.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.3.0...@alfalab/core-components-notification@5.3.1) (2022-07-14)
7
18
 
8
19
  **Note:** Version bump only for package @alfalab/core-components-notification
@@ -557,6 +568,7 @@ remove z-index, add stack component
557
568
  * Betters toasts (#521) ([628b032](https://github.com/core-ds/core-components/commit/628b032f00dc36a71563f62238bd3f559968f320)), closes [#521](https://github.com/core-ds/core-components/issues/521)
558
569
 
559
570
 
571
+
560
572
  ### BREAKING CHANGES
561
573
 
562
574
  * --notification-desktop-width var removed
package/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_1vzkb","isVisible":"notification__isVisible_1vzkb","isClosing":"notification__isClosing_1vzkb","toastContent":"notification__toastContent_1vzkb","actionSection":"notification__actionSection_1vzkb"};
61
+ var styles = {"notificationComponent":"notification__notificationComponent_17v8f","isVisible":"notification__isVisible_17v8f","isClosing":"notification__isClosing_17v8f","toastContent":"notification__toastContent_17v8f","actionSection":"notification__actionSection_17v8f"};
62
62
  require('./index.css')
63
63
 
64
64
  var notificationClassNameSelector = "." + styles.notificationComponent;
package/cssm/Component.js CHANGED
@@ -7,9 +7,9 @@ var cn = require('classnames');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var reactSwipeable = require('react-swipeable');
9
9
  var elementClosest = require('element-closest');
10
- var coreComponentsPortal = require('@alfalab/core-components-portal/dist/cssm');
11
- var coreComponentsToastPlate = require('@alfalab/core-components-toast-plate/dist/cssm');
12
- var coreComponentsStack = require('@alfalab/core-components-stack/dist/cssm');
10
+ var coreComponentsPortal = require('@alfalab/core-components-portal/cssm');
11
+ var coreComponentsToastPlate = require('@alfalab/core-components-toast-plate/cssm');
12
+ var coreComponentsStack = require('@alfalab/core-components-stack/cssm');
13
13
  var utils_index = require('./utils/index.js');
14
14
  var styles = require('./index.module.css');
15
15
 
package/cssm/index.js CHANGED
@@ -8,9 +8,9 @@ require('classnames');
8
8
  require('react-merge-refs');
9
9
  require('react-swipeable');
10
10
  require('element-closest');
11
- require('@alfalab/core-components-portal/dist/cssm');
12
- require('@alfalab/core-components-toast-plate/dist/cssm');
13
- require('@alfalab/core-components-stack/dist/cssm');
11
+ require('@alfalab/core-components-portal/cssm');
12
+ require('@alfalab/core-components-toast-plate/cssm');
13
+ require('@alfalab/core-components-stack/cssm');
14
14
  require('./utils/index.js');
15
15
  require('./index.module.css');
16
16
 
package/esm/Component.js CHANGED
@@ -3,9 +3,9 @@ import cn from 'classnames';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import { useSwipeable } from 'react-swipeable';
5
5
  import elementClosest from 'element-closest';
6
- import { Portal } from '@alfalab/core-components-portal/dist/esm';
7
- import { ToastPlate } from '@alfalab/core-components-toast-plate/dist/esm';
8
- import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/esm';
6
+ import { Portal } from '@alfalab/core-components-portal/esm';
7
+ import { ToastPlate } from '@alfalab/core-components-toast-plate/esm';
8
+ import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
9
9
  import { useClickOutside } from './utils/index.js';
10
10
 
11
11
  /*! *****************************************************************************
@@ -47,7 +47,7 @@ function __rest(s, e) {
47
47
  return t;
48
48
  }
49
49
 
50
- var styles = {"notificationComponent":"notification__notificationComponent_1vzkb","isVisible":"notification__isVisible_1vzkb","isClosing":"notification__isClosing_1vzkb","toastContent":"notification__toastContent_1vzkb","actionSection":"notification__actionSection_1vzkb"};
50
+ var styles = {"notificationComponent":"notification__notificationComponent_17v8f","isVisible":"notification__isVisible_17v8f","isClosing":"notification__isClosing_17v8f","toastContent":"notification__toastContent_17v8f","actionSection":"notification__actionSection_17v8f"};
51
51
  require('./index.css')
52
52
 
53
53
  var notificationClassNameSelector = "." + styles.notificationComponent;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 50ldb */
1
+ /* hash: 1tbos */
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_1vzkb {
20
+ .notification__notificationComponent_17v8f {
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_1vzkb {
33
+ .notification__notificationComponent_17v8f {
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_1vzkb.notification__isVisible_1vzkb {
39
+ .notification__notificationComponent_17v8f.notification__isVisible_17v8f {
40
40
  visibility: visible;
41
41
  transform: translate(0, 0);
42
42
  }
43
- .notification__notificationComponent_1vzkb.notification__isClosing_1vzkb {
43
+ .notification__notificationComponent_17v8f.notification__isClosing_17v8f {
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_1vzkb.notification__isClosing_1vzkb {
48
+ .notification__notificationComponent_17v8f.notification__isClosing_17v8f {
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_1vzkb {
53
+ .notification__toastContent_17v8f {
54
54
  width: var(--notification-desktop-content-width)
55
55
  }
56
56
  }
57
- .notification__actionSection_1vzkb {
57
+ .notification__actionSection_17v8f {
58
58
  min-width: 104px;
59
59
  min-height: 48px;
60
60
  padding: 0 var(--gap-xs);
package/esm/index.js CHANGED
@@ -4,7 +4,7 @@ import 'classnames';
4
4
  import 'react-merge-refs';
5
5
  import 'react-swipeable';
6
6
  import 'element-closest';
7
- import '@alfalab/core-components-portal/dist/esm';
8
- import '@alfalab/core-components-toast-plate/dist/esm';
9
- import '@alfalab/core-components-stack/dist/esm';
7
+ import '@alfalab/core-components-portal/esm';
8
+ import '@alfalab/core-components-toast-plate/esm';
9
+ import '@alfalab/core-components-stack/esm';
10
10
  import './utils/index.js';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 50ldb */
1
+ /* hash: 1tbos */
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_1vzkb {
20
+ .notification__notificationComponent_17v8f {
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_1vzkb {
33
+ .notification__notificationComponent_17v8f {
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_1vzkb.notification__isVisible_1vzkb {
39
+ .notification__notificationComponent_17v8f.notification__isVisible_17v8f {
40
40
  visibility: visible;
41
41
  transform: translate(0, 0);
42
42
  }
43
- .notification__notificationComponent_1vzkb.notification__isClosing_1vzkb {
43
+ .notification__notificationComponent_17v8f.notification__isClosing_17v8f {
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_1vzkb.notification__isClosing_1vzkb {
48
+ .notification__notificationComponent_17v8f.notification__isClosing_17v8f {
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_1vzkb {
53
+ .notification__toastContent_17v8f {
54
54
  width: var(--notification-desktop-content-width)
55
55
  }
56
56
  }
57
- .notification__actionSection_1vzkb {
57
+ .notification__actionSection_17v8f {
58
58
  min-width: 104px;
59
59
  min-height: 48px;
60
60
  padding: 0 var(--gap-xs);
package/modern/Component.js CHANGED
@@ -3,12 +3,12 @@ import cn from 'classnames';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import { useSwipeable } from 'react-swipeable';
5
5
  import elementClosest from 'element-closest';
6
- import { Portal } from '@alfalab/core-components-portal/dist/modern';
7
- import { ToastPlate } from '@alfalab/core-components-toast-plate/dist/modern';
8
- import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/modern';
6
+ import { Portal } from '@alfalab/core-components-portal/modern';
7
+ import { ToastPlate } from '@alfalab/core-components-toast-plate/modern';
8
+ import { stackingOrder, Stack } from '@alfalab/core-components-stack/modern';
9
9
  import { useClickOutside } from './utils/index.js';
10
10
 
11
- var styles = {"notificationComponent":"notification__notificationComponent_1vzkb","isVisible":"notification__isVisible_1vzkb","isClosing":"notification__isClosing_1vzkb","toastContent":"notification__toastContent_1vzkb","actionSection":"notification__actionSection_1vzkb"};
11
+ var styles = {"notificationComponent":"notification__notificationComponent_17v8f","isVisible":"notification__isVisible_17v8f","isClosing":"notification__isClosing_17v8f","toastContent":"notification__toastContent_17v8f","actionSection":"notification__actionSection_17v8f"};
12
12
  require('./index.css')
13
13
 
14
14
  const notificationClassNameSelector = `.${styles.notificationComponent}`;
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 50ldb */
1
+ /* hash: 1tbos */
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_1vzkb {
20
+ .notification__notificationComponent_17v8f {
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_1vzkb {
33
+ .notification__notificationComponent_17v8f {
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_1vzkb.notification__isVisible_1vzkb {
39
+ .notification__notificationComponent_17v8f.notification__isVisible_17v8f {
40
40
  visibility: visible;
41
41
  transform: translate(0, 0);
42
42
  }
43
- .notification__notificationComponent_1vzkb.notification__isClosing_1vzkb {
43
+ .notification__notificationComponent_17v8f.notification__isClosing_17v8f {
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_1vzkb.notification__isClosing_1vzkb {
48
+ .notification__notificationComponent_17v8f.notification__isClosing_17v8f {
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_1vzkb {
53
+ .notification__toastContent_17v8f {
54
54
  width: var(--notification-desktop-content-width)
55
55
  }
56
56
  }
57
- .notification__actionSection_1vzkb {
57
+ .notification__actionSection_17v8f {
58
58
  min-width: 104px;
59
59
  min-height: 48px;
60
60
  padding: 0 var(--gap-xs);
package/modern/index.js CHANGED
@@ -3,8 +3,8 @@ import 'classnames';
3
3
  import 'react-merge-refs';
4
4
  import 'react-swipeable';
5
5
  import 'element-closest';
6
- import '@alfalab/core-components-portal/dist/modern';
7
- import '@alfalab/core-components-toast-plate/dist/modern';
8
- import '@alfalab/core-components-stack/dist/modern';
6
+ import '@alfalab/core-components-portal/modern';
7
+ import '@alfalab/core-components-toast-plate/modern';
8
+ import '@alfalab/core-components-stack/modern';
9
9
  import './utils/index.js';
10
10
  export { Notification } from './Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification",
3
- "version": "5.3.1",
3
+ "version": "5.3.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,9 +17,9 @@
17
17
  "react": "^16.9.0 || ^17.0.1"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-portal": "^2.0.4",
21
- "@alfalab/core-components-stack": "^3.0.4",
22
- "@alfalab/core-components-toast-plate": "^4.3.1",
20
+ "@alfalab/core-components-portal": "^2.0.5",
21
+ "@alfalab/core-components-stack": "^3.0.5",
22
+ "@alfalab/core-components-toast-plate": "^4.3.2",
23
23
  "classnames": "^2.2.6",
24
24
  "element-closest": "^3.0.2",
25
25
  "react-merge-refs": "^1.1.0",