newspack-components 2.2.1 → 3.0.0-alpha.2

package/dist/{cjs/category-autocomplete → category-autocomplete}/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
@@ -16,7 +15,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _find = _interopRequireDefault(require("lodash/find"));
 var _filter = _interopRequireDefault(require("lodash/filter"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Category Autocomplete
  */
@@ -36,55 +35,17 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /**
  * Category autocomplete field component.
  */class CategoryAutocomplete extends _element.Component {
+  state = {
+    suggestions: {},
+    allCategories: {},
+    isLoading: false
+  };
+
   /**
    * Class constructor.
    */
   constructor(props) {
     super(props);
-    (0, _defineProperty2.default)(this, "state", {
-      suggestions: {},
-      allCategories: {},
-      isLoading: false
-    });
-    /**
-     * Prepare categories data for the API endpoint, call the change handler.
-     *
-     * @param {Array} tokens An array of category tokens.
-     */
-    (0, _defineProperty2.default)(this, "handleOnChange", tokens => {
-      const {
-        onChange
-      } = this.props;
-      const {
-        suggestions
-      } = this.state;
-      // Categories that are already will be objects, while new additions will be strings (the name).
-      // allValues nomalizes the array so that they are all objects.
-      const allValues = tokens.filter(token => 'undefined' !== typeof token) // Ensure each token is a valid value.
-      .map(token => 'string' === typeof token ? suggestions[token] : token).filter(Boolean);
-      onChange(allValues);
-    });
-    (0, _defineProperty2.default)(this, "getAvailableSuggestions", () => {
-      const {
-        value
-      } = this.props;
-      const {
-        suggestions
-      } = this.state;
-      const selectedIds = value.reduce((acc, item) => {
-        if (item?.id) {
-          acc.push(item.id);
-        }
-        return acc;
-      }, []);
-      const availableSuggestions = (0, _filter.default)(suggestions, _ref => {
-        let {
-          id
-        } = _ref;
-        return selectedIds.indexOf(id) === -1;
-      });
-      return availableSuggestions.map(v => v.name);
-    });
     this.debouncedUpdateSuggestions = (0, _debounce.default)(this.updateSuggestions, 100);
   }
   componentDidMount() {
@@ -138,6 +99,44 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
       isLoading: false
     }));
   }
+
+  /**
+   * Prepare categories data for the API endpoint, call the change handler.
+   *
+   * @param {Array} tokens An array of category tokens.
+   */
+  handleOnChange = tokens => {
+    const {
+      onChange
+    } = this.props;
+    const {
+      suggestions
+    } = this.state;
+    // Categories that are already will be objects, while new additions will be strings (the name).
+    // allValues nomalizes the array so that they are all objects.
+    const allValues = tokens.filter(token => 'undefined' !== typeof token) // Ensure each token is a valid value.
+    .map(token => 'string' === typeof token ? suggestions[token] : token).filter(Boolean);
+    onChange(allValues);
+  };
+  getAvailableSuggestions = () => {
+    const {
+      value
+    } = this.props;
+    const {
+      suggestions
+    } = this.state;
+    const selectedIds = value.reduce((acc, item) => {
+      if (item?.id) {
+        acc.push(item.id);
+      }
+      return acc;
+    }, []);
+    const availableSuggestions = (0, _filter.default)(suggestions, ({
+      id
+    }) => selectedIds.indexOf(id) === -1);
+    return availableSuggestions.map(v => v.name);
+  };
+
   /**
    * Render the component.
    */
@@ -156,9 +155,9 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
       isLoading
     } = this.state;
     const classes = (0, _classnames.default)('newspack-category-autocomplete', className);
-    return (0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes,
-      children: [(0, _jsxRuntime.jsx)(_.FormTokenField, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormTokenField, {
         onInputChange: input => this.debouncedUpdateSuggestions(input),
         value: value.reduce((acc, item) => {
           const categoryOrItem = typeof item === 'number' ? (0, _find.default)(allCategories, ['id', item]) : item;
@@ -177,9 +176,9 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
         description: description,
         hideHelpFromVision: hideHelpFromVision,
         hideLabelFromVision: hideLabelFromVision
-      }), isLoading ? (0, _jsxRuntime.jsx)("span", {
+      }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "newspack-category-autocomplete__suggestions-spinner",
-        children: (0, _jsxRuntime.jsx)(_components.Spinner, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
       }) : null]
     });
   }
@@ -187,5 +186,4 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 CategoryAutocomplete.defaultProps = {
   taxonomy: 'categories'
 };
-var _default = CategoryAutocomplete;
-exports.default = _default;
+var _default = exports.default = CategoryAutocomplete;

package/dist/{esm/category-autocomplete → category-autocomplete}/style.scss

