♻️ upgraded

react-pakistan · Dec 5, 2023 · 12d210e · 12d210e
1 parent 5d0e175
commit 12d210e
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 15 deletions.
diff --git a/scripts/.svgrrc-color.js b/scripts/.svgrrc-color.js
@@ -1,6 +1,7 @@
 module.exports = {
   icon: true,
   svgoConfig: {
+    typescript: true,
     plugins: [
       {
         name: 'removeViewBox',

diff --git a/scripts/svgr-template.js b/scripts/svgr-template.js
@@ -9,7 +9,7 @@ const ${variables.componentName} = (${variables.props}) => (
 );
 
 ${variables.exports};
-`
-}
+`;
+};
 
 module.exports = template;
diff --git a/src/styled-app.tsx b/src/styled-app.tsx
@@ -1,12 +1,11 @@
-import { ITheme } from '@react-pakistan/util-functions';
 import * as React from 'react';
-import styled, { ThemeProvider, ThemedStyledProps } from 'styled-components';
+import styled, { ThemeProvider } from 'styled-components';
 import { MiscColor1 } from './misc-color';
 import { logoTheme } from './theme';
 
 export const StyledApp = styled.div`
   display: inline-block;
-  font-family: ${({ theme } : ThemedStyledProps<{}, ITheme>) : string => theme.typography.fontFamily};
+  font-family: ${({ theme }) : string => theme.typography.fontFamily};
   width: 100%;
   *,
   *::before,
@@ -21,8 +20,3 @@ export const StyledStory = ({ children } : { children : React.ReactNode }) => (
     <MiscColor1 fontSize='200px' />
   </ThemeProvider>
 );
-
-// Due to our `typedef` rule, this type is needed as a helper.
-// Actually, by using helpers exported above, styled-components-props
-// can be calculated automatically by tsc already.
-export type WithTheme<P = {}> = ThemedStyledProps<P, ITheme>;
diff --git a/src/styled.ts b/src/styled.ts
@@ -1,14 +1,13 @@
-import { ITheme } from '@react-pakistan/util-functions';
 import { SVGProps } from 'react';
-import styled, { ThemedStyledProps } from 'styled-components';
+import styled from 'styled-components';
 
 export const LogoWrapper = styled.div`
   display: flex;
   flex-wrap: wrap;
 `;
 
 export const LogoTextWrapper = styled.div`
-  color: ${({ theme } : ThemedStyledProps<{}, ITheme>) : string => theme.colors.white};
+  color: ${({ theme }) : string => theme.colors.white};
   font-size: 0.75em;
   margin-top: 0.75em;
 `;

diff --git a/tsconfig.build.json b/tsconfig.build.json
@@ -3,7 +3,7 @@
     "outDir": "./lib",
     "target": "es5",
     "module": "commonjs",
-    "noImplicitAny": true,
+    "noImplicitAny": false,
     "strictNullChecks": true,
     "noUnusedLocals": true,
     "skipLibCheck": true,

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "noImplicitAny": false,
+    "noImplicitAny": true,
     "strictNullChecks": false,
     "skipLibCheck": true,
     "noUnusedLocals": true,
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,7 +9,7 @@ const ${variables.componentName} = (${variables.props}) => ( @@
     );
     ${variables.exports};
-    `
-    }
+    `;
+    };
     module.exports = template;