@superdispatch/ui 0.24.6 → 0.24.8

package/dist-node/index.js

@@ -811,7 +811,7 @@ var FormControl = /*#__PURE__*/styled__default(core.FormControl).withConfig({
 var FormHelperText = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
   displayName: "CheckboxField__FormHelperText",
   componentId: "SD__sc-1wxu0g6-1"
-})(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
 var CheckboxField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
     label,
@@ -1845,7 +1845,7 @@ var FormControl$1 = /*#__PURE__*/styled__default(core.FormControl).withConfig({
 var FormHelperText$2 = /*#__PURE__*/styled__default(core.FormHelperText).withConfig({
   displayName: "RadioField__FormHelperText",
   componentId: "SD__sc-6ey4qt-1"
-})(["color:", ";font-size:12px;line-height:16px;font-weight:400;margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], exports.Color.Dark300, exports.Color.Red500);
 var RadioField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
     label,
@@ -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);
     }