@wordpress/block-library 9.32.0 → 9.33.1-next.b8c8708f3.0

package/build-module/button/deprecated.js

@@ -1,28 +1,25 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { RichText, getColorClassName, useBlockProps, __experimentalGetGradientClass, __experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles, __experimentalGetColorClassesAndStyles as getColorClassesAndStyles, __experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles, __experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles, __experimentalGetElementClassName } from '@wordpress/block-editor';
-import { compose } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import migrateFontFamily from '../utils/migrate-font-family';
-import { jsx as _jsx } from "react/jsx-runtime";
-const migrateBorderRadius = attributes => {
-  const {
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  RichText,
+  getColorClassName,
+  useBlockProps,
+  __experimentalGetGradientClass,
+  __experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,
+  __experimentalGetColorClassesAndStyles as getColorClassesAndStyles,
+  __experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
+  __experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,
+  __experimentalGetElementClassName
+} from "@wordpress/block-editor";
+import { compose } from "@wordpress/compose";
+import migrateFontFamily from "../utils/migrate-font-family";
+const migrateBorderRadius = (attributes) => {
+  const { borderRadius, ...newAttributes } = attributes;
+  const oldBorderRadius = [
     borderRadius,
-    ...newAttributes
-  } = attributes;
-  // We have to check old property `borderRadius` and if
-  // `styles.border.radius` is a `number`
-  const oldBorderRadius = [borderRadius, newAttributes.style?.border?.radius].find(possibleBorderRadius => {
-    return typeof possibleBorderRadius === 'number' && possibleBorderRadius !== 0;
+    newAttributes.style?.border?.radius
+  ].find((possibleBorderRadius) => {
+    return typeof possibleBorderRadius === "number" && possibleBorderRadius !== 0;
   });
   if (!oldBorderRadius) {
     return newAttributes;
@@ -42,22 +39,20 @@ function migrateAlign(attributes) {
   if (!attributes.align) {
     return attributes;
   }
-  const {
-    align,
-    ...otherAttributes
-  } = attributes;
+  const { align, ...otherAttributes } = attributes;
   return {
     ...otherAttributes,
-    className: clsx(otherAttributes.className, `align${attributes.align}`)
+    className: clsx(
+      otherAttributes.className,
+      `align${attributes.align}`
+    )
   };
 }
-const migrateCustomColorsAndGradients = attributes => {
+const migrateCustomColorsAndGradients = (attributes) => {
   if (!attributes.customTextColor && !attributes.customBackgroundColor && !attributes.customGradient) {
     return attributes;
   }
-  const style = {
-    color: {}
-  };
+  const style = { color: {} };
   if (attributes.customTextColor) {
     style.color.text = attributes.customTextColor;
   }
@@ -78,98 +73,94 @@ const migrateCustomColorsAndGradients = attributes => {
     style
   };
 };
-const oldColorsMigration = attributes => {
-  const {
-    color,
-    textColor,
-    ...restAttributes
-  } = {
+const oldColorsMigration = (attributes) => {
+  const { color, textColor, ...restAttributes } = {
     ...attributes,
-    customTextColor: attributes.textColor && '#' === attributes.textColor[0] ? attributes.textColor : undefined,
-    customBackgroundColor: attributes.color && '#' === attributes.color[0] ? attributes.color : undefined
+    customTextColor: attributes.textColor && "#" === attributes.textColor[0] ? attributes.textColor : void 0,
+    customBackgroundColor: attributes.color && "#" === attributes.color[0] ? attributes.color : void 0
   };
   return migrateCustomColorsAndGradients(restAttributes);
 };
 const blockAttributes = {
   url: {
-    type: 'string',
-    source: 'attribute',
-    selector: 'a',
-    attribute: 'href'
+    type: "string",
+    source: "attribute",
+    selector: "a",
+    attribute: "href"
   },
   title: {
-    type: 'string',
-    source: 'attribute',
-    selector: 'a',
-    attribute: 'title'
+    type: "string",
+    source: "attribute",
+    selector: "a",
+    attribute: "title"
   },
   text: {
-    type: 'string',
-    source: 'html',
-    selector: 'a'
+    type: "string",
+    source: "html",
+    selector: "a"
   }
 };
 const v12 = {
   attributes: {
     tagName: {
-      type: 'string',
-      enum: ['a', 'button'],
-      default: 'a'
+      type: "string",
+      enum: ["a", "button"],
+      default: "a"
     },
     type: {
-      type: 'string',
-      default: 'button'
+      type: "string",
+      default: "button"
     },
     textAlign: {
-      type: 'string'
+      type: "string"
     },
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "href"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a,button',
-      attribute: 'title',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "a,button",
+      attribute: "title",
+      role: "content"
     },
     text: {
-      type: 'rich-text',
-      source: 'rich-text',
-      selector: 'a,button',
-      role: 'content'
+      type: "rich-text",
+      source: "rich-text",
+      selector: "a,button",
+      role: "content"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "target",
+      role: "content"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel',
-      role: 'content'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "rel",
+      role: "content"
     },
     placeholder: {
-      type: 'string'
+      type: "string"
     },
     backgroundColor: {
-      type: 'string'
+      type: "string"
     },
     textColor: {
-      type: 'string'
+      type: "string"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     width: {
-      type: 'number'
+      type: "number"
     }
   },
   supports: {
@@ -204,7 +195,7 @@ const v12 = {
     },
     spacing: {
       __experimentalSkipSerialization: true,
-      padding: ['horizontal', 'vertical'],
+      padding: ["horizontal", "vertical"],
       __experimentalDefaultControls: {
         padding: true
       }
@@ -222,15 +213,12 @@ const v12 = {
         width: true
       }
     },
-    __experimentalSelector: '.wp-block-button__link',
+    __experimentalSelector: ".wp-block-button__link",
     interactivity: {
       clientNavigation: true
     }
   },
-  save({
-    attributes,
-    className
-  }) {
+  save({ attributes, className }) {
     const {
       tagName,
       type,
@@ -244,97 +232,96 @@ const v12 = {
       url,
       width
     } = attributes;
-    const TagName = tagName || 'a';
-    const isButtonTag = 'button' === TagName;
-    const buttonType = type || 'button';
+    const TagName = tagName || "a";
+    const isButtonTag = "button" === TagName;
+    const buttonType = type || "button";
     const borderProps = getBorderClassesAndStyles(attributes);
     const colorProps = getColorClassesAndStyles(attributes);
     const spacingProps = getSpacingClassesAndStyles(attributes);
     const shadowProps = getShadowClassesAndStyles(attributes);
-    const buttonClasses = clsx('wp-block-button__link', colorProps.className, borderProps.className, {
-      [`has-text-align-${textAlign}`]: textAlign,
-      // For backwards compatibility add style that isn't provided via
-      // block support.
-      'no-border-radius': style?.border?.radius === 0
-    }, __experimentalGetElementClassName('button'));
+    const buttonClasses = clsx(
+      "wp-block-button__link",
+      colorProps.className,
+      borderProps.className,
+      {
+        [`has-text-align-${textAlign}`]: textAlign,
+        // For backwards compatibility add style that isn't provided via
+        // block support.
+        "no-border-radius": style?.border?.radius === 0
+      },
+      __experimentalGetElementClassName("button")
+    );
     const buttonStyle = {
       ...borderProps.style,
       ...colorProps.style,
       ...spacingProps.style,
       ...shadowProps.style
     };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
     const wrapperClasses = clsx(className, {
       [`has-custom-width wp-block-button__width-${width}`]: width,
       [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
     });
-    return /*#__PURE__*/_jsx("div", {
-      ...useBlockProps.save({
-        className: wrapperClasses
-      }),
-      children: /*#__PURE__*/_jsx(RichText.Content, {
+    return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+      RichText.Content,
+      {
         tagName: TagName,
         type: isButtonTag ? buttonType : null,
         className: buttonClasses,
         href: isButtonTag ? null : url,
-        title: title,
+        title,
         style: buttonStyle,
         value: text,
         target: isButtonTag ? null : linkTarget,
         rel: isButtonTag ? null : rel
-      })
-    });
+      }
+    ) });
   }
 };
 const v11 = {
   attributes: {
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "href"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'title'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "title"
     },
     text: {
-      type: 'string',
-      source: 'html',
-      selector: 'a'
+      type: "string",
+      source: "html",
+      selector: "a"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "target"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "rel"
     },
     placeholder: {
-      type: 'string'
+      type: "string"
     },
     backgroundColor: {
-      type: 'string'
+      type: "string"
     },
     textColor: {
-      type: 'string'
+      type: "string"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     width: {
-      type: 'number'
+      type: "number"
     }
   },
   supports: {
@@ -359,7 +346,7 @@ const v11 = {
     reusable: false,
     spacing: {
       __experimentalSkipSerialization: true,
-      padding: ['horizontal', 'vertical'],
+      padding: ["horizontal", "vertical"],
       __experimentalDefaultControls: {
         padding: true
       }
@@ -371,109 +358,95 @@ const v11 = {
         radius: true
       }
     },
-    __experimentalSelector: '.wp-block-button__link'
+    __experimentalSelector: ".wp-block-button__link"
   },
-  save({
-    attributes,
-    className
-  }) {
-    const {
-      fontSize,
-      linkTarget,
-      rel,
-      style,
-      text,
-      title,
-      url,
-      width
-    } = attributes;
+  save({ attributes, className }) {
+    const { fontSize, linkTarget, rel, style, text, title, url, width } = attributes;
     if (!text) {
       return null;
     }
     const borderProps = getBorderClassesAndStyles(attributes);
     const colorProps = getColorClassesAndStyles(attributes);
     const spacingProps = getSpacingClassesAndStyles(attributes);
-    const buttonClasses = clsx('wp-block-button__link', colorProps.className, borderProps.className, {
-      // For backwards compatibility add style that isn't provided via
-      // block support.
-      'no-border-radius': style?.border?.radius === 0
-    });
+    const buttonClasses = clsx(
+      "wp-block-button__link",
+      colorProps.className,
+      borderProps.className,
+      {
+        // For backwards compatibility add style that isn't provided via
+        // block support.
+        "no-border-radius": style?.border?.radius === 0
+      }
+    );
     const buttonStyle = {
       ...borderProps.style,
       ...colorProps.style,
       ...spacingProps.style
     };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
     const wrapperClasses = clsx(className, {
       [`has-custom-width wp-block-button__width-${width}`]: width,
       [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
     });
-    return /*#__PURE__*/_jsx("div", {
-      ...useBlockProps.save({
-        className: wrapperClasses
-      }),
-      children: /*#__PURE__*/_jsx(RichText.Content, {
+    return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+      RichText.Content,
+      {
         tagName: "a",
         className: buttonClasses,
         href: url,
-        title: title,
+        title,
         style: buttonStyle,
         value: text,
         target: linkTarget,
-        rel: rel
-      })
-    });
+        rel
+      }
+    ) });
   }
 };
 const v10 = {
   attributes: {
     url: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'href'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "href"
     },
     title: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'title'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "title"
     },
     text: {
-      type: 'string',
-      source: 'html',
-      selector: 'a'
+      type: "string",
+      source: "html",
+      selector: "a"
     },
     linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "target"
     },
     rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
+      type: "string",
+      source: "attribute",
+      selector: "a",
+      attribute: "rel"
     },
     placeholder: {
-      type: 'string'
+      type: "string"
     },
     backgroundColor: {
-      type: 'string'
+      type: "string"
     },
     textColor: {
-      type: 'string'
+      type: "string"
     },
     gradient: {
-      type: 'string'
+      type: "string"
     },
     width: {
-      type: 'number'
+      type: "number"
     }
   },
   supports: {
@@ -491,7 +464,7 @@ const v10 = {
     reusable: false,
     spacing: {
       __experimentalSkipSerialization: true,
-      padding: ['horizontal', 'vertical'],
+      padding: ["horizontal", "vertical"],
       __experimentalDefaultControls: {
         padding: true
       }
@@ -500,756 +473,700 @@ const v10 = {
       radius: true,
       __experimentalSkipSerialization: true
     },
-    __experimentalSelector: '.wp-block-button__link'
+    __experimentalSelector: ".wp-block-button__link"
   },
-  save({
-    attributes,
-    className
-  }) {
-    const {
-      fontSize,
-      linkTarget,
-      rel,
-      style,
-      text,
-      title,
-      url,
-      width
-    } = attributes;
+  save({ attributes, className }) {
+    const { fontSize, linkTarget, rel, style, text, title, url, width } = attributes;
     if (!text) {
       return null;
     }
     const borderProps = getBorderClassesAndStyles(attributes);
     const colorProps = getColorClassesAndStyles(attributes);
     const spacingProps = getSpacingClassesAndStyles(attributes);
-    const buttonClasses = clsx('wp-block-button__link', colorProps.className, borderProps.className, {
-      // For backwards compatibility add style that isn't provided via
-      // block support.
-      'no-border-radius': style?.border?.radius === 0
-    });
+    const buttonClasses = clsx(
+      "wp-block-button__link",
+      colorProps.className,
+      borderProps.className,
+      {
+        // For backwards compatibility add style that isn't provided via
+        // block support.
+        "no-border-radius": style?.border?.radius === 0
+      }
+    );
     const buttonStyle = {
       ...borderProps.style,
       ...colorProps.style,
       ...spacingProps.style
     };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
     const wrapperClasses = clsx(className, {
       [`has-custom-width wp-block-button__width-${width}`]: width,
       [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
     });
-    return /*#__PURE__*/_jsx("div", {
-      ...useBlockProps.save({
-        className: wrapperClasses
-      }),
-      children: /*#__PURE__*/_jsx(RichText.Content, {
+    return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+      RichText.Content,
+      {
         tagName: "a",
         className: buttonClasses,
         href: url,
-        title: title,
+        title,
         style: buttonStyle,
         value: text,
         target: linkTarget,
-        rel: rel
-      })
-    });
+        rel
+      }
+    ) });
   },
   migrate: migrateFontFamily,
-  isEligible({
-    style
-  }) {
+  isEligible({ style }) {
     return style?.typography?.fontFamily;
   }
 };
-const deprecated = [v12, v11, v10, {
-  supports: {
-    anchor: true,
-    align: true,
-    alignWide: false,
-    color: {
-      __experimentalSkipSerialization: true,
-      gradients: true
-    },
-    typography: {
-      fontSize: true,
-      __experimentalFontFamily: true
-    },
-    reusable: false,
-    __experimentalSelector: '.wp-block-button__link'
-  },
-  attributes: {
-    ...blockAttributes,
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
-    },
-    placeholder: {
-      type: 'string'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    gradient: {
-      type: 'string'
+const deprecated = [
+  v12,
+  v11,
+  v10,
+  {
+    supports: {
+      anchor: true,
+      align: true,
+      alignWide: false,
+      color: {
+        __experimentalSkipSerialization: true,
+        gradients: true
+      },
+      typography: {
+        fontSize: true,
+        __experimentalFontFamily: true
+      },
+      reusable: false,
+      __experimentalSelector: ".wp-block-button__link"
+    },
+    attributes: {
+      ...blockAttributes,
+      linkTarget: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "target"
+      },
+      rel: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "rel"
+      },
+      placeholder: {
+        type: "string"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      gradient: {
+        type: "string"
+      },
+      width: {
+        type: "number"
+      }
     },
-    width: {
-      type: 'number'
-    }
-  },
-  isEligible({
-    style
-  }) {
-    return typeof style?.border?.radius === 'number';
-  },
-  save({
-    attributes,
-    className
-  }) {
-    const {
-      fontSize,
-      linkTarget,
-      rel,
-      style,
-      text,
-      title,
-      url,
-      width
-    } = attributes;
-    if (!text) {
-      return null;
-    }
-    const borderRadius = style?.border?.radius;
-    const colorProps = getColorClassesAndStyles(attributes);
-    const buttonClasses = clsx('wp-block-button__link', colorProps.className, {
-      'no-border-radius': style?.border?.radius === 0
-    });
-    const buttonStyle = {
-      borderRadius: borderRadius ? borderRadius : undefined,
-      ...colorProps.style
-    };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
-    const wrapperClasses = clsx(className, {
-      [`has-custom-width wp-block-button__width-${width}`]: width,
-      [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
-    });
-    return /*#__PURE__*/_jsx("div", {
-      ...useBlockProps.save({
-        className: wrapperClasses
-      }),
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: buttonClasses,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text,
-        target: linkTarget,
-        rel: rel
-      })
-    });
+    isEligible({ style }) {
+      return typeof style?.border?.radius === "number";
+    },
+    save({ attributes, className }) {
+      const {
+        fontSize,
+        linkTarget,
+        rel,
+        style,
+        text,
+        title,
+        url,
+        width
+      } = attributes;
+      if (!text) {
+        return null;
+      }
+      const borderRadius = style?.border?.radius;
+      const colorProps = getColorClassesAndStyles(attributes);
+      const buttonClasses = clsx(
+        "wp-block-button__link",
+        colorProps.className,
+        {
+          "no-border-radius": style?.border?.radius === 0
+        }
+      );
+      const buttonStyle = {
+        borderRadius: borderRadius ? borderRadius : void 0,
+        ...colorProps.style
+      };
+      const wrapperClasses = clsx(className, {
+        [`has-custom-width wp-block-button__width-${width}`]: width,
+        [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
+      });
+      return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text,
+          target: linkTarget,
+          rel
+        }
+      ) });
+    },
+    migrate: compose(migrateFontFamily, migrateBorderRadius)
   },
-  migrate: compose(migrateFontFamily, migrateBorderRadius)
-}, {
-  supports: {
-    anchor: true,
-    align: true,
-    alignWide: false,
-    color: {
-      __experimentalSkipSerialization: true
+  {
+    supports: {
+      anchor: true,
+      align: true,
+      alignWide: false,
+      color: {
+        __experimentalSkipSerialization: true
+      },
+      reusable: false,
+      __experimentalSelector: ".wp-block-button__link"
+    },
+    attributes: {
+      ...blockAttributes,
+      linkTarget: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "target"
+      },
+      rel: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "rel"
+      },
+      placeholder: {
+        type: "string"
+      },
+      borderRadius: {
+        type: "number"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      gradient: {
+        type: "string"
+      },
+      style: {
+        type: "object"
+      },
+      width: {
+        type: "number"
+      }
     },
-    reusable: false,
-    __experimentalSelector: '.wp-block-button__link'
+    save({ attributes, className }) {
+      const { borderRadius, linkTarget, rel, text, title, url, width } = attributes;
+      const colorProps = getColorClassesAndStyles(attributes);
+      const buttonClasses = clsx(
+        "wp-block-button__link",
+        colorProps.className,
+        {
+          "no-border-radius": borderRadius === 0
+        }
+      );
+      const buttonStyle = {
+        borderRadius: borderRadius ? borderRadius + "px" : void 0,
+        ...colorProps.style
+      };
+      const wrapperClasses = clsx(className, {
+        [`has-custom-width wp-block-button__width-${width}`]: width
+      });
+      return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text,
+          target: linkTarget,
+          rel
+        }
+      ) });
+    },
+    migrate: compose(migrateFontFamily, migrateBorderRadius)
   },
-  attributes: {
-    ...blockAttributes,
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
-    },
-    placeholder: {
-      type: 'string'
-    },
-    borderRadius: {
-      type: 'number'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    gradient: {
-      type: 'string'
-    },
-    style: {
-      type: 'object'
+  {
+    supports: {
+      anchor: true,
+      align: true,
+      alignWide: false,
+      color: {
+        __experimentalSkipSerialization: true
+      },
+      reusable: false,
+      __experimentalSelector: ".wp-block-button__link"
+    },
+    attributes: {
+      ...blockAttributes,
+      linkTarget: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "target"
+      },
+      rel: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "rel"
+      },
+      placeholder: {
+        type: "string"
+      },
+      borderRadius: {
+        type: "number"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      gradient: {
+        type: "string"
+      },
+      style: {
+        type: "object"
+      },
+      width: {
+        type: "number"
+      }
     },
-    width: {
-      type: 'number'
-    }
-  },
-  save({
-    attributes,
-    className
-  }) {
-    const {
-      borderRadius,
-      linkTarget,
-      rel,
-      text,
-      title,
-      url,
-      width
-    } = attributes;
-    const colorProps = getColorClassesAndStyles(attributes);
-    const buttonClasses = clsx('wp-block-button__link', colorProps.className, {
-      'no-border-radius': borderRadius === 0
-    });
-    const buttonStyle = {
-      borderRadius: borderRadius ? borderRadius + 'px' : undefined,
-      ...colorProps.style
-    };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
-    const wrapperClasses = clsx(className, {
-      [`has-custom-width wp-block-button__width-${width}`]: width
-    });
-    return /*#__PURE__*/_jsx("div", {
-      ...useBlockProps.save({
-        className: wrapperClasses
-      }),
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: buttonClasses,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text,
-        target: linkTarget,
-        rel: rel
-      })
-    });
+    save({ attributes, className }) {
+      const { borderRadius, linkTarget, rel, text, title, url, width } = attributes;
+      const colorProps = getColorClassesAndStyles(attributes);
+      const buttonClasses = clsx(
+        "wp-block-button__link",
+        colorProps.className,
+        {
+          "no-border-radius": borderRadius === 0
+        }
+      );
+      const buttonStyle = {
+        borderRadius: borderRadius ? borderRadius + "px" : void 0,
+        ...colorProps.style
+      };
+      const wrapperClasses = clsx(className, {
+        [`has-custom-width wp-block-button__width-${width}`]: width
+      });
+      return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text,
+          target: linkTarget,
+          rel
+        }
+      ) });
+    },
+    migrate: compose(migrateFontFamily, migrateBorderRadius)
   },
