@alfalab/core-components-notification 7.2.0 → 7.3.1

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/Component.js CHANGED
@@ -21,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
  var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
23
23
 
24
- var styles = {"notificationComponent":"notification__notificationComponent_xuk7g","isVisible":"notification__isVisible_xuk7g","isClosing":"notification__isClosing_xuk7g","toastContent":"notification__toastContent_xuk7g","actionSection":"notification__actionSection_xuk7g"};
24
+ var styles = {"notificationComponent":"notification__notificationComponent_241bj","isVisible":"notification__isVisible_241bj","isClosing":"notification__isClosing_241bj","toastContent":"notification__toastContent_241bj","actionSection":"notification__actionSection_241bj"};
25
25
  require('./index.css')
26
26
 
27
27
  var notificationClassNameSelector = ".".concat(styles.notificationComponent);
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Возвращает true, если значение равно null или undefined
3
+ */
4
+ declare function isNil<T>(value: T): value is T & (null | undefined);
5
+ /**
6
+ * Выбор значения между min max границами
7
+ */
8
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
9
+ declare function noop(): void;
10
+ declare const fnUtils: {
11
+ clamp: typeof clamp;
12
+ noop: typeof noop;
13
+ isNil: typeof isNil;
14
+ };
15
+ export { fnUtils };
@@ -20,6 +20,7 @@
20
20
  --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-0: 0;
23
24
  --gap-8: var(--gap-xs);
24
25
  --gap-12: var(--gap-s);
25
26
  --gap-24: var(--gap-xl);
@@ -27,7 +28,7 @@
27
28
  --gap-12-neg: var(--gap-s-neg);
28
29
  } :root {
29
30
  } :root {
30
- } :root {
31
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
31
32
  --notification-desktop-content-width: 278px;
32
33
  } .notificationComponent {
33
34
  visibility: hidden;
@@ -60,6 +61,6 @@
60
61
  } .actionSection {
61
62
  min-width: 104px;
62
63
  min-height: 48px;
63
- padding: 0 var(--gap-8);
64
- margin: var(--gap-12-neg) 0;
64
+ padding: var(--gap-0) var(--gap-8);
65
+ margin: var(--gap-12-neg) var(--gap-0);
65
66
  }
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from "../utils/getNotificationTestIds";
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var utils_getNotificationTestIds = require('../utils/getNotificationTestIds.js');
6
+
7
+
8
+
9
+ exports.getNotificationTestIds = utils_getNotificationTestIds.getNotificationTestIds;
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+ declare const useIsMounted: () => [isMountedRef: RefObject<boolean>, runIfMounted: (callback: () => void) => void];
3
+ export { useIsMounted };
package/esm/Component.js CHANGED
@@ -10,7 +10,7 @@ import { ToastPlateDesktop } from '@alfalab/core-components-toast-plate/esm/desk
10
10
  import { stackingOrder } from '@alfalab/stack-context';
11
11
  import { useClickOutside } from './utils/index.js';
12
12
 
13
- var styles = {"notificationComponent":"notification__notificationComponent_xuk7g","isVisible":"notification__isVisible_xuk7g","isClosing":"notification__isClosing_xuk7g","toastContent":"notification__toastContent_xuk7g","actionSection":"notification__actionSection_xuk7g"};
13
+ var styles = {"notificationComponent":"notification__notificationComponent_241bj","isVisible":"notification__isVisible_241bj","isClosing":"notification__isClosing_241bj","toastContent":"notification__toastContent_241bj","actionSection":"notification__actionSection_241bj"};
14
14
  require('./index.css')
15
15
 
