chore: fully remove deprecated charts theming exports

packages/eui/changelogs/upcoming/7682.md

@@ -0,0 +1,4 @@
+**Breaking changes**
+
+- Removed `EUI_CHARTS_THEME_DARK`, `EUI_CHARTS_THEME_LIGHT` and `EUI_SPARKLINE_THEME_PARTIAL` exports.
+

packages/eui/scripts/compile-eui.js

@@ -26,7 +26,6 @@ const IGNORE_TESTENV = [
 ];
 const IGNORE_PACKAGES = [
   '**/react-datepicker/test/**/*.js',
-  '**/themes/charts/themes.ts',
 ];
 
 function compileLib() {
@@ -207,27 +206,6 @@ function compileBundle() {
     }
   );
   console.log(chalk.green('✔ Finished test utils files'));
-
-  console.log('Building chart theme module...');
-  execSync('webpack --config=src/themes/charts/webpack.config.js', {
-    stdio: 'inherit',
-  });
-  dtsGenerator({
-    prefix: '',
-    out: 'dist/eui_charts_theme.d.ts',
-    baseDir: path.resolve(__dirname, '..', 'src/themes/charts/'),
-    files: ['themes.ts'],
-    resolveModuleId() {
-      return '@elastic/eui/dist/eui_charts_theme';
-    },
-    resolveModuleImport(params) {
-      if (params.importedModuleId === '../../components/common') {
-        return '@elastic/eui/src/components/common';
-      }
-      return null;
-    },
-  });
-  console.log(chalk.green('✔ Finished chart theme module'));
 }
 
 compileLib();

packages/eui/scripts/dtsgenerator.js

@@ -37,7 +37,6 @@ const generator = dtsGenerator({
     '**/*.stories.{ts,tsx}',
     '**/*.mock.{ts,tsx}',
     '**/__mocks__/*',
-    'src/themes/charts/*', // A separate d.ts file is generated for the charts theme file
     'src/test/**/*', // Separate d.ts files are generated for test utils
     'src-docs/**/*', // Don't include src-docs
     '**/*.mdx', // Don't include storybook mdx files

packages/eui/src-docs/src/views/elastic_charts/sparklines.tsx

@@ -7,10 +7,9 @@ import {
   Tooltip,
   LineSeries,
   AreaSeries,
+  PartialTheme,
 } from '@elastic/charts';
 
-import { EUI_SPARKLINE_THEME_PARTIAL } from '../../../../src/themes/charts/themes';
-
 import {
   EuiPanel,
   EuiStat,
@@ -28,6 +27,28 @@ import {
 } from '../../../../src/services';
 import { useChartBaseTheme } from './utils/use_chart_base_theme';
 
+/**
+ * Example sparkline styles to match `ThemeService.useSparklineOverrides` from kibana `charts` plugin
+ *
+ * See https://github.com/elastic/kibana/blob/82fdf0414d61a1419038eed395bcdf941d72a58c/src/plugins/charts/public/services/theme/theme.ts#L55-L77
+ */
+const sparklineOverrides: PartialTheme = {
+  lineSeriesStyle: {
+    point: {
+      visible: false,
+      strokeWidth: 1,
+      radius: 1,
+    },
+  },
+  areaSeriesStyle: {
+    point: {
+      visible: false,
+      strokeWidth: 1,
+      radius: 1,
+    },
+  },
+};
+
 export const TIME_DATA_SMALL = [
   [1551438630000, 8.515625],
   [1551438660000, 10.796875],
@@ -60,7 +81,7 @@ export default () => {
               <Chart size={{ height: 64 }}>
                 <Settings
                   baseTheme={chartBaseTheme}
-                  theme={EUI_SPARKLINE_THEME_PARTIAL}
+                  theme={sparklineOverrides}
                   showLegend={false}
                 />
                 <Tooltip type="none" />
@@ -91,7 +112,7 @@ export default () => {
               <Chart size={{ height: 48 }}>
                 <Settings
                   baseTheme={chartBaseTheme}
-                  theme={EUI_SPARKLINE_THEME_PARTIAL}
+                  theme={sparklineOverrides}
                   showLegend={false}
                 />
                 <Tooltip type="none" />
@@ -130,7 +151,7 @@ export default () => {
               <Chart size={{ height: 16 }}>
                 <Settings
                   baseTheme={chartBaseTheme}
-                  theme={EUI_SPARKLINE_THEME_PARTIAL}
+                  theme={sparklineOverrides}
                   showLegend={false}
                 />
                 <Tooltip type="none" />
@@ -161,7 +182,7 @@ export default () => {
               <Chart size={{ height: 48 }}>
                 <Settings
                   baseTheme={chartBaseTheme}
-                  theme={EUI_SPARKLINE_THEME_PARTIAL}
+                  theme={sparklineOverrides}
                   showLegend={false}
                 />
                 <Tooltip type="none" />