Resolve Unused Packages + Linting (#864)

Author: kotAPI

package-lock.json

@@ -102,8 +102,6 @@
     "axe-core": "^4.10.2",
     "babel-plugin-module-resolver": "5.0.2",
     "eslint": "8.56.0",
-    "eslint-config-google": "0.14.0",
-    "eslint-config-love": "^62.0.0",
     "eslint-config-standard": "17.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -113,27 +111,22 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "8.0.3",
     "jest": "29.7.0",
-    "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "29.7.0",
     "mkdirp": "^3.0.1",
     "postcss": "8.4.49",
-    "pretty-quick": "^4.0.0",
     "rimraf": "5.0.5",
     "rollup": "4.28.0",
     "rollup-plugin-banner2": "1.3.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
     "sass": "^1.77.2",
     "sass-loader": "16.0.4",
     "storybook": "8.2.9",
     "stylelint": "^16.12.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-config-tailwindcss": "^0.0.7",
-    "stylelint-scss": "^6.10.0",
     "tailwindcss": "3.4.1",
     "ts-jest": "29.1.1",
-    "ts-node": "^10.9.2",
     "tsx": "^4.17.0",
     "typescript": "5.7.2"
   },
@@ -147,4 +140,4 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }
-}
+}

package.json

@@ -1,4 +1,4 @@
-import React from "react"
+import React from 'react';
 import Em, { EmProps } from '../Em';
 import Heading from '../../Heading/Heading';
 

src/components/ui/Em/stories/Em.stories.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import React from 'react';
 import Heading from '../Heading';
 import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
 

src/components/ui/Heading/stories/Heading.stories.tsx

@@ -2,12 +2,11 @@ import React from 'react';
 import HoverCard from '../HoverCard';
 import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
 
-
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
     title: 'WIP/HoverCard',
     component: HoverCard,
-    render: (args: React.JSX.IntrinsicAttributes ) => {
+    render: (args: React.JSX.IntrinsicAttributes) => {
         const Content = () => {
             return <div>
                 <div className=' space-y-2'>
@@ -16,7 +15,7 @@ export default {
             </div>;
         };
         return <SandboxEditor className='bg-gray-200 h-[400px] flex items-center justify-center'>
-            <HoverCard  content={<Content />} {...args} >
+            <HoverCard content={<Content />} {...args} >
                 <div className="p-10 bg-gray-100 rounded-md shadow">Hover me</div>
             </HoverCard>
         </SandboxEditor>;
@@ -26,12 +25,12 @@ export default {
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const All = {
     args: {
-        className:'text-gray-900 text-center'
+        className: 'text-gray-900 text-center'
     }
 };
 
 export const Controlled = {
     args: {
         open: true
     }
-};
+};

src/components/ui/HoverCard/stories/HoverCard.stories.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import React from 'react';
 import Kbd, { KbdProps } from '../Kbd';
 import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
 

src/components/ui/Kbd/stories/Kbd.stories.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import React from 'react';
 import Link, { LinkProps } from '../Link';
 import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
 
@@ -17,7 +17,7 @@ export default {
 export const All = {
     args: {
         className: '',
-        href:"https://www.google.com",
-        target:"_blank"
+        href: 'https://www.google.com',
+        target: '_blank'
     }
 };

src/components/ui/Link/stories/Link.stories.tsx

@@ -1,7 +1,6 @@
-import { JSX, ClassAttributes, HTMLAttributes } from 'react';
-import Separator, {SeparatorProps} from '../Separator';
+import React, { JSX, ClassAttributes, HTMLAttributes } from 'react';
+import Separator, { SeparatorProps } from '../Separator';
 import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
-import React from 'react';
 
 const textClasses = 'text-gray-950 text-sm font-light';
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export

src/components/ui/Separator/stories/Separator.stories.tsx

@@ -1,7 +1,6 @@
-import { JSX, useState } from 'react';
+import React, { JSX, useState } from 'react';
 import Switch, { SwitchProps } from '../Switch';
 import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
-import React from 'react';
 
 export default {
     title: 'Components/Switch',

src/components/ui/Switch/stories/Switch.stories.tsx

@@ -4,7 +4,6 @@ import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
 
 import Button from '~/components/ui/Button/Button';
 
-
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
     title: 'WIP/Tabs',