fix: css variables table has colors again & charts dependencies fixed (#4535)

* fix: css variables table has colors again

* fix: chart legend alignment due to mismatched chart versions

* fix: victory and echarts now dependencies of docs-site

Author: nicolethoen

packages/documentation-framework/components/cssVariables/cssVariables.js

@@ -93,7 +93,7 @@ export class CSSVariables extends React.Component {
                 >
                   <span
                     className="circle"
-                    style={{ backgroundColor: `var(${property})` }}
+                    style={{ backgroundColor: `${value}` }}
                   />
                 </div>
               )}

packages/documentation-site/package.json

@@ -30,9 +30,11 @@
     "@patternfly/react-topology": "6.2.0",
     "@patternfly/react-user-feedback": "6.1.0",
     "@patternfly/react-virtualized-extension": "6.0.0",
+    "echarts": "^5.6.0",
     "marked": "^15.0.7",
     "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "victory": "^37.3.6"
   },
   "devDependencies": {
     "@patternfly/patternfly-a11y": "5.0.0",
@@ -41,18 +43,6 @@
     "glob": "^8.1.0",
     "react-jss": "^10.9.2",
     "react-router": "^6.3.0",
-    "react-router-dom": "^6.3.0",
-    "victory-bar": "^37.1.1",
-    "victory-core": "^37.1.1",
-    "victory-create-container": "^37.1.1",
-    "victory-cursor-container": "^37.1.1",
-    "victory-group": "^37.1.1",
-    "victory-legend": "^37.1.1",
-    "victory-line": "^37.1.1",
-    "victory-pie": "^37.1.1",
-    "victory-scatter": "^37.1.1",
-    "victory-stack": "^37.1.1",
-    "victory-tooltip": "^37.1.1",
-    "victory-voronoi-container": "^37.1.1"
+    "react-router-dom": "^6.3.0"
   }
 }