@wordpress/block-library 7.9.0 → 7.12.0

package/build-module/list-item/list-style-type.native.js

@@ -0,0 +1,124 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import { View, Text } from 'react-native';
+/**
+ * WordPress dependencies
+ */
+
+import { Icon } from '@wordpress/components';
+import { Platform } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+
+import styles from './style.scss';
+import { circle, circleOutline, square } from './icons';
+const DEFAULT_ICON_SIZE = 6;
+
+function getListNumberIndex(start, blockIndex, reversed, numberOfListItems) {
+  if (start) {
+    return reversed ? numberOfListItems - 1 + start - blockIndex : start + blockIndex;
+  }
+
+  if (reversed) {
+    return numberOfListItems - blockIndex;
+  }
+
+  return blockIndex + 1;
+}
+
+function OrderedList(_ref) {
+  let {
+    blockIndex,
+    color,
+    fontSize,
+    numberOfListItems,
+    reversed,
+    start,
+    style
+  } = _ref;
+  const orderedStyles = [styles['wp-block-list-item__list-item-container--ordered'], Platform.isIOS && styles['wp-block-list-item__list-item-ordered--default'], Platform.isIOS && (style === null || style === void 0 ? void 0 : style.fontSize) && styles['wp-block-list-item__list-item-ordered--custom']];
+  const numberStyle = [{
+    fontSize,
+    color
+  }];
+  const currentIndex = getListNumberIndex(start, blockIndex, reversed, numberOfListItems);
+  return createElement(View, {
+    style: orderedStyles
+  }, createElement(Text, {
+    style: numberStyle
+  }, currentIndex, "."));
+}
+
+function IconList(_ref2) {
+  let {
+    fontSize,
+    color,
+    defaultFontSize,
+    indentationLevel
+  } = _ref2;
+  const iconSize = parseInt(fontSize * DEFAULT_ICON_SIZE / defaultFontSize, 10);
+  let listIcon = circle(iconSize, color);
+
+  if (indentationLevel === 1) {
+    listIcon = circleOutline(iconSize, color);
+  } else if (indentationLevel > 1) {
+    listIcon = square(iconSize, color);
+  }
+
+  const listStyles = [styles['wp-block-list-item__list-item-container'], {
+    marginTop: fontSize / 2
+  }];
+  return createElement(View, {
+    style: listStyles
+  }, createElement(Icon, {
+    icon: listIcon,
+    size: iconSize
+  }));
+}
+
+export default function ListStyleType(_ref3) {
+  var _style$baseColors, _style$baseColors$typ, _style$baseColors2, _style$baseColors2$co;
+
+  let {
+    blockIndex,
+    indentationLevel,
+    numberOfListItems,
+    ordered,
+    reversed,
+    start,
+    style
+  } = _ref3;
+  let defaultFontSize = styles['wp-block-list-item__list-item--default'].fontSize;
+
+  if (style !== null && style !== void 0 && (_style$baseColors = style.baseColors) !== null && _style$baseColors !== void 0 && (_style$baseColors$typ = _style$baseColors.typography) !== null && _style$baseColors$typ !== void 0 && _style$baseColors$typ.fontSize) {
+    defaultFontSize = parseInt(style.baseColors.typography.fontSize, 10);
+  }
+
+  const fontSize = parseInt(style !== null && style !== void 0 && style.fontSize ? style.fontSize : defaultFontSize, 10);
+  const defaultColor = style !== null && style !== void 0 && (_style$baseColors2 = style.baseColors) !== null && _style$baseColors2 !== void 0 && (_style$baseColors2$co = _style$baseColors2.color) !== null && _style$baseColors2$co !== void 0 && _style$baseColors2$co.text ? style.baseColors.color.text : styles['wp-block-list-item__list-item--default'].color;
+  const color = style !== null && style !== void 0 && style.color ? style.color : defaultColor;
+
+  if (ordered) {
+    return createElement(OrderedList, {
+      blockIndex: blockIndex,
+      color: color,
+      fontSize: fontSize,
+      numberOfListItems: numberOfListItems,
+      reversed: reversed,
+      start: start,
+      style: style
+    });
+  }
+
+  return createElement(IconList, {
+    color: color,
+    defaultFontSize: defaultFontSize,
+    fontSize: fontSize,
+    indentationLevel: indentationLevel
+  });
+}
+//# sourceMappingURL=list-style-type.native.js.map

