@wordpress/block-library 9.48.0 → 9.48.1

package/src/cover/focal-point-settings-button.native.js

@@ -1,53 +0,0 @@
-/**
- * External dependencies
- */
-import { useNavigation } from '@react-navigation/native';
-import { View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Icon as WCIcon, BottomSheet } from '@wordpress/components';
-import { blockSettingsScreens } from '@wordpress/block-editor';
-import { chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-
-function FocalPointSettingsButton( {
-	disabled,
-	focalPoint,
-	onFocalPointChange,
-	url,
-} ) {
-	const navigation = useNavigation();
-	return (
-		<BottomSheet.Cell
-			customActionButton
-			disabled={ disabled }
-			labelStyle={ disabled && styles.dimmedActionButton }
-			leftAlign
-			label={ __( 'Edit focal point' ) }
-			onPress={ () => {
-				navigation.navigate( blockSettingsScreens.focalPoint, {
-					focalPoint,
-					onFocalPointChange,
-					url,
-				} );
-			} }
-		>
-			{ /*
-			 * Wrapper View element used around Icon as workaround for SVG opacity
-			 * issue: https://github.com/react-native-svg/react-native-svg/issues/1345
-			 */ }
-			<View style={ disabled && styles.dimmedActionButton }>
-				<WCIcon icon={ chevronRight } />
-			</View>
-		</BottomSheet.Cell>
-	);
-}
-
-export default FocalPointSettingsButton;

package/src/cover/overlay-color-settings.native.js

@@ -1,106 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import {
-	getColorObjectByColorValue,
-	getColorObjectByAttributeValues,
-	getGradientValueBySlug,
-	getGradientSlugByValue,
-	__experimentalPanelColorGradientSettings as PanelColorGradientSettings,
-	useMobileGlobalStylesColors,
-} from '@wordpress/block-editor';
-import { useMemo } from '@wordpress/element';
-
-function OverlayColorSettings( {
-	overlayColor,
-	customOverlayColor,
-	gradient,
-	customGradient,
-	setAttributes,
-} ) {
-	const colors = useMobileGlobalStylesColors();
-	const gradients = useMobileGlobalStylesColors( 'gradients' );
-
-	const gradientValue =
-		customGradient || getGradientValueBySlug( gradients, gradient );
-
-	const colorValue = getColorObjectByAttributeValues(
-		colors,
-		overlayColor,
-		customOverlayColor
-	).color;
-
-	const settings = useMemo( () => {
-		const setOverlayAttribute = ( attributeName, value ) => {
-			setAttributes( {
-				// Clear all related attributes (only one should be set)
-				overlayColor: undefined,
-				customOverlayColor: undefined,
-				gradient: undefined,
-				customGradient: undefined,
-				[ attributeName ]: value,
-			} );
-		};
-
-		const onColorChange = ( value ) => {
-			// Do nothing for falsy values.
-			if ( ! value ) {
-				return;
-			}
-			const colorObject = getColorObjectByColorValue( colors, value );
-			if ( colorObject?.slug ) {
-				setOverlayAttribute( 'overlayColor', colorObject.slug );
-			} else {
-				setOverlayAttribute( 'customOverlayColor', value );
-			}
-		};
-
-		const onGradientChange = ( value ) => {
-			// Do nothing for falsy values.
-			if ( ! value ) {
-				return;
-			}
-			const slug = getGradientSlugByValue( gradients, value );
-			if ( slug ) {
-				setOverlayAttribute( 'gradient', slug );
-			} else {
-				setOverlayAttribute( 'customGradient', value );
-			}
-		};
-
-		const onColorCleared = () => {
-			setAttributes( {
-				overlayColor: undefined,
-				customOverlayColor: undefined,
-				gradient: undefined,
-				customGradient: undefined,
-			} );
-		};
-
-		return [
-			{
-				label: __( 'Color' ),
-				onColorChange,
-				colorValue,
-				gradientValue,
-				onGradientChange,
-				onColorCleared,
-			},
-		];
-	}, [ colorValue, gradientValue, colors, gradients ] );
-
-	return (
-		<PanelColorGradientSettings
-			title={ __( 'Overlay' ) }
-			initialOpen={ false }
-			settings={ settings }
-		/>
-	);
-}
-
-export default OverlayColorSettings;

package/src/cover/style.native.scss

@@ -1,220 +0,0 @@
-.icon {
-	fill: $gray-dark;
-	height: 24px;
-	width: 24px;
-}
-
-.iconDark {
-	fill: $white;
-}
-
-.backgroundContainer {
-	overflow: hidden;
-	width: 100%;
-	position: relative;
-}
-
-.content {
-	justify-content: center;
-	width: 100%;
-	padding: $block-edge-to-content;
-	z-index: 3;
-}
-
-.overlay {
-	z-index: 2;
-	color: $black;
-	position: absolute;
-	width: 100%;
-	height: 100%;
-}
-
-.overlaySelected {
-	width: auto;
-	height: auto;
-	top: 2;
-	left: 2;
-	right: 2;
-	bottom: 2;
-}
-
-.overlayContainer {
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	position: absolute;
-}
-
-.defaultColor {
-	color: $white;
-}
-
-.defaultColorLightMode {
-	color: $black;
-}
-
-.background {
-	width: 100%;
-	height: 100%;
-	position: absolute;
-}
-
-.mediaBackground {
-	background-color: $light-ultra-dim;
-}
-
-.mediaBackgroundDark {
-	background-color: $dark-ultra-dim;
-}
-
-.uploadFailedContainer {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	padding: 8px;
-	justify-content: flex-start;
-	align-items: flex-end;
-	z-index: 3;
-}
-
-.uploadFailed {
-	width: 24px;
-	height: 24px;
-	border-radius: 12px;
-	justify-content: center;
-	align-items: center;
-	background-color: #fff;
-}
-
-.uploadFailedIcon {
-	fill: $red-40;
-	width: 100%;
-	height: 100%;
-}
-
-.selectImageContainer {
-	position: absolute;
-	padding: 8px;
-	justify-self: flex-start;
-	align-self: flex-end;
-	justify-content: flex-start;
-	align-items: flex-end;
-	z-index: 3;
-	width: $grid-unit-40;
-	height: $grid-unit-40;
-}
-
-.selectImage {
-	width: 30px;
-	height: 30px;
-	background-color: $gray-dark;
-	border-radius: 22px;
-	position: absolute;
-	top: 5px;
-	right: 5px;
-}
-
-.selectImageIcon {
-	fill: $white;
-	position: absolute;
-	top: 7px;
-	left: 7px;
-}
-
-.addMediaButton {
-	color: $blue-50;
-}
-
-.addMediaButtonDark {
-	color: $blue-30;
-}
-
-.clearMediaButton {
-	color: $alert-red;
-}
-
-.imageContainer {
-	height: 100%;
-	position: absolute;
-	width: 100%;
-}
-
-.imageEditButton {
-	height: 60px;
-	position: absolute;
-	right: 0;
-	top: 0;
-	width: 60px;
-	z-index: 4;
-}
-
-.image {
-	width: 100%;
-}
-
-.mediaPreview {
-	flex-direction: row;
-	justify-content: center;
-}
-
-.mediaInner {
-	max-height: 150px;
-	position: relative;
-}
-
-.imagePlaceholder {
-	min-width: 100%;
-}
-
-.video {
-	height: 100%;
-	max-width: 100%;
-}
-
-.focalPointHint {
-	box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.5);
-	fill: $white;
-	left: 50%;
-	margin: -16px 0 0 -16px;
-	opacity: 0.8;
-	position: absolute;
-	top: 50%;
-	width: 32px;
-}
-
-.dimmedActionButton {
-	opacity: 0.45;
-}
-
-.colorPaletteWrapper {
-	min-height: 50px;
-}
-
-.paletteColorIndicator {
-	margin-top: 0;
-	margin-bottom: 0;
-	width: $grid-unit-40;
-	height: $grid-unit-40;
-}
-
-.paletteCustomIndicatorWrapper {
-	flex-direction: row;
-	align-items: baseline;
-	width: $grid-unit-40;
-	height: $grid-unit-40;
-}
-
-.mediaPlaceholderEmptyStateContainer {
-	height: 300;
-}
-
-.selectedColorText {
-	font-family: $default-monospace-font;
-	color: $light-primary;
-	font-size: 16px;
-	font-weight: 400;
-}
-
-.selectedColorTextDark {
-	color: $dark-primary;
-}

