diff --git a/package.json b/package.json
index 77f1210..3629c06 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "@atatctech/mui-theme",
"type": "module",
- "version": "1.0.5",
+ "version": "1.0.6",
"author": "ATATC",
"description": "The ultimate dynamic theme-switching solution for MUI that adapts to SSR.",
"keywords": [
diff --git a/src/switch.js b/src/switch.js
index e76b62e..6cdb3e4 100644
--- a/src/switch.js
+++ b/src/switch.js
@@ -3,14 +3,14 @@ export const ThemeSwitch = styled(Switch)(({ theme }) => ({
width: 62,
height: 34,
padding: 7,
- '& .ThemeSwitch-switchBase': {
+ '& .MuiSwitch-switchBase': {
margin: 1,
padding: 0,
transform: 'translateX(6px)',
- '&.ThemeSwitch-checked': {
+ '&.Mui-checked': {
color: '#fff',
transform: 'translateX(22px)',
- '& .ThemeSwitch-thumb:before': {
+ '& .MuiSwitch-thumb:before': {
backgroundImage: `url('data:image/svg+xml;utf8,')`,
},
'& + .MuiSwitch-track': {
@@ -19,7 +19,7 @@ export const ThemeSwitch = styled(Switch)(({ theme }) => ({
},
},
},
- '& .ThemeSwitch-thumb': {
+ '& .MuiSwitch-thumb': {
backgroundColor: theme.palette.mode === 'dark' ? '#003892' : '#001e3c',
width: 32,
height: 32,
@@ -35,10 +35,10 @@ export const ThemeSwitch = styled(Switch)(({ theme }) => ({
backgroundImage: `url('data:image/svg+xml;utf8,')`,
},
},
- '& .ThemeSwitch-track': {
+ '& .MuiSwitch-track': {
opacity: 1,
backgroundColor: theme.palette.mode === 'dark' ? '#8796A5' : '#aab4be',
borderRadius: 20 / 2,
- }
+ },
}));
//# sourceMappingURL=switch.js.map
\ No newline at end of file
diff --git a/src/switch.js.map b/src/switch.js.map
index fcf8d46..1b79a5f 100644
--- a/src/switch.js.map
+++ b/src/switch.js.map
@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACpD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,2BAA2B,EAAE;QACzB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,iBAAiB;QAC5B,uBAAuB,EAAE;YACrB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,kBAAkB;YAC7B,6BAA6B,EAAE;gBAC3B,eAAe,EAAE,+HAA+H,kBAAkB,CAC9J,MAAM,CACT,iIAAiI;aACrI;YACD,sBAAsB,EAAE;gBACpB,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACzE;SACJ;KACJ;IACD,sBAAsB,EAAE;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtE,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,gBAAgB,EAAE,WAAW;YAC7B,kBAAkB,EAAE,QAAQ;YAC5B,eAAe,EAAE,+HAA+H,kBAAkB,CAC9J,MAAM,CACT,4lBAA4lB;SAChmB;KACJ;IACD,sBAAsB,EAAE;QACpB,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtE,YAAY,EAAE,EAAE,GAAG,CAAC;KACvB;CACJ,CAAC,CAAC,CAAC"}
\ No newline at end of file
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,yBAAyB,EAAE;QACvB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,iBAAiB;QAC5B,eAAe,EAAE;YACb,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,kBAAkB;YAC7B,2BAA2B,EAAE;gBACzB,eAAe,EAAE,+HAA+H,kBAAkB,CAC9J,MAAM,CACT,iIAAiI;aACrI;YACD,sBAAsB,EAAE;gBACpB,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACzE;SACJ;KACJ;IACD,oBAAoB,EAAE;QAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtE,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,gBAAgB,EAAE,WAAW;YAC7B,kBAAkB,EAAE,QAAQ;YAC5B,eAAe,EAAE,+HAA+H,kBAAkB,CAC9J,MAAM,CACT,4lBAA4lB;SAChmB;KACJ;IACD,oBAAoB,EAAE;QAClB,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtE,YAAY,EAAE,EAAE,GAAG,CAAC;KACvB;CACJ,CAAC,CAAC,CAAC"}
\ No newline at end of file
diff --git a/src/switch.ts b/src/switch.ts
index 3d5ab15..a93e7c5 100644
--- a/src/switch.ts
+++ b/src/switch.ts
@@ -1,17 +1,17 @@
import {styled, Switch} from "@mui/material";
-export const ThemeSwitch = styled(Switch)(({theme}) => ({
+export const ThemeSwitch = styled(Switch)(({ theme }) => ({
width: 62,
height: 34,
padding: 7,
- '& .ThemeSwitch-switchBase': {
+ '& .MuiSwitch-switchBase': {
margin: 1,
padding: 0,
transform: 'translateX(6px)',
- '&.ThemeSwitch-checked': {
+ '&.Mui-checked': {
color: '#fff',
transform: 'translateX(22px)',
- '& .ThemeSwitch-thumb:before': {
+ '& .MuiSwitch-thumb:before': {
backgroundImage: `url('data:image/svg+xml;utf8,')`,
@@ -22,7 +22,7 @@ export const ThemeSwitch = styled(Switch)(({theme}) => ({
},
},
},
- '& .ThemeSwitch-thumb': {
+ '& .MuiSwitch-thumb': {
backgroundColor: theme.palette.mode === 'dark' ? '#003892' : '#001e3c',
width: 32,
height: 32,
@@ -40,9 +40,9 @@ export const ThemeSwitch = styled(Switch)(({theme}) => ({
)}" d="M9.305 1.667V3.75h1.389V1.667h-1.39zm-4.707 1.95l-.982.982L5.09 6.072l.982-.982-1.473-1.473zm10.802 0L13.927 5.09l.982.982 1.473-1.473-.982-.982zM10 5.139a4.872 4.872 0 00-4.862 4.86A4.872 4.872 0 0010 14.862 4.872 4.872 0 0014.86 10 4.872 4.872 0 0010 5.139zm0 1.389A3.462 3.462 0 0113.471 10a3.462 3.462 0 01-3.473 3.472A3.462 3.462 0 016.527 10 3.462 3.462 0 0110 6.528zM1.665 9.305v1.39h2.083v-1.39H1.666zm14.583 0v1.39h2.084v-1.39h-2.084zM5.09 13.928L3.616 15.4l.982.982 1.473-1.473-.982-.982zm9.82 0l-.982.982 1.473 1.473.982-.982-1.473-1.473zM9.305 16.25v2.083h1.389V16.25h-1.39z"/>')`,
},
},
- '& .ThemeSwitch-track': {
+ '& .MuiSwitch-track': {
opacity: 1,
backgroundColor: theme.palette.mode === 'dark' ? '#8796A5' : '#aab4be',
borderRadius: 20 / 2,
- }
+ },
}));
\ No newline at end of file