package/build-module/list-item/list-style-type.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/list-style-type.native.js"],"names":["View","Text","Icon","Platform","styles","circle","circleOutline","square","DEFAULT_ICON_SIZE","getListNumberIndex","start","blockIndex","reversed","numberOfListItems","OrderedList","color","fontSize","style","orderedStyles","isIOS","numberStyle","currentIndex","IconList","defaultFontSize","indentationLevel","iconSize","parseInt","listIcon","listStyles","marginTop","ListStyleType","ordered","baseColors","typography","defaultColor","text"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { circle, circleOutline, square } from './icons';\n\nconst DEFAULT_ICON_SIZE = 6;\n\nfunction getListNumberIndex( start, blockIndex, reversed, numberOfListItems ) {\n\tif ( start ) {\n\t\treturn reversed\n\t\t\t? numberOfListItems - 1 + start - blockIndex\n\t\t\t: start + blockIndex;\n\t}\n\n\tif ( reversed ) {\n\t\treturn numberOfListItems - blockIndex;\n\t}\n\n\treturn blockIndex + 1;\n}\n\nfunction OrderedList( {\n\tblockIndex,\n\tcolor,\n\tfontSize,\n\tnumberOfListItems,\n\treversed,\n\tstart,\n\tstyle,\n} ) {\n\tconst orderedStyles = [\n\t\tstyles[ 'wp-block-list-item__list-item-container--ordered' ],\n\t\tPlatform.isIOS &&\n\t\t\tstyles[ 'wp-block-list-item__list-item-ordered--default' ],\n\t\tPlatform.isIOS &&\n\t\t\tstyle?.fontSize &&\n\t\t\tstyles[ 'wp-block-list-item__list-item-ordered--custom' ],\n\t];\n\tconst numberStyle = [ { fontSize, color } ];\n\n\tconst currentIndex = getListNumberIndex(\n\t\tstart,\n\t\tblockIndex,\n\t\treversed,\n\t\tnumberOfListItems\n\t);\n\n\treturn (\n\t\t<View style={ orderedStyles }>\n\t\t\t<Text style={ numberStyle }>{ currentIndex }.</Text>\n\t\t</View>\n\t);\n}\n\nfunction IconList( { fontSize, color, defaultFontSize, indentationLevel } ) {\n\tconst iconSize = parseInt(\n\t\t( fontSize * DEFAULT_ICON_SIZE ) / defaultFontSize,\n\t\t10\n\t);\n\n\tlet listIcon = circle( iconSize, color );\n\tif ( indentationLevel === 1 ) {\n\t\tlistIcon = circleOutline( iconSize, color );\n\t} else if ( indentationLevel > 1 ) {\n\t\tlistIcon = square( iconSize, color );\n\t}\n\n\tconst listStyles = [\n\t\tstyles[ 'wp-block-list-item__list-item-container' ],\n\t\t{ marginTop: fontSize / 2 },\n\t];\n\n\treturn (\n\t\t<View style={ listStyles }>\n\t\t\t<Icon icon={ listIcon } size={ iconSize } />\n\t\t</View>\n\t);\n}\n\nexport default function ListStyleType( {\n\tblockIndex,\n\tindentationLevel,\n\tnumberOfListItems,\n\tordered,\n\treversed,\n\tstart,\n\tstyle,\n} ) {\n\tlet defaultFontSize =\n\t\tstyles[ 'wp-block-list-item__list-item--default' ].fontSize;\n\n\tif ( style?.baseColors?.typography?.fontSize ) {\n\t\tdefaultFontSize = parseInt( style.baseColors.typography.fontSize, 10 );\n\t}\n\n\tconst fontSize = parseInt(\n\t\tstyle?.fontSize ? style.fontSize : defaultFontSize,\n\t\t10\n\t);\n\tconst defaultColor = style?.baseColors?.color?.text\n\t\t? style.baseColors.color.text\n\t\t: styles[ 'wp-block-list-item__list-item--default' ].color;\n\tconst color = style?.color ? style.color : defaultColor;\n\n\tif ( ordered ) {\n\t\treturn (\n\t\t\t<OrderedList\n\t\t\t\tblockIndex={ blockIndex }\n\t\t\t\tcolor={ color }\n\t\t\t\tfontSize={ fontSize }\n\t\t\t\tnumberOfListItems={ numberOfListItems }\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<IconList\n\t\t\tcolor={ color }\n\t\t\tdefaultFontSize={ defaultFontSize }\n\t\t\tfontSize={ fontSize }\n\t\t\tindentationLevel={ indentationLevel }\n\t\t/>\n\t);\n}\n"]}

