@wordpress/block-library 8.19.3 → 8.20.0

package/build/cover/deprecated.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
@@ -87,7 +87,7 @@ const blockAttributes = {
     type: 'object'
   }
 };
-const v8ToV10BlockAttributes = {
+const v8ToV11BlockAttributes = {
   url: {
     type: 'string'
   },
@@ -153,7 +153,18 @@ const v8ToV10BlockAttributes = {
     enum: ['all', 'insert', false]
   }
 };
-const v7toV10BlockSupports = {
+const v12BlockAttributes = {
+  ...v8ToV11BlockAttributes,
+  useFeaturedImage: {
+    type: 'boolean',
+    default: false
+  },
+  tagName: {
+    type: 'string',
+    default: 'div'
+  }
+};
+const v7toV11BlockSupports = {
   anchor: true,
   align: true,
   html: false,
@@ -169,11 +180,177 @@ const v7toV10BlockSupports = {
     background: false
   }
 };
+const v12BlockSupports = {
+  ...v7toV11BlockSupports,
+  spacing: {
+    padding: true,
+    margin: ['top', 'bottom'],
+    blockGap: true,
+    __experimentalDefaultControls: {
+      padding: true,
+      blockGap: true
+    }
+  },
+  __experimentalBorder: {
+    color: true,
+    radius: true,
+    style: true,
+    width: true,
+    __experimentalDefaultControls: {
+      color: true,
+      radius: true,
+      style: true,
+      width: true
+    }
+  },
+  color: {
+    __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
+    heading: true,
+    text: true,
+    background: false,
+    __experimentalSkipSerialization: ['gradients'],
+    enableContrastChecker: false
+  },
+  typography: {
+    fontSize: true,
+    lineHeight: true,
+    __experimentalFontFamily: true,
+    __experimentalFontWeight: true,
+    __experimentalFontStyle: true,
+    __experimentalTextTransform: true,
+    __experimentalTextDecoration: true,
+    __experimentalLetterSpacing: true,
+    __experimentalDefaultControls: {
+      fontSize: true
+    }
+  },
+  layout: {
+    allowJustification: false
+  }
+};
+
+// Deprecation for blocks to prevent auto overlay color from overriding previously set values.
+const v12 = {
+  attributes: v12BlockAttributes,
+  supports: v12BlockSupports,
+  isEligible(attributes) {
+    return attributes.customOverlayColor !== undefined || attributes.overlayColor !== undefined;
+  },
+  migrate(attributes) {
+    return {
+      ...attributes,
+      isUserOverlayColor: true
+    };
+  },
+  save({
+    attributes
+  }) {
+    const {
+      backgroundType,
+      gradient,
+      contentPosition,
+      customGradient,
+      customOverlayColor,
+      dimRatio,
+      focalPoint,
+      useFeaturedImage,
+      hasParallax,
+      isDark,
+      isRepeated,
+      overlayColor,
+      url,
+      alt,
+      id,
+      minHeight: minHeightProp,
+      minHeightUnit,
+      tagName: Tag
+    } = attributes;
+    const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
+    const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
+    const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+    const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImgElement = !(hasParallax || isRepeated);
+    const style = {
+      minHeight: minHeight || undefined
+    };
+    const bgStyle = {
+      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+      background: customGradient ? customGradient : undefined
+    };
+    const objectPosition =
+    // prettier-ignore
+    focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
+    const backgroundImage = url ? `url(${url})` : undefined;
+    const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
+    const classes = (0, _classnames.default)({
+      'is-light': !isDark,
+      'has-parallax': hasParallax,
+      'is-repeated': isRepeated,
+      'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
+    }, (0, _shared.getPositionClassName)(contentPosition));
+    const imgClasses = (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+      'has-parallax': hasParallax,
+      'is-repeated': isRepeated
+    });
+    const gradientValue = gradient || customGradient;
+    return (0, _react.createElement)(Tag, {
+      ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, (0, _react.createElement)("span", {
+      "aria-hidden": "true",
+      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+        'has-background-dim': dimRatio !== undefined,
+        // For backwards compatibility. Former versions of the Cover Block applied
+        // `.wp-block-cover__gradient-background` in the presence of
+        // media, a gradient and a dim.
+        'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+        'has-background-gradient': gradientValue,
+        [gradientClass]: gradientClass
+      }),
+      style: bgStyle
+    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
+      className: imgClasses,
+      alt: alt,
+      src: url,
+      style: {
+        objectPosition
+      },
+      "data-object-fit": "cover",
+      "data-object-position": objectPosition
+    }) : (0, _react.createElement)("div", {
+      role: "img",
+      className: imgClasses,
+      style: {
+        backgroundPosition,
+        backgroundImage
+      }
+    })), isVideoBackground && url && (0, _react.createElement)("video", {
+      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      autoPlay: true,
+      muted: true,
+      loop: true,
+      playsInline: true,
+      src: url,
+      style: {
+        objectPosition
+      },
+      "data-object-fit": "cover",
+      "data-object-position": objectPosition
+    }), (0, _react.createElement)("div", {
+      ..._blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-cover__inner-container'
+      })
+    }));
+  }
+};
 
 // Deprecation for blocks that does not have a HTML tag option.
 const v11 = {
-  attributes: v8ToV10BlockAttributes,
-  supports: v7toV10BlockSupports,
+  attributes: v8ToV11BlockAttributes,
+  supports: v7toV11BlockSupports,
   save({
     attributes
   }) {
@@ -225,12 +402,12 @@ const v11 = {
       'is-repeated': isRepeated
     });
     const gradientValue = gradient || customGradient;
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
       })
