@alfalab/core-components-notification 5.2.10 → 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.
- package/CHANGELOG.md +31 -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 +13 -16
- /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,36 @@
|
|
|
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
|
+
|
|
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)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @alfalab/core-components-notification
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# [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)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Features
|
|
29
|
+
|
|
30
|
+
* circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## [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
37
|
|
|
8
38
|
|
|
@@ -538,6 +568,7 @@ remove z-index, add stack component
|
|
|
538
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)
|
|
539
569
|
|
|
540
570
|
|
|
571
|
+
|
|
541
572
|
### BREAKING CHANGES
|
|
542
573
|
|
|
543
574
|
* --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_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;
|
|
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_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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
39
|
+
.notification__notificationComponent_17v8f.notification__isVisible_17v8f {
|
|
40
40
|
visibility: visible;
|
|
41
41
|
transform: translate(0, 0);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
53
|
+
.notification__toastContent_17v8f {
|
|
54
54
|
width: var(--notification-desktop-content-width)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.notification__actionSection_17v8f {
|
|
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: 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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
39
|
+
.notification__notificationComponent_17v8f.notification__isVisible_17v8f {
|
|
40
40
|
visibility: visible;
|
|
41
41
|
transform: translate(0, 0);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
53
|
+
.notification__toastContent_17v8f {
|
|
54
54
|
width: var(--notification-desktop-content-width)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.notification__actionSection_17v8f {
|
|
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_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}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
39
|
+
.notification__notificationComponent_17v8f.notification__isVisible_17v8f {
|
|
40
40
|
visibility: visible;
|
|
41
41
|
transform: translate(0, 0);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
53
|
+
.notification__toastContent_17v8f {
|
|
54
54
|
width: var(--notification-desktop-content-width)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.notification__actionSection_17v8f {
|
|
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.2
|
|
3
|
+
"version": "5.3.2",
|
|
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 ./send-stats.js > /dev/null 2>&1 || exit 0"
|
|
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.2
|
|
25
|
-
"classnames": "2.2.6",
|
|
26
|
-
"element-closest": "3.0.2",
|
|
27
|
-
"react-merge-refs": "1.1.0",
|
|
28
|
-
"react-swipeable": "5.5.1"
|
|
29
|
-
}
|
|
30
|
-
"gitHead": "97545dc462e2c884c25f4a7e5092abf6dafac81f"
|
|
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
|
+
"classnames": "^2.2.6",
|
|
24
|
+
"element-closest": "^3.0.2",
|
|
25
|
+
"react-merge-refs": "^1.1.0",
|
|
26
|
+
"react-swipeable": "^5.5.1"
|
|
27
|
+
}
|
|
31
28
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|