feat: upgrade dependancies and fix stories (#46)

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.storybook/main.ts

@@ -26,11 +26,11 @@ const config: StorybookConfig = {
     }
 
     if (config.plugins) {
-      config.plugins = config.plugins.filter(plugin => {
+      config.plugins = config.plugins.filter((plugin) => {
         if (Array.isArray(plugin)) {
           return plugin;
         }
-        return (plugin as { name: string; }).name !== 'peer-deps-external';
+        return (plugin as { name: string }).name !== 'peer-deps-external';
       });
     }
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"
@@ -66,49 +66,49 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.4.3",
-    "@commitlint/config-conventional": "^17.4.3",
+    "@commitlint/cli": "^17.6.5",
+    "@commitlint/config-conventional": "^17.6.5",
     "@elevenlabs/eslint-config": "^0.0.1",
-    "@storybook/addon-actions": "^7.0.2",
-    "@storybook/addon-essentials": "^7.0.2",
-    "@storybook/addon-interactions": "^7.0.2",
-    "@storybook/addon-links": "^7.0.2",
-    "@storybook/react": "^7.0.2",
-    "@storybook/react-vite": "^7.0.2",
+    "@storybook/addon-actions": "^7.0.22",
+    "@storybook/addon-essentials": "^7.0.22",
+    "@storybook/addon-interactions": "^7.0.22",
+    "@storybook/addon-links": "^7.0.22",
+    "@storybook/react": "^7.0.22",
+    "@storybook/react-vite": "^7.0.22",
     "@storybook/testing-library": "^0.1.0",
-    "@svgr/cli": "^6.5.1",
+    "@svgr/cli": "^8.0.1",
     "@types/autosuggest-highlight": "^3.2.0",
-    "@types/jest": "^29.4.0",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-syntax-highlighter": "^15.5.6",
-    "@vitejs/plugin-react": "^3.1.0",
-    "autoprefixer": "^10.4.13",
+    "@types/jest": "^29.5.2",
+    "@types/react": "^18.2.13",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-syntax-highlighter": "^15.5.7",
+    "@vitejs/plugin-react": "^4.0.1",
+    "autoprefixer": "^10.4.14",
     "eslint": "^8.26.0",
     "husky": "^8.0.3",
-    "jest": "^29.4.3",
-    "lint-staged": "^13.1.2",
-    "node-sass": "^8.0.0",
-    "postcss": "^8.4.21",
+    "jest": "^29.5.0",
+    "lint-staged": "^13.2.2",
+    "node-sass": "^9.0.0",
+    "postcss": "^8.4.24",
     "postcss-normalize": "^10.0.1",
     "postcss-scss": "^4.0.6",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.58.1",
-    "storybook": "^7.0.2",
-    "style-dictionary": "^3.7.2",
-    "stylelint": "^15.1.0",
-    "stylelint-config-standard-scss": "^7.0.1",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "sass": "^1.63.4",
+    "storybook": "^7.0.22",
+    "style-dictionary": "^3.8.0",
+    "stylelint": "^15.8.0",
+    "stylelint-config-standard-scss": "^9.0.0",
     "svgo": "^3.0.2",
-    "ts-jest": "^29.0.5",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "typescript": "^4.9.5",
-    "vite": "^4.1.1",
-    "vite-plugin-dts": "^1.7.3",
-    "vite-plugin-static-copy": "^0.13.0",
-    "vite-tsconfig-paths": "^4.0.5"
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^2.3.0",
+    "vite-plugin-static-copy": "^0.16.0",
+    "vite-tsconfig-paths": "^4.2.0"
   }
 }

src/components/Atoms/Blockquote/Blockquote.stories.tsx

@@ -7,7 +7,7 @@ export default {
   title: 'Components/Atoms/Blockquote',
   component: Blockquote,
   args: {
-    content:
+    children:
       'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nisi lectus, tincidunt nec nisl ut, dapibus ornare eros.',
   },
 } as Meta<typeof Blockquote>;

src/components/Atoms/SyntaxHighlighter/SyntaxHighlighter.stories.tsx

@@ -7,7 +7,7 @@ export default {
   title: 'Components/Atoms/SyntaxHighlighter',
   component: SyntaxHighlighter,
   args: {
-    content: 'import React from React;',
+    children: 'import React from React;',
   },
 } as Meta<typeof SyntaxHighlighter>;