From 205684540857cee84be923404c7e7b82939e002e Mon Sep 17 00:00:00 2001
From: Clint Andrew Hall <clint.hall@elastic.co>
Date: Thu, 24 Jun 2021 18:05:11 -0500
Subject: [PATCH] [canvas] Reduce bundle size by combining SCSS imports
 (#102822)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../canvas/public/components/var_config/delete_var.tsx     | 2 --
 .../canvas/public/components/var_config/edit_var.tsx       | 3 ---
 .../canvas/public/components/var_config/var_config.tsx     | 2 --
 x-pack/plugins/canvas/public/style/index.scss              | 7 +++++++
 x-pack/plugins/canvas/public/transitions/fade/index.ts     | 2 --
 x-pack/plugins/canvas/public/transitions/rotate/index.ts   | 2 --
 x-pack/plugins/canvas/public/transitions/slide/index.ts    | 2 --
 x-pack/plugins/canvas/public/transitions/zoom/index.ts     | 2 --
 8 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx b/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx
index f6ba2d7e28825..1aea08a96784d 100644
--- a/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx
+++ b/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx
@@ -39,8 +39,6 @@ const strings = {
     }),
 };
 
-import './var_panel.scss';
-
 interface Props {
   selectedVar: CanvasVariable;
   onDelete: (v: CanvasVariable) => void;
diff --git a/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx b/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx
index 35f9e67745aec..5501aa9aab637 100644
--- a/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx
+++ b/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx
@@ -76,9 +76,6 @@ const strings = {
     }),
 };
 
-import './edit_var.scss';
-import './var_panel.scss';
-
 interface Props {
   selectedVar: CanvasVariable | null;
   variables: CanvasVariable[];
diff --git a/x-pack/plugins/canvas/public/components/var_config/var_config.tsx b/x-pack/plugins/canvas/public/components/var_config/var_config.tsx
index dc8898e2132e7..25c77ab7704bf 100644
--- a/x-pack/plugins/canvas/public/components/var_config/var_config.tsx
+++ b/x-pack/plugins/canvas/public/components/var_config/var_config.tsx
@@ -25,8 +25,6 @@ import { CanvasVariable } from '../../../types';
 import { EditVar } from './edit_var';
 import { DeleteVar } from './delete_var';
 
-import './var_config.scss';
-
 enum PanelMode {
   List,
   Edit,
diff --git a/x-pack/plugins/canvas/public/style/index.scss b/x-pack/plugins/canvas/public/style/index.scss
index d9592d5c0be5f..e866eada1f85f 100644
--- a/x-pack/plugins/canvas/public/style/index.scss
+++ b/x-pack/plugins/canvas/public/style/index.scss
@@ -43,6 +43,13 @@
 @import '../components/workpad_page/workpad_page';
 @import '../components/workpad_page/workpad_interactive_page/workpad_interactive_page';
 @import '../components/workpad_page/workpad_static_page/workpad_static_page';
+@import '../components/var_config/edit_var';
+@import '../components/var_config/var_config';
+
+@import '../transitions/fade/fade';
+@import '../transitions/rotate/rotate';
+@import '../transitions/slide/slide';
+@import '../transitions/zoom/zoom';
 
 @import '../../canvas_plugin_src/renderers/filters/advanced_filter/component/advanced_filter.scss';
 @import '../../canvas_plugin_src/renderers/filters/dropdown_filter/component/dropdown_filter.scss';
diff --git a/x-pack/plugins/canvas/public/transitions/fade/index.ts b/x-pack/plugins/canvas/public/transitions/fade/index.ts
index c8fcc574b1872..7ce717a83eeb0 100644
--- a/x-pack/plugins/canvas/public/transitions/fade/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/fade/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './fade.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { fade: strings } = TransitionStrings;
diff --git a/x-pack/plugins/canvas/public/transitions/rotate/index.ts b/x-pack/plugins/canvas/public/transitions/rotate/index.ts
index 217fd26680959..959e1ae248f2a 100644
--- a/x-pack/plugins/canvas/public/transitions/rotate/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/rotate/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './rotate.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { rotate: strings } = TransitionStrings;
diff --git a/x-pack/plugins/canvas/public/transitions/slide/index.ts b/x-pack/plugins/canvas/public/transitions/slide/index.ts
index 0c3f82a09dd02..1cf87acca2963 100644
--- a/x-pack/plugins/canvas/public/transitions/slide/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/slide/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './slide.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { slide: strings } = TransitionStrings;
diff --git a/x-pack/plugins/canvas/public/transitions/zoom/index.ts b/x-pack/plugins/canvas/public/transitions/zoom/index.ts
index c7c1db25bd0d7..c102935b4118b 100644
--- a/x-pack/plugins/canvas/public/transitions/zoom/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/zoom/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './zoom.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { zoom: strings } = TransitionStrings;