Merge pull request #271 from AppQuality/update-styled-components

Update-styled-components

package.json

@@ -98,7 +98,7 @@
     "rollup": "~2.66",
     "rollup-plugin-typescript2": "^0.34.1",
     "storybook": "^7.0.9",
-    "styled-components": "^5.3.3",
+    "styled-components": "^6.0.0",
     "typescript": "^4.5.0",
     "web-vitals": "^2.1.4"
   },
@@ -137,6 +137,6 @@
     "formik": "^2.2.9",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.3"
+    "styled-components": "^6.0.0"
   }
 }

src/index.tsx

@@ -96,7 +96,6 @@ export * from "./stories/loaders/progress";
 export * from "./stories/loaders/skeleton";
 export * from "./stories/loaders/spinner";
 export * from "./stories/loaders/dots";
-export * from "./stories/page/pageLoader";
 
 // --- Login Form ---
 export * from "./stories/login-form";
@@ -120,7 +119,6 @@ export * from "./stories/navigation/app-header";
 export * from "./stories/navigation/main";
 export * from "./stories/navigation/nav";
 export * from "./stories/navigation/nav/nav-item";
-export * from "./stories/navigation/sidebar";
 export * from "./stories/navigation/chrome";
 
 // --- Notifications ---

src/stories/navigation/header/header-item/utils.ts

@@ -1,6 +1,5 @@
 import { getValueAndUnit } from 'polished';
-import { ThemeProps } from "styled-components";
-import { theme } from "../../../theme";
+import { DefaultTheme } from "styled-components";
 
 /**
  * Get unitless line height based on the given pixel-valued height and font size.
@@ -26,7 +25,7 @@ const getLineHeight = (height: string | number, fontSize: string | number) => {
   return (heightValue as number) / (fontSizeValue as number);
 }
 
-export const getNavWidth = (props: ThemeProps<typeof theme>) => {
+export const getNavWidth = (props: DefaultTheme) => {
     return `${props.theme.space.base * 15}px`;
   };