feat: move d3 plugin to @gravity-ui/charts

.storybook/main.ts

@@ -15,6 +15,12 @@ const config: StorybookConfig = {
         {name: '@storybook/addon-essentials', options: {backgrounds: false}},
         './theme-addon/register.tsx',
     ],
+    refs: {
+        'gravity-charts': {
+            title: 'Gravity Charts',
+            url: 'https://preview.gravity-ui.com/charts',
+        },
+    },
 };
 
 export default config;

package.json

@@ -47,11 +47,11 @@
   ],
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
+    "@gravity-ui/charts": "^0.2.0",
     "@gravity-ui/date-utils": "^2.1.0",
     "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/yagr": "^4.3.4",
     "afterframe": "^1.0.2",
-    "d3": "^7.8.5",
     "lodash": "^4.17.21",
     "react-split-pane": "^0.1.92",
     "tslib": "^2.6.2"
@@ -84,6 +84,7 @@
     "@typescript-eslint/eslint-plugin": "^5.31.0",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.7",
+    "d3": "^7.9.0",
     "eslint": "^8.56.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",

src/components/ChartKit.scss

@@ -28,6 +28,4 @@
     --highcharts-tooltip-alternate-bg: var(--g-color-base-generic);
     --highcharts-tooltip-text-complementary: var(--g-color-text-secondary);
     --highcharts-holiday-band: var(--g-color-base-generic);
-
-    --d3-data-labels: var(--g-color-text-secondary);
 }