fix: remove storybook themes and upgrade storybook to 8.4

HamzaAmar · Nov 27, 2024 · 999157f · 999157f
1 parent 214e36f
commit 999157f
Show file tree

Hide file tree

Showing 5 changed files with 383 additions and 1,425 deletions.
diff --git a/apps/docs/src/app/_components/colors/colors.tsx b/apps/docs/src/app/_components/colors/colors.tsx
@@ -15,7 +15,7 @@ function ColorItem({ item, value }: ColorItem) {
   console.log(item, value)
 
   return (
-    <Paper border className="Aai-center colors-section Sg-4">
+    <Paper border p="4" className="Aai-center colors-section Sg-4">
       <Text size="4">{item} </Text>
       <div className="Sf-3">
         <div className="Ajc-center Sg-3 color-container">

diff --git a/apps/stories/.storybook/main.js b/apps/stories/.storybook/main.js
@@ -8,7 +8,6 @@ module.exports = {
     getAbsolutePath('@storybook/addon-links'),
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('@storybook/addon-a11y'),
-    getAbsolutePath('storybook-addon-themes'),
     '@chromatic-com/storybook',
   ],
 

diff --git a/apps/stories/.storybook/preview.js b/apps/stories/.storybook/preview.js
@@ -2,13 +2,6 @@ import '@pillar-ui/core/main.css'
 import { INITIAL_VIEWPORTS as viewports } from '@storybook/addon-viewport'
 
 export const parameters = {
-  themes: {
-    default: 'dark',
-    list: [
-      { name: 'dark', class: 'dark', color: 'hsl(0deg 0% 5%)' },
-      { name: 'light', class: 'light', color: 'hsl(0deg 0% 95%)' },
-    ],
-  },
   backgrounds: { disable: true },
   controls: {
     matchers: {

diff --git a/apps/stories/package.json b/apps/stories/package.json
@@ -36,9 +36,8 @@
     "npm-run-all": "^4.1.5",
     "rimraf": "^6.0.1",
     "serve": "^13.0.4",
-    "storybook": "8.2.9",
-    "storybook-addon-pseudo-states": "^3.1.1",
-    "storybook-addon-themes": "^6.1.0",
+    "storybook": "8.4.5",
+    "storybook-addon-pseudo-states": "^4.0.2",
     "typescript": "^5.5.4",
     "webpack": "^5.93.0"
   }