newspack-components 3.0.0-alpha.1 → 3.0.0-alpha.3

package/dist/cjs/hooks/useObjectState.test.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _useObjectState = _interopRequireDefault(require("./useObjectState"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 const INIT_STATE = {
   name: 'Foo',
   widgets: [1],
@@ -15,29 +15,29 @@ const INIT_STATE = {
 };
 const TestComponent = () => {
   const [state, updateState] = (0, _useObjectState.default)(INIT_STATE);
-  return (0, _jsxRuntime.jsxs)("div", {
-    children: [(0, _jsxRuntime.jsx)("input", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       placeholder: "state",
       onChange: () => {},
       value: JSON.stringify(state)
-    }), (0, _jsxRuntime.jsx)("button", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       onClick: () => updateState({
         widgets: []
       }),
       children: "Remove widgets"
-    }), (0, _jsxRuntime.jsx)("button", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       onClick: () => updateState({
         widgets: [1]
       }),
       children: "Add widget"
-    }), (0, _jsxRuntime.jsx)("button", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       onClick: () => updateState({
         attributes: {
           bar: 2
         }
       }),
       children: "Nested update"
-    }), (0, _jsxRuntime.jsx)("input", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "text",
       value: state.name,
       onChange: e => updateState({
@@ -50,7 +50,7 @@ const TestComponent = () => {
 describe('useObjectState', () => {
   const getState = () => JSON.parse(_react2.screen.getByPlaceholderText('state').getAttribute('value'));
   beforeEach(() => {
-    (0, _react2.render)((0, _jsxRuntime.jsx)(TestComponent, {}));
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
   });
   it('updates arrays', () => {
     expect(getState()).toStrictEqual(INIT_STATE);

package/dist/cjs/image-upload/index.js

@@ -1,143 +1,148 @@
 "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 _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _ = require("../");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Image Upload
  */
+
 /**
  * WordPress dependencies.
  */
+
 /**
  * Internal dependencies.
  */
-const __ = _i18n.__;
+
 /**
  * External dependencies.
  */
+
 class ImageUpload extends _element.Component {
   /**
    * Constructor.
    */
   constructor() {
     super(...arguments);
-    /**
-     * Open the WP media modal.
-     */
-    (0, _defineProperty2.default)(this, "openModal", () => {
-      if (this.state.frame) {
-        this.state.frame.open();
-        return;
-      }
-      this.setState({
-        frame: wp.media({
-          title: __('Select or upload image'),
-          button: {
-            text: __('Select')
-          },
-          library: {
-            type: 'image'
-          },
-          multiple: false
-        })
-      }, () => {
-        this.state.frame.on('select', this.handleImageSelect);
-        this.state.frame.open();
-      });
-    });
-    /**
-     * Update the state when an image is selected from the media modal.
-     */
-    (0, _defineProperty2.default)(this, "handleImageSelect", () => {
-      const {
-        onChange
-      } = this.props;
-      const attachment = this.state.frame.state().get('selection').first().toJSON();
-      onChange(attachment);
-    });
-    /**
-     * Render.
-     */
-    (0, _defineProperty2.default)(this, "render", () => {
-      const {
-        buttonLabel,
-        className,
-        disabled,
-        help,
-        image,
-        info,
-        isCovering,
-        label,
-        onChange,
-        style = {}
-      } = this.props;
-      const classes = (0, _classnames.default)('newspack-image-upload__image', {
-        'newspack-image-upload__image--has-image': image
-      }, {
-        'newspack-image-upload__image--covering': isCovering
-      });
-      return (0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)('newspack-image-upload', className),
-        children: [(0, _jsxRuntime.jsxs)("div", {
-          className: "newspack-image-upload__header",
-          children: [label && (0, _jsxRuntime.jsx)("label", {
-            className: "newspack-image-upload__label",
-            children: label
-          }), info && (0, _jsxRuntime.jsx)(_.InfoButton, {
-            text: info
-          })]
-        }), (0, _jsxRuntime.jsx)("div", {
-          className: classes,
-          style: {
-            ...style
-          },
-          children: image?.url ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(0, _jsxRuntime.jsx)("img", {
-              "data-testid": "image-upload",
-              src: image.url,
-              alt: __('Image preview', 'newspack-plugin')
-            }), (0, _jsxRuntime.jsxs)("div", {
-              className: "newspack-image-upload__controls",
-              children: [(0, _jsxRuntime.jsx)(_.Button, {
-                disabled: disabled,
-                onClick: this.openModal,
-                isLink: true,
-                children: __('Replace', 'newspack-plugin')
-              }), (0, _jsxRuntime.jsx)("span", {
-                className: "sep"
-              }), (0, _jsxRuntime.jsx)(_.Button, {
-                disabled: disabled,
-                onClick: () => onChange(null),
-                isLink: true,
-                isDestructive: true,
-                children: __('Remove', 'newspack-plugin')
-              })]
-            })]
-          }) : (0, _jsxRuntime.jsx)(_.Button, {
-            disabled: disabled,
-            onClick: this.openModal,
-            isLink: true,
-            children: buttonLabel ? buttonLabel : __('Upload', 'newspack-plugin')
-          })
-        }), help && (0, _jsxRuntime.jsx)("p", {
-          className: "newspack-image-upload__help",
-          children: help
-        })]
-      });
-    });
     this.state = {
       frame: false
     };
   }
+
+  /**
+   * Open the WP media modal.
+   */
+  openModal = () => {
+    if (this.state.frame) {
+      this.state.frame.open();
+      return;
+    }
+    this.setState({
+      frame: wp.media({
+        title: (0, _i18n.__)('Select or upload image'),
+        button: {
+          text: (0, _i18n.__)('Select')
+        },
+        library: {
+          type: 'image'
+        },
+        multiple: false
+      })
+    }, () => {
+      this.state.frame.on('select', this.handleImageSelect);
+      this.state.frame.open();
+    });
+  };
+
+  /**
+   * Update the state when an image is selected from the media modal.
+   */
+  handleImageSelect = () => {
+    const {
+      onChange
+    } = this.props;
+    const attachment = this.state.frame.state().get('selection').first().toJSON();
+    onChange(attachment);
+  };
+
+  /**
+   * Render.
+   */
+  render = () => {
+    const {
+      buttonLabel,
+      className,
+      disabled,
+      help,
+      image,
+      info,
+      isCovering,
+      label,
+      onChange,
+      style = {}
+    } = this.props;
+    const classes = (0, _classnames.default)('newspack-image-upload__image', {
+      'newspack-image-upload__image--has-image': image
+    }, {
+      'newspack-image-upload__image--covering': isCovering
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)('newspack-image-upload', className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "newspack-image-upload__header",
+        children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+          className: "newspack-image-upload__label",
+          children: label
+        }), info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.InfoButton, {
+          text: info
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes,
+        style: {
+          ...style
+        },
+        children: image?.url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            "data-testid": "image-upload",
+            src: image.url,
+            alt: (0, _i18n.__)('Image preview', 'newspack-plugin')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "newspack-image-upload__controls",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+              disabled: disabled,
+              onClick: this.openModal,
+              isLink: true,
+              children: (0, _i18n.__)('Replace', 'newspack-plugin')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "sep"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+              disabled: disabled,
+              onClick: () => onChange(null),
+              isLink: true,
+              isDestructive: true,
+              children: (0, _i18n.__)('Remove', 'newspack-plugin')
+            })]
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+          disabled: disabled,
+          onClick: this.openModal,
+          isLink: true,
+          children: buttonLabel ? buttonLabel : (0, _i18n.__)('Upload', 'newspack-plugin')
+        })
+      }), help && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "newspack-image-upload__help",
+        children: help
+      })]
+    });
+  };
 }
 var _default = exports.default = ImageUpload;