-    }, (0, _element.createElement)("span", {
+    }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
@@ -242,7 +419,7 @@ const v11 = {
         [gradientClass]: gradientClass
       }),
       style: bgStyle
-    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _element.createElement)("img", {
+    }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
       className: imgClasses,
       alt: alt,
       src: url,
@@ -251,14 +428,14 @@ const v11 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }) : (0, _element.createElement)("div", {
+    }) : (0, _react.createElement)("div", {
       role: "img",
       className: imgClasses,
       style: {
         backgroundPosition,
         backgroundImage
       }
-    })), isVideoBackground && url && (0, _element.createElement)("video", {
+    })), isVideoBackground && url && (0, _react.createElement)("video", {
       className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
@@ -270,7 +447,7 @@ const v11 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       ..._blockEditor.useInnerBlocksProps.save({
         className: 'wp-block-cover__inner-container'
       })
@@ -281,8 +458,8 @@ const v11 = {
 
 // Deprecation for blocks that renders fixed background as backgroud from the main block container.
 const v10 = {
-  attributes: v8ToV10BlockAttributes,
-  supports: v7toV10BlockSupports,
+  attributes: v8ToV11BlockAttributes,
+  supports: v7toV11BlockSupports,
   save({
     attributes
   }) {
@@ -329,12 +506,12 @@ const v10 = {
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
     const gradientValue = gradient || customGradient;
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
       })
-    }, (0, _element.createElement)("span", {
+    }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
@@ -346,7 +523,7 @@ const v10 = {
         [gradientClass]: gradientClass
       }),
       style: bgStyle
-    }), !useFeaturedImage && isImageBackground && isImgElement && url && (0, _element.createElement)("img", {
+    }), !useFeaturedImage && isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
       className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
@@ -355,7 +532,7 @@ const v10 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _element.createElement)("video", {
+    }), isVideoBackground && url && (0, _react.createElement)("video", {
       className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
@@ -367,7 +544,7 @@ const v10 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       ..._blockEditor.useInnerBlocksProps.save({
         className: 'wp-block-cover__inner-container'
       })
@@ -378,8 +555,8 @@ const v10 = {
 
 // Deprecation for blocks with `minHeightUnit` set but no `minHeight`.
 const v9 = {
-  attributes: v8ToV10BlockAttributes,
-  supports: v7toV10BlockSupports,
+  attributes: v8ToV11BlockAttributes,
+  supports: v7toV11BlockSupports,
   save({
     attributes
   }) {
@@ -425,12 +602,12 @@ const v9 = {
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
     const gradientValue = gradient || customGradient;
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
       })
-    }, (0, _element.createElement)("span", {
+    }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
@@ -442,7 +619,7 @@ const v9 = {
         [gradientClass]: gradientClass
       }),
       style: bgStyle
-    }), isImageBackground && isImgElement && url && (0, _element.createElement)("img", {
+    }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
       className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
@@ -451,7 +628,7 @@ const v9 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _element.createElement)("video", {
+    }), isVideoBackground && url && (0, _react.createElement)("video", {
       className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
@@ -463,7 +640,7 @@ const v9 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       ..._blockEditor.useInnerBlocksProps.save({
         className: 'wp-block-cover__inner-container'
       })
@@ -474,8 +651,8 @@ const v9 = {
 
 // v8: deprecated to remove duplicated gradient classes and swap `wp-block-cover__gradient-background` for `wp-block-cover__background`.
 const v8 = {
-  attributes: v8ToV10BlockAttributes,
-  supports: v7toV10BlockSupports,
+  attributes: v8ToV11BlockAttributes,
+  supports: v7toV11BlockSupports,
   save({
     attributes
   }) {
@@ -520,12 +697,12 @@ const v8 = {
       'is-repeated': isRepeated,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
       })
-    }, (0, _element.createElement)("span", {
+    }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)(overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
         'has-background-dim': dimRatio !== undefined,
@@ -533,7 +710,7 @@ const v8 = {
         [gradientClass]: !url && gradientClass
       }),
       style: bgStyle
-    }), isImageBackground && isImgElement && url && (0, _element.createElement)("img", {
+    }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
       className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
@@ -542,7 +719,7 @@ const v8 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _element.createElement)("video", {
+    }), isVideoBackground && url && (0, _react.createElement)("video", {
       className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
@@ -554,7 +731,7 @@ const v8 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       ..._blockEditor.useInnerBlocksProps.save({
         className: 'wp-block-cover__inner-container'
       })
@@ -592,7 +769,7 @@ const v7 = {
       default: ''
     }
   },
-  supports: v7toV10BlockSupports,
+  supports: v7toV11BlockSupports,
   save({
     attributes
   }) {
@@ -636,18 +813,18 @@ const v7 = {
       [gradientClass]: !url && gradientClass,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
       })
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
+    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
-    }), isImageBackground && isImgElement && url && (0, _element.createElement)("img", {
+    }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
       className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
@@ -656,7 +833,7 @@ const v7 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), isVideoBackground && url && (0, _element.createElement)("video", {
+    }), isVideoBackground && url && (0, _react.createElement)("video", {
       className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
@@ -668,9 +845,9 @@ const v7 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       className: "wp-block-cover__inner-container"
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -750,18 +927,18 @@ const v6 = {
       [gradientClass]: !url && gradientClass,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         className: classes,
         style
       })
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
+    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
-    }), isVideoBackground && url && (0, _element.createElement)("video", {
+    }), isVideoBackground && url && (0, _react.createElement)("video", {
       className: "wp-block-cover__video-background",
       autoPlay: true,
       muted: true,
@@ -769,9 +946,9 @@ const v6 = {
       playsInline: true,
       src: url,
       style: videoStyle
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       className: "wp-block-cover__inner-container"
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -825,24 +1002,24 @@ const v5 = {
       'has-background-gradient': customGradient,
       [gradientClass]: !url && gradientClass
     });
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: classes,
       style: style
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
+    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
-    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _element.createElement)("video", {
+    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _react.createElement)("video", {
       className: "wp-block-cover__video-background",
       autoPlay: true,
       muted: true,
       loop: true,
       src: url
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       className: "wp-block-cover__inner-container"
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -896,24 +1073,24 @@ const v4 = {
       'has-background-gradient': customGradient,
       [gradientClass]: !url && gradientClass
     });
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: classes,
       style: style
-    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
+    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
-    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _element.createElement)("video", {
+    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _react.createElement)("video", {
       className: "wp-block-cover__video-background",
       autoPlay: true,
       muted: true,
       loop: true,
       src: url
-    }), (0, _element.createElement)("div", {
+    }), (0, _react.createElement)("div", {
       className: "wp-block-cover__inner-container"
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
   },
   migrate: (0, _compose.compose)(migrateDimRatio, migrateTag)
 };
@@ -960,16 +1137,16 @@ const v3 = {
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
     });
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: classes,
       style: style
-    }, _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _element.createElement)("video", {
+    }, _shared.VIDEO_BACKGROUND_TYPE === backgroundType && url && (0, _react.createElement)("video", {
       className: "wp-block-cover__video-background",
       autoPlay: true,
       muted: true,
       loop: true,
       src: url
-    }), !_blockEditor.RichText.isEmpty(title) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }), !_blockEditor.RichText.isEmpty(title) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "p",
       className: "wp-block-cover-text",
       value: title
@@ -1036,10 +1213,10 @@ const v2 = {
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
     }, align ? `align${align}` : null);
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: classes,
       style: style
-    }, !_blockEditor.RichText.isEmpty(title) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, !_blockEditor.RichText.isEmpty(title) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "p",
       className: "wp-block-cover-image-text",
       value: title
@@ -1099,10 +1276,10 @@ const v1 = {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax
     }, align ? `align${align}` : null);
-    return (0, _element.createElement)("section", {
+    return (0, _react.createElement)("section", {
       className: classes,
       style: style
-    }, (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "h2",
       value: title
     }));
@@ -1127,6 +1304,6 @@ const v1 = {
     })]];
   }
 };
-var _default = [v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
+var _default = [v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
 exports.default = _default;
 //# sourceMappingURL=deprecated.js.map