@superdispatch/ui 0.24.6 → 0.24.8

package/dist-src/checkbox/CheckboxField.js

@@ -14,7 +14,7 @@ var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
 var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).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:", ";}"], Color.Dark300, Color.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 export var CheckboxField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     label,

package/dist-src/menu/MenuOverrides.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { Color } from "../theme/Color.js";
 export function overrideMenu(theme) {
   theme.props.MuiMenu = {
     getContentAnchorEl: null,
@@ -11,6 +12,11 @@ export function overrideMenu(theme) {
       horizontal: 'left'
     }
   };
+  theme.overrides.MuiMenu = {
+    paper: {
+      border: "1px solid ".concat(Color.Silver400)
+    }
+  };
   theme.overrides.MuiMenuItem = {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
       paddingTop: theme.spacing(1),

package/dist-src/preloader/PreLoaderOverrides.js

@@ -0,0 +1,7 @@
+export function overridePreloader(theme) {
+  theme.overrides.MuiSkeleton = {
+    text: {
+      borderRadius: '3px'
+    }
+  };
+}

package/dist-src/radio/RadioField.js

@@ -14,7 +14,7 @@ var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
 var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).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:", ";}"], Color.Dark300, Color.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 export var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     label,

package/dist-src/snackbar/SnackbarOverrides.js

@@ -3,18 +3,24 @@ export 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: {

package/dist-src/text-field/TextFieldOverrides.js

@@ -70,6 +70,10 @@ export function overrideTextField(theme) {
     }),
     input: {
       textOverflow: 'ellipsis',
+      '&::placeholder': {
+        color: Color.Dark100,
+        opacity: 1
+      },
       '&.MuiInputBase-input': {
         fontSize: theme.spacing(2),
         [sm]: {

package/dist-src/theme/ThemeProvider.js

@@ -18,6 +18,7 @@ import { overrideList } from "../list/ListOverrides.js";
 import { overrideMenu } from "../menu/MenuOverrides.js";
 import { overridePagination } from "../pagination/PaginationOverrides.js";
 import { overridePaper } from "../paper/PaperOverrides.js";
+import { overridePreloader } from "../preloader/PreLoaderOverrides.js";
 import { overrideRadio } from "../radio/RadioOverrides.js";
 import { ResponsiveContextProvider } from "../responsive/ResponsiveContext.js";
 import { overrideSnackbar } from "../snackbar/SnackbarOverrides.js";
@@ -85,6 +86,7 @@ function createSuperDispatchTheme() {
   overrideTooltip(theme);
   overrideTypography(theme);
   overridePagination(theme);
+  overridePreloader(theme);
   return theme;
 }
 
@@ -97,6 +99,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);
     }

package/dist-types/index.d.ts

@@ -6,6 +6,7 @@ import { Property } from 'csstype';
 import { CommonProps } from '@material-ui/core/OverridableComponent';
 import { NumberFormatProps } from 'react-number-format';
 import { Breakpoint } from '@material-ui/core/styles/createBreakpoints';
+import { SkeletonClassKey } from '@material-ui/lab';
 
 interface ButtonProps extends RefAttributes<HTMLButtonElement>, Omit<ButtonProps$1, 'color'> {
     rel?: string;
@@ -471,6 +472,11 @@ declare enum Color {
 declare type ColorProp = keyof typeof Color;
 declare function isColorProp(name: unknown): name is ColorProp;
 
+declare module '@material-ui/core/styles/overrides' {
+    interface ComponentNameToClassKey {
+        MuiSkeleton: SkeletonClassKey;
+    }
+}
 declare type SuperDispatchTheme = Readonly<Required<Theme>>;
 
 interface ThemeProviderProps {

package/dist-web/index.js

@@ -806,7 +806,7 @@ var FormControl = /*#__PURE__*/styled(FormControl$2).withConfig({
 var FormHelperText = /*#__PURE__*/styled(FormHelperText$4).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:", ";}"], Color.Dark300, Color.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 var CheckboxField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     label,
@@ -1840,7 +1840,7 @@ var FormControl$1 = /*#__PURE__*/styled(FormControl$2).withConfig({
 var FormHelperText$2 = /*#__PURE__*/styled(FormHelperText$4).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:", ";}"], Color.Dark300, Color.Red500);
+})(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     label,
@@ -3143,6 +3143,11 @@ function overrideMenu(theme) {
       horizontal: 'left'
     }
   };
+  theme.overrides.MuiMenu = {
+    paper: {
+      border: "1px solid ".concat(Color.Silver400)
+    }
+  };
   theme.overrides.MuiMenuItem = {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
       paddingTop: theme.spacing(1),
@@ -3202,6 +3207,14 @@ function overridePaper(theme) {
   };
 }
 
+function overridePreloader(theme) {
+  theme.overrides.MuiSkeleton = {
+    text: {
+      borderRadius: '3px'
+    }
+  };
+}
+
 function overrideRadio(theme) {
   theme.props.MuiRadio = {
     color: 'primary',
@@ -3256,18 +3269,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: {
@@ -3496,6 +3515,10 @@ function overrideTextField(theme) {
     }),
     input: {
       textOverflow: 'ellipsis',
+      '&::placeholder': {
+        color: Color.Dark100,
+        opacity: 1
+      },
       '&.MuiInputBase-input': {
         fontSize: theme.spacing(2),
         [sm]: {
@@ -3868,6 +3891,7 @@ function createSuperDispatchTheme() {
   overrideTooltip(theme);
   overrideTypography(theme);
   overridePagination(theme);
+  overridePreloader(theme);
   return theme;
 }
 
@@ -3880,6 +3904,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);
     }