package/build-module/list-item/utils.js

@@ -1,8 +1,129 @@
 /**
  * WordPress dependencies
  */
-import { createBlock } from '@wordpress/blocks';
+import { createBlock, switchToBlockType } from '@wordpress/blocks';
+/**
+ * Internal dependencies
+ */
+
+const {
+  name: listItemName
+} = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 2,
+  __experimental: "list-v2",
+  name: "core/list-item",
+  title: "List item",
+  category: "text",
+  parent: ["core/list"],
+  description: "Create a list item.",
+  textdomain: "default",
+  attributes: {
+    placeholder: {
+      type: "string"
+    },
+    content: {
+      type: "string",
+      source: "html",
+      selector: "li",
+      "default": "",
+      __experimentalRole: "content"
+    }
+  },
+  supports: {
+    className: false,
+    __experimentalSelector: "li"
+  }
+};
+const {
+  name: listName
+} = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 2,
+  name: "core/list",
+  title: "List",
+  category: "text",
+  description: "Create a bulleted or numbered list.",
+  keywords: ["bullet list", "ordered list", "numbered list"],
+  textdomain: "default",
+  attributes: {
+    ordered: {
+      type: "boolean",
+      "default": false,
+      __experimentalRole: "content"
+    },
+    values: {
+      type: "string",
+      source: "html",
+      selector: "ol,ul",
+      multiline: "li",
+      __unstableMultilineWrapperTags: ["ol", "ul"],
+      "default": "",
+      __experimentalRole: "content"
+    },
+    type: {
+      type: "string"
+    },
+    start: {
+      type: "number"
+    },
+    reversed: {
+      type: "boolean"
+    },
+    placeholder: {
+      type: "string"
+    }
+  },
+  supports: {
+    anchor: true,
+    className: false,
+    typography: {
+      fontSize: true,
+      __experimentalFontFamily: true,
+      lineHeight: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    },
+    color: {
+      gradients: true,
+      link: true,
+      __experimentalDefaultControls: {
+        background: true,
+        text: true
+      }
+    },
+    __unstablePasteTextInline: true,
+    __experimentalSelector: "ol,ul",
+    __experimentalSlashInserter: true
+  },
+  editorStyle: "wp-block-list-editor",
+  style: "wp-block-list"
+};
 export function createListItem(listItemAttributes, listAttributes, children) {
-  return createBlock('core/list-item', listItemAttributes, !(children !== null && children !== void 0 && children.length) ? [] : [createBlock('core/list', listAttributes, children)]);
+  return createBlock(listItemName, listItemAttributes, !(children !== null && children !== void 0 && children.length) ? [] : [createBlock(listName, listAttributes, children)]);
+}
+export function convertToListItems(blocks) {
+  const listItems = [];
+
+  for (let block of blocks) {
+    if (block.name === listItemName) {
+      listItems.push(block);
+    } else if (block.name === listName) {
+      listItems.push(...block.innerBlocks);
+    } else if (block = switchToBlockType(block, listName)) {
+      for (const {
+        innerBlocks
+      } of block) {
+        listItems.push(...innerBlocks);
+      }
+    }
+  }
+
+  return listItems;
 }
 //# sourceMappingURL=utils.js.map

