Transition refactor for Material

packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js

@@ -53,7 +53,7 @@ const theme = ({ dt }) => `
     left: ${dt('toggleswitch.gap')};
     margin-top: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));
     border-radius: ${dt('toggleswitch.handle.border.radius')};
-    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, left ${dt('toggleswitch.slide.duration')};
+    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, left ${dt('toggleswitch.slide.duration')}, box-shadow ${dt('toggleswitch.slide.duration')};
 }
 
 .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {

packages/themes/src/presets/material/datatable/index.js

@@ -165,5 +165,11 @@ export default {
                 selectedBorderColor: '{primary.900}'
             }
         }
-    }
+    },
+    style: ({ dt }) => `
+.p-datatable-header-cell,
+.p-datatable-tbody > tr {
+    transition: none;
+}
+`
 };

packages/themes/src/presets/material/treetable/index.js

@@ -119,5 +119,11 @@ export default {
                 selectedBorderColor: '{primary.900}'
             }
         }
-    }
+    },
+    style: ({ dt }) => `
+.p-treetable-header-cell,
+.p-treetable-tbody > tr {
+    transition: none;
+}
+`
 };