From a5ff8f6de83925b69c5124faf4d29b41d51e02f7 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Fri, 21 Jun 2024 14:20:24 -0700
Subject: [PATCH] [EuiColorPaletteDisplay] Delete Sass files + update
 tests/snapshots

---
 packages/eui/src/components/color_picker/_index.scss         | 1 -
 .../color_palette_display/_color_palette_display.scss        | 0
 .../color_palette_display/_color_palette_display_fixed.scss  | 0
 .../color_picker/color_palette_display/_index.scss           | 4 ----
 .../color_picker/color_palette_display/_mixins.scss          | 0
 .../color_picker/color_palette_display/_variables.scss       | 0
 .../color_palette_display/color_palette_display.test.tsx     | 5 ++++-
 7 files changed, 4 insertions(+), 6 deletions(-)
 delete mode 100644 packages/eui/src/components/color_picker/color_palette_display/_color_palette_display.scss
 delete mode 100644 packages/eui/src/components/color_picker/color_palette_display/_color_palette_display_fixed.scss
 delete mode 100644 packages/eui/src/components/color_picker/color_palette_display/_index.scss
 delete mode 100644 packages/eui/src/components/color_picker/color_palette_display/_mixins.scss
 delete mode 100644 packages/eui/src/components/color_picker/color_palette_display/_variables.scss

diff --git a/packages/eui/src/components/color_picker/_index.scss b/packages/eui/src/components/color_picker/_index.scss
index 77e746218eba..ad6844390da0 100644
--- a/packages/eui/src/components/color_picker/_index.scss
+++ b/packages/eui/src/components/color_picker/_index.scss
@@ -2,4 +2,3 @@
 @import 'color_picker_swatch';
 @import 'hue';
 @import 'saturation';
-@import 'color_palette_display/index';
diff --git a/packages/eui/src/components/color_picker/color_palette_display/_color_palette_display.scss b/packages/eui/src/components/color_picker/color_palette_display/_color_palette_display.scss
deleted file mode 100644
index e69de29bb2d1..000000000000
diff --git a/packages/eui/src/components/color_picker/color_palette_display/_color_palette_display_fixed.scss b/packages/eui/src/components/color_picker/color_palette_display/_color_palette_display_fixed.scss
deleted file mode 100644
index e69de29bb2d1..000000000000
diff --git a/packages/eui/src/components/color_picker/color_palette_display/_index.scss b/packages/eui/src/components/color_picker/color_palette_display/_index.scss
deleted file mode 100644
index 19a628464d64..000000000000
--- a/packages/eui/src/components/color_picker/color_palette_display/_index.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-@import 'color_palette_display';
-@import 'color_palette_display_fixed';
diff --git a/packages/eui/src/components/color_picker/color_palette_display/_mixins.scss b/packages/eui/src/components/color_picker/color_palette_display/_mixins.scss
deleted file mode 100644
index e69de29bb2d1..000000000000
diff --git a/packages/eui/src/components/color_picker/color_palette_display/_variables.scss b/packages/eui/src/components/color_picker/color_palette_display/_variables.scss
deleted file mode 100644
index e69de29bb2d1..000000000000
diff --git a/packages/eui/src/components/color_picker/color_palette_display/color_palette_display.test.tsx b/packages/eui/src/components/color_picker/color_palette_display/color_palette_display.test.tsx
index e460c460070c..4ca703e8a7f6 100644
--- a/packages/eui/src/components/color_picker/color_palette_display/color_palette_display.test.tsx
+++ b/packages/eui/src/components/color_picker/color_palette_display/color_palette_display.test.tsx
@@ -7,10 +7,11 @@
  */
 
 import React from 'react';
+import { requiredProps } from '../../../test';
+import { shouldRenderCustomStyles } from '../../../test/internal';
 import { render } from '../../../test/rtl';
 
 import { EuiColorPaletteDisplay, SIZES } from './color_palette_display';
-import { requiredProps } from '../../../test';
 
 const palette = ['#1fb0b2', '#ffdb6d', '#ee9191', '#ffffff', '#888094'];
 
@@ -34,6 +35,8 @@ const paletteWithStops = [
 ];
 
 describe('EuiColorPaletteDisplay', () => {
+  shouldRenderCustomStyles(<EuiColorPaletteDisplay palette={palette} />);
+
   test('is rendered', () => {
     const { container } = render(
       <EuiColorPaletteDisplay {...requiredProps} palette={palette} />