Update dependencies (#58)

* update deps * update all dependencies * Create nine-swans-smoke.md * fix storybook
riccardoperra · Apr 27, 2024 · 41b084e · 41b084e
1 parent a8ecf3b
commit 41b084e
Show file tree

Hide file tree

Showing 8 changed files with 4,598 additions and 3,210 deletions.
diff --git a/.changeset/nine-swans-smoke.md b/.changeset/nine-swans-smoke.md
@@ -0,0 +1,6 @@
+---
+"@codeui/kit": patch
+"@codeui/storybook-playground": patch
+---
+
+Update dependencies
diff --git a/packages/kit/package.json b/packages/kit/package.json
@@ -55,39 +55,39 @@
 	},
 	"devDependencies": {
 		"@codeui/vanilla-extract": "workspace:*",
-		"@testing-library/jest-dom": "^5.16.5",
-		"jest": "^28.1.3",
-		"jest-environment-jsdom": "^28.1.3",
-		"rollup": "^3.20.2",
+		"@testing-library/jest-dom": "^5.17.0",
+		"jest": "^29.7.0",
+		"jest-environment-jsdom": "^29.7.0",
+		"rollup": "^4.15.0",
 		"rollup-preset-solid": "^2.0.1",
-		"solid-js": "^1.7.3",
-		"solid-testing-library": "^0.3.0",
-		"ts-node": "^10.9.1",
-		"typescript": "^4.9.5",
-		"vite-tsconfig-paths": "^4.0.7"
+		"solid-js": "^1.8.16",
+		"solid-testing-library": "^0.5.1",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.4.5",
+		"vite-tsconfig-paths": "^4.3.2"
 	},
 	"peerDependencies": {
 		"solid-js": "^1.7.0"
 	},
 	"packageManager": "[email protected]",
 	"dependencies": {
-		"@kobalte/core": "^0.11.0",
+		"@kobalte/core": "^0.12.6",
 		"@kobalte/utils": "^0.9.0",
-		"@kobalte/vanilla-extract": "^0.4.0",
-		"@maskito/core": "^1.9.0",
-		"@maskito/kit": "^1.9.0",
+		"@kobalte/vanilla-extract": "^0.5.0",
+		"@maskito/core": "^2.3.0",
+		"@maskito/kit": "^2.3.0",
 		"@motionone/solid": "^10.16.0",
 		"@radix-ui/colors": "^0.1.8",
-		"@solid-primitives/pagination": "^0.2.5",
-		"@solid-primitives/scheduled": "^1.4.1",
-		"@tanstack/solid-virtual": "^3.0.0-beta.6",
-		"@tanstack/virtual-core": "^3.0.0-alpha.1",
-		"@vanilla-extract/css": "^1.11.0",
-		"@vanilla-extract/dynamic": "^2.0.3",
-		"@vanilla-extract/recipes": "^0.4.0",
-		"@vanilla-extract/vite-plugin": "^3.8.0",
-		"motion": "^10.15.5",
-		"polished": "^4.2.2",
-		"statebuilder": "^0.3.1"
+		"@solid-primitives/pagination": "^0.3.0",
+		"@solid-primitives/scheduled": "^1.4.3",
+		"@tanstack/solid-virtual": "^3.4.0",
+		"@tanstack/virtual-core": "^3.4.0",
+		"@vanilla-extract/css": "^1.14.2",
+		"@vanilla-extract/dynamic": "^2.1.0",
+		"@vanilla-extract/recipes": "^0.5.2",
+		"@vanilla-extract/vite-plugin": "^4.0.7",
+		"motion": "^10.17.0",
+		"polished": "^4.3.1",
+		"statebuilder": "^0.6.0"
 	}
 }
