@automattic/vip-design-system 2.10.0 → 2.10.2

package/build/system/Notice/Notice.js

@@ -1,23 +1,20 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Notice = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-var _md = require("react-icons/md");
-var _ = require("../");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
 var _excluded = ["children", "className", "headingVariant", "inline", "sx", "title", "variant"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /** @jsxImportSource theme-ui */
+
 /**
  * External dependencies
  */
+import classNames from 'classnames';
+import React from 'react';
+import { MdError, MdWarning, MdCheckCircle, MdInfo } from 'react-icons/md';
 /**
  * Internal dependencies
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Box, Flex, Heading, Card } from '../';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { jsxs as _jsxs } from "theme-ui/jsx-runtime";
 var NoticeIcon = function NoticeIcon(_ref) {
   var color = _ref.color,
     variant = _ref.variant;
@@ -28,19 +25,19 @@ var NoticeIcon = function NoticeIcon(_ref) {
   var size = 24;
   switch (variant) {
     case 'info':
-      return (0, _jsxRuntime.jsx)(_md.MdInfo, {
+      return _jsx(MdInfo, {
         sx: sx,
         size: size,
         "aria-hidden": "true"
       });
     case 'error':
-      return (0, _jsxRuntime.jsx)(_md.MdError, {
+      return _jsx(MdError, {
         sx: sx,
         size: size,
         "aria-hidden": "true"
       });
     case 'success':
-      return (0, _jsxRuntime.jsx)(_md.MdCheckCircle, {
+      return _jsx(MdCheckCircle, {
         sx: sx,
         size: size,
         "aria-hidden": "true"
@@ -48,13 +45,13 @@ var NoticeIcon = function NoticeIcon(_ref) {
   }
 
   // alert and warning will get the Warning icon
-  return (0, _jsxRuntime.jsx)(_md.MdWarning, {
+  return _jsx(MdWarning, {
     sx: sx,
     size: size,
     "aria-hidden": "true"
   });
 };
-var Notice = exports.Notice = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, forwardRef) {
+export var Notice = /*#__PURE__*/React.forwardRef(function (_ref2, forwardRef) {
   var children = _ref2.children,
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? null : _ref2$className,
@@ -68,7 +65,7 @@ var Notice = exports.Notice = /*#__PURE__*/_react["default"].forwardRef(function
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'warning' : _ref2$variant,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-  return (0, _jsxRuntime.jsxs)(_.Card, _extends({
+  return _jsxs(Card, _extends({
     variant: "notice",
     sx: _extends({
       boxShadow: 'none',
@@ -96,14 +93,14 @@ var Notice = exports.Notice = /*#__PURE__*/_react["default"].forwardRef(function
         pl: 5
       }
     }, sx),
-    className: (0, _classnames["default"])('vip-notice-component', className),
+    className: classNames('vip-notice-component', className),
     ref: forwardRef
   }, props, {
-    children: [(0, _jsxRuntime.jsx)(_.Box, {
+    children: [_jsx(Box, {
       sx: {
         minWidth: '24px'
       },
-      children: (0, _jsxRuntime.jsxs)(_.Flex, {
+      children: _jsxs(Flex, {
         sx: {
           flexDirection: 'column',
           // the trick here is to have a flex column with the icon at the bottom and an empty div that fills the space
@@ -114,17 +111,17 @@ var Notice = exports.Notice = /*#__PURE__*/_react["default"].forwardRef(function
           // we want the icon to be aligned to the bottom
           height: '100%' // specifying the height will allow the box to match the height of the content.
         },
-        children: [(0, _jsxRuntime.jsx)(_.Box, {
+        children: [_jsx(Box, {
           sx: {
             flex: '1 100%' // we need this empty div to make the icon align to the bottom
           }
-        }), (0, _jsxRuntime.jsx)(NoticeIcon, {
+        }), _jsx(NoticeIcon, {
           color: "notice.icon." + variant,
           variant: variant
         })]
       })
-    }), (0, _jsxRuntime.jsxs)(_.Box, {
-      children: [title && (0, _jsxRuntime.jsx)(_.Heading, {
+    }), _jsxs(Box, {
+      children: [title && _jsx(Heading, {
         as: headingVariant,
         sx: {
           color: "notice.text." + variant,

package/build/system/Notice/Notice.stories.js

@@ -1,152 +1,150 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("..");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /** @jsxImportSource theme-ui */
 /**
  * External dependencies
  */
+
 /**
  * Internal dependencies
  */
-var _default = exports["default"] = {
+import React from 'react';
+import { Notice, Link, Heading } from '..';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import { Fragment as _Fragment } from "theme-ui/jsx-runtime";
+export default {
   title: 'Notice',
-  component: _.Notice
+  component: Notice
 };
-var Default = exports.Default = function Default() {
-  return (0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
-    children: [(0, _jsxRuntime.jsxs)(_.Notice, {
+export var Default = function Default() {
+  return _jsxs(React.Fragment, {
+    children: [_jsxs(Notice, {
       variant: "alert",
       headingVariant: "h2",
       sx: {
         mb: 4
       },
       title: "Your site is ready to launch!",
-      children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["It looks like you\u2018re ready to share your", ' ', _jsx(Link, {
         href: "https://google.com/",
         children: "application with the world."
       })]
-    }), (0, _jsxRuntime.jsxs)(_.Notice, {
+    }), _jsxs(Notice, {
       variant: "success",
       sx: {
         mb: 4
       },
-      children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["It looks like you\u2018re ready to share your", ' ', _jsx(Link, {
         href: "https://google.com/",
         children: "application with the world."
       })]
-    }), (0, _jsxRuntime.jsxs)(_.Notice, {
+    }), _jsxs(Notice, {
       sx: {
         mb: 4
       },
       title: "This notice has only the title prop passed",
-      children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["It looks like you\u2018re ready to share your", ' ', _jsx(Link, {
         href: "https://google.com/",
         children: "application with the world."
       })]
-    }), (0, _jsxRuntime.jsxs)(_.Notice, {
+    }), _jsxs(Notice, {
       variant: "success",
       sx: {
         mb: 4
       },
       title: "You made it!",
-      children: ["It looks like you\u2018re ready to share your", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["It looks like you\u2018re ready to share your", ' ', _jsx(Link, {
         href: "https://google.com/",
         children: "application with the world."
       })]
-    }), (0, _jsxRuntime.jsxs)(_.Notice, {
+    }), _jsxs(Notice, {
       variant: "info",
       sx: {
         mb: 4
       },
       title: "Please read this first",
-      children: ["This notice has a title and children and", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["This notice has a title and children and", ' ', _jsx(Link, {
         href: "/?path=/story/avatar--default",
         children: "A link to Avatar"
       })]
-    }), (0, _jsxRuntime.jsxs)(_.Notice, {
+    }), _jsxs(Notice, {
       variant: "alert",
       sx: {
         mb: 4
       },
       title: "Please read this first",
-      children: ["This notice has a title and children and", ' ', (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["This notice has a title and children and", ' ', _jsx(Link, {
         href: "/?path=/story/avatar--default",
         children: "A link to Avatar"
       })]
-    }), (0, _jsxRuntime.jsx)(_.Notice, {
+    }), _jsx(Notice, {
       variant: "alert",
       sx: {
         mb: 2
       },
       title: "There are errors in your form",
       headingVariant: "h2",
-      children: (0, _jsxRuntime.jsxs)("ul", {
+      children: _jsxs("ul", {
         sx: {
           m: 0,
           pl: 3
         },
-        children: [(0, _jsxRuntime.jsx)("li", {
-          children: (0, _jsxRuntime.jsx)(_.Link, {
+        children: [_jsx("li", {
+          children: _jsx(Link, {
             href: "#name",
             children: "Please enter your name."
           })
-        }), (0, _jsxRuntime.jsx)("li", {
-          children: (0, _jsxRuntime.jsx)(_.Link, {
+        }), _jsx("li", {
+          children: _jsx(Link, {
             href: "#email",
             children: "Please enter your email address."
           })
-        }), (0, _jsxRuntime.jsx)("li", {
-          children: (0, _jsxRuntime.jsx)(_.Link, {
+        }), _jsx("li", {
+          children: _jsx(Link, {
             href: "#terms",
             children: "Please agree to the terms."
           })
         })]
       })
-    }), (0, _jsxRuntime.jsx)(_.Notice, {
+    }), _jsx(Notice, {
       variant: "alert",
       sx: {
         mb: 2
       },
-      children: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [(0, _jsxRuntime.jsx)(_.Heading, {
+      children: _jsxs(_Fragment, {
+        children: [_jsx(Heading, {
           variant: 'h4',
           sx: {
             fontSize: 2
           },
           children: "Alternative way of printing errors"
-        }), (0, _jsxRuntime.jsxs)("ul", {
+        }), _jsxs("ul", {
           sx: {
             m: 0,
             pl: 3
           },
-          children: [(0, _jsxRuntime.jsx)("li", {
-            children: (0, _jsxRuntime.jsx)(_.Link, {
+          children: [_jsx("li", {
+            children: _jsx(Link, {
               href: "#name",
               children: "Please enter your name."
             })
-          }), (0, _jsxRuntime.jsx)("li", {
-            children: (0, _jsxRuntime.jsx)(_.Link, {
+          }), _jsx("li", {
+            children: _jsx(Link, {
               href: "#email",
               children: "Please enter your email address."
             })
           })]
         })]
       })
-    }), (0, _jsxRuntime.jsxs)(_.Notice, {
+    }), _jsxs(Notice, {
       variant: "alert",
       sx: {
         mb: 4
       },
-      children: ["Bucket names in Amazon S3 are globally unique, external link \u2197. To ensure that shipped data is delivered to the correct location, the Bucket Name and Bucket Region entered below must match the details used to set up your S3 bucket, external link \u2197.", (0, _jsxRuntime.jsx)(_.Link, {
+      children: ["Bucket names in Amazon S3 are globally unique, external link \u2197. To ensure that shipped data is delivered to the correct location, the Bucket Name and Bucket Region entered below must match the details used to set up your S3 bucket, external link \u2197.", _jsx(Link, {
         href: "/?path=/story/avatar--default",
         children: "A link to Avatar"
       })]
-    }), (0, _jsxRuntime.jsx)(_.Notice, {
+    }), _jsx(Notice, {
       variant: "info",
       sx: {
         mb: 4

package/build/system/Notice/index.js

@@ -1,5 +1,5 @@
-"use strict";
-
-exports.__esModule = true;
-var _Notice = require("./Notice");
-exports.Notice = _Notice.Notice;
+/**
+ * Internal dependencies
+ */
+import { Notice } from './Notice';
+export { Notice };

package/build/system/Page/Page.js

@@ -1,10 +1,6 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Page = void 0;
-var _Box = require("../Box");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var Page = exports.Page = function Page(props) {
-  return (0, _jsxRuntime.jsx)(_Box.Box, _extends({}, props));
+import { Box } from '../Box';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+export var Page = function Page(props) {
+  return _jsx(Box, _extends({}, props));
 };

package/build/system/Page/Page.test.js

@@ -1,23 +1,23 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _jestAxe = require("jest-axe");
-var _themeUi = require("theme-ui");
-var _Page = require("./Page");
-var _theme = _interopRequireDefault(require("../theme"));
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } /** @jsxImportSource theme-ui */ /* eslint-disable @typescript-eslint/ban-ts-comment */ // @ts-nocheck
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+/** @jsxImportSource theme-ui */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+// @ts-nocheck
+import { render } from '@testing-library/react';
+import { axe } from 'jest-axe';
+import { ThemeUIProvider } from 'theme-ui';
+import { Page } from './Page';
+import theme from '../theme';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
 var renderWithTheme = function renderWithTheme(children) {
-  return (0, _react.render)((0, _jsxRuntime.jsx)(_themeUi.ThemeUIProvider, {
-    theme: _theme["default"],
+  return render(_jsx(ThemeUIProvider, {
+    theme: theme,
     children: children
   }));
 };
 var renderComponent = function renderComponent() {
-  return renderWithTheme((0, _jsxRuntime.jsx)(_Page.Page, {}));
+  return renderWithTheme(_jsx(Page, {}));
 };
 describe('<Page />', function () {
   it('renders the Page component', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -28,7 +28,7 @@ describe('<Page />', function () {
           _renderComponent = renderComponent(), container = _renderComponent.container;
           _context.t0 = expect;
           _context.next = 4;
-          return (0, _jestAxe.axe)(container);
+          return axe(container);
         case 4:
           _context.t1 = _context.sent;
           (0, _context.t0)(_context.t1).toHaveNoViolations();

package/build/system/Progress/Progress.js

@@ -1,29 +1,26 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Progress = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _md = require("react-icons/md");
-var _themeUi = require("theme-ui");
-var _ = require("..");
-var _Spinner = require("../Spinner");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
 var _excluded = ["steps", "activeStep", "sx", "forLabel", "className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * External dependencies
  */
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { MdCheck } from 'react-icons/md';
+import { Progress as ThemeProgress } from 'theme-ui';
+
 /**
  * Internal dependencies
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Box, Text, Flex } from '..';
+import { Spinner } from '../Spinner';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { jsxs as _jsxs } from "theme-ui/jsx-runtime";
 var prefix = 'vip-progress-component';
 var uniqueID = function uniqueID() {
   return Math.random().toString(36).substring(7);
 };
-var Progress = exports.Progress = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+export var Progress = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var steps = _ref.steps,
     activeStep = _ref.activeStep,
     sx = _ref.sx,
@@ -36,9 +33,9 @@ var Progress = exports.Progress = /*#__PURE__*/(0, _react.forwardRef)(function (
   var instance = uniqueID();
   var htmlFor = prefix + "-" + instance;
   var currentValue = activeStep + 1;
-  return (0, _jsxRuntime.jsxs)(_.Box, {
-    className: (0, _classnames["default"])(prefix, className),
-    children: [(0, _jsxRuntime.jsx)(_themeUi.Progress, _extends({
+  return _jsxs(Box, {
+    className: classNames(prefix, className),
+    children: [_jsx(ThemeProgress, _extends({
       sx: _extends({
         color: 'primary',
         backgroundColor: 'background'
@@ -48,7 +45,7 @@ var Progress = exports.Progress = /*#__PURE__*/(0, _react.forwardRef)(function (
       id: htmlFor,
       "aria-label": forLabel,
       ref: ref
-    }, props)), steps && (0, _jsxRuntime.jsxs)(_.Flex, {
+    }, props)), steps && _jsxs(Flex, {
       sx: {
         alignItems: 'center',
         mt: 2
@@ -56,20 +53,20 @@ var Progress = exports.Progress = /*#__PURE__*/(0, _react.forwardRef)(function (
       "aria-live": "polite",
       "aria-atomic": "true",
       "aria-describedby": htmlFor,
-      children: [!isDone && (0, _jsxRuntime.jsx)(_Spinner.Spinner, {
+      children: [!isDone && _jsx(Spinner, {
         size: 24,
         "aria-hidden": "true"
-      }), isDone && (0, _jsxRuntime.jsx)(_md.MdCheck, {
+      }), isDone && _jsx(MdCheck, {
         size: 24,
         "aria-hidden": "true"
-      }), (0, _jsxRuntime.jsxs)(_.Text, {
+      }), _jsxs(Text, {
         sx: {
           ml: 2,
           mb: 0
         },
-        children: [(0, _jsxRuntime.jsxs)("strong", {
+        children: [_jsxs("strong", {
           children: [currentValue + " of " + stepsTotal, ": "]
-        }), (0, _jsxRuntime.jsx)(_.Text, {
+        }), _jsx(Text, {
           as: "span",
           sx: {
             color: 'muted'

package/build/system/Progress/Progress.stories.js

@@ -1,32 +1,26 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ = require("..");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 /**
  * Internal dependencies
  */
-var _default = exports["default"] = {
+import React, { useEffect } from 'react';
+import { Progress } from '..';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+export default {
   title: 'Progress',
-  component: _.Progress
+  component: Progress
 };
-var Default = exports.Default = function Default() {
-  var _React$useState = _react["default"].useState(0),
+export var Default = function Default() {
+  var _React$useState = React.useState(0),
     counter = _React$useState[0],
     setCounter = _React$useState[1];
   var steps = ['Downloading Data', 'Importing Data...', 'Finalizing', 'Done'];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setTimeout(function () {
       if (counter < steps.length - 1) {
         setCounter(counter + 1);
       }
     }, 2000);
   }, [counter, setCounter]);
-  return (0, _jsxRuntime.jsx)(_.Progress, {
+  return _jsx(Progress, {
     forLabel: "Update site progress",
     steps: steps,
     activeStep: counter

package/build/system/Progress/Progress.test.js

@@ -1,16 +1,17 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _jestAxe = require("jest-axe");
-var _Progress = require("./Progress");
-var _jsxRuntime = require("theme-ui/jsx-runtime");
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } /**
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+/**
  * External dependencies
- */ /**
+ */
+import { render, screen } from '@testing-library/react';
+import { axe } from 'jest-axe';
+
+/**
  * Internal dependencies
  */
+import { Progress } from './Progress';
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
 var steps = ['Downloading Data', 'Importing Data...', 'Finalizing', 'Done'];
 describe('<Progress />', function () {
   it('renders the progress component', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -18,7 +19,7 @@ describe('<Progress />', function () {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _render = (0, _react.render)((0, _jsxRuntime.jsx)(_Progress.Progress, {
+          _render = render(_jsx(Progress, {
             steps: steps,
             activeStep: 1
           })), container = _render.container;
@@ -27,7 +28,7 @@ describe('<Progress />', function () {
           // Check for accessibility issues
           _context.t0 = expect;
           _context.next = 5;
-          return (0, _jestAxe.axe)(container);
+          return axe(container);
         case 5:
           _context.t1 = _context.sent;
           (0, _context.t0)(_context.t1).toHaveNoViolations();
@@ -42,17 +43,17 @@ describe('<Progress />', function () {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _render2 = (0, _react.render)((0, _jsxRuntime.jsx)(_Progress.Progress, {
+          _render2 = render(_jsx(Progress, {
             forLabel: "My progress bar",
             steps: steps,
             activeStep: 1
           })), container = _render2.container;
-          expect(_react.screen.getByLabelText('My progress bar')).toBeInTheDocument();
+          expect(screen.getByLabelText('My progress bar')).toBeInTheDocument();
 
           // Check for accessibility issues
           _context2.t0 = expect;
           _context2.next = 5;
-          return (0, _jestAxe.axe)(container);
+          return axe(container);
         case 5:
           _context2.t1 = _context2.sent;
           (0, _context2.t0)(_context2.t1).toHaveNoViolations();

package/build/system/Progress/index.js

@@ -1,6 +1,4 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Progress = void 0;
-var _Progress = require("./Progress");
-exports.Progress = _Progress.Progress;
+/**
+ * Internal dependencies
+ */
+export { Progress } from './Progress';