@@ -19,10 +19,10 @@
 	&__suggestions-spinner {
 		position: absolute;
 		right: 1px;
-		top: calc( 1.4em + 8px );
+		top: calc(1.4em + 8px);
 		z-index: 2;
 
-		[class*='--label-hidden'] + & {
+		[class*="--label-hidden"] + & {
 			top: 0;
 		}
 

package/dist/{cjs/color-picker → color-picker}/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,7 +13,7 @@ var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
 var _hooks = _interopRequireDefault(require("../hooks"));
 var _utils = _interopRequireDefault(require("../utils"));
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies.
  */
@@ -30,23 +30,22 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 const {
   InteractiveDiv
 } = _utils.default;
-const ColorPicker = _ref => {
-  let {
-    label,
-    color = '#fff',
-    onChange,
-    className
-  } = _ref;
+const ColorPicker = ({
+  label,
+  color = '#fff',
+  onChange,
+  className
+}) => {
   const [isExpanded, setIsExpanded] = (0, _element.useState)(false);
   const ref = (0, _element.useRef)();
   const colordColor = (0, _colord.colord)(color);
   _hooks.default.useOnClickOutside(ref, () => setIsExpanded(false));
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('newspack-color-picker', className),
-    children: [(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "newspack-color-picker__label",
       children: label
-    }), (0, _jsxRuntime.jsx)(InteractiveDiv, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractiveDiv, {
       className: 'newspack-color-picker__expander',
       onClick: () => setIsExpanded(!isExpanded),
       style: {
@@ -54,10 +53,10 @@ const ColorPicker = _ref => {
         color: colordColor.contrast() > colordColor.contrast('#000') ? '#fff' : '#000'
       },
       children: color
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "newspack-color-picker__main",
       ref: ref,
-      children: isExpanded && (0, _jsxRuntime.jsx)(_components.ColorPicker, {
+      children: isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorPicker, {
         color: color,
         onChange: hex => onChange(hex),
         enableAlpha: false
@@ -65,5 +64,4 @@ const ColorPicker = _ref => {
     })]
   });
 };
-var _default = ColorPicker;
-exports.default = _default;
+var _default = exports.default = ColorPicker;

package/dist/{cjs/color-picker → color-picker}/style.scss

@@ -10,7 +10,7 @@
 	}
 
 	&__expander {
-		box-shadow: inset 0 0 0 1px rgb( 0 0 0 / 20% );
+		box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%);
 		border-radius: 2px;
 		height: 64px;
 		padding: 12px;
@@ -18,14 +18,14 @@
 		text-transform: uppercase;
 
 		&:focus-visible {
-			box-shadow: 0 0 0 var( --wp-admin-border-width-focus ) var( --wp-admin-theme-color );
+			box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 			border-color: white;
 		}
 	}
 
 	&__main {
 		background: white;
-		box-shadow: 0 0 8px 4px rgba( black, 0.08 );
+		box-shadow: 0 0 8px 4px rgba(black, 0.08);
 		margin: 12px 0;
 		position: absolute;
 		z-index: 2;

package/dist/consts.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HANDOFF_KEY = void 0;
+const HANDOFF_KEY = exports.HANDOFF_KEY = 'newspack_wizard_handoff_message';

package/dist/{cjs/custom-select-control → custom-select-control}/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +9,7 @@ var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Custom Select Control
  */
@@ -36,11 +36,10 @@ class CustomSelectControl extends _element.Component {
       ...otherProps
     } = this.props;
     const classes = (0, _classnames.default)('newspack-custom-select-control', className);
-    return (0, _jsxRuntime.jsx)(_components.CustomSelectControl, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CustomSelectControl, {
       className: classes,
       ...otherProps
     });
   }
 }
-var _default = CustomSelectControl;
-exports.default = _default;
+var _default = exports.default = CustomSelectControl;

package/dist/{cjs/custom-select-control → custom-select-control}/style.scss

@@ -2,7 +2,7 @@
  * Custom Select Control
  */
 
-@use '~@wordpress/base-styles/colors' as wp-colors;
+@use "~@wordpress/base-styles/colors" as wp-colors;
 
 .newspack-custom-select-control {
 	label {
@@ -22,13 +22,13 @@
 		&:active,
 		&:focus,
 		&:hover,
-		&[aria-expanded='true'] {
+		&[aria-expanded="true"] {
 			color: wp-colors.$gray-900;
 		}
 
 		&:focus {
-			border-color: var( --wp-admin-theme-color );
-			box-shadow: inset 0 0 0 1px var( --wp-admin-theme-color );
+			border-color: var(--wp-admin-theme-color);
+			box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
 		}
 
 		&-icon {
@@ -36,15 +36,15 @@
 			width: 18px;
 		}
 
-		&[aria-expanded='true'] svg {
-			transform: rotate( 180deg );
+		&[aria-expanded="true"] svg {
+			transform: rotate(180deg);
 		}
 	}
 
 	.components-custom-select-control__menu {
 		border-color: wp-colors.$gray-700;
 		border-radius: 2px;
-		box-shadow: 0 4px 8px rgba( black, 0.08 );
+		box-shadow: 0 4px 8px rgba(black, 0.08);
 		margin: 8px 0 0;
 		min-width: 222px;
 	}
@@ -72,16 +72,17 @@
 
 		&.is-highlighted {
 			background: white;
-			color: var( --wp-admin-theme-color );
+			color: var(--wp-admin-theme-color);
 		}
 
 		&.is-selected {
 			margin-left: 0;
 
 			&::before {
-				background: url( 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTguMyA1LjZMOS45IDE2LjlsLTQuNi0zLjQtLjkgMS4yIDUuOCA0LjMgOS4zLTEyLjZ6IiBmaWxsPSIjMzM2NmZmIj48L3BhdGg+PC9zdmc+Cg==' )
+				background:
+					url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTguMyA1LjZMOS45IDE2LjlsLTQuNi0zLjQtLjkgMS4yIDUuOCA0LjMgOS4zLTEyLjZ6IiBmaWxsPSIjMzM2NmZmIj48L3BhdGg+PC9zdmc+Cg==")
 					0 0 no-repeat;
-				content: '';
+				content: "";
 				display: block;
 				height: 24px;
 				margin: 0 4px 0 0;

package/dist/{cjs/date-range-picker → date-range-picker}/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,7 +10,7 @@ var _moment = _interopRequireDefault(require("moment"));
 var _momentRange = require("moment-range");
 require("react-daterange-picker/dist/css/react-calendar.css");
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies.
  */
@@ -20,13 +20,12 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const moment = (0, _momentRange.extendMoment)(_moment.default);
-const DateRangePicker = _ref => {
-  let {
-    start,
-    end,
-    onChange
-  } = _ref;
-  return (0, _jsxRuntime.jsx)(_reactDaterangePicker.default, {
+const DateRangePicker = ({
+  start,
+  end,
+  onChange
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDaterangePicker.default, {
     value: moment.range(moment(start), moment(end)),
     firstOfWeek: 1,
     onSelect: range => {
@@ -37,5 +36,4 @@ const DateRangePicker = _ref => {
     }
   });
 };
-var _default = DateRangePicker;
-exports.default = _default;
+var _default = exports.default = DateRangePicker;

package/dist/{cjs/date-range-picker → date-range-picker}/style.scss

@@ -1,5 +1,5 @@
-@use '../../../shared/scss/colors';
-@use '~@wordpress/base-styles/colors' as wp-colors;
+@use "../../../shared/scss/colors";
+@use "~@wordpress/base-styles/colors" as wp-colors;
 
 .DateRangePicker {
 	margin: 32px 0;
@@ -15,20 +15,20 @@
 		width: 36px;
 
 		&--previous {
-			background-image: url( 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" fill="%231e1e1e"/%3E%3C/svg%3E' );
+			background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" fill="%231e1e1e"/%3E%3C/svg%3E');
 			left: 0;
 
 			&:hover {
-				background-image: url( 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" fill="%2336f"/%3E%3C/svg%3E' );
+				background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" fill="%2336f"/%3E%3C/svg%3E');
 			}
 		}
 
 		&--next {
-			background-image: url( 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" fill="%231e1e1e"/%3E%3C/svg%3E' );
+			background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" fill="%231e1e1e"/%3E%3C/svg%3E');
 			right: 0;
 
 			&:hover {
-				background-image: url( 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" fill="%2336f"/%3E%3C/svg%3E' );
+				background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" fill="%2336f"/%3E%3C/svg%3E');
 			}
 		}
 

package/dist/{cjs/footer → footer}/index.js

@@ -8,21 +8,22 @@ var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _ = require("../");
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Footer
  */
+
 /**
  * WordPress dependencies.
  */
-const __ = _i18n.__;
+
 /**
  * Internal dependencies.
  */
-const Footer = _ref => {
-  let {
-    simple
-  } = _ref;
+
+const Footer = ({
+  simple
+}) => {
   const {
     components_demo: componentsDemo = false,
     support = false,
@@ -39,71 +40,67 @@ const Footer = _ref => {
     url: 'https://newspack.com/category/release-notes/',
     external: true
   }, {
-    label: __('About', 'newspack'),
+    label: (0, _i18n.__)('About', 'newspack-plugin'),
     url: 'https://newspack.com/',
     external: true
   }, {
-    label: __('Documentation', 'newspack'),
+    label: (0, _i18n.__)('Documentation', 'newspack-plugin'),
     url: support,
     external: true
   }];
   if (componentsDemo) {
     footerElements.push({
-      label: __('Components Demo', 'newspack'),
+      label: (0, _i18n.__)('Components Demo', 'newspack-plugin'),
       url: componentsDemo
     });
   }
   if (setupWizard) {
     footerElements.push({
-      label: __('Setup Wizard', 'newspack'),
+      label: (0, _i18n.__)('Setup Wizard', 'newspack-plugin'),
       url: setupWizard
     });
   }
   if (resetUrl) {
     footerElements.push({
-      label: __('Reset Newspack', 'newspack'),
+      label: (0, _i18n.__)('Reset Newspack', 'newspack-plugin'),
       url: resetUrl
     });
   }
   if (removeStarterContent) {
     footerElements.push({
-      label: __('Remove Starter Content', 'newspack'),
+      label: (0, _i18n.__)('Remove Starter Content', 'newspack-plugin'),
       url: removeStarterContent
     });
   }
   if (supportEmail) {
     footerElements.push({
-      label: __('Contact Support', 'newspack'),
+      label: (0, _i18n.__)('Contact Support', 'newspack-plugin'),
       url: `mailto:${supportEmail}`
     });
   }
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "newspack-footer",
-    children: [!simple && (0, _jsxRuntime.jsx)("div", {
+    children: [!simple && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "newspack-footer__inner",
-      children: (0, _jsxRuntime.jsx)("ul", {
-        children: footerElements.map((_ref2, index) => {
-          let {
-            url,
-            label,
-            external
-          } = _ref2;
-          return (0, _jsxRuntime.jsx)("li", {
-            children: external ? (0, _jsxRuntime.jsx)(_components.ExternalLink, {
-              href: url,
-              children: label
-            }) : (0, _jsxRuntime.jsx)("a", {
-              href: url,
-              children: label
-            })
-          }, index);
-        })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: footerElements.map(({
+          url,
+          label,
+          external
+        }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: external ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+            href: url,
+            children: label
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: url,
+            children: label
+          })
+        }, index))
       })
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "newspack-footer__logo",
-      children: (0, _jsxRuntime.jsx)(_.PatronsLogo, {})
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.PatronsLogo, {})
     })]
   });
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

package/dist/{cjs/footer → footer}/style.scss

@@ -2,7 +2,7 @@
  * Footer
  */
 
-@use '~@wordpress/base-styles/colors' as wp-colors;
+@use "~@wordpress/base-styles/colors" as wp-colors;
 
 .newspack-footer {
 	align-items: stretch;

package/dist/{cjs/form-token-field → form-token-field}/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +9,7 @@ var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Form Token Field
  */
@@ -39,20 +39,19 @@ class FormTokenField extends _element.Component {
       ...otherProps
     } = this.props;
     const classes = (0, _classnames.default)('newspack-form-token-field__input-container', className);
-    return (0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)({
         'newspack-form-token-field--label-hidden': hideLabelFromVision,
         'newspack-form-token-field--help-hidden': hideHelpFromVision
       }, 'newspack-form-token-field'),
-      children: [(0, _jsxRuntime.jsx)(_components.FormTokenField, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormTokenField, {
         className: classes,
         ...otherProps
-      }), description && (0, _jsxRuntime.jsx)("p", {
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         className: "newspack-form-token-field__help",
         children: description
       })]
     });
   }
 }
-var _default = FormTokenField;
-exports.default = _default;
+var _default = exports.default = FormTokenField;

package/dist/{esm/form-token-field → form-token-field}/style.scss

@@ -2,7 +2,7 @@
  * Form Token Field
  */
 
-@use '~@wordpress/base-styles/colors' as wp-colors;
+@use "~@wordpress/base-styles/colors" as wp-colors;
 
 .newspack-form-token-field {
 	width: 100%;

package/dist/{cjs/global-notices → global-notices}/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _qs = require("qs");
 var _ = require("../");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -22,17 +22,16 @@ const GlobalNotices = () => {
   }
   return notice.split(',').map((text, i) => {
     if (text.indexOf('_error_') === 0) {
-      return (0, _jsxRuntime.jsx)(_.Notice, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Notice, {
         isError: true,
         noticeText: text.replace('_error_', ''),
         rawHTML: true
       }, i);
     }
-    return (0, _jsxRuntime.jsx)(_.Notice, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Notice, {
       isSuccess: true,
       noticeText: text
     }, i);
   });
 };
-var _default = GlobalNotices;
-exports.default = _default;
+var _default = exports.default = GlobalNotices;