diff --git a/packages/storybook/.storybook/main.ts b/packages/storybook/.storybook/main.ts
@@ -19,6 +19,7 @@ const config: StorybookConfig = {
 		getAbsolutePath("@storybook/addon-interactions"),
 		getAbsolutePath("storybook-dark-mode"),
 		getAbsolutePath("@storybook/addon-a11y"),
+		getAbsolutePath("@storybook/addon-mdx-gfm"),
 	],
 	framework: {
 		name: getAbsolutePath("storybook-solidjs-vite"),

diff --git a/packages/storybook/.storybook/preview.tsx b/packages/storybook/.storybook/preview.tsx
@@ -1,12 +1,12 @@
 import { Preview } from "storybook-solidjs";
 import { themes, ThemeVars } from "@storybook/theming";
 import { DARK_MODE_EVENT_NAME, useDarkMode } from "storybook-dark-mode";
-import { addons } from "@storybook/addons";
-import { createEffect, createRoot, createSignal, FlowProps } from "solid-js";
 import "./reset.css";
 import "./global.css";
 import "./global-ve.css";
 import { DocsContainer, DocsContainerProps } from "@storybook/blocks";
+import { createEffect, createRoot, createSignal, FlowProps } from "solid-js";
+import { addons } from "@storybook/preview-api";
 
 function ThemeWrapper(props: FlowProps) {
 	const [darkMode, setDarkMode] = createSignal<boolean>(true);
@@ -19,6 +19,7 @@ function ThemeWrapper(props: FlowProps) {
 			darkMode() ? "dark" : "light",
 		);
 	});
+
 	return <div>{props.children}</div>;
 }
 
@@ -61,9 +62,11 @@ const preview: Preview = {
 		docs: {
 			container: (props: DocsContainerProps) => {
 				const dark = useDarkMode();
-				return createRoot(() => {
-					return <DocsContainer {...props} theme={dark ? darkTheme : lightTheme} />;
-				});
+				return createRoot(
+					() => {
+						// @ts-expect-error Render react
+						return <DocsContainer {...props} theme={dark ? darkTheme : lightTheme} />;
+					});
 			},
 		},
 	},

diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -10,35 +10,34 @@
     "storybook:run": "storybook"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^7.5.3",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-a11y": "^8.0.9",
+    "@storybook/addon-docs": "^8.0.9",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-interactions": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-mdx-gfm": "^8.0.9",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addons": "^7.5.3",
-    "@storybook/api": "^7.5.3",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/components": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@storybook/types": "^7.5.3",
-    "@vanilla-extract/vite-plugin": "^3.9.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.5.3",
-    "storybook-dark-mode": "^3.0.1",
+    "@storybook/blocks": "^8.0.9",
+    "@storybook/components": "^8.0.9",
+    "@storybook/manager-api": "^8.0.9",
+    "@storybook/preview-api": "^8.0.9",
+    "@storybook/theming": "^8.0.9",
+    "@storybook/types": "^8.0.9",
+    "@vanilla-extract/vite-plugin": "^4.0.7",
+    "storybook": "^8.0.9",
+    "storybook-dark-mode": "^4.0.1",
     "storybook-solidjs": "^1.0.0-beta.2",
     "storybook-solidjs-vite": "^1.0.0-beta.2",
-    "typescript": "5.0.4",
-    "vite": "^4.4.5",
-    "vite-plugin-solid": "^2.7.2",
-    "vite-tsconfig-paths": "^4.2.1"
+		"typescript": "^5.4.5",
+    "vite": "^5.2.10",
+    "vite-plugin-solid": "^2.10.2",
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "dependencies": {
-    "@kobalte/core": "^0.11.2",
+    "@kobalte/core": "^0.12.6",
     "@kobalte/utils": "^0.9.0",
-    "@vanilla-extract/css": "^1.14.0",
-    "solid-js": "^1.8.5"
+    "@storybook/test": "^8.0.9",
+    "@vanilla-extract/css": "^1.14.2",
+    "solid-js": "^1.8.17"
   }
 }
diff --git a/packages/storybook/src/stories/DropdownMenu.stories.tsx b/packages/storybook/src/stories/DropdownMenu.stories.tsx
@@ -11,8 +11,8 @@ import {
 	DropdownSubMenu,
 	DropdownSubMenuContent,
 	DropdownSubMenuTrigger,
+	As
 } from "@codeui/kit";
-import { As } from "@kobalte/core";
 import { JSX } from "solid-js";
 
 const meta = {

diff --git a/packages/storybook/vite.config.ts b/packages/storybook/vite.config.ts
@@ -8,9 +8,7 @@ export default defineConfig({
 		tsconfigPaths(),
 		solidPlugin(),
 		vanillaExtractPlugin({
-			esbuildOptions: {
-				external: ["solid-js/web", "solid-js"],
-			},
+			unstable_mode: 'transform'
 		}),
 	],
 	ssr: {