package/build-module/list-item/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/utils.js"],"names":["createBlock","createListItem","listItemAttributes","listAttributes","children","length"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AAEA,OAAO,SAASC,cAAT,CAAyBC,kBAAzB,EAA6CC,cAA7C,EAA6DC,QAA7D,EAAwE;AAC9E,SAAOJ,WAAW,CACjB,gBADiB,EAEjBE,kBAFiB,EAGjB,EAAEE,QAAF,aAAEA,QAAF,eAAEA,QAAQ,CAAEC,MAAZ,IACG,EADH,GAEG,CAAEL,WAAW,CAAE,WAAF,EAAeG,cAAf,EAA+BC,QAA/B,CAAb,CALc,CAAlB;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nexport function createListItem( listItemAttributes, listAttributes, children ) {\n\treturn createBlock(\n\t\t'core/list-item',\n\t\tlistItemAttributes,\n\t\t! children?.length\n\t\t\t? []\n\t\t\t: [ createBlock( 'core/list', listAttributes, children ) ]\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/utils.js"],"names":["createBlock","switchToBlockType","createListItem","listItemAttributes","listAttributes","children","listItemName","length","listName","convertToListItems","blocks","listItems","block","name","push","innerBlocks"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,iBAAtB,QAA+C,mBAA/C;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,OAAO,SAASC,cAAT,CAAyBC,kBAAzB,EAA6CC,cAA7C,EAA6DC,QAA7D,EAAwE;AAC9E,SAAOL,WAAW,CACjBM,YADiB,EAEjBH,kBAFiB,EAGjB,EAAEE,QAAF,aAAEA,QAAF,eAAEA,QAAQ,CAAEE,MAAZ,IACG,EADH,GAEG,CAAEP,WAAW,CAAEQ,QAAF,EAAYJ,cAAZ,EAA4BC,QAA5B,CAAb,CALc,CAAlB;AAOA;AAED,OAAO,SAASI,kBAAT,CAA6BC,MAA7B,EAAsC;AAC5C,QAAMC,SAAS,GAAG,EAAlB;;AAEA,OAAM,IAAIC,KAAV,IAAmBF,MAAnB,EAA4B;AAC3B,QAAKE,KAAK,CAACC,IAAN,KAAeP,YAApB,EAAmC;AAClCK,MAAAA,SAAS,CAACG,IAAV,CAAgBF,KAAhB;AACA,KAFD,MAEO,IAAKA,KAAK,CAACC,IAAN,KAAeL,QAApB,EAA+B;AACrCG,MAAAA,SAAS,CAACG,IAAV,CAAgB,GAAGF,KAAK,CAACG,WAAzB;AACA,KAFM,MAEA,IAAOH,KAAK,GAAGX,iBAAiB,CAAEW,KAAF,EAASJ,QAAT,CAAhC,EAAwD;AAC9D,WAAM,MAAM;AAAEO,QAAAA;AAAF,OAAZ,IAA+BH,KAA/B,EAAuC;AACtCD,QAAAA,SAAS,CAACG,IAAV,CAAgB,GAAGC,WAAnB;AACA;AACD;AACD;;AAED,SAAOJ,SAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, switchToBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name as listItemName } from './block.json';\nimport { name as listName } from '../list/block.json';\n\nexport function createListItem( listItemAttributes, listAttributes, children ) {\n\treturn createBlock(\n\t\tlistItemName,\n\t\tlistItemAttributes,\n\t\t! children?.length\n\t\t\t? []\n\t\t\t: [ createBlock( listName, listAttributes, children ) ]\n\t);\n}\n\nexport function convertToListItems( blocks ) {\n\tconst listItems = [];\n\n\tfor ( let block of blocks ) {\n\t\tif ( block.name === listItemName ) {\n\t\t\tlistItems.push( block );\n\t\t} else if ( block.name === listName ) {\n\t\t\tlistItems.push( ...block.innerBlocks );\n\t\t} else if ( ( block = switchToBlockType( block, listName ) ) ) {\n\t\t\tfor ( const { innerBlocks } of block ) {\n\t\t\t\tlistItems.push( ...innerBlocks );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn listItems;\n}\n"]}

package/build-module/media-text/deprecated.js

@@ -9,12 +9,20 @@ import { isEmpty, omit } from 'lodash';
  * WordPress dependencies
  */
 
-import { InnerBlocks, getColorClassName } from '@wordpress/block-editor';
+import { InnerBlocks, getColorClassName, useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
 /**
  * Internal dependencies
  */
 
-import { imageFillStyles } from './media-container';
+import { DEFAULT_MEDIA_SIZE_SLUG } from './constants';
+
+const v1ToV5ImageFillStyles = (url, focalPoint) => {
+  return url ? {
+    backgroundImage: `url(${url})`,
+    backgroundPosition: focalPoint ? `${focalPoint.x * 100}% ${focalPoint.y * 100}%` : `50% 50%`
+  } : {};
+};
+
 const DEFAULT_MEDIA_WIDTH = 50;
 
 const noop = () => {};
@@ -39,9 +47,6 @@ const baseAttributes = {
     type: 'string',
     default: 'wide'
   },
-  backgroundColor: {
-    type: 'string'
-  },
   mediaAlt: {
     type: 'string',
     source: 'attribute',
@@ -68,8 +73,244 @@ const baseAttributes = {
     default: true
   }
 };
-export default [{
+const v4ToV5BlockAttributes = { ...baseAttributes,
+  mediaUrl: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure video,figure img',
+    attribute: 'src'
+  },
+  mediaLink: {
+    type: 'string'
+  },
+  linkDestination: {
+    type: 'string'
+  },
+  linkTarget: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'target'
+  },
+  href: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'href'
+  },
+  rel: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'rel'
+  },
+  linkClass: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'class'
+  },
+  mediaSizeSlug: {
+    type: 'string'
+  },
+  verticalAlignment: {
+    type: 'string'
+  },
+  imageFill: {
+    type: 'boolean'
+  },
+  focalPoint: {
+    type: 'object'
+  }
+};
+const v4ToV5Supports = {
+  anchor: true,
+  align: ['wide', 'full'],
+  html: false,
+  color: {
+    gradients: true,
+    link: true
+  }
+};
+const v5 = {
+  attributes: v4ToV5BlockAttributes,
+  supports: v4ToV5Supports,
+
+  save(_ref) {
+    let {
+      attributes
+    } = _ref;
+    const {
+      isStackedOnMobile,
+      mediaAlt,
+      mediaPosition,
+      mediaType,
+      mediaUrl,
+      mediaWidth,
+      mediaId,
+      verticalAlignment,
+      imageFill,
+      focalPoint,
+      linkClass,
+      href,
+      linkTarget,
+      rel
+    } = attributes;
+    const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
+    const newRel = isEmpty(rel) ? undefined : rel;
+    const imageClasses = classnames({
+      [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
+      [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+    });
+    let image = createElement("img", {
+      src: mediaUrl,
+      alt: mediaAlt,
+      className: imageClasses || null
+    });
+
+    if (href) {
+      image = createElement("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel
+      }, image);
+    }
+
+    const mediaTypeRenders = {
+      image: () => image,
+      video: () => createElement("video", {
+        controls: true,
+        src: mediaUrl
+      })
+    };
+    const className = classnames({
+      'has-media-on-the-right': 'right' === mediaPosition,
+      'is-stacked-on-mobile': isStackedOnMobile,
+      [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+      'is-image-fill': imageFill
+    });
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
+    let gridTemplateColumns;
+
+    if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
+      gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+    }
+
+    const style = {
+      gridTemplateColumns
+    };
+
+    if ('right' === mediaPosition) {
+      return createElement("div", useBlockProps.save({
+        className,
+        style
+      }), createElement("div", useInnerBlocksProps.save({
+        className: 'wp-block-media-text__content'
+      })), createElement("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles
+      }, (mediaTypeRenders[mediaType] || noop)()));
+    }
+
+    return createElement("div", useBlockProps.save({
+      className,
+      style
+    }), createElement("figure", {
+      className: "wp-block-media-text__media",
+      style: backgroundStyles
+    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", useInnerBlocksProps.save({
+      className: 'wp-block-media-text__content'
+    })));
+  }
+
+}; // Version with CSS grid
+
+const v4 = {
+  attributes: v4ToV5BlockAttributes,
+  supports: v4ToV5Supports,
+
+  save(_ref2) {
+    let {
+      attributes
+    } = _ref2;
+    const {
+      isStackedOnMobile,
+      mediaAlt,
+      mediaPosition,
+      mediaType,
+      mediaUrl,
+      mediaWidth,
+      mediaId,
+      verticalAlignment,
+      imageFill,
+      focalPoint,
+      linkClass,
+      href,
+      linkTarget,
+      rel
+    } = attributes;
+    const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
+    const newRel = isEmpty(rel) ? undefined : rel;
+    const imageClasses = classnames({
+      [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
+      [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+    });
+    let image = createElement("img", {
+      src: mediaUrl,
+      alt: mediaAlt,
+      className: imageClasses || null
+    });
+
+    if (href) {
+      image = createElement("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel
+      }, image);
+    }
+
+    const mediaTypeRenders = {
+      image: () => image,
+      video: () => createElement("video", {
+        controls: true,
+        src: mediaUrl
+      })
+    };
+    const className = classnames({
+      'has-media-on-the-right': 'right' === mediaPosition,
+      'is-stacked-on-mobile': isStackedOnMobile,
+      [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+      'is-image-fill': imageFill
+    });
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
+    let gridTemplateColumns;
+
+    if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
+      gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+    }
+
+    const style = {
+      gridTemplateColumns
+    };
+    return createElement("div", useBlockProps.save({
+      className,
+      style
+    }), createElement("figure", {
+      className: "wp-block-media-text__media",
+      style: backgroundStyles
+    }, (mediaTypeRenders[mediaType] || noop)()), createElement("div", useInnerBlocksProps.save({
+      className: 'wp-block-media-text__content'
+    })));
+  }
+
+};
+const v3 = {
   attributes: { ...baseAttributes,
+    backgroundColor: {
+      type: 'string'
+    },
     customBackgroundColor: {
       type: 'string'
     },
@@ -115,10 +356,10 @@ export default [{
   },
   migrate: migrateCustomColors,
 
-  save(_ref) {
+  save(_ref3) {
     let {
       attributes
-    } = _ref;
+    } = _ref3;
     const {
       backgroundColor,
       customBackgroundColor,
@@ -169,7 +410,7 @@ export default [{
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
       'is-image-fill': imageFill
     });
-    const backgroundStyles = imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
     let gridTemplateColumns;
 
     if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
@@ -191,8 +432,12 @@ export default [{
     }, createElement(InnerBlocks.Content, null)));
   }
 
-}, {
+};
+const v2 = {
   attributes: { ...baseAttributes,
+    backgroundColor: {
+      type: 'string'
+    },
     customBackgroundColor: {
       type: 'string'
     },
@@ -214,10 +459,10 @@ export default [{
   },
   migrate: migrateCustomColors,
 
-  save(_ref2) {
+  save(_ref4) {
     let {
       attributes
-    } = _ref2;
+    } = _ref4;
     const {
       backgroundColor,
       customBackgroundColor,
@@ -251,7 +496,7 @@ export default [{
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
       'is-image-fill': imageFill
     });
-    const backgroundStyles = imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
     let gridTemplateColumns;
 
     if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
@@ -273,8 +518,12 @@ export default [{
     }, createElement(InnerBlocks.Content, null)));
   }
 
-}, {
+};
+const v1 = {
   attributes: { ...baseAttributes,
+    backgroundColor: {
+      type: 'string'
+    },
     customBackgroundColor: {
       type: 'string'
     },
@@ -286,10 +535,10 @@ export default [{
     }
   },
 
-  save(_ref3) {
+  save(_ref5) {
     let {
       attributes
-    } = _ref3;
+    } = _ref5;
     const {
       backgroundColor,
       customBackgroundColor,
@@ -336,5 +585,6 @@ export default [{
     }, createElement(InnerBlocks.Content, null)));
   }
 
-}];
+};
+export default [v5, v4, v3, v2, v1];
 //# sourceMappingURL=deprecated.js.map