Check for theme vars

mui · Apr 9, 2024 · 54e92e9 · 54e92e9
1 parent 469ef99
commit 54e92e9
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/mui-material/src/SvgIcon/SvgIcon.js b/packages/mui-material/src/SvgIcon/SvgIcon.js
@@ -42,7 +42,7 @@ const SvgIconRoot = styled('svg', {
   display: 'inline-block',
   flexShrink: 0,
   transition: theme.transitions?.create?.('fill', {
-    duration: theme.transitions?.duration?.shorter,
+    duration: (theme.vars ?? theme).transitions?.duration?.shorter,
   }),
   variants: [
     {
@@ -70,19 +70,19 @@ const SvgIconRoot = styled('svg', {
       style: { fontSize: theme.typography?.pxToRem?.(35) || '2.1875rem' },
     },
     // TODO v5 deprecate color prop, v6 remove for sx
-    ...Object.entries(theme.palette)
-      .filter(([, value]) => value.main || value.action || value.disabled)
-      .map(([color]) => ({
+    ...Object.entries((theme.vars ?? theme).palette)
+      .filter(([, value]) => value.main)
+      .map(([color, value]) => ({
         props: { color },
-        style: { color: theme.palette?.[color]?.main },
+        style: { color: value.main },
       })),
     {
       props: { color: 'action' },
-      style: { color: theme.palette?.action?.active },
+      style: { color: (theme.vars ?? theme).palette?.action?.active },
     },
     {
       props: { color: 'disabled' },
-      style: { color: theme.palette?.action?.disabled },
+      style: { color: (theme.vars ?? theme).palette?.action?.disabled },
     },
     {
       props: { color: 'inherit' },