@superdispatch/ui 0.24.7 → 0.24.9

package/dist-node/index.js

@@ -1119,7 +1119,7 @@ function useVisibilityObserver(node) {
 
     var observer = new IntersectionObserver(_ref => {
       var [entry] = _ref;
-      setState(entry !== null && entry !== void 0 && entry.isIntersecting ? 'visible' : 'invisible');
+      setState(entry !== null && entry !== void 0 && entry.isIntersecting && document.visibilityState === 'visible' ? 'visible' : 'invisible');
     }, {
       rootMargin,
       threshold
@@ -3148,6 +3148,11 @@ function overrideMenu(theme) {
       horizontal: 'left'
     }
   };
+  theme.overrides.MuiMenu = {
+    paper: {
+      border: "1px solid ".concat(exports.Color.Silver400)
+    }
+  };
   theme.overrides.MuiMenuItem = {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
       paddingTop: theme.spacing(1),
@@ -3207,6 +3212,14 @@ function overridePaper(theme) {
   };
 }
 
+function overridePreloader(theme) {
+  theme.overrides.MuiSkeleton = {
+    text: {
+      borderRadius: '3px'
+    }
+  };
+}
+
 function overrideRadio(theme) {
   theme.props.MuiRadio = {
     color: 'primary',
@@ -3261,18 +3274,24 @@ function overrideSnackbar(theme) {
     anchorOriginBottomCenter: {
       left: 0,
       right: 0,
-      bottom: 0
+      bottom: 0,
+      padding: theme.spacing(0),
+      background: 'transparent'
     }
   };
   theme.overrides.MuiSnackbarContent = {
     root: {
-      width: '100%',
-      borderRadius: 0,
       minHeight: theme.spacing(7.5),
-      [theme.breakpoints.up('sm')]: {
-        width: theme.spacing(54),
-        maxWidth: theme.spacing(54),
-        borderRadius: theme.spacing(0.5)
+      '&.SD-SnackbarContent-root': {
+        width: '100%',
+        position: 'relative',
+        left: 0,
+        right: 0,
+        bottom: 0,
+        borderRadius: theme.spacing(0),
+        [theme.breakpoints.up('sm')]: {
+          borderRadius: theme.spacing(0.5)
+        }
       }
     },
     message: {
@@ -3501,6 +3520,10 @@ function overrideTextField(theme) {
     }),
     input: {
       textOverflow: 'ellipsis',
+      '&::placeholder': {
+        color: exports.Color.Dark100,
+        opacity: 1
+      },
       '&.MuiInputBase-input': {
         fontSize: theme.spacing(2),
         [sm]: {
@@ -3873,6 +3896,7 @@ function createSuperDispatchTheme() {
   overrideTooltip(theme);
   overrideTypography(theme);
   overridePagination(theme);
+  overridePreloader(theme);
   return theme;
 }
 
@@ -3885,6 +3909,10 @@ function generateClassName(rule, sheet) {
   } = (sheet === null || sheet === void 0 ? void 0 : sheet.options) || {};
 
   if (meta && rule.type === 'style') {
+    if (meta.startsWith('MuiSnackbar') && sheet) {
+      return "SDSnackbar-".concat(rule.key);
+    }
+
     if (meta.startsWith('SD-')) {
       return "".concat(meta, "-").concat(rule.key);
     }