update config files to ES5 for compatibility with storybook

benorloff · Apr 19, 2024 · aa6341a · aa6341a
1 parent 73c4724
commit aa6341a
Show file tree

Hide file tree

Showing 23 changed files with 87 additions and 466 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -21,6 +21,5 @@ const config: StorybookConfig = {
   docs: {
     autodocs: "tag",
   },
-  staticDirs: ["../public"],
 };
 export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -16,14 +16,14 @@ const preview: Preview = {
     },
   },
 
-  decorators: [withThemeByClassName({
-      themes: {
-          // nameOfTheme: 'classNameForTheme',
-          light: '',
-          dark: 'dark',
-      },
-      defaultTheme: 'light',
-  })]
+  // decorators: [withThemeByClassName({
+  //     themes: {
+  //         // nameOfTheme: 'classNameForTheme',
+  //         light: '',
+  //         dark: 'dark',
+  //     },
+  //     defaultTheme: 'light',
+  // })]
 };
 
 export default preview;
diff --git a/.storybook/tokens/color.stories.tsx b/.storybook/tokens/color.stories.tsx
@@ -2,7 +2,7 @@ import React from "react"
 import type { Meta, StoryObj } from "@storybook/react"
 import resolveConfig from "tailwindcss/resolveConfig"
 
-import config from "../../tailwind.config.ts"
+import config from "../../tailwind.config.cjs"
 import { hexToHSL, hslToHex } from "./util"
 
 const meta: Meta<{

diff --git a/.storybook/tokens/radius.stories.tsx b/.storybook/tokens/radius.stories.tsx
@@ -2,7 +2,7 @@ import React from "react"
 import type { Meta, StoryObj } from "@storybook/react"
 import resolveConfig from "tailwindcss/resolveConfig"
 
-import config from "../../tailwind.config.ts"
+import config from "../../tailwind.config.cjs"
 
 const fullConfig = resolveConfig(config)
 

diff --git a/.storybook/tokens/shadow.stories.tsx b/.storybook/tokens/shadow.stories.tsx
@@ -2,7 +2,7 @@ import React from "react"
 import type { Meta, StoryObj } from "@storybook/react"
 import resolveConfig from "tailwindcss/resolveConfig"
 
-import config from "../../tailwind.config.ts"
+import config from "../../tailwind.config.cjs"
 
 const fullConfig = resolveConfig(config)
 

diff --git a/.storybook/tokens/spacing.stories.tsx b/.storybook/tokens/spacing.stories.tsx
@@ -2,7 +2,7 @@ import React from "react"
 import type { Meta, StoryObj } from "@storybook/react"
 import resolveConfig from "tailwindcss/resolveConfig"
 
-import config from "../../tailwind.config.ts"
+import config from "../../tailwind.config.cjs"
 
 const fullConfig = resolveConfig(config)
 

diff --git a/.storybook/tokens/typography.stories.tsx b/.storybook/tokens/typography.stories.tsx
@@ -2,7 +2,7 @@ import React, { CSSProperties } from "react"
 import type { Meta, StoryObj } from "@storybook/react"
 import resolveConfig from "tailwindcss/resolveConfig"
 
-import config from "../../tailwind.config.ts"
+import config from "../../tailwind.config.cjs"
 
 const fullConfig = resolveConfig(config)
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -74,6 +74,7 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.19",
     "chromatic": "^11.3.0",
     "eslint": "^8",
     "eslint-config-next": "14.2.2",

diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/postcss.config.mjs b/postcss.config.mjs
diff --git a/stories/Button.stories.ts b/stories/Button.stories.ts
diff --git a/stories/Button.tsx b/stories/Button.tsx
diff --git a/stories/Header.stories.ts b/stories/Header.stories.ts
diff --git a/stories/Header.tsx b/stories/Header.tsx