-  migrate: compose(migrateFontFamily, migrateBorderRadius)
-}, {
-  supports: {
-    anchor: true,
-    align: true,
-    alignWide: false,
-    color: {
-      __experimentalSkipSerialization: true
+  {
+    supports: {
+      align: true,
+      alignWide: false,
+      color: { gradients: true }
+    },
+    attributes: {
+      ...blockAttributes,
+      linkTarget: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "target"
+      },
+      rel: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "rel"
+      },
+      placeholder: {
+        type: "string"
+      },
+      borderRadius: {
+        type: "number"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      gradient: {
+        type: "string"
+      },
+      style: {
+        type: "object"
+      }
     },
-    reusable: false,
-    __experimentalSelector: '.wp-block-button__link'
+    save({ attributes }) {
+      const { borderRadius, linkTarget, rel, text, title, url } = attributes;
+      const buttonClasses = clsx("wp-block-button__link", {
+        "no-border-radius": borderRadius === 0
+      });
+      const buttonStyle = {
+        borderRadius: borderRadius ? borderRadius + "px" : void 0
+      };
+      return /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text,
+          target: linkTarget,
+          rel
+        }
+      );
+    },
+    migrate: migrateBorderRadius
   },
-  attributes: {
-    ...blockAttributes,
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
-    },
-    placeholder: {
-      type: 'string'
-    },
-    borderRadius: {
-      type: 'number'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    gradient: {
-      type: 'string'
-    },
-    style: {
-      type: 'object'
+  {
+    supports: {
+      align: true,
+      alignWide: false
+    },
+    attributes: {
+      ...blockAttributes,
+      linkTarget: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "target"
+      },
+      rel: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "rel"
+      },
+      placeholder: {
+        type: "string"
+      },
+      borderRadius: {
+        type: "number"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      customBackgroundColor: {
+        type: "string"
+      },
+      customTextColor: {
+        type: "string"
+      },
+      customGradient: {
+        type: "string"
+      },
+      gradient: {
+        type: "string"
+      }
     },
-    width: {
-      type: 'number'
+    isEligible: (attributes) => !!attributes.customTextColor || !!attributes.customBackgroundColor || !!attributes.customGradient || !!attributes.align,
+    migrate: compose(
+      migrateBorderRadius,
+      migrateCustomColorsAndGradients,
+      migrateAlign
+    ),
+    save({ attributes }) {
+      const {
+        backgroundColor,
+        borderRadius,
+        customBackgroundColor,
+        customTextColor,
+        customGradient,
+        linkTarget,
+        gradient,
+        rel,
+        text,
+        textColor,
+        title,
+        url
+      } = attributes;
+      const textClass = getColorClassName("color", textColor);
+      const backgroundClass = !customGradient && getColorClassName("background-color", backgroundColor);
+      const gradientClass = __experimentalGetGradientClass(gradient);
+      const buttonClasses = clsx("wp-block-button__link", {
+        "has-text-color": textColor || customTextColor,
+        [textClass]: textClass,
+        "has-background": backgroundColor || customBackgroundColor || customGradient || gradient,
+        [backgroundClass]: backgroundClass,
+        "no-border-radius": borderRadius === 0,
+        [gradientClass]: gradientClass
+      });
+      const buttonStyle = {
+        background: customGradient ? customGradient : void 0,
+        backgroundColor: backgroundClass || customGradient || gradient ? void 0 : customBackgroundColor,
+        color: textClass ? void 0 : customTextColor,
+        borderRadius: borderRadius ? borderRadius + "px" : void 0
+      };
+      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text,
+          target: linkTarget,
+          rel
+        }
+      ) });
     }
   },
