@wordpress/block-editor 8.6.0 → 9.2.0

package/src/components/border-style-control/style.scss

@@ -1,18 +0,0 @@
-.components-border-style-control {
-	legend {
-		line-height: 1.4;
-		margin-bottom: $grid-unit-10;
-		padding: 0;
-	}
-
-	.components-border-style-control__buttons {
-		display: inline-flex;
-
-		.components-button.has-icon {
-			min-width: 30px;
-			height: 30px;
-			padding: 3px;
-			margin-right: $grid-unit-05;
-		}
-	}
-}

package/src/components/colors/color-panel.js

@@ -1,91 +0,0 @@
-/**
- * External dependencies
- */
-import { map } from 'lodash';
-
-/**
- * Internal dependencies
- */
-import PanelColorSettings from '../panel-color-settings';
-import ContrastChecker from '../contrast-checker';
-
-const resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {
-	if ( typeof color === 'function' ) {
-		return color( colorSettings );
-	} else if ( color === true ) {
-		return detectedColor;
-	}
-	return color;
-};
-
-export default function ColorPanel( {
-	title,
-	colorSettings,
-	colorPanelProps,
-	contrastCheckers,
-	detectedBackgroundColor,
-	detectedColor,
-	panelChildren,
-	initialOpen,
-} ) {
-	return (
-		<PanelColorSettings
-			title={ title }
-			initialOpen={ initialOpen }
-			colorSettings={ Object.values( colorSettings ) }
-			{ ...colorPanelProps }
-		>
-			{ contrastCheckers &&
-				( Array.isArray( contrastCheckers )
-					? contrastCheckers.map(
-							( { backgroundColor, textColor, ...rest } ) => {
-								backgroundColor = resolveContrastCheckerColor(
-									backgroundColor,
-									colorSettings,
-									detectedBackgroundColor
-								);
-								textColor = resolveContrastCheckerColor(
-									textColor,
-									colorSettings,
-									detectedColor
-								);
-								return (
-									<ContrastChecker
-										key={ `${ backgroundColor }-${ textColor }` }
-										backgroundColor={ backgroundColor }
-										textColor={ textColor }
-										{ ...rest }
-									/>
-								);
-							}
-					  )
-					: map( colorSettings, ( { value } ) => {
-							let {
-								backgroundColor,
-								textColor,
-							} = contrastCheckers;
-							backgroundColor = resolveContrastCheckerColor(
-								backgroundColor || value,
-								colorSettings,
-								detectedBackgroundColor
-							);
-							textColor = resolveContrastCheckerColor(
-								textColor || value,
-								colorSettings,
-								detectedColor
-							);
-							return (
-								<ContrastChecker
-									{ ...contrastCheckers }
-									key={ `${ backgroundColor }-${ textColor }` }
-									backgroundColor={ backgroundColor }
-									textColor={ textColor }
-								/>
-							);
-					  } ) ) }
-			{ typeof panelChildren === 'function'
-				? panelChildren( colorSettings )
-				: panelChildren }
-		</PanelColorSettings>
-	);
-}

package/src/components/colors/color-panel.native.js

@@ -1,3 +0,0 @@
-export default function ColorPanel() {
-	return null;
-}

package/src/components/colors-gradients/tools-panel-color-dropdown.js

@@ -1,85 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import {
-	Button,
-	ColorIndicator,
-	Dropdown,
-	FlexItem,
-	__experimentalHStack as HStack,
-	__experimentalToolsPanelItem as ToolsPanelItem,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ColorGradientControl from './control';
-import useMultipleOriginColorsAndGradients from './use-multiple-origin-colors-and-gradients';
-
-export default function ToolsPanelColorDropdown( {
-	settings,
-	enableAlpha,
-	...otherProps
-} ) {
-	const colorGradientSettings = useMultipleOriginColorsAndGradients();
-	const controlSettings = {
-		...colorGradientSettings,
-		clearable: false,
-		enableAlpha,
-		label: settings.label,
-		onColorChange: settings.onColorChange,
-		onGradientChange: settings.onGradientChange,
-		colorValue: settings.colorValue,
-		gradientValue: settings.gradientValue,
-	};
-	const selectedColor = settings.gradientValue ?? settings.colorValue;
-
-	return (
-		<ToolsPanelItem
-			hasValue={ settings.hasValue }
-			label={ settings.label }
-			onDeselect={ settings.onDeselect }
-			isShownByDefault={ settings.isShownByDefault }
-			resetAllFilter={ settings.resetAllFilter }
-			{ ...otherProps }
-			className="block-editor-tools-panel-color-gradient-settings__item"
-		>
-			<Dropdown
-				className="block-editor-tools-panel-color-dropdown"
-				contentClassName="block-editor-panel-color-gradient-settings__dropdown-content"
-				renderToggle={ ( { isOpen, onToggle } ) => (
-					<Button
-						onClick={ onToggle }
-						aria-expanded={ isOpen }
-						className={ classnames(
-							'block-editor-panel-color-gradient-settings__dropdown',
-							{ 'is-open': isOpen }
-						) }
-					>
-						<HStack justify="flex-start">
-							<ColorIndicator
-								className="block-editor-panel-color-gradient-settings__color-indicator"
-								colorValue={ selectedColor }
-							/>
-							<FlexItem>{ settings.label }</FlexItem>
-						</HStack>
-					</Button>
-				) }
-				renderContent={ () => (
-					<ColorGradientControl
-						showTitle={ false }
-						__experimentalHasMultipleOrigins
-						__experimentalIsRenderedInSidebar
-						enableAlpha
-						{ ...controlSettings }
-					/>
-				) }
-			/>
-		</ToolsPanelItem>
-	);
-}