package/dist/cjs/image-upload/index.test.js

@@ -1,15 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = require("@testing-library/react");
 var _ = _interopRequireDefault(require("./"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
 describe('ImageUpload', () => {
   it('should render an add image button', () => {
     const {
       getByText
-    } = (0, _react2.render)((0, _jsxRuntime.jsx)(_.default, {}));
+    } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
     expect(getByText('Upload')).toBeInTheDocument();
   });
   it('should render replace and remove buttons if there is an image provided', () => {
@@ -20,7 +27,7 @@ describe('ImageUpload', () => {
     const {
       getByText,
       getByTestId
-    } = (0, _react2.render)((0, _jsxRuntime.jsx)(_.default, {
+    } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       image: image
     }));
     expect(getByText('Remove')).toBeInTheDocument();

package/dist/cjs/image-upload/style.scss

@@ -2,7 +2,7 @@
  * Image Upload
  */
 
-@use '~@wordpress/base-styles/colors' as wp-colors;
+@use "~@wordpress/base-styles/colors" as wp-colors;
 
 .newspack-image-upload {
 	margin: 32px 0;
@@ -27,7 +27,7 @@
 		&--covering {
 			background-size: cover;
 		}
-		&:not( &--has-image ) {
+		&:not(&--has-image) {
 			.newspack-button {
 				background: white !important;
 				border-radius: 2px !important;
@@ -49,9 +49,9 @@
 			overflow: hidden;
 			&::before,
 			&::after {
-				border: 1px solid rgba( black, 0.54 );
+				border: 1px solid rgba(black, 0.54);
 				border-radius: 2px;
-				content: '';
+				content: "";
 				inset: 0;
 				position: absolute;
 				z-index: 0;
@@ -66,7 +66,7 @@
 				position: relative;
 			}
 			&::after {
-				background: rgba( white, 0.9 );
+				background: rgba(white, 0.9);
 				border-color: wp-colors.$gray-700;
 			}
 			&:focus-within,

package/dist/cjs/index.js

@@ -1,9 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () {
+    return _accordion.default;
+  }
+});
 Object.defineProperty(exports, "ActionCard", {
   enumerable: true,
   get: function () {
@@ -58,6 +64,12 @@ Object.defineProperty(exports, "CustomSelectControl", {
     return _customSelectControl.default;
   }
 });
+Object.defineProperty(exports, "DateRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePicker.default;
+  }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function () {
@@ -268,6 +280,7 @@ Object.defineProperty(exports, "withWizardScreen", {
     return _withWizardScreen.default;
   }
 });
+var _accordion = _interopRequireDefault(require("./accordion"));
 var _actionCard = _interopRequireDefault(require("./action-card"));
 var _autocompleteTokenfield = _interopRequireDefault(require("./autocomplete-tokenfield"));
 var _autocompleteWithSuggestions = _interopRequireDefault(require("./autocomplete-with-suggestions"));
@@ -298,6 +311,7 @@ var _progressBar = _interopRequireDefault(require("./progress-bar"));
 var _radioControl = _interopRequireDefault(require("./radio-control"));
 var _sectionHeader = _interopRequireDefault(require("./section-header"));
 var _selectControl = _interopRequireDefault(require("./select-control"));
+var _dateRangePicker = _interopRequireDefault(require("./date-range-picker"));
 var _settings = _interopRequireDefault(require("./settings"));
 var _stepsList = _interopRequireDefault(require("./steps-list"));
 var _stepsListItem = _interopRequireDefault(require("./steps-list-item"));

package/dist/cjs/info-button/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 _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Info Button
  */
@@ -36,11 +36,11 @@ class InfoButton extends _element.Component {
       className,
       ...otherProps
     } = this.props;
-    return (0, _jsxRuntime.jsx)(_components.Tooltip, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
       ...otherProps,
-      children: (0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _classnames.default)('newspack-info-button', className),
-        children: (0, _jsxRuntime.jsx)(_icons.Icon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
           icon: _icons.info
         })
       })

package/dist/cjs/modal/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 _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Modal
  */
@@ -38,7 +38,7 @@ class Modal extends _element.Component {
       ...otherProps
     } = this.props;
     const classes = (0, _classnames.default)('newspack-modal', isWide && 'newspack-modal--wide', isNarrow && 'newspack-modal--narrow', className);
-    return (0, _jsxRuntime.jsx)(_components.Modal, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
       className: classes,
       ...otherProps
     });

package/dist/cjs/modal/style.scss

@@ -2,7 +2,7 @@
  * Modal
  */
 
-@use '../../../shared/scss/colors';
+@use "../../../shared/scss/colors";
 
 .newspack-modal {
 	// Color
@@ -29,21 +29,21 @@
 	}
 
 	@media screen and ( min-width: 960px ) {
-		max-height: calc( 100% - 128px );
+		max-height: calc(100% - 128px);
 	}
 
 	// Links
 	a {
-		color: var( --wp-admin-theme-color );
+		color: var(--wp-admin-theme-color);
 
 		&:active,
 		&:focus,
 		&:hover {
-			color: var( --wp-admin-theme-color-darker-10 );
+			color: var(--wp-admin-theme-color-darker-10);
 		}
 
 		&:focus {
-			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);
 			outline: 3px solid transparent;
 		}
 	}

package/dist/cjs/newspack-icon/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 _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Newspack Icon.
  */
@@ -38,13 +38,13 @@ class NewspackIcon extends _element.Component {
       white
     } = this.props;
     const classes = (0, _classnames.default)('newspack-icon', simple && 'newspack-icon--simple', white && 'newspack-icon--white', className);
-    return (0, _jsxRuntime.jsx)(_components.SVG, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
       xmlns: "http://www.w3.org/2000/svg",
       height: size,
       width: size,
       viewBox: "0 0 32 32",
       className: classes,
-      children: (0, _jsxRuntime.jsx)(_components.Path, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M32 16c0 8.836-7.164 16-16 16-8.837 0-16-7.164-16-16S7.164 0 16 0s16 7.164 16 16zm-10.732.622h1.72v-1.124h-2.823l1.103 1.124zm-3.249-3.31h4.97v-1.124h-6.072l1.102 1.124zm-3.248-3.31h8.217V8.877h-9.32l1.103 1.125zM9.01 8.877l13.977 14.246h-4.66l-5.866-5.98v5.98h-3.45V8.877z"

package/dist/cjs/newspack-icon/style.scss

@@ -2,7 +2,7 @@
  * Newspack Icon
  */
 
-@use '../../../shared/scss/colors';
+@use "../../../shared/scss/colors";
 
 .newspack-icon {
 	background: colors.$primary-500;

package/dist/cjs/newspack-logo/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 _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./style.scss");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Newspack Logo.
  */
@@ -37,12 +37,12 @@ class NewspackLogo extends _element.Component {
       height
     } = this.props;
     const classes = (0, _classnames.default)('newspack-logo__svg', centered && 'is-centered', className);
-    return (0, _jsxRuntime.jsx)(_components.SVG, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
       xmlns: "http://www.w3.org/2000/svg",
       height: height,
       viewBox: "0 0 221 64",
       className: classes,
-      children: (0, _jsxRuntime.jsx)(_components.Path, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
         d: "M32 0c17.672 0 32 14.328 32 32S49.672 64 32 64C14.326 64 0 49.672 0 32S14.328 0 32 0zm130.57 27.247c3.611 0 6.475 2.521 6.475 7.974 0 5.417-3.134 8.995-8.314 8.995-1.262 0-2.248-.172-3.305-.376v8.551h-4.022V27.67h3.85v1.486c1.534-1.191 3.237-1.908 5.316-1.908zM18.023 17.755v28.49h6.902V34.287l11.733 11.958h9.319l-27.954-28.49zm178.552 9.495c2.009 0 3.219.34 4.581.784v3.407c-1.158-.444-2.878-.921-4.513-.921-2.453 0-4.532 1.294-4.532 5.076 0 4.156 2.077 5.383 4.736 5.387 1.262 0 2.676-.273 4.516-.99v3.34c-1.636.544-3.118.92-5.025.92-6.033 0-8.417-3.442-8.417-8.45 0-5.283 3.305-8.553 8.654-8.553zm-18.195-.003c3.919 0 6.44 1.567 6.435 6.235V43.84h-3.747v-1.771h-.103c-1.327 1.022-2.93 2.079-5.314 2.079-2.112 0-4.36-1.534-4.36-4.6 0-4.133 3.545-4.912 5.997-5.252l3.51-.477v-.47c0-2.181-.886-2.897-2.93-2.897-.989 0-3.338.305-5.28 1.09l-.341-3.237c1.738-.614 4.123-1.058 6.133-1.058zm-73.55-.12c5.145 0 6.951 3.579 6.951 6.987 0 .936-.047 1.518-.102 2.06l-.034.325h-10.358c.101 3.542 2.106 4.36 5.104 4.36 1.637 0 3.158-.372 4.845-.991v3.342c-2.093.644-3.89.921-5.968.921-5.141 0-8.308-2.556-8.308-8.586 0-4.398 2.69-8.417 7.87-8.417zm39.998 0c1.771 0 3.305.172 4.804.614v3.338s-2.188-.714-4.497-.714c-1.43 0-2.76.477-2.76 1.703 0 2.725 8.042 1.262 8.04 6.883 0 4.053-3.611 5.178-7.394 5.178-1.738 0-3.487-.467-4.736-.958v-3.305c1.5.52 3.578 1.026 4.873 1.026 1.84 0 3.1-.374 3.1-1.771 0-2.829-8.04-1.33-8.04-7.156 0-2.998 2.724-4.837 6.61-4.837zm64.01-6.114v13.63c.34-.376.615-.785 5.657-6.952h5.213l-6.543 7.666 7.156 8.485h-5.248l-6.235-7.665v7.665h-4.02v-22.83h4.02zm-127.634 0l8.633 15.263V21.013h4.022v22.83h-4.416L80.81 28.578v15.263h-4.021v-22.83h4.416zm36.758 6.678l2.476 11.469 2.801-11.469h3.572l2.438 11.469 2.75-11.469h4.038l-4.54 16.151h-4.83l-1.714-9.495-2.325 9.495h-4.814l-4.268-16.15h4.416zm62.836 8.616l-3.305.512c-.987.136-2.044.732-2.044 2.231 0 1.322.75 2.067 1.84 2.067 1.157 0 2.452-.716 3.509-1.466v-3.344zm-19.318-5.752c-1.193 0-2.657.545-4.054 1.771v8.415c.885.17 1.77.306 2.997.306 2.829 0 4.464-1.805 4.464-5.517 0-3.476-1.158-4.975-3.407-4.975zm-56.685-.394c-2.009 0-3.235 1.43-3.475 3.678h6.268c0-1.975-.646-3.678-2.793-3.678zm-58.818.836H40.33l2.205 2.248h3.442v-2.248zm0-6.621H33.833l2.205 2.248h9.939v-2.248zm0-6.621h-18.64l2.204 2.248h16.436v-2.248z"
       })
     });

package/dist/cjs/newspack-logo/style.scss

@@ -2,7 +2,7 @@
  * Newspack Logo
  */
 
-@use '../../../shared/scss/colors';
+@use "../../../shared/scss/colors";
 
 .newspack-logo {
 	&__svg {

package/dist/cjs/notice/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,20 +10,23 @@ var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Notice
  */
+
 /**
  * WordPress dependencies.
  */
+
 /**
  * Internal dependencies.
  */
-const __ = _i18n.__;
+
 /**
  * External dependencies.
  */
+
 class Notice extends _element.Component {
   /**
    * Render
@@ -53,16 +56,16 @@ class Notice extends _element.Component {
     } else {
       noticeIcon = _icons.info;
     }
-    return (0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes,
       style: style,
-      children: [(0, _jsxRuntime.jsx)(_icons.Icon, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
         icon: noticeIcon
-      }), (0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "newspack-notice__content",
-        children: [rawHTML ? (0, _jsxRuntime.jsx)(_element.RawHTML, {
+        children: [rawHTML ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
           children: noticeText
-        }) : noticeText, debugMode && __('Debug Mode', 'newspack-plugin'), children || null]
+        }) : noticeText, debugMode && (0, _i18n.__)('Debug Mode', 'newspack-plugin'), children || null]
       })]
     });
   }