@superdispatch/ui 0.24.3 → 0.24.5

package/dist-node/index.js

@@ -456,6 +456,7 @@ if (process.env.NODE_ENV !== "production") AdaptiveVerticalToolbar.displayName =
   Color["Red30"] = "rgba(229, 35, 13, 0.3)";
   Color["Silver30"] = "rgba(225, 229, 234, 0.3)";
   Color["Blue10"] = "rgba(0, 112, 245, 0.1)";
+  Color["Red10"] = "rgba(195, 25, 9, 0.1)";
   Color["Grey100"] = "#8F949E";
   Color["Grey200"] = "#6A707C";
   Color["Grey300"] = "#5B6371";
@@ -2030,11 +2031,7 @@ var _excluded$m = ["action", "children", "onClose", "className", "classes", "var
 var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
   root: {
     color: exports.Color.White,
-    backgroundColor: exports.Color.Dark500,
-    '&$variantError': {
-      color: exports.Color.White,
-      backgroundColor: exports.Color.Red500
-    }
+    backgroundColor: exports.Color.Dark500
   },
   action: {
     paddingLeft: theme.spacing(1)
@@ -2056,7 +2053,13 @@ var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
       color: exports.Color.White40
     }
   },
-  variantError: {},
+  variantError: {
+    color: exports.Color.Red500,
+    background: exports.Color.Red50,
+    '& $closeButton': {
+      color: exports.Color.Red500
+    }
+  },
   variantSuccess: {}
 }), {
   name: 'SD-SnackbarContent'
@@ -2083,7 +2086,7 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   } = _useStyles,
       styles = _objectWithoutProperties(_useStyles, _excluded2$4);
 
-  var Icon = variant === 'error' ? icons.Warning : variant === 'success' ? icons.CheckCircle : undefined;
+  var Icon = variant === 'error' ? icons.Error : variant === 'success' ? icons.CheckCircle : undefined;
   return /*#__PURE__*/jsxRuntime.jsx(core.SnackbarContent, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     classes: styles,
@@ -3144,7 +3147,7 @@ function overridePagination(theme) {
   var props = {};
   var overrides = {
     root: {
-      color: exports.Color.Dark400
+      color: exports.Color.Dark500
     },
     page: {
       '&:hover': {
@@ -3153,12 +3156,12 @@ function overridePagination(theme) {
       '&$focusVisible': {
         borderRadius: 4,
         backgroundColor: exports.Color.White,
-        border: "1px solid ".concat(exports.Color.Blue100)
+        border: "1px solid ".concat(exports.Color.Blue30)
       },
       '&$selected': {
         backgroundColor: exports.Color.Silver400,
         '&:hover, &$focusVisible': {
-          backgroundColor: exports.Color.Silver400
+          backgroundColor: exports.Color.Silver500
         },
         '&$disabled': {
           color: exports.Color.Dark100,
@@ -3355,7 +3358,7 @@ function overrideSwitch(theme) {
         '&:hover': {
           backgroundColor: undefined,
           '& + $track': {
-            backgroundColor: exports.Color.Blue400
+            backgroundColor: exports.Color.Blue500
           }
         }
       },
@@ -3363,16 +3366,16 @@ function overrideSwitch(theme) {
         backgroundColor: exports.Color.Silver500
       },
       '&$disabled + $track': {
-        backgroundColor: exports.Color.Silver300
+        backgroundColor: exports.Color.Dark30
       },
       '&$checked$disabled + $track': {
-        backgroundColor: exports.Color.Blue100
+        backgroundColor: exports.Color.Blue30
       },
       '&:hover + $track': {
         backgroundColor: exports.Color.Dark100
       },
       '&.Mui-focusVisible + $track': {
-        boxShadow: "0 0 0 3px ".concat(exports.Color.Blue100)
+        boxShadow: "0 0 0 3px ".concat(exports.Color.Blue30)
       }
     }
   };
@@ -3438,7 +3441,10 @@ function overrideTextField(theme) {
     root: _objectSpread(_objectSpread({}, theme.typography.body2), {}, {
       color: exports.Color.Dark500,
       '&.MuiFormLabel-root': {
-        fontSize: theme.spacing(1.75)
+        fontSize: theme.spacing(2),
+        [sm]: {
+          fontSize: theme.spacing(1.75)
+        }
       },
       '&$error': {
         color: undefined
@@ -3483,7 +3489,10 @@ function overrideTextField(theme) {
     input: {
       textOverflow: 'ellipsis',
       '&.MuiInputBase-input': {
-        fontSize: theme.spacing(1.75)
+        fontSize: theme.spacing(2),
+        [sm]: {
+          fontSize: theme.spacing(1.75)
+        }
       },
       height: theme.spacing(3),
       [sm]: {
@@ -3624,7 +3633,10 @@ function overrideTextField(theme) {
         color: exports.Color.Red500
       },
       '&.MuiFormHelperText-root': {
-        fontSize: theme.spacing(1.75)
+        fontSize: theme.spacing(2),
+        [sm]: {
+          fontSize: theme.spacing(1.75)
+        }
       }
     }),
     contained: {