fix typed scss modules

Author: dargaCode

src/components/about/AboutSection.module.scss.d.ts

@@ -1,7 +1,15 @@
-export const container: string;
-export const contentSection: string;
-export const darga: string;
-export const invisibleButOutlineReadable: string;
-export const logo: string;
-export const overlay: string;
-export const subtitle: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  darga: string;
+  invisibleButOutlineReadable: string;
+  logo: string;
+  overlay: string;
+  subtitle: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/components/about/DurationUnit.module.scss.d.ts

@@ -1,4 +1,12 @@
-export const container: string;
-export const contentSection: string;
-export const count: string;
-export const invisibleButOutlineReadable: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  count: string;
+  invisibleButOutlineReadable: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/components/loading/Loading.module.scss.d.ts

@@ -1,5 +1,13 @@
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
-export const loadingMessage: string;
-export const loadingOverlay: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+  loadingMessage: string;
+  loadingOverlay: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/components/navigation/NavigationBar.module.scss.d.ts

@@ -1,5 +1,13 @@
-export const bar: string;
-export const button: string;
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
+export type Styles = {
+  bar: string;
+  button: string;
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/components/skills/SkillCard.module.scss.d.ts

@@ -1,7 +1,15 @@
-export const card: string;
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
-export const name: string;
-export const repoCount: string;
-export const timeSinceCommit: string;
+export type Styles = {
+  card: string;
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+  name: string;
+  repoCount: string;
+  timeSinceCommit: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/components/skills/SkillCard.tsx

@@ -6,7 +6,7 @@ import { startCase } from "lodash";
 import { Skill, SKILL_URL_PREFIX } from "./skillsUtils";
 import styles from "./SkillCard.module.scss";
 // eslint-disable-next-line css-modules/no-unused-class
-import icons from "../../fonts/icons.module.scss";
+import icons, {ClassNames} from "../../fonts/icons.module.scss";
 
 export default function SkillCard(props: { skill: Skill }): JSX.Element {
   const { skill } = props;
@@ -17,7 +17,7 @@ export default function SkillCard(props: { skill: Skill }): JSX.Element {
     <a href={SKILL_URL_PREFIX + name}>
       <article className={styles.card}>
         <p className={styles.timeSinceCommit}>{timeSinceCommit}</p>
-        <i className={icons[iconClass]} />
+        <i className={icons[iconClass as ClassNames]} />
         <h3 className={styles.name}>{displayName}</h3>
         <p className={styles.repoCount}>
           {repoCount} Repo{repoCount === 1 ? "" : "s"}

src/components/skills/SkillSortSelector.module.scss.d.ts

@@ -1,4 +1,12 @@
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
-export const sort: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+  sort: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/components/skills/SkillsSection.module.scss.d.ts

@@ -1,4 +1,12 @@
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
-export const list: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+  list: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/config/_general.scss.d.ts

@@ -1,3 +1,11 @@
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

src/config/_index.scss.d.ts

@@ -1,3 +1,11 @@
-export const container: string;
-export const contentSection: string;
-export const invisibleButOutlineReadable: string;
+export type Styles = {
+  container: string;
+  contentSection: string;
+  invisibleButOutlineReadable: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;