@wavelengthusaf/components 1.0.8 → 1.0.9

package/dist/index.mjs

@@ -4402,7 +4402,7 @@ import Box3 from "@mui/material/Box";
 import { Divider as Divider2, IconButton as IconButton3 } from "@mui/material";
 import { HelpOutline } from "@mui/icons-material";
 var customStyle = { marginLeft: 16, marginRight: 16, marginTop: 8, marginBottom: 8 };
-function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection }) {
+function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection, color: color2 }) {
   const [anchorEl, setAnchorEl] = React28.useState(null);
   const open = Boolean(anchorEl);
   let icon;
@@ -4415,7 +4415,7 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
   if (customIcon) {
     icon = customIcon;
   } else {
-    icon = /* @__PURE__ */ React28.createElement(HelpOutline, { fontSize: "medium" });
+    icon = /* @__PURE__ */ React28.createElement(HelpOutline, { fontSize: "medium", sx: { color: color2 } });
   }
   const anchor = menuDirection == "top" || menuDirection == void 0 ? "top" : "bottom";
   const transform = menuDirection == "top" || menuDirection == void 0 ? "bottom" : "top";
@@ -4468,8 +4468,9 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
 }
 
 // src/components/snackbars/WavelengthSnackbar.tsx
-import { Snackbar, SnackbarContent } from "@mui/material";
+import { IconButton as IconButton4, Snackbar, SnackbarContent } from "@mui/material";
 import React29 from "react";
+import CloseIcon2 from "@mui/icons-material/Close";
 function WavelengthSnackbar(props) {
   const { show, setShow } = props;
   const handleClose = () => {
@@ -4494,10 +4495,12 @@ function WavelengthSnackbar(props) {
         style: {
           backgroundColor: props.snackBarColor ? props.snackBarColor : palette2.primary,
           color: props.textColor ? props.textColor : palette2.secondary,
-          display: "block",
-          textAlign: "center"
+          display: "flex",
+          textAlign: "center",
+          width: props.width
         },
-        message: /* @__PURE__ */ React29.createElement("span", { id: "snackbar" }, props.message ? props.message : "Insert Message Here")
+        message: /* @__PURE__ */ React29.createElement("span", { id: "snackbar" }, props.message ? props.message : "Insert Message Here"),
+        action: /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(IconButton4, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ React29.createElement(CloseIcon2, { fontSize: "small" })))
       }
     )
   );