-  save({
-    attributes,
-    className
-  }) {
-    const {
-      borderRadius,
-      linkTarget,
-      rel,
-      text,
-      title,
-      url,
-      width
-    } = attributes;
-    const colorProps = getColorClassesAndStyles(attributes);
-    const buttonClasses = clsx('wp-block-button__link', colorProps.className, {
-      'no-border-radius': borderRadius === 0
-    });
-    const buttonStyle = {
-      borderRadius: borderRadius ? borderRadius + 'px' : undefined,
-      ...colorProps.style
-    };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
-    const wrapperClasses = clsx(className, {
-      [`has-custom-width wp-block-button__width-${width}`]: width
-    });
-    return /*#__PURE__*/_jsx("div", {
-      ...useBlockProps.save({
-        className: wrapperClasses
-      }),
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: buttonClasses,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text,
-        target: linkTarget,
-        rel: rel
-      })
-    });
-  },
-  migrate: compose(migrateFontFamily, migrateBorderRadius)
-}, {
-  supports: {
-    align: true,
-    alignWide: false,
-    color: {
-      gradients: true
-    }
-  },
-  attributes: {
-    ...blockAttributes,
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
-    },
-    placeholder: {
-      type: 'string'
-    },
-    borderRadius: {
-      type: 'number'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
+  {
+    attributes: {
+      ...blockAttributes,
+      align: {
+        type: "string",
+        default: "none"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      customBackgroundColor: {
+        type: "string"
+      },
+      customTextColor: {
+        type: "string"
+      },
+      linkTarget: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "target"
+      },
+      rel: {
+        type: "string",
+        source: "attribute",
+        selector: "a",
+        attribute: "rel"
+      },
+      placeholder: {
+        type: "string"
+      }
     },
-    gradient: {
-      type: 'string'
+    isEligible(attribute) {
+      return attribute.className && attribute.className.includes("is-style-squared");
     },
-    style: {
-      type: 'object'
+    migrate(attributes) {
+      let newClassName = attributes.className;
+      if (newClassName) {
+        newClassName = newClassName.replace(/is-style-squared[\s]?/, "").trim();
+      }
+      return migrateBorderRadius(
+        migrateCustomColorsAndGradients({
+          ...attributes,
+          className: newClassName ? newClassName : void 0,
+          borderRadius: 0
+        })
+      );
+    },
+    save({ attributes }) {
+      const {
+        backgroundColor,
+        customBackgroundColor,
+        customTextColor,
+        linkTarget,
+        rel,
+        text,
+        textColor,
+        title,
+        url
+      } = attributes;
+      const textClass = getColorClassName("color", textColor);
+      const backgroundClass = getColorClassName(
+        "background-color",
+        backgroundColor
+      );
+      const buttonClasses = clsx("wp-block-button__link", {
+        "has-text-color": textColor || customTextColor,
+        [textClass]: textClass,
+        "has-background": backgroundColor || customBackgroundColor,
+        [backgroundClass]: backgroundClass
+      });
+      const buttonStyle = {
+        backgroundColor: backgroundClass ? void 0 : customBackgroundColor,
+        color: textClass ? void 0 : customTextColor
+      };
+      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text,
+          target: linkTarget,
+          rel
+        }
+      ) });
     }
   },
