@wordpress/block-library 8.34.0 → 8.35.0

package/build/cover/deprecated.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
@@ -274,13 +274,13 @@ const v13 = {
     focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
     const backgroundImage = url ? `url(${url})` : undefined;
     const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.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, {
+    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
       'has-parallax': hasParallax,
       'is-repeated': isRepeated
     });
@@ -292,7 +292,7 @@ const v13 = {
       })
     }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+      className: (0, _clsx.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
@@ -319,7 +319,7 @@ const v13 = {
         backgroundImage
       }
     })), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -392,13 +392,13 @@ const v12 = {
     focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
     const backgroundImage = url ? `url(${url})` : undefined;
     const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.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, {
+    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
       'has-parallax': hasParallax,
       'is-repeated': isRepeated
     });
@@ -410,7 +410,7 @@ const v12 = {
       })
     }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+      className: (0, _clsx.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
@@ -437,7 +437,7 @@ const v12 = {
         backgroundImage
       }
     })), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -500,13 +500,13 @@ const v11 = {
     focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
     const backgroundImage = url ? `url(${url})` : undefined;
     const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.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, {
+    const imgClasses = (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
       'has-parallax': hasParallax,
       'is-repeated': isRepeated
     });
@@ -518,7 +518,7 @@ const v11 = {
       })
     }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+      className: (0, _clsx.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
@@ -545,7 +545,7 @@ const v11 = {
         backgroundImage
       }
     })), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -608,7 +608,7 @@ const v10 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -622,7 +622,7 @@ const v10 = {
       })
     }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+      className: (0, _clsx.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
@@ -633,7 +633,7 @@ const v10 = {
       }),
       style: bgStyle
     }), !useFeaturedImage && isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -642,7 +642,7 @@ const v10 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -704,7 +704,7 @@ const v9 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -718,7 +718,7 @@ const v9 = {
       })
     }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
+      className: (0, _clsx.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
@@ -729,7 +729,7 @@ const v9 = {
       }),
       style: bgStyle
     }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -738,7 +738,7 @@ const v9 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -800,7 +800,7 @@ const v8 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _classnames.default)({
+    const classes = (0, _clsx.default)({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -813,14 +813,14 @@ const v8 = {
       })
     }, (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)(overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
+      className: (0, _clsx.default)(overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
         'has-background-dim': dimRatio !== undefined,
         'has-background-gradient': gradient || customGradient,
         [gradientClass]: !url && gradientClass
       }),
       style: bgStyle
     }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -829,7 +829,7 @@ const v8 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -914,7 +914,7 @@ const v7 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = (0, _classnames.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -929,12 +929,12 @@ const v7 = {
       })
     }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
+      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
     }), isImageBackground && isImgElement && url && (0, _react.createElement)("img", {
-      className: (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: (0, _clsx.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -943,7 +943,7 @@ const v7 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && (0, _react.createElement)("video", {
-      className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: (0, _clsx.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -1028,7 +1028,7 @@ const v6 = {
         videoStyle.objectPosition = positionValue;
       }
     }
-    const classes = (0, _classnames.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -1043,7 +1043,7 @@ const v6 = {
       })
     }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
+      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
@@ -1105,7 +1105,7 @@ const v5 = {
       style.background = customGradient;
     }
     style.minHeight = minHeight || undefined;
-    const classes = (0, _classnames.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'has-background-gradient': customGradient,
@@ -1116,7 +1116,7 @@ const v5 = {
       style: style
     }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
+      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
@@ -1176,7 +1176,7 @@ const v4 = {
       style.background = customGradient;
     }
     style.minHeight = minHeight || undefined;
-    const classes = (0, _classnames.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'has-background-gradient': customGradient,
@@ -1187,7 +1187,7 @@ const v4 = {
       style: style
     }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _react.createElement)("span", {
       "aria-hidden": "true",
-      className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
+      className: (0, _clsx.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
@@ -1241,7 +1241,7 @@ const v3 = {
     if (focalPoint && !hasParallax) {
       style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
     }
-    const classes = (0, _classnames.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = (0, _clsx.default)(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
@@ -1317,7 +1317,7 @@ const v2 = {
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
-    const classes = (0, _classnames.default)('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = (0, _clsx.default)('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
@@ -1381,7 +1381,7 @@ const v1 = {
       align
     } = attributes;
     const style = backgroundImageStyles(url);
-    const classes = (0, _classnames.default)('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
+    const classes = (0, _clsx.default)('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax
     }, align ? `align${align}` : null);