@superdispatch/ui 0.38.0 → 0.39.0

package/dist-src/Image/Image.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["srcDark", "src"];
+import { useTheme } from '@material-ui/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Image(_ref) {
+  var {
+      srcDark,
+      src
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var value = theme.palette.type === 'dark' && srcDark ? srcDark : src;
+  return /*#__PURE__*/_jsx("img", _objectSpread(_objectSpread({}, props), {}, {
+    src: value
+  }));
+}

package/dist-src/LightDark/LightDark.js

@@ -0,0 +1,12 @@
+import { useTheme } from '@material-ui/core';
+import { renderChildren } from '@superdispatch/ui';
+export function LightDark(_ref) {
+  var {
+    light,
+    dark
+  } = _ref;
+  var theme = useTheme();
+  var isDarkMode = theme.palette.type === 'dark';
+  var mode = isDarkMode ? dark : light;
+  return renderChildren(mode);
+}

package/dist-src/autocomplete/AutocompleteOverrides.js

@@ -1,8 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { SvgIcon } from '@material-ui/core';
+import { alpha, SvgIcon } from '@material-ui/core';
+import { Color, ColorDynamic } from "../theme/Color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function overrideAutocomplete(theme) {
   var sm = theme.breakpoints.up('sm');
+  var color = theme.palette.type === 'dark' ? alpha(Color.White, 0.08) : ColorDynamic.Silver200;
 
   // Remove `Object.assign` after official release of `Autocomplete`.
   Object.assign(theme.props, {
@@ -61,6 +63,11 @@ export function overrideAutocomplete(theme) {
             }
           }
         }
+      },
+      option: {
+        '&[data-focus="true"]': {
+          backgroundColor: color
+        }
       }
     }
   });

package/dist-src/icon-button/IconButtonOverrides.js

@@ -32,7 +32,8 @@ export function overrideIconButton(theme) {
       },
       '&:focus': {
         backgroundColor: ColorDynamic.Blue50
-      }
+      },
+      color: ColorDynamic.Blue500
     },
     edgeEnd: {
       marginRight: theme.spacing(-1)

package/dist-web/index.js

@@ -2625,6 +2625,7 @@ function overrideAppBar(theme) {
 
 function overrideAutocomplete(theme) {
   var sm = theme.breakpoints.up('sm');
+  var color = theme.palette.type === 'dark' ? alpha(Color.White, 0.08) : ColorDynamic.Silver200;
 
   // Remove `Object.assign` after official release of `Autocomplete`.
   Object.assign(theme.props, {
@@ -2683,6 +2684,11 @@ function overrideAutocomplete(theme) {
             }
           }
         }
+      },
+      option: {
+        '&[data-focus="true"]': {
+          backgroundColor: color
+        }
       }
     }
   });
@@ -3209,7 +3215,8 @@ function overrideIconButton(theme) {
       },
       '&:focus': {
         backgroundColor: ColorDynamic.Blue50
-      }
+      },
+      color: ColorDynamic.Blue500
     },
     edgeEnd: {
       marginRight: theme.spacing(-1)