fix applyDarkStyles

mui · Jan 26, 2024 · 65002fc · 65002fc
1 parent c361a6e
commit 65002fc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/apps/zero-runtime-next-app/src/augment.d.ts b/apps/zero-runtime-next-app/src/augment.d.ts
@@ -1,10 +1,14 @@
-import type { experimental_extendTheme } from '@mui/material/styles';
+import type { Theme } from '@mui/material/styles';
+import type {} from '@mui/material/themeCssVarsAugmentation';
 import '@mui/zero-runtime/theme';
 
 declare module '@mui/zero-runtime/theme' {
   export interface ThemeArgs {
-    theme: ReturnType<typeof experimental_extendTheme> & {
-      applyDarkStyles<T>(obj: T): Record<string, T>;
+    theme: Omit<Theme, 'applyStyles'> & {
+      applyStyles: (
+        colorScheme: 'light' | 'dark',
+        styles: Record<string, any>,
+      ) => Record<string, any>;
     };
   }
 }
diff --git a/apps/zero-runtime-next-app/src/components/Slider/ZeroSlider.tsx b/apps/zero-runtime-next-app/src/components/Slider/ZeroSlider.tsx
@@ -231,7 +231,7 @@ const SliderTrack = styled('span', {
         },
         style: {
           '--slider-track-color': lightPrimaryColor,
-          ...theme.applyDarkStyles({
+          ...theme.applyStyles('dark', {
             '--slider-track-color': darkPrimaryColor,
           }),
         },
@@ -242,7 +242,7 @@ const SliderTrack = styled('span', {
         },
         style: {
           '--slider-track-color': lightSecondaryColor,
-          ...theme.applyDarkStyles({
+          ...theme.applyStyles('dark', {
             '--slider-track-color': darkSecondaryColor,
           }),
         },
@@ -686,7 +686,6 @@ const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(pr
 
   const ownerState: SliderOwnerState = {
     ...props,
-    // @ts-expect-error  @TODO - Figure out how to support rtl/ltr with themes
     isRtl,
     max,
     min,
@@ -761,7 +760,6 @@ const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(pr
     },
     ownerState: {
       ...ownerState,
-      // @ts-expect-error
       ...rootSlotProps?.ownerState,
     },
     className: [classes.root, className],
@@ -785,7 +783,6 @@ const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(pr
     },
     ownerState: {
       ...ownerState,
-      // @ts-expect-error
       ...trackSlotProps?.ownerState,
     },
     className: classes.track,
@@ -797,7 +794,6 @@ const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(pr
     externalSlotProps: thumbSlotProps,
     ownerState: {
       ...ownerState,
-      // @ts-expect-error
       ...thumbSlotProps?.ownerState,
     },
     className: classes.thumb,
@@ -808,7 +804,6 @@ const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(pr
     externalSlotProps: valueLabelSlotProps,
     ownerState: {
       ...ownerState,
-      // @ts-expect-error
       ...valueLabelSlotProps?.ownerState,
     },
     className: classes.valueLabel,