@alfalab/core-components-notification 6.1.14 → 6.1.16

package/Component.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var reactSwipeable = require('react-swipeable');
@@ -17,51 +18,12 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var styles = {"notificationComponent":"notification__notificationComponent_1h6xk","isVisible":"notification__isVisible_1h6xk","isClosing":"notification__isClosing_1h6xk","toastContent":"notification__toastContent_1h6xk","actionSection":"notification__actionSection_1h6xk"};
+var styles = {"notificationComponent":"notification__notificationComponent_rkhyt","isVisible":"notification__isVisible_rkhyt","isClosing":"notification__isClosing_rkhyt","toastContent":"notification__toastContent_rkhyt","actionSection":"notification__actionSection_rkhyt"};
 require('./index.css')
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);
 var Notification = React.forwardRef(function (_a, ref) {
-    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = __rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);
@@ -133,11 +95,11 @@ var Notification = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) {
         var _a;
         return (React__default.default.createElement(Wrapper, null,
-            React__default.default.createElement("div", __assign({}, swipeableHandlers),
-                React__default.default.createElement(coreComponentsToastPlate.ToastPlate, __assign({ className: cn__default.default(styles.notificationComponent, (_a = {},
+            React__default.default.createElement("div", tslib.__assign({}, swipeableHandlers),
+                React__default.default.createElement(coreComponentsToastPlate.ToastPlate, tslib.__assign({ className: cn__default.default(styles.notificationComponent, (_a = {},
                         _a[styles.isVisible] = visible,
                         _a[styles.isClosing] = isClosing,
-                        _a), className), contentClassName: styles.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles.actionSection), style: __assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
+                        _a), className), contentClassName: styles.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles.actionSection), style: tslib.__assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
     }));
 });
 

package/cssm/Component.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var reactSwipeable = require('react-swipeable');
@@ -19,48 +20,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var notificationClassNameSelector = ".".concat(styles__default.default.notificationComponent);
 var Notification = React.forwardRef(function (_a, ref) {
-    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = __rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);
@@ -132,11 +94,11 @@ var Notification = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) {
         var _a;
         return (React__default.default.createElement(Wrapper, null,
-            React__default.default.createElement("div", __assign({}, swipeableHandlers),
-                React__default.default.createElement(coreComponentsToastPlate.ToastPlate, __assign({ className: cn__default.default(styles__default.default.notificationComponent, (_a = {},
+            React__default.default.createElement("div", tslib.__assign({}, swipeableHandlers),
+                React__default.default.createElement(coreComponentsToastPlate.ToastPlate, tslib.__assign({ className: cn__default.default(styles__default.default.notificationComponent, (_a = {},
                         _a[styles__default.default.isVisible] = visible,
                         _a[styles__default.default.isClosing] = isClosing,
-                        _a), className), contentClassName: styles__default.default.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles__default.default.actionSection), style: __assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
+                        _a), className), contentClassName: styles__default.default.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles__default.default.actionSection), style: tslib.__assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
     }));
 });
 

package/cssm/index.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var Component = require('./Component.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('react-swipeable');

package/esm/Component.js

@@ -1,3 +1,4 @@
+import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useRef, useState, useCallback, useEffect, Fragment } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { useSwipeable } from 'react-swipeable';
@@ -8,46 +9,7 @@ import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
 import { ToastPlate } from '@alfalab/core-components-toast-plate/esm';
 import { useClickOutside } from './utils/index.js';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var styles = {"notificationComponent":"notification__notificationComponent_1h6xk","isVisible":"notification__isVisible_1h6xk","isClosing":"notification__isClosing_1h6xk","toastContent":"notification__toastContent_1h6xk","actionSection":"notification__actionSection_1h6xk"};
+var styles = {"notificationComponent":"notification__notificationComponent_rkhyt","isVisible":"notification__isVisible_rkhyt","isClosing":"notification__isClosing_rkhyt","toastContent":"notification__toastContent_rkhyt","actionSection":"notification__actionSection_rkhyt"};
 require('./index.css')
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: s7mea */
+/* hash: 246ut */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1h6xk {
+} .notification__notificationComponent_rkhyt {
     visibility: hidden;
     position: fixed;
     right: var(--gap-s);
@@ -32,24 +32,24 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1h6xk {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_rkhyt {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_1h6xk.notification__isVisible_1h6xk {
+    } .notification__notificationComponent_rkhyt.notification__isVisible_rkhyt {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1h6xk.notification__isClosing_1h6xk {
+    } .notification__notificationComponent_rkhyt.notification__isClosing_rkhyt {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1h6xk.notification__isClosing_1h6xk {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_rkhyt.notification__isClosing_rkhyt {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } @media screen and (min-width: 600px) { .notification__toastContent_1h6xk {
+        } @media screen and (min-width: 600px) { .notification__toastContent_rkhyt {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1h6xk {
+    } .notification__actionSection_rkhyt {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/esm/index.js

@@ -1,4 +1,5 @@
 export { Notification } from './Component.js';
+import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'react-swipeable';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: s7mea */
+/* hash: 246ut */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1h6xk {
+} .notification__notificationComponent_rkhyt {
     visibility: hidden;
     position: fixed;
     right: var(--gap-s);
@@ -32,24 +32,24 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1h6xk {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_rkhyt {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_1h6xk.notification__isVisible_1h6xk {
+    } .notification__notificationComponent_rkhyt.notification__isVisible_rkhyt {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1h6xk.notification__isClosing_1h6xk {
+    } .notification__notificationComponent_rkhyt.notification__isClosing_rkhyt {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1h6xk.notification__isClosing_1h6xk {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_rkhyt.notification__isClosing_rkhyt {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } @media screen and (min-width: 600px) { .notification__toastContent_1h6xk {
+        } @media screen and (min-width: 600px) { .notification__toastContent_rkhyt {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1h6xk {
+    } .notification__actionSection_rkhyt {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/index.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var Component = require('./Component.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('react-swipeable');

package/modern/Component.js

@@ -8,7 +8,7 @@ import { Stack, stackingOrder } from '@alfalab/core-components-stack/modern';
 import { ToastPlate } from '@alfalab/core-components-toast-plate/modern';
 import { useClickOutside } from './utils/index.js';
 
-const styles = {"notificationComponent":"notification__notificationComponent_1h6xk","isVisible":"notification__isVisible_1h6xk","isClosing":"notification__isClosing_1h6xk","toastContent":"notification__toastContent_1h6xk","actionSection":"notification__actionSection_1h6xk"};
+const styles = {"notificationComponent":"notification__notificationComponent_rkhyt","isVisible":"notification__isVisible_rkhyt","isClosing":"notification__isClosing_rkhyt","toastContent":"notification__toastContent_rkhyt","actionSection":"notification__actionSection_rkhyt"};
 require('./index.css')
 
 const notificationClassNameSelector = `.${styles.notificationComponent}`;

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: s7mea */
+/* hash: 246ut */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1h6xk {
+} .notification__notificationComponent_rkhyt {
     visibility: hidden;
     position: fixed;
     right: var(--gap-s);
@@ -32,24 +32,24 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1h6xk {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_rkhyt {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_1h6xk.notification__isVisible_1h6xk {
+    } .notification__notificationComponent_rkhyt.notification__isVisible_rkhyt {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1h6xk.notification__isClosing_1h6xk {
+    } .notification__notificationComponent_rkhyt.notification__isClosing_rkhyt {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1h6xk.notification__isClosing_1h6xk {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_rkhyt.notification__isClosing_rkhyt {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } @media screen and (min-width: 600px) { .notification__toastContent_1h6xk {
+        } @media screen and (min-width: 600px) { .notification__toastContent_rkhyt {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1h6xk {
+    } .notification__actionSection_rkhyt {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-notification",
-    "version": "6.1.14",
+    "version": "6.1.16",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -17,12 +17,13 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-portal": "^3.1.2",
-        "@alfalab/core-components-stack": "^4.0.2",
-        "@alfalab/core-components-toast-plate": "^5.1.12",
+        "@alfalab/core-components-portal": "^3.1.3",
+        "@alfalab/core-components-stack": "^4.0.3",
+        "@alfalab/core-components-toast-plate": "^5.1.14",
         "classnames": "^2.3.1",
         "element-closest": "^3.0.2",
         "react-merge-refs": "^1.1.0",
-        "react-swipeable": "^5.5.1"
+        "react-swipeable": "^5.5.1",
+        "tslib": "^2.4.0"
     }
 }