-  save({
-    attributes
-  }) {
-    const {
-      borderRadius,
-      linkTarget,
-      rel,
-      text,
-      title,
-      url
-    } = attributes;
-    const buttonClasses = clsx('wp-block-button__link', {
-      'no-border-radius': borderRadius === 0
-    });
-    const buttonStyle = {
-      borderRadius: borderRadius ? borderRadius + 'px' : undefined
-    };
-    return /*#__PURE__*/_jsx(RichText.Content, {
-      tagName: "a",
-      className: buttonClasses,
-      href: url,
-      title: title,
-      style: buttonStyle,
-      value: text,
-      target: linkTarget,
-      rel: rel
-    });
-  },
-  migrate: migrateBorderRadius
-}, {
-  supports: {
-    align: true,
-    alignWide: false
-  },
-  attributes: {
-    ...blockAttributes,
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
-    },
-    placeholder: {
-      type: 'string'
-    },
-    borderRadius: {
-      type: 'number'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    customBackgroundColor: {
-      type: 'string'
-    },
-    customTextColor: {
-      type: 'string'
-    },
-    customGradient: {
-      type: 'string'
+  {
+    attributes: {
+      ...blockAttributes,
+      align: {
+        type: "string",
+        default: "none"
+      },
+      backgroundColor: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      customBackgroundColor: {
+        type: "string"
+      },
+      customTextColor: {
+        type: "string"
+      }
     },
-    gradient: {
-      type: 'string'
+    migrate: oldColorsMigration,
+    save({ attributes }) {
+      const {
+        url,
+        text,
+        title,
+        backgroundColor,
+        textColor,
+        customBackgroundColor,
+        customTextColor
+      } = attributes;
+      const textClass = getColorClassName("color", textColor);
+      const backgroundClass = getColorClassName(
+        "background-color",
+        backgroundColor
+      );
+      const buttonClasses = clsx("wp-block-button__link", {
+        "has-text-color": textColor || customTextColor,
+        [textClass]: textClass,
+        "has-background": backgroundColor || customBackgroundColor,
+        [backgroundClass]: backgroundClass
+      });
+      const buttonStyle = {
+        backgroundColor: backgroundClass ? void 0 : customBackgroundColor,
+        color: textClass ? void 0 : customTextColor
+      };
+      return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: buttonClasses,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text
+        }
+      ) });
     }
   },
