@alfalab/core-components-notification 5.3.0 → 5.3.3
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.
- package/CHANGELOG.md +28 -0
- package/{dist/Component.d.ts → Component.d.ts} +0 -0
- package/{dist/Component.js → Component.js} +1 -1
- package/{dist/cssm → cssm}/Component.d.ts +0 -0
- package/{dist/cssm → cssm}/Component.js +3 -3
- package/{dist/cssm → cssm}/index.d.ts +0 -0
- package/{dist/cssm → cssm}/index.js +3 -3
- package/{dist/cssm → cssm}/index.module.css +0 -0
- package/{dist/cssm → cssm}/utils/index.d.ts +0 -0
- package/{dist/cssm → cssm}/utils/index.js +0 -0
- package/{dist/esm → esm}/Component.d.ts +0 -0
- package/{dist/esm → esm}/Component.js +4 -4
- package/{dist/modern → esm}/index.css +8 -8
- package/{dist/esm → esm}/index.d.ts +0 -0
- package/{dist/esm → esm}/index.js +3 -3
- package/{dist/esm → esm}/utils/index.d.ts +0 -0
- package/{dist/esm → esm}/utils/index.js +0 -0
- package/{dist/esm/index.css → index.css} +8 -8
- package/{dist/index.d.ts → index.d.ts} +0 -0
- package/{dist/index.js → index.js} +0 -0
- package/{dist/modern → modern}/Component.d.ts +0 -0
- package/{dist/modern → modern}/Component.js +4 -4
- package/{dist → modern}/index.css +8 -8
- package/{dist/modern → modern}/index.d.ts +0 -0
- package/{dist/modern → modern}/index.js +3 -3
- package/{dist/modern → modern}/utils/index.d.ts +0 -0
- package/{dist/modern → modern}/utils/index.js +0 -0
- package/package.json +9 -12
- /package/{dist/send-stats.js → send-stats.js} +0 -0
- /package/{dist/utils → utils}/index.d.ts +0 -0
- /package/{dist/utils → utils}/index.js +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
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.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.3.2...@alfalab/core-components-notification@5.3.3) (2022-07-18)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @alfalab/core-components-notification
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [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)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [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)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @alfalab/core-components-notification
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
# [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-notification@5.2.10...@alfalab/core-components-notification@5.3.0) (2022-06-28)
|
|
7
34
|
|
|
8
35
|
|
|
@@ -549,6 +576,7 @@ remove z-index, add stack component
|
|
|
549
576
|
* Betters toasts (#521) ([628b032](https://github.com/core-ds/core-components/commit/628b032f00dc36a71563f62238bd3f559968f320)), closes [#521](https://github.com/core-ds/core-components/issues/521)
|
|
550
577
|
|
|
551
578
|
|
|
579
|
+
|
|
552
580
|
### BREAKING CHANGES
|
|
553
581
|
|
|
554
582
|
* --notification-desktop-width var removed
|
|
File without changes
|
|
@@ -58,7 +58,7 @@ function __rest(s, e) {
|
|
|
58
58
|
return t;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
var styles = {"notificationComponent":"
|
|
61
|
+
var styles = {"notificationComponent":"notification__notificationComponent_1h7sv","isVisible":"notification__isVisible_1h7sv","isClosing":"notification__isClosing_1h7sv","toastContent":"notification__toastContent_1h7sv","actionSection":"notification__actionSection_1h7sv"};
|
|
62
62
|
require('./index.css')
|
|
63
63
|
|
|
64
64
|
var notificationClassNameSelector = "." + styles.notificationComponent;
|
|
File without changes
|
|
@@ -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/
|
|
11
|
-
var coreComponentsToastPlate = require('@alfalab/core-components-toast-plate/
|
|
12
|
-
var coreComponentsStack = require('@alfalab/core-components-stack/
|
|
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
|
|
|
File without changes
|
|
@@ -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/
|
|
12
|
-
require('@alfalab/core-components-toast-plate/
|
|
13
|
-
require('@alfalab/core-components-stack/
|
|
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
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -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/
|
|
7
|
-
import { ToastPlate } from '@alfalab/core-components-toast-plate/
|
|
8
|
-
import { stackingOrder, Stack } from '@alfalab/core-components-stack/
|
|
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":"
|
|
50
|
+
var styles = {"notificationComponent":"notification__notificationComponent_1h7sv","isVisible":"notification__isVisible_1h7sv","isClosing":"notification__isClosing_1h7sv","toastContent":"notification__toastContent_1h7sv","actionSection":"notification__actionSection_1h7sv"};
|
|
51
51
|
require('./index.css')
|
|
52
52
|
|
|
53
53
|
var notificationClassNameSelector = "." + styles.notificationComponent;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: zldfs */
|
|
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
|
-
.
|
|
20
|
+
.notification__notificationComponent_1h7sv {
|
|
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
|
-
.
|
|
33
|
+
.notification__notificationComponent_1h7sv {
|
|
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
|
-
.
|
|
39
|
+
.notification__notificationComponent_1h7sv.notification__isVisible_1h7sv {
|
|
40
40
|
visibility: visible;
|
|
41
41
|
transform: translate(0, 0);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.notification__notificationComponent_1h7sv.notification__isClosing_1h7sv {
|
|
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
|
-
.
|
|
48
|
+
.notification__notificationComponent_1h7sv.notification__isClosing_1h7sv {
|
|
49
49
|
transform: translate(calc(100% + var(--gap-4xl)), 0)
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
@media screen and (min-width: 600px) {
|
|
53
|
-
.
|
|
53
|
+
.notification__toastContent_1h7sv {
|
|
54
54
|
width: var(--notification-desktop-content-width)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.notification__actionSection_1h7sv {
|
|
58
58
|
min-width: 104px;
|
|
59
59
|
min-height: 48px;
|
|
60
60
|
padding: 0 var(--gap-xs);
|
|
File without changes
|
|
@@ -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/
|
|
8
|
-
import '@alfalab/core-components-toast-plate/
|
|
9
|
-
import '@alfalab/core-components-stack/
|
|
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';
|
|
File without changes
|
|
File without changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: zldfs */
|
|
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
|
-
.
|
|
20
|
+
.notification__notificationComponent_1h7sv {
|
|
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
|
-
.
|
|
33
|
+
.notification__notificationComponent_1h7sv {
|
|
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
|
-
.
|
|
39
|
+
.notification__notificationComponent_1h7sv.notification__isVisible_1h7sv {
|
|
40
40
|
visibility: visible;
|
|
41
41
|
transform: translate(0, 0);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.notification__notificationComponent_1h7sv.notification__isClosing_1h7sv {
|
|
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
|
-
.
|
|
48
|
+
.notification__notificationComponent_1h7sv.notification__isClosing_1h7sv {
|
|
49
49
|
transform: translate(calc(100% + var(--gap-4xl)), 0)
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
@media screen and (min-width: 600px) {
|
|
53
|
-
.
|
|
53
|
+
.notification__toastContent_1h7sv {
|
|
54
54
|
width: var(--notification-desktop-content-width)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.notification__actionSection_1h7sv {
|
|
58
58
|
min-width: 104px;
|
|
59
59
|
min-height: 48px;
|
|
60
60
|
padding: 0 var(--gap-xs);
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -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/
|
|
7
|
-
import { ToastPlate } from '@alfalab/core-components-toast-plate/
|
|
8
|
-
import { stackingOrder, Stack } from '@alfalab/core-components-stack/
|
|
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":"
|
|
11
|
+
var styles = {"notificationComponent":"notification__notificationComponent_1h7sv","isVisible":"notification__isVisible_1h7sv","isClosing":"notification__isClosing_1h7sv","toastContent":"notification__toastContent_1h7sv","actionSection":"notification__actionSection_1h7sv"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
const notificationClassNameSelector = `.${styles.notificationComponent}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: zldfs */
|
|
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
|
-
.
|
|
20
|
+
.notification__notificationComponent_1h7sv {
|
|
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
|
-
.
|
|
33
|
+
.notification__notificationComponent_1h7sv {
|
|
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
|
-
.
|
|
39
|
+
.notification__notificationComponent_1h7sv.notification__isVisible_1h7sv {
|
|
40
40
|
visibility: visible;
|
|
41
41
|
transform: translate(0, 0);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.notification__notificationComponent_1h7sv.notification__isClosing_1h7sv {
|
|
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
|
-
.
|
|
48
|
+
.notification__notificationComponent_1h7sv.notification__isClosing_1h7sv {
|
|
49
49
|
transform: translate(calc(100% + var(--gap-4xl)), 0)
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
@media screen and (min-width: 600px) {
|
|
53
|
-
.
|
|
53
|
+
.notification__toastContent_1h7sv {
|
|
54
54
|
width: var(--notification-desktop-content-width)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.notification__actionSection_1h7sv {
|
|
58
58
|
min-width: 104px;
|
|
59
59
|
min-height: 48px;
|
|
60
60
|
padding: 0 var(--gap-xs);
|
|
File without changes
|
|
@@ -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/
|
|
7
|
-
import '@alfalab/core-components-toast-plate/
|
|
8
|
-
import '@alfalab/core-components-stack/
|
|
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';
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,31 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-notification",
|
|
3
|
-
"version": "5.3.
|
|
3
|
+
"version": "5.3.3",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
7
|
-
"main": "
|
|
7
|
+
"main": "index.js",
|
|
8
8
|
"module": "./dist/modern/index.js",
|
|
9
|
-
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
],
|
|
12
9
|
"scripts": {
|
|
13
|
-
"postinstall": "node ./
|
|
10
|
+
"postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
|
|
14
11
|
},
|
|
15
12
|
"publishConfig": {
|
|
16
|
-
"access": "public"
|
|
13
|
+
"access": "public",
|
|
14
|
+
"directory": "dist"
|
|
17
15
|
},
|
|
18
16
|
"peerDependencies": {
|
|
19
17
|
"react": "^16.9.0 || ^17.0.1"
|
|
20
18
|
},
|
|
21
19
|
"dependencies": {
|
|
22
|
-
"@alfalab/core-components-portal": "^2.0.
|
|
23
|
-
"@alfalab/core-components-stack": "^3.0.
|
|
24
|
-
"@alfalab/core-components-toast-plate": "^4.3.
|
|
20
|
+
"@alfalab/core-components-portal": "^2.0.6",
|
|
21
|
+
"@alfalab/core-components-stack": "^3.0.5",
|
|
22
|
+
"@alfalab/core-components-toast-plate": "^4.3.3",
|
|
25
23
|
"classnames": "^2.2.6",
|
|
26
24
|
"element-closest": "^3.0.2",
|
|
27
25
|
"react-merge-refs": "^1.1.0",
|
|
28
26
|
"react-swipeable": "^5.5.1"
|
|
29
|
-
}
|
|
30
|
-
"gitHead": "dcd5c0c8e25b7c374ff9311505ccf738a82e22c0"
|
|
27
|
+
}
|
|
31
28
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|