block-colors-selector: add contrast checker

WordPress · Oct 14, 2019 · 9e00d5b · 9e00d5b
1 parent fa89cff
commit 9e00d5b
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/block-library/src/navigation-menu/block-colors-selector.js b/packages/block-library/src/navigation-menu/block-colors-selector.js
@@ -9,7 +9,7 @@ import classnames from 'classnames';
 import { IconButton, Dropdown, Toolbar } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { DOWN } from '@wordpress/keycodes';
-import { ColorPaletteControl } from '@wordpress/block-editor';
+import { ColorPaletteControl, ContrastChecker } from '@wordpress/block-editor';
 
 /**
  * Color Selector Icon component.
@@ -73,6 +73,14 @@ const renderContent = ( { backgroundColor, textColor, setBackgroundColor, setTex
 					label={ __( 'Text Color' ) }
 				/>
 			</div>
+
+			<ContrastChecker
+				{ ...{
+					textColor: textColor.color,
+					backgroundColor: backgroundColor.color,
+				} }
+				isLargeText={ false }
+			/>
 		</>
 	)
 } );