16
16
  var notificationClassNameSelector = ".".concat(styles.notificationComponent);
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Возвращает true, если значение равно null или undefined
3
+ */
4
+ declare function isNil<T>(value: T): value is T & (null | undefined);
5
+ /**
6
+ * Выбор значения между min max границами
7
+ */
8
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
9
+ declare function noop(): void;
10
+ declare const fnUtils: {
11
+ clamp: typeof clamp;
12
+ noop: typeof noop;
13
+ isNil: typeof isNil;
14
+ };
15
+ export { fnUtils };
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19vst */
1
+ /* hash: nm6lv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,7 @@
21
21
  --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
24
25
  --gap-8: var(--gap-xs);
25
26
  --gap-12: var(--gap-s);
26
27
  --gap-24: var(--gap-xl);
@@ -28,9 +29,9 @@
28
29
  --gap-12-neg: var(--gap-s-neg);
29
30
  } :root {
30
31
  } :root {
31
- } :root {
32
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
32
33
  --notification-desktop-content-width: 278px;
33
- } .notification__notificationComponent_xuk7g {
34
+ } .notification__notificationComponent_241bj {
34
35
  visibility: hidden;
35
36
  right: var(--gap-12);
36
37
  transform: translate(0, -500px);
@@ -39,28 +40,28 @@
39
40
  -webkit-user-select: none;
40
41
  user-select: none;
41
42
  transition: transform 0.4s ease-out
42
- } @media screen and (min-width: 600px) { .notification__notificationComponent_xuk7g {
43
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_241bj {
43
44
  right: var(--gap-48);
44
45
  width: auto;
45
46
  transform: translate(calc(100% + var(--gap-48)), 0)
46
47
  }
47
- } .notification__notificationComponent_xuk7g.notification__isVisible_xuk7g {
48
+ } .notification__notificationComponent_241bj.notification__isVisible_241bj {
48
49
  visibility: visible;
49
50
  transform: translate(0, 0);
50
- } .notification__notificationComponent_xuk7g.notification__isClosing_xuk7g {
51
+ } .notification__notificationComponent_241bj.notification__isClosing_241bj {
51
52
  transition: transform 0.1s ease-out;
52
53
  transform: translate(100vw, 0)
53
- } @media screen and (min-width: 600px) { .notification__notificationComponent_xuk7g.notification__isClosing_xuk7g {
54
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_241bj.notification__isClosing_241bj {
54
55
  transform: translate(calc(100% + var(--gap-48)), 0)
55
56
  }
56
- } .notification__notificationComponent_xuk7g.notification__notificationComponent_xuk7g {
57
+ } .notification__notificationComponent_241bj.notification__notificationComponent_241bj {
57
58
  position: fixed;
58
- } @media screen and (min-width: 600px) { .notification__toastContent_xuk7g {
59
+ } @media screen and (min-width: 600px) { .notification__toastContent_241bj {
59
60
  width: var(--notification-desktop-content-width)
60
61
  }
61
- } .notification__actionSection_xuk7g {
62
+ } .notification__actionSection_241bj {
62
63
  min-width: 104px;
63
64
  min-height: 48px;
64
- padding: 0 var(--gap-8);
65
- margin: var(--gap-12-neg) 0;
65
+ padding: var(--gap-0) var(--gap-8);
66
+ margin: var(--gap-12-neg) var(--gap-0);
66
67
  }
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from "../utils/getNotificationTestIds";
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from '../utils/getNotificationTestIds.js';
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+ declare const useIsMounted: () => [isMountedRef: RefObject<boolean>, runIfMounted: (callback: () => void) => void];
3
+ export { useIsMounted };
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Возвращает true, если значение равно null или undefined
3
+ */
4
+ declare function isNil<T>(value: T): value is T & (null | undefined);
5
+ /**
6
+ * Выбор значения между min max границами
7
+ */
8
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
9
+ declare function noop(): void;
10
+ declare const fnUtils: {
11
+ clamp: typeof clamp;
12
+ noop: typeof noop;
13
+ isNil: typeof isNil;
14
+ };
15
+ export { fnUtils };
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19vst */
1
+ /* hash: nm6lv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,7 @@
21
21
  --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
24
25
  --gap-8: var(--gap-xs);
25
26
  --gap-12: var(--gap-s);
26
27
  --gap-24: var(--gap-xl);
@@ -28,9 +29,9 @@
28
29
  --gap-12-neg: var(--gap-s-neg);
29
30
  } :root {
30
31
  } :root {
31
- } :root {
32
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
32
33
  --notification-desktop-content-width: 278px;
33
- } .notification__notificationComponent_xuk7g {
34
+ } .notification__notificationComponent_241bj {
34
35
  visibility: hidden;
35
36
  right: var(--gap-12);
36
37
  transform: translate(0, -500px);
@@ -39,28 +40,28 @@
39
40
  -webkit-user-select: none;
40
41
  user-select: none;
41
42
  transition: transform 0.4s ease-out
42
- } @media screen and (min-width: 600px) { .notification__notificationComponent_xuk7g {
43
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_241bj {
43
44
  right: var(--gap-48);
44
45
  width: auto;
45
46
  transform: translate(calc(100% + var(--gap-48)), 0)
46
47
  }
47
- } .notification__notificationComponent_xuk7g.notification__isVisible_xuk7g {
48
+ } .notification__notificationComponent_241bj.notification__isVisible_241bj {
48
49
  visibility: visible;
49
50
  transform: translate(0, 0);
50
- } .notification__notificationComponent_xuk7g.notification__isClosing_xuk7g {
51
+ } .notification__notificationComponent_241bj.notification__isClosing_241bj {
51
52
  transition: transform 0.1s ease-out;
52
53
  transform: translate(100vw, 0)
53
- } @media screen and (min-width: 600px) { .notification__notificationComponent_xuk7g.notification__isClosing_xuk7g {
54
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_241bj.notification__isClosing_241bj {
54
55
  transform: translate(calc(100% + var(--gap-48)), 0)
55
56
  }
56
- } .notification__notificationComponent_xuk7g.notification__notificationComponent_xuk7g {
57
+ } .notification__notificationComponent_241bj.notification__notificationComponent_241bj {
57
58
  position: fixed;
58
- } @media screen and (min-width: 600px) { .notification__toastContent_xuk7g {
59
+ } @media screen and (min-width: 600px) { .notification__toastContent_241bj {
59
60
  width: var(--notification-desktop-content-width)
60
61
  }
61
- } .notification__actionSection_xuk7g {
62
+ } .notification__actionSection_241bj {
62
63
  min-width: 104px;
63
64
  min-height: 48px;
64
- padding: 0 var(--gap-8);
65
- margin: var(--gap-12-neg) 0;
65
+ padding: var(--gap-0) var(--gap-8);
66
+ margin: var(--gap-12-neg) var(--gap-0);
66
67
  }
@@ -9,7 +9,7 @@ import { ToastPlateDesktop } from '@alfalab/core-components-toast-plate/modern/d
9
9
  import { stackingOrder } from '@alfalab/stack-context';
10
10
  import { useClickOutside } from './utils/index.js';
11
11
 
12
- const styles = {"notificationComponent":"notification__notificationComponent_xuk7g","isVisible":"notification__isVisible_xuk7g","isClosing":"notification__isClosing_xuk7g","toastContent":"notification__toastContent_xuk7g","actionSection":"notification__actionSection_xuk7g"};
12
+ const styles = {"notificationComponent":"notification__notificationComponent_241bj","isVisible":"notification__isVisible_241bj","isClosing":"notification__isClosing_241bj","toastContent":"notification__toastContent_241bj","actionSection":"notification__actionSection_241bj"};
13
13
  require('./index.css')
14
14
 
15
15
  const notificationClassNameSelector = `.${styles.notificationComponent}`;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Возвращает true, если значение равно null или undefined
3
+ */
4
+ declare function isNil<T>(value: T): value is T & (null | undefined);
5
+ /**
6
+ * Выбор значения между min max границами
7
+ */
8
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
9
+ declare function noop(): void;
10
+ declare const fnUtils: {
11
+ clamp: typeof clamp;
12
+ noop: typeof noop;
13
+ isNil: typeof isNil;
14
+ };
15
+ export { fnUtils };
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19vst */
1
+ /* hash: nm6lv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,7 @@
21
21
  --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
24
25
  --gap-8: var(--gap-xs);
25
26
  --gap-12: var(--gap-s);
26
27
  --gap-24: var(--gap-xl);
@@ -28,9 +29,9 @@
28
29
  --gap-12-neg: var(--gap-s-neg);
29
30
  } :root {
30
31
  } :root {
31
- } :root {
32
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
32
33
  --notification-desktop-content-width: 278px;
33
- } .notification__notificationComponent_xuk7g {
34
+ } .notification__notificationComponent_241bj {
34
35
  visibility: hidden;
35
36
  right: var(--gap-12);
36
37
  transform: translate(0, -500px);
@@ -39,28 +40,28 @@
39
40
  -webkit-user-select: none;
40
41
  user-select: none;
41
42
  transition: transform 0.4s ease-out
42
- } @media screen and (min-width: 600px) { .notification__notificationComponent_xuk7g {
43
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_241bj {
43
44
  right: var(--gap-48);
44
45
  width: auto;
45
46
  transform: translate(calc(100% + var(--gap-48)), 0)
46
47
  }
47
- } .notification__notificationComponent_xuk7g.notification__isVisible_xuk7g {
48
+ } .notification__notificationComponent_241bj.notification__isVisible_241bj {
48
49
  visibility: visible;
49
50
  transform: translate(0, 0);
50
- } .notification__notificationComponent_xuk7g.notification__isClosing_xuk7g {
51
+ } .notification__notificationComponent_241bj.notification__isClosing_241bj {
51
52
  transition: transform 0.1s ease-out;
52
53
  transform: translate(100vw, 0)
53
- } @media screen and (min-width: 600px) { .notification__notificationComponent_xuk7g.notification__isClosing_xuk7g {
54
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_241bj.notification__isClosing_241bj {
54
55
  transform: translate(calc(100% + var(--gap-48)), 0)
55
56
  }
56
- } .notification__notificationComponent_xuk7g.notification__notificationComponent_xuk7g {
57
+ } .notification__notificationComponent_241bj.notification__notificationComponent_241bj {
57
58
  position: fixed;
58
- } @media screen and (min-width: 600px) { .notification__toastContent_xuk7g {
59
+ } @media screen and (min-width: 600px) { .notification__toastContent_241bj {
59
60
  width: var(--notification-desktop-content-width)
60
61
  }
61
- } .notification__actionSection_xuk7g {
62
+ } .notification__actionSection_241bj {
62
63
  min-width: 104px;
63
64
  min-height: 48px;
64
- padding: 0 var(--gap-8);
65
- margin: var(--gap-12-neg) 0;
65
+ padding: var(--gap-0) var(--gap-8);
66
+ margin: var(--gap-12-neg) var(--gap-0);
66
67
  }
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from "../utils/getNotificationTestIds";
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from '../utils/getNotificationTestIds.js';
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+ declare const useIsMounted: () => [isMountedRef: RefObject<boolean>, runIfMounted: (callback: () => void) => void];
3
+ export { useIsMounted };
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Возвращает true, если значение равно null или undefined
3
+ */
4
+ declare function isNil<T>(value: T): value is T & (null | undefined);
5
+ /**
6
+ * Выбор значения между min max границами
7
+ */
8
+ declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
9
+ declare function noop(): void;
10
+ declare const fnUtils: {
11
+ clamp: typeof clamp;
12
+ noop: typeof noop;
13
+ isNil: typeof isNil;
14
+ };
15
+ export { fnUtils };
@@ -55,6 +55,6 @@
55
55
  .actionSection {
56
56
  min-width: 104px;
57
57
  min-height: 48px;
58
- padding: 0 var(--gap-8);
59
- margin: var(--gap-12-neg) 0;
58
+ padding: var(--gap-0) var(--gap-8);
59
+ margin: var(--gap-12-neg) var(--gap-0);
60
60
  }
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from "../utils/getNotificationTestIds";
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from '../utils/getNotificationTestIds.js';
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+ declare const useIsMounted: () => [isMountedRef: RefObject<boolean>, runIfMounted: (callback: () => void) => void];
3
+ export { useIsMounted };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification",
3
- "version": "7.2.0",
3
+ "version": "7.3.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,15 +14,15 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-portal": "^3.3.1",
17
+ "@alfalab/core-components-portal": "^3.3.2",
18
18
  "@alfalab/core-components-stack": "^5.0.0",