-  isEligible: attributes => !!attributes.customTextColor || !!attributes.customBackgroundColor || !!attributes.customGradient || !!attributes.align,
-  migrate: compose(migrateBorderRadius, migrateCustomColorsAndGradients, migrateAlign),
-  save({
-    attributes
-  }) {
-    const {
-      backgroundColor,
-      borderRadius,
-      customBackgroundColor,
-      customTextColor,
-      customGradient,
-      linkTarget,
-      gradient,
-      rel,
-      text,
-      textColor,
-      title,
-      url
-    } = attributes;
-    const textClass = getColorClassName('color', textColor);
-    const backgroundClass = !customGradient && getColorClassName('background-color', backgroundColor);
-    const gradientClass = __experimentalGetGradientClass(gradient);
-    const buttonClasses = clsx('wp-block-button__link', {
-      'has-text-color': textColor || customTextColor,
-      [textClass]: textClass,
-      'has-background': backgroundColor || customBackgroundColor || customGradient || gradient,
-      [backgroundClass]: backgroundClass,
-      'no-border-radius': borderRadius === 0,
-      [gradientClass]: gradientClass
-    });
-    const buttonStyle = {
-      background: customGradient ? customGradient : undefined,
-      backgroundColor: backgroundClass || customGradient || gradient ? undefined : customBackgroundColor,
-      color: textClass ? undefined : customTextColor,
-      borderRadius: borderRadius ? borderRadius + 'px' : undefined
-    };
-
-    // The use of a `title` attribute here is soft-deprecated, but still applied
-    // if it had already been assigned, for the sake of backward-compatibility.
-    // A title will no longer be assigned for new or updated button block links.
-
-    return /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: buttonClasses,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text,
-        target: linkTarget,
-        rel: rel
-      })
-    });
-  }
-}, {
-  attributes: {
-    ...blockAttributes,
-    align: {
-      type: 'string',
-      default: 'none'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    customBackgroundColor: {
-      type: 'string'
-    },
-    customTextColor: {
-      type: 'string'
-    },
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'target'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'a',
-      attribute: 'rel'
+  {
+    attributes: {
+      ...blockAttributes,
+      color: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      align: {
+        type: "string",
+        default: "none"
+      }
     },
-    placeholder: {
-      type: 'string'
-    }
-  },
-  isEligible(attribute) {
-    return attribute.className && attribute.className.includes('is-style-squared');
+    save({ attributes }) {
+      const { url, text, title, align, color, textColor } = attributes;
+      const buttonStyle = {
+        backgroundColor: color,
+        color: textColor
+      };
+      const linkClass = "wp-block-button__link";
+      return /* @__PURE__ */ jsx("div", { className: `align${align}`, children: /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "a",
+          className: linkClass,
+          href: url,
+          title,
+          style: buttonStyle,
+          value: text
+        }
+      ) });
+    },
+    migrate: oldColorsMigration
   },
-  migrate(attributes) {
-    let newClassName = attributes.className;
-    if (newClassName) {
-      newClassName = newClassName.replace(/is-style-squared[\s]?/, '').trim();
-    }
-    return migrateBorderRadius(migrateCustomColorsAndGradients({
-      ...attributes,
-      className: newClassName ? newClassName : undefined,
-      borderRadius: 0
-    }));
-  },
-  save({
-    attributes
-  }) {
-    const {
-      backgroundColor,
-      customBackgroundColor,
-      customTextColor,
-      linkTarget,
-      rel,
-      text,
-      textColor,
-      title,
-      url
-    } = attributes;
-    const textClass = getColorClassName('color', textColor);
-    const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const buttonClasses = clsx('wp-block-button__link', {
-      'has-text-color': textColor || customTextColor,
-      [textClass]: textClass,
-      'has-background': backgroundColor || customBackgroundColor,
-      [backgroundClass]: backgroundClass
-    });
-    const buttonStyle = {
-      backgroundColor: backgroundClass ? undefined : customBackgroundColor,
-      color: textClass ? undefined : customTextColor
-    };
-    return /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: buttonClasses,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text,
-        target: linkTarget,
-        rel: rel
-      })
-    });
-  }
-}, {
-  attributes: {
-    ...blockAttributes,
-    align: {
-      type: 'string',
-      default: 'none'
-    },
-    backgroundColor: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    customBackgroundColor: {
-      type: 'string'
+  {
+    attributes: {
+      ...blockAttributes,
+      color: {
+        type: "string"
+      },
+      textColor: {
+        type: "string"
+      },
+      align: {
+        type: "string",
+        default: "none"
+      }
     },
-    customTextColor: {
-      type: 'string'
-    }
-  },
-  migrate: oldColorsMigration,
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      text,
-      title,
-      backgroundColor,
-      textColor,
-      customBackgroundColor,
-      customTextColor
-    } = attributes;
-    const textClass = getColorClassName('color', textColor);
-    const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const buttonClasses = clsx('wp-block-button__link', {
-      'has-text-color': textColor || customTextColor,
-      [textClass]: textClass,
-      'has-background': backgroundColor || customBackgroundColor,
-      [backgroundClass]: backgroundClass
-    });
-    const buttonStyle = {
-      backgroundColor: backgroundClass ? undefined : customBackgroundColor,
-      color: textClass ? undefined : customTextColor
-    };
-    return /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: buttonClasses,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text
-      })
-    });
+    save({ attributes }) {
+      const { url, text, title, align, color, textColor } = attributes;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `align${align}`,
+          style: { backgroundColor: color },
+          children: /* @__PURE__ */ jsx(
+            RichText.Content,
+            {
+              tagName: "a",
+              href: url,
+              title,
+              style: { color: textColor },
+              value: text
+            }
+          )
+        }
+      );
+    },
+    migrate: oldColorsMigration
   }