package/src/cover/test/__snapshots__/edit.native.js.snap

@@ -1,105 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`color settings clears the selected overlay color and maintains the inner blocks 1`] = `
-"<!-- wp:cover {"isUserOverlayColor":true,"isDark":false} -->
-<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
-<p class="has-text-align-center"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`color settings sets a color for the overlay background when the placeholder is visible 1`] = `
-"<!-- wp:cover {"overlayColor":"vivid-red"} -->
-<div class="wp-block-cover"><span aria-hidden="true" class="wp-block-cover__background has-vivid-red-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
-<p class="has-text-align-center"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`color settings sets a gradient overlay background when a solid background was already selected 1`] = `
-"<!-- wp:cover {"isUserOverlayColor":true,"gradient":"light-green-cyan-to-vivid-green-cyan","isDark":false} -->
-<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-light-green-cyan-to-vivid-green-cyan-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
-<p class="has-text-align-center"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`color settings toggles between solid colors and gradients 1`] = `
-"<!-- wp:cover {"gradient":"light-green-cyan-to-vivid-green-cyan","isDark":false} -->
-<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-light-green-cyan-to-vivid-green-cyan-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
-<p class="has-text-align-center"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings changes the height value between units 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"px","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:50px"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings changes the height value to 20(vw) 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":20,"minHeightUnit":"vw","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:20vw"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings disables the decrease button when reaching the minimum value for Pixels (px) 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"px","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:50px"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings disables the decrease button when reaching the minimum value for Relative to parent font size (em) 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":1,"minHeightUnit":"em","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:1em"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings disables the decrease button when reaching the minimum value for Relative to root font size (rem) 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":1,"minHeightUnit":"rem","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:1rem"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings disables the decrease button when reaching the minimum value for Viewport height (vh) 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":1,"minHeightUnit":"vh","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:1vh"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`minimum height settings disables the decrease button when reaching the minimum value for Viewport width (vw) 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":50,"overlayColor":"foreground","isUserOverlayColor":true,"minHeight":1,"minHeightUnit":"vw","isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:1vw"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`when an image is attached updates background opacity 1`] = `
-"<!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":10710,"dimRatio":15,"overlayColor":"foreground","isUserOverlayColor":true,"isDark":false} -->
-<div class="wp-block-cover is-light"><img class="wp-block-cover__image-background wp-image-10710" alt="" src="https://cldup.com/cXyG__fTLN.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
-<p class="has-text-align-center has-large-font-size"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;
-
-exports[`when no media is attached and overlay color is set adds image 1`] = `
-"<!-- wp:cover {"url":"https://test.files.wordpress.com/local-image-1.mp4","id":2000,"dimRatio":50,"overlayColor":"cyan-bluish-gray","isUserOverlayColor":true} -->
-<div class="wp-block-cover is-light"><img class="wp-block-cover__image-background wp-image-2000" src="https://test.files.wordpress.com/local-image-1.mp4" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-cyan-bluish-gray-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
-<p class="has-text-align-center"></p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover -->"
-`;

