From 278ee19ec5db77814f5cff8c103a623deb3564b9 Mon Sep 17 00:00:00 2001
From: Miguel Torres <miguelmariatorresrojas@gmail.com>
Date: Mon, 30 Jul 2018 11:08:12 +0200
Subject: [PATCH] Fix components styles import (#8264)

* Fix the color indicator style import

* Remove button style import
---
 packages/components/src/button/index.js          | 5 -----
 packages/components/src/color-indicator/index.js | 5 -----
 packages/components/src/style.scss               | 1 +
 3 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/packages/components/src/button/index.js b/packages/components/src/button/index.js
index b36d6a4208107..44e38cfc67c69 100644
--- a/packages/components/src/button/index.js
+++ b/packages/components/src/button/index.js
@@ -8,11 +8,6 @@ import classnames from 'classnames';
  */
 import { createElement, forwardRef } from '@wordpress/element';
 
-/**
- * Internal dependencies
- */
-import './style.scss';
-
 export function Button( props, ref ) {
 	const {
 		href,
diff --git a/packages/components/src/color-indicator/index.js b/packages/components/src/color-indicator/index.js
index 83b72ee118027..c2ee76857f798 100644
--- a/packages/components/src/color-indicator/index.js
+++ b/packages/components/src/color-indicator/index.js
@@ -3,11 +3,6 @@
  */
 import classnames from 'classnames';
 
-/**
- * Internal dependencies
- */
-import './style.scss';
-
 const ColorIndicator = ( { className, colorValue, ...props } ) => (
 	<span
 		className={ classnames( 'component-color-indicator', className ) }
diff --git a/packages/components/src/style.scss b/packages/components/src/style.scss
index d0752daa837f4..e9b340f9b1725 100644
--- a/packages/components/src/style.scss
+++ b/packages/components/src/style.scss
@@ -3,6 +3,7 @@
 @import './button-group/style.scss';
 @import './button/style.scss';
 @import './checkbox-control/style.scss';
+@import './color-indicator/style.scss';
 @import './color-palette/style.scss';
 @import './dashicon/style.scss';
 @import './date-time/style.scss';