Storybook v8

midday-ai · Feb 7, 2024 · f8b28a6 · f8b28a6
1 parent 62ae80c
commit f8b28a6
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 13 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/ui/.storybook/manager-head.html b/packages/ui/.storybook/manager-head.html
@@ -1,5 +1,4 @@
-<!-- <link rel="shortcut icon" href="../assets/images/favicon.png" /> -->
-<style>
+ <style>
   #storybook-preview-iframe, .sb-main-padded {
     background-color: transparent !important;
   }

diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
@@ -1,12 +1,10 @@
 import { withThemeByClassName } from "@storybook/addon-themes";
-import type { Preview } from "@storybook/react";
-import "../src/tailwind.css";
+import type { Preview, ReactRenderer } from "@storybook/react";
+
+import "../src/globals.css";
 
 const preview: Preview = {
   parameters: {
-    backgrounds: {
-      disable: true,
-    },
     actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
@@ -16,7 +14,7 @@ const preview: Preview = {
     },
   },
   decorators: [
-    withThemeByClassName({
+    withThemeByClassName<ReactRenderer>({
       themes: {
         light: "light",
         dark: "dark",

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -14,17 +14,14 @@
     "lint": "biome check .",
     "format": "biome --write .",
     "check:types": "tsc --noEmit",
-    "dev": "concurrently \"bun watch:tailwind\" \"bun watch:storybook\"",
-    "watch:tailwind": "bunx tailwindcss -i ./src/globals.css -o ./src/tailwind.css --watch",
-    "watch:storybook": "storybook dev -p 6006",
-    "build": "bunx tailwindcss -i ./src/globals.css -o ./src/tailwind.css && storybook build"
+    "dev": "storybook dev -p 6006",
+    "build": "storybook build"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.0.0-beta.1",
     "@storybook/addon-links": "^8.0.0-beta.1",
     "@storybook/react-vite": "^8.0.0-beta.1",
     "autoprefixer": "^10.4.17",
-    "concurrently": "^8.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^8.0.0-beta.1",
@@ -100,9 +97,11 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/addon-themes": "^7.6.13",
     "@storybook/manager-api": "^7.6.13",
+    "@storybook/nextjs": "^7.6.13",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^0.2.1",