package/src/cover/test/__snapshots__/transforms.native.js.snap

@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Cover block transformations with Image to Columns block 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
-<div class="wp-block-column" style="flex-basis:100%"><!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":890,"dimRatio":20,"overlayColor":"luminous-vivid-orange","isUserOverlayColor":true,"focalPoint":{"x":"0.63","y":"0.83"},"minHeight":219} -->
-<div class="wp-block-cover" style="min-height:219px"><img class="wp-block-cover__image-background wp-image-890" alt="" src="https://cldup.com/cXyG__fTLN.jpg" style="object-position:63% 83%" data-object-fit="cover" data-object-position="63% 83%"/><span aria-hidden="true" class="wp-block-cover__background has-luminous-vivid-orange-background-color has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"has-text-color has-very-light-gray-color","fontSize":"large"} -->
-<p class="has-text-align-center has-text-color has-very-light-gray-color has-large-font-size">Cool cover</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Cover block transformations with Image to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:cover {"url":"https://cldup.com/cXyG__fTLN.jpg","id":890,"dimRatio":20,"overlayColor":"luminous-vivid-orange","isUserOverlayColor":true,"focalPoint":{"x":"0.63","y":"0.83"},"minHeight":219} -->
-<div class="wp-block-cover" style="min-height:219px"><img class="wp-block-cover__image-background wp-image-890" alt="" src="https://cldup.com/cXyG__fTLN.jpg" style="object-position:63% 83%" data-object-fit="cover" data-object-position="63% 83%"/><span aria-hidden="true" class="wp-block-cover__background has-luminous-vivid-orange-background-color has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"has-text-color has-very-light-gray-color","fontSize":"large"} -->
-<p class="has-text-align-center has-text-color has-very-light-gray-color has-large-font-size">Cool cover</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Cover block transformations with Image to Image block 1`] = `
-"<!-- wp:image {"id":890,"style":{"color":{}}} -->
-<figure class="wp-block-image"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-890"/></figure>
-<!-- /wp:image -->"
-`;
-
-exports[`Cover block transformations with Image to Media & Text block 1`] = `
-"<!-- wp:media-text {"mediaId":890,"mediaType":"image","backgroundColor":"luminous-vivid-orange"} -->
-<div class="wp-block-media-text is-stacked-on-mobile has-luminous-vivid-orange-background-color has-background"><figure class="wp-block-media-text__media"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-890 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"has-text-color has-very-light-gray-color","fontSize":"large"} -->
-<p class="has-text-align-center has-text-color has-very-light-gray-color has-large-font-size">Cool cover</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:media-text -->"
-`;
-
-exports[`Cover block transformations with Video to Columns block 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
-<div class="wp-block-column" style="flex-basis:100%"><!-- wp:cover {"url":"https://i.cloudup.com/YtZFJbuQCE.mov","id":891,"dimRatio":20,"overlayColor":"luminous-vivid-orange","isUserOverlayColor":true,"backgroundType":"video","focalPoint":{"x":"0.63","y":"0.83"},"minHeight":219,"isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:219px"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://i.cloudup.com/YtZFJbuQCE.mov" style="object-position:63% 83%" data-object-fit="cover" data-object-position="63% 83%"></video><span aria-hidden="true" class="wp-block-cover__background has-luminous-vivid-orange-background-color has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"has-text-color has-very-light-gray-color","fontSize":"large"} -->
-<p class="has-text-align-center has-text-color has-very-light-gray-color has-large-font-size">Cool cover</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Cover block transformations with Video to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:cover {"url":"https://i.cloudup.com/YtZFJbuQCE.mov","id":891,"dimRatio":20,"overlayColor":"luminous-vivid-orange","isUserOverlayColor":true,"backgroundType":"video","focalPoint":{"x":"0.63","y":"0.83"},"minHeight":219,"isDark":false} -->
-<div class="wp-block-cover is-light" style="min-height:219px"><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://i.cloudup.com/YtZFJbuQCE.mov" style="object-position:63% 83%" data-object-fit="cover" data-object-position="63% 83%"></video><span aria-hidden="true" class="wp-block-cover__background has-luminous-vivid-orange-background-color has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"has-text-color has-very-light-gray-color","fontSize":"large"} -->
-<p class="has-text-align-center has-text-color has-very-light-gray-color has-large-font-size">Cool cover</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:cover --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Cover block transformations with Video to Media & Text block 1`] = `
-"<!-- wp:media-text {"mediaId":891,"mediaType":"video","backgroundColor":"luminous-vivid-orange"} -->
-<div class="wp-block-media-text is-stacked-on-mobile has-luminous-vivid-orange-background-color has-background"><figure class="wp-block-media-text__media"><video controls src="https://i.cloudup.com/YtZFJbuQCE.mov"></video></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"has-text-color has-very-light-gray-color","fontSize":"large"} -->
-<p class="has-text-align-center has-text-color has-very-light-gray-color has-large-font-size">Cool cover</p>
-<!-- /wp:paragraph --></div></div>
-<!-- /wp:media-text -->"
-`;
-
-exports[`Cover block transformations with Video to Video block 1`] = `
-"<!-- wp:video {"id":891} -->
-<figure class="wp-block-video"><video controls src="https://i.cloudup.com/YtZFJbuQCE.mov"></video></figure>
-<!-- /wp:video -->"
-`;