-}, {
-  attributes: {
-    ...blockAttributes,
-    color: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    align: {
-      type: 'string',
-      default: 'none'
-    }
-  },
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      text,
-      title,
-      align,
-      color,
-      textColor
-    } = attributes;
-    const buttonStyle = {
-      backgroundColor: color,
-      color: textColor
-    };
-    const linkClass = 'wp-block-button__link';
-    return /*#__PURE__*/_jsx("div", {
-      className: `align${align}`,
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        className: linkClass,
-        href: url,
-        title: title,
-        style: buttonStyle,
-        value: text
-      })
-    });
-  },
-  migrate: oldColorsMigration
-}, {
-  attributes: {
-    ...blockAttributes,
-    color: {
-      type: 'string'
-    },
-    textColor: {
-      type: 'string'
-    },
-    align: {
-      type: 'string',
-      default: 'none'
-    }
-  },
-  save({
-    attributes
-  }) {
-    const {
-      url,
-      text,
-      title,
-      align,
-      color,
-      textColor
-    } = attributes;
-    return /*#__PURE__*/_jsx("div", {
-      className: `align${align}`,
-      style: {
-        backgroundColor: color
-      },
-      children: /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "a",
-        href: url,
-        title: title,
-        style: {
-          color: textColor
-        },
-        value: text
-      })
-    });
-  },
-  migrate: oldColorsMigration
-}];
-export default deprecated;
-//# sourceMappingURL=deprecated.js.map
+];
+var deprecated_default = deprecated;
+export {
+  deprecated_default as default
+};
+//# sourceMappingURL=deprecated.js.map