prettier & small fixes

mui · Feb 20, 2024 · b41f37b · b41f37b
1 parent af65e8a
commit b41f37b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/apps/zero-runtime-next-app/src/app/slider/page.tsx b/apps/zero-runtime-next-app/src/app/slider/page.tsx
@@ -16,7 +16,7 @@ export default function SliderPage() {
   const [value, setValue] = React.useState(50);
   const [isColorPrimary, setIsColorPrimary] = React.useState(true);
   const [size, setSize] = React.useState('medium');
-  const [showMarks, setShowMarks] = React.useState(true);
+  const [showMarks, setShowMarks] = React.useState(false);
   const [isTrackInverted, setIsTrackInverted] = React.useState(false);
   const [disabled, setDisabled] = React.useState(false);
   const [isHorizontal, setIsHorizontal] = React.useState(true);

diff --git a/apps/zero-runtime-next-app/src/components/Slider/Slider.js b/apps/zero-runtime-next-app/src/components/Slider/Slider.js
@@ -274,9 +274,7 @@ export const SliderThumb = styled('span', {
   },
   variants: [
     ...Object.keys((theme.vars ?? theme).palette)
-      .filter(
-        (key) => theme.palette[key]?.main || (theme.vars && theme.vars.palette[key]?.mainChannel),
-      )
+      .filter((key) => (theme.vars ?? theme).palette[key].main)
       .map((color) => ({
         props: { color },
         style: {
@@ -286,6 +284,7 @@ export const SliderThumb = styled('span', {
                   boxShadow: `0px 0px 0px 8px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`,
                 }
               : {
+                  // ...(theme.palette[color].main && { boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}` }),
                   boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[color].main, 0.16)}`,
                 }),
             '@media (hover: none)': {

diff --git a/packages/mui-material/src/utils/shouldSpreadAdditionalProps.d.ts b/packages/mui-material/src/utils/shouldSpreadAdditionalProps.d.ts
@@ -1,3 +1,5 @@
-declare const shouldSpreadAdditionalProps:  (Slot: React.ElementType<any, keyof React.JSX.IntrinsicElements>) => boolean;
+declare const shouldSpreadAdditionalProps: (
+  Slot: React.ElementType<any, keyof React.JSX.IntrinsicElements>,
+) => boolean;
 
 export default shouldSpreadAdditionalProps;