@nulogy/components 6.4.0 → 6.4.1

package/dist/main.js

@@ -44183,22 +44183,6 @@
       opacity: 0
     }, visible ? FADE_IN_STYLES : FADE_OUT_STYLES);
   });
-  var AnimatedBoxBottom = styled__default['default'](Box).withConfig({
-    displayName: "Toast__AnimatedBoxBottom",
-    componentId: "sc-1cheg2k-1"
-  })(function (_ref2) {
-    var visible = _ref2.visible;
-    return Object.assign({
-      position: "fixed",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      marginLeft: "auto",
-      marginRight: "auto",
-      width: "fit-content",
-      tranform: "translateY(" + TOAST_Y_MIN + ")"
-    }, visible ? SLIDE_IN_STYLES : SLIDE_OUT_STYLES);
-  });
   var Toast = function Toast(_a) {
     var triggered = _a.triggered,
         onHide = _a.onHide,
@@ -44207,7 +44191,8 @@
         children = _a.children,
         showDuration = _a.showDuration,
         onHidden = _a.onHidden,
-        props = __rest(_a, ["triggered", "onHide", "onShow", "isCloseable", "children", "showDuration", "onHidden"]);
+        zIndex = _a.zIndex,
+        props = __rest(_a, ["triggered", "onHide", "onShow", "isCloseable", "children", "showDuration", "onHidden", "zIndex"]);
 
     var _useState = React.useState(triggered),
         visible = _useState[0],
@@ -44270,13 +44255,23 @@
       hideToast(0);
     };
 
-    return /*#__PURE__*/React__default['default'].createElement(AnimatedBoxBottom, {
+    return /*#__PURE__*/React__default['default'].createElement(Box, Object.assign({
       visible: visible,
       onMouseEnter: onMouseIn,
       onFocus: onMouseIn,
       onMouseLeave: onMouseOut,
-      onBlur: onMouseOut
-    }, /*#__PURE__*/React__default['default'].createElement(AnimatedAlert, Object.assign({
+      onBlur: onMouseOut,
+      position: "fixed",
+      bottom: "0",
+      left: "0",
+      right: "0",
+      marginLeft: "auto",
+      marginRight: "auto",
+      width: "fit-content",
+      transform: "translateY(" + TOAST_Y_MIN + ")"
+    }, visible ? SLIDE_IN_STYLES : SLIDE_OUT_STYLES, {
+      zIndex: zIndex
+    }), /*#__PURE__*/React__default['default'].createElement(AnimatedAlert, Object.assign({
       visible: visible,
       isCloseable: isCloseable,
       onClose: handleCloseButtonClick,

package/dist/main.module.js

@@ -44157,22 +44157,6 @@ var AnimatedAlert = styled(Alert).withConfig({
     opacity: 0
   }, visible ? FADE_IN_STYLES : FADE_OUT_STYLES);
 });
-var AnimatedBoxBottom = styled(Box).withConfig({
-  displayName: "Toast__AnimatedBoxBottom",
-  componentId: "sc-1cheg2k-1"
-})(function (_ref2) {
-  var visible = _ref2.visible;
-  return Object.assign({
-    position: "fixed",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    marginLeft: "auto",
-    marginRight: "auto",
-    width: "fit-content",
-    tranform: "translateY(" + TOAST_Y_MIN + ")"
-  }, visible ? SLIDE_IN_STYLES : SLIDE_OUT_STYLES);
-});
 var Toast = function Toast(_a) {
   var triggered = _a.triggered,
       onHide = _a.onHide,
@@ -44181,7 +44165,8 @@ var Toast = function Toast(_a) {
       children = _a.children,
       showDuration = _a.showDuration,
       onHidden = _a.onHidden,
-      props = __rest(_a, ["triggered", "onHide", "onShow", "isCloseable", "children", "showDuration", "onHidden"]);
+      zIndex = _a.zIndex,
+      props = __rest(_a, ["triggered", "onHide", "onShow", "isCloseable", "children", "showDuration", "onHidden", "zIndex"]);
 
   var _useState = useState(triggered),
       visible = _useState[0],
@@ -44244,13 +44229,23 @@ var Toast = function Toast(_a) {
     hideToast(0);
   };
 
-  return /*#__PURE__*/React__default.createElement(AnimatedBoxBottom, {
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
     visible: visible,
     onMouseEnter: onMouseIn,
     onFocus: onMouseIn,
     onMouseLeave: onMouseOut,
-    onBlur: onMouseOut
-  }, /*#__PURE__*/React__default.createElement(AnimatedAlert, Object.assign({
+    onBlur: onMouseOut,
+    position: "fixed",
+    bottom: "0",
+    left: "0",
+    right: "0",
+    marginLeft: "auto",
+    marginRight: "auto",
+    width: "fit-content",
+    transform: "translateY(" + TOAST_Y_MIN + ")"
+  }, visible ? SLIDE_IN_STYLES : SLIDE_OUT_STYLES, {
+    zIndex: zIndex
+  }), /*#__PURE__*/React__default.createElement(AnimatedAlert, Object.assign({
     visible: visible,
     isCloseable: isCloseable,
     onClose: handleCloseButtonClick,

package/dist/src/Toast/Toast.d.ts

@@ -8,7 +8,7 @@ declare type ToastProps = AlertProps & {
     onHidden?: (...args: any[]) => any;
 };
 export declare const Toast: {
-    ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, ...props }: ToastProps): JSX.Element;
+    ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): JSX.Element;
     defaultProps: {
         triggered: boolean;
         onShow: () => void;

package/dist/src/Toast/Toast.story.d.ts

@@ -22,6 +22,12 @@ export declare const WithCloseButton: {
         name: string;
     };
 };
+export declare const WithModal: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
 export declare const CloseableWithMultiLineMessage: {
     (): JSX.Element;
     story: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {