Animation times use properties defined in theme

nventive · Sep 23, 2024 · 89e6fb6 · 89e6fb6
1 parent 04e4554
commit 89e6fb6
Show file tree

Hide file tree

Showing 7 changed files with 2 additions and 68 deletions.
diff --git a/frontend/src/app/components/errorHelperText/error-helper-text.module.css b/frontend/src/app/components/errorHelperText/error-helper-text.module.css
diff --git a/frontend/src/material-ui-pigment-css.d.ts b/frontend/src/material-ui-pigment-css.d.ts
@@ -34,17 +34,11 @@ declare module "@mui/material/styles" {
     lg: string;
   }
 
-  interface CustomTime {
-    normal: string;
-    slow: string;
-  }
-
   interface Theme {
     zIndex: ZIndex;
     customProperties: {
       spacing: CustomSpacing;
       borderRadius: CustomBorderRadius;
-      time: Partial<CustomTime>;
     };
   }
 
@@ -54,7 +48,6 @@ declare module "@mui/material/styles" {
     customProperties?: {
       spacing?: Partial<CustomSpacing>;
       borderRadius?: Partial<CustomBorderRadius>;
-      time?: Partial<CustomTime>;
     };
   }
 }

diff --git a/frontend/src/styles/_animations.scss b/frontend/src/styles/_animations.scss
diff --git a/frontend/src/styles/_globals.scss b/frontend/src/styles/_globals.scss
@@ -21,7 +21,6 @@ body {
   flex: 1 1 auto;
   height: 100%;
   width: 100%;
-  animation: var(--mui-customProperties-time-slow) fade-in forwards;
 }
 
 .flex {

diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
@@ -2,8 +2,6 @@
 
 @forward "vendors/toastify.css";
 
-@forward "animations";
-
 @forward "export";
 
 @forward "fonts";

diff --git a/frontend/src/themes/theme.ts b/frontend/src/themes/theme.ts
@@ -1,13 +1,7 @@
 import { createTheme } from "@mui/material/styles";
 import palette from "./palette";
 import typography from "./typography";
-import {
-  breakpoints,
-  zIndex,
-  spacingValues,
-  borderRadius,
-  time,
-} from "./variables";
+import { breakpoints, zIndex, spacingValues, borderRadius } from "./variables";
 
 const theme = createTheme({
   cssVariables: true, // creates css variables for theme values
@@ -28,7 +22,6 @@ const theme = createTheme({
   customProperties: {
     spacing: spacingValues,
     borderRadius: borderRadius,
-    time: time,
   },
 });
 

diff --git a/frontend/src/themes/variables.ts b/frontend/src/themes/variables.ts
@@ -1,4 +1,4 @@
-import { CustomBorderRadius, CustomSpacing, CustomTime } from "@mui/material";
+import { CustomBorderRadius, CustomSpacing } from "@mui/material";
 import { BreakpointsOptions, ZIndex } from "@mui/material/styles";
 
 export const breakpoints: BreakpointsOptions["values"] = {
@@ -32,8 +32,3 @@ export const borderRadius: CustomBorderRadius = {
   md: "16px",
   lg: "24px",
 };
-
-export const time: CustomTime = {
-  normal: "0.35s",
-  slow: "0.5s",
-};