fix: Chart colors loop (#1046)

* fix: update deps (#1042)

* fix: Chart color logic (#1043)

* fix: chart color loop (#1041)

Author: severinlandolt

.storybook/main.js

@@ -37,6 +37,8 @@ module.exports = {
         ],
       },
     },
+    "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook"
   ],
 
   framework: {

.storybook/preview.js

@@ -2,7 +2,6 @@ import "../src/styles.css";
 import { withThemeByDataAttribute } from "@storybook/addon-themes";
 
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
     matchers: {
       color: /(background|color)$/i,

package.json

@@ -27,17 +27,18 @@
     "@floating-ui/react": "^0.19.2",
     "@headlessui/react": "^1.7.19",
     "@headlessui/tailwindcss": "^0.2.0",
-    "date-fns": "^2.30.0",
-    "react-day-picker": "^8.9.1",
+    "date-fns": "^3.6.0",
+    "react-day-picker": "^8.10.1",
     "react-transition-state": "^2.1.1",
-    "recharts": "^2.12.6",
+    "recharts": "^2.12.7",
     "tailwind-merge": "^1.14.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.5",
-    "@babel/preset-env": "^7.23.5",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@chromatic-com/storybook": "^1",
     "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -46,24 +47,25 @@
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/github": "github:semantic-release/github",
     "@semantic-release/npm": "github:semantic-release/npm",
-    "@storybook/addon-a11y": "^7.6.3",
-    "@storybook/addon-actions": "^7.6.3",
-    "@storybook/addon-essentials": "^7.6.3",
-    "@storybook/addon-interactions": "^7.6.3",
-    "@storybook/addon-links": "^7.6.3",
-    "@storybook/addon-styling-webpack": "^0.0.5",
-    "@storybook/addon-themes": "^7.6.3",
-    "@storybook/manager-api": "^7.6.3",
+    "@storybook/addon-a11y": "^8.0.10",
+    "@storybook/addon-actions": "^8.0.10",
+    "@storybook/addon-essentials": "^8.0.10",
+    "@storybook/addon-interactions": "^8.0.10",
+    "@storybook/addon-links": "^8.0.10",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-themes": "^8.0.10",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/manager-api": "^8.0.10",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^7.6.3",
-    "@storybook/react-webpack5": "^7.6.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.3",
+    "@storybook/react": "^8.0.10",
+    "@storybook/react-webpack5": "^8.0.10",
+    "@storybook/test": "^8.0.10",
+    "@storybook/theming": "^8.0.10",
     "@tailwindcss/forms": "^0.5.7",
     "@testing-library/react": "^14.1.2",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^20.12.7",
-    "@types/react": "^18.3.1",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.12.11",
+    "@types/react": "^18.3.2",
     "@typescript-eslint/eslint-plugin": "^6.13.1",
     "@typescript-eslint/parser": "^6.13.1",
     "autoprefixer": "^10.4.19",
@@ -76,15 +78,16 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "html-webpack-plugin": "^5.5.3",
+    "html-webpack-plugin": "^5.6.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.5.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.38",
     "postcss-loader": "^7.3.3",
     "prettier": "3.2.5",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "resize-observer-polyfill": "^1.5.1",
     "rollup": "^2.79.1",
     "rollup-plugin-dts": "^4.2.3",
@@ -93,13 +96,13 @@
     "rollup-plugin-preserve-directives": "^0.1.1",
     "rollup-plugin-typescript-paths": "^1.4.0",
     "semantic-release": "^22.0.8",
-    "storybook": "^7.6.3",
+    "storybook": "^8.0.10",
     "storybook-source-link": "^4.0.1",
     "style-loader": "^3.3.3",
     "tailwindcss": "^3.4.3",
     "tslib": "^2.6.2",
     "typescript": "^4.9.5",
-    "webpack": "^5.89.0"
+    "webpack": "^5.91.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",