Remove unecessary span in favour of Fragment

WordPress · Jul 17, 2018 · 0081052 · 0081052
1 parent c93bcd2
commit 0081052
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/editor/components/panel-color-settings/index.js b/editor/components/panel-color-settings/index.js
@@ -11,6 +11,7 @@ import {
 	BaseControl,
 	ColorIndicator,
 } from '@wordpress/components';
+import { Fragment } from '@wordpress/element';
 import { ifCondition, compose } from '@wordpress/compose';
 import { sprintf } from '@wordpress/i18n';
 
@@ -35,23 +36,22 @@ const getColorIndicatorProps = ( colors, { value, colorIndicatorAriaLabel } ) =>
 	};
 };
 
-const TextWithColorIndicators = ( { className, text, colorIndicatorProps } ) => (
-	<span className={ className }>
+const TextWithColorIndicators = ( { text, colorIndicatorProps } ) => (
+	<Fragment>
 		{ text }
 		{ colorIndicatorProps.map( ( props, index ) => props && (
 			<ColorIndicator
 				key={ index }
 				{ ...props }
 			/>
 		) ) }
-	</span>
+	</Fragment>
 );
 
 const ColorPaletteControl = ( { label, colors, ...settings } ) => {
 	const colorIndicatorProps = getColorIndicatorProps( colors, settings );
 	const labelElement = (
 		<TextWithColorIndicators
-			className="editor-panel-color-settings__color-palette"
 			text={ label }
 			colorIndicatorProps={ [ colorIndicatorProps ] }
 		/>