From ad1a1133107bf1bdd273ab1c3f0e71a618c27217 Mon Sep 17 00:00:00 2001
From: Daniel Richards <daniel.richards@automattic.com>
Date: Tue, 17 Jul 2018 18:19:15 +0800
Subject: [PATCH] Set initialOpen for color palettes to false for Paragraph
 block

---
 core-blocks/paragraph/index.js                  | 1 +
 editor/components/panel-color-settings/index.js | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/core-blocks/paragraph/index.js b/core-blocks/paragraph/index.js
index 9555a754039de..81ffe18ffef19 100644
--- a/core-blocks/paragraph/index.js
+++ b/core-blocks/paragraph/index.js
@@ -234,6 +234,7 @@ class ParagraphBlock extends Component {
 					</PanelBody>
 					<PanelColorSettings
 						title={ __( 'Color Settings' ) }
+						initialOpen={ false }
 						colorSettings={ [
 							{
 								value: backgroundColor.value,
diff --git a/editor/components/panel-color-settings/index.js b/editor/components/panel-color-settings/index.js
index 0b0eede1649a0..a7121cc2a52b9 100644
--- a/editor/components/panel-color-settings/index.js
+++ b/editor/components/panel-color-settings/index.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import { omit } from 'lodash';
+
 /**
  * WordPress dependencies
  */
@@ -14,7 +19,7 @@ import ColorPaletteControl from '../color-palette/control';
 import TextWithColorIndicators from '../text-with-color-indicators';
 import withColorContext from '../color-palette/with-color-context';
 
-export function PanelColorSettings( { title, colorSettings, children } ) {
+export function PanelColorSettings( { title, colorSettings, children, ...props } ) {
 	const className = 'editor-panel-color-settings';
 
 	const titleElement = (
@@ -30,6 +35,7 @@ export function PanelColorSettings( { title, colorSettings, children } ) {
 		<PanelBody
 			className={ className }
 			title={ titleElement }
+			{ ...omit( props, 'colors' ) }
 		>
 			{ colorSettings.map( ( settings, index ) => (
 				<ColorPaletteControl key={ index } { ...settings } />