@danske/sapphire-react-lab 0.81.0 → 0.82.0

package/build/cjs/index.js

@@ -2341,7 +2341,13 @@ var __objRest$c = (source, exclude) => {
   return target;
 };
 const ToastRegion = (_a) => {
-  var _b = _a, { state } = _b, props = __objRest$c(_b, ["state"]);
+  var _b = _a, {
+    state,
+    placement = "bottom"
+  } = _b, props = __objRest$c(_b, [
+    "state",
+    "placement"
+  ]);
   const ref = React.useRef(null);
   const { regionProps } = toast.useToastRegion(props, state, ref);
   const { overlayZIndex = 100 } = sapphireReact.useThemeContext();
@@ -2349,7 +2355,7 @@ const ToastRegion = (_a) => {
     contrast: true
   }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$c(__spreadValues$e({}, regionProps), {
     ref,
-    className: styles__default$8["default"]["sapphire-toast-container"],
+    className: clsx__default["default"](styles__default$8["default"]["sapphire-toast-container"], styles__default$8["default"][`sapphire-toast-container--${placement}`]),
     style: {
       zIndex: overlayZIndex + 200
     }
@@ -2398,7 +2404,13 @@ var __objRest$b = (source, exclude) => {
   return target;
 };
 const ToastProvider = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest$b(_b, ["children"]);
+  var _b = _a, {
+    children,
+    placement = "bottom"
+  } = _b, props = __objRest$b(_b, [
+    "children",
+    "placement"
+  ]);
   sapphireReact.useThemeCheck();
   const state = toast$1.useToastState({
     maxVisibleToasts: 1,
@@ -2407,7 +2419,8 @@ const ToastProvider = (_a) => {
   return /* @__PURE__ */ React__default["default"].createElement(ToastContext.Provider, {
     value: state
   }, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React__default["default"].createElement(ToastRegion, __spreadProps$b(__spreadValues$d({}, props), {
-    state
+    state,
+    placement
   })));
 };