@vertigis/react-ui 9.2.0 → 9.2.1

package/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonBaseClasses } from "@mui/material/ButtonBase";
 import type { IconButtonClasses } from "@mui/material/IconButton";
-import Switch, { SwitchProps as MUISwitchProps, SwitchClasses as MUISwitchClasses } from "@mui/material/Switch";
+import { SwitchProps as MUISwitchProps, SwitchClasses as MUISwitchClasses } from "@mui/material/Switch";
 export * from "@mui/material/Switch";
 export interface SwitchClasses extends MUISwitchClasses, IconButtonClasses, ButtonBaseClasses {
 }
@@ -8,4 +8,5 @@ export declare type SwitchClassKey = keyof SwitchClasses;
 export declare type SwitchProps = Omit<MUISwitchProps, "classes"> & {
     classes?: Partial<SwitchClasses>;
 };
+declare const Switch: import("@emotion/styled").StyledComponent<MUISwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles/createTheme").Theme>, {}, {}>;
 export default Switch;

package/Switch/Switch.js

@@ -1,4 +1,11 @@
-import Switch from "@mui/material/Switch";
+import SwitchBase from "@mui/material/Switch";
+import { styled } from "../styles";
 // MUST be the first export, since some of the exports are overridden below.
 export * from "@mui/material/Switch";
+const Switch = styled(SwitchBase)(({ color = "secondary", theme: { palette } }) => ({
+    "&::before": {
+        // Calculate dot color based on track color.
+        color: palette.getContrastText(palette[color].main),
+    }
+}));
 export default Switch;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vertigis/react-ui",
-    "version": "9.2.0",
+    "version": "9.2.1",
     "description": "Utilities and React components used in VertiGIS applications.",
     "keywords": [
         "vertigis",

package/styles/createTheme.js

@@ -557,6 +557,7 @@ function getOverrides(theme) {
             },
             MuiSwitch: {
                 defaultProps: {
+                    color: "secondary",
                     focusRipple: false,
                 },
                 styleOverrides: {
@@ -568,8 +569,6 @@ function getOverrides(theme) {
                         "&::before": {
                             content: "'•'",
                             position: "absolute",
-                            // Get contrast text color based on track color
-                            color: palette.getContrastText(palette.secondary.main),
                             left: 14,
                             top: 7,
                             fontSize: 18,
@@ -618,7 +617,6 @@ function getOverrides(theme) {
                             transform: "translateX(33%)",
                         },
                         "&.Mui-checked + .MuiSwitch-track": {
-                            backgroundColor: palette.secondary.main,
                             opacity: 1,
                         },
                     },