19
- "@alfalab/core-components-toast-plate": "^7.2.0",
19
+ "@alfalab/core-components-toast-plate": "^7.2.2",
20
20
  "classnames": "^2.3.1",
21
21
  "element-closest": "^3.0.2",
22
22
  "react-merge-refs": "^1.1.0",
23
23
  "react-swipeable": "^7.0.0",
24
24
  "tslib": "^2.4.0"
25
25
  },
26
- "themesVersion": "13.1.0",
27
- "varsVersion": "9.12.0"
26
+ "themesVersion": "13.2.0",
27
+ "varsVersion": "9.13.1"
28
28
  }
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from "../utils/getNotificationTestIds";
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var utils_getNotificationTestIds = require('../utils/getNotificationTestIds.js');
6
+
7
+
8
+
9
+ exports.getNotificationTestIds = utils_getNotificationTestIds.getNotificationTestIds;
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/shared/index.js"
3
+ }
@@ -47,6 +47,6 @@
47
47
  .actionSection {
48
48
  min-width: 104px;
49
49
  min-height: 48px;
50
- padding: 0 var(--gap-8);
51
- margin: var(--gap-12-neg) 0;
50
+ padding: var(--gap-0) var(--gap-8);
51
+ margin: var(--gap-12-neg) var(--gap-0);
52
52
  }
@@ -0,0 +1 @@
1
+ export { getNotificationTestIds } from '../utils/getNotificationTestIds';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../esm/shared/index.js"
3
+ }
@@ -0,0 +1,3 @@
1
+ import { RefObject } from 'react';
2
+ declare const useIsMounted: () => [isMountedRef: RefObject<boolean>, runIfMounted: (callback: () => void) => void];
3
+ export { useIsMounted };