@pingux/astro 1.27.0-alpha.25 → 1.27.0-alpha.26

package/lib/cjs/utils/devUtils/constants/variants.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.textVariants = exports.buttonVariants = void 0;
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _lodash = require("lodash");
+
+var _text = require("../../../styles/variants/text");
+
+var _buttons = _interopRequireDefault(require("../../../styles/variants/buttons"));
+
+/**
+ * Converts the given object to a constant mapping.
+ * e.g. { aBox: '1', b: '2' } -> { A_BOX: 'a', B: 'b' }
+ *
+ * @param {Object} obj - An object with keys to convert
+ */
+var toConstantObject = function toConstantObject(obj) {
+  var _context;
+
+  return (0, _lodash.fromPairs)((0, _map["default"])(_context = (0, _keys["default"])(obj)).call(_context, function (i) {
+    return [(0, _lodash.toUpper)((0, _lodash.snakeCase)(i)), i];
+  }));
+};
+
+var textVariants = toConstantObject(_text.text);
+exports.textVariants = textVariants;
+var buttonVariants = toConstantObject(_buttons["default"]);
+exports.buttonVariants = buttonVariants;

package/lib/cjs/utils/devUtils/createMockData.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+
+var _uuid = require("uuid");
+
+var _animals = _interopRequireDefault(require("./constants/animals"));
+
+var _firstNames = _interopRequireDefault(require("./constants/firstNames"));
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function createMockData(length, objectScheme) {
+  var mockDataBase = {
+    animal: _animals["default"],
+    firstName: _firstNames["default"]
+  };
+  var itemsNumber = {
+    animal: 0,
+    firstName: 0
+  };
+
+  var getPropValue = function getPropValue(valueType) {
+    if (valueType === 'id') {
+      return (0, _uuid.v4)();
+    }
+
+    var valueNumber = itemsNumber[valueType];
+    var propValue = mockDataBase[valueType][valueNumber];
+    itemsNumber[valueType] += 1;
+    return propValue;
+  };
+
+  var generateObject = function generateObject() {
+    var entries = (0, _entries["default"])(objectScheme);
+
+    var reducer = function reducer(previousValue, currentValue) {
+      var fieldName = currentValue[0];
+      var fieldValue = getPropValue(currentValue[1]);
+      return _objectSpread(_objectSpread({}, previousValue), {}, (0, _defineProperty2["default"])({}, fieldName, fieldValue));
+    };
+
+    return (0, _reduce["default"])(entries).call(entries, reducer, {});
+  };
+
+  var generateDataArr = function generateDataArr() {
+    var _context, _context2;
+
+    return (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(length)).call(_context2, undefined)).call(_context, function () {
+      return generateObject();
+    });
+  };
+
+  return generateDataArr();
+}
+
+var _default = createMockData; // usage(delete this comment as soon as we used this function in a few stories so we have examples):
+// const mockData = createMockData(100, { name: 'animal', id: 'id' });
+
+exports["default"] = _default;

package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Text = _interopRequireDefault(require("../../../components/Text"));
+
+var _react2 = require("@emotion/react");
+
+var withDeprecationWarning = function withDeprecationWarning(Story, context) {
+  var text = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'This component will be deprecated';
+
+  // Display warning on the Canvas page
+  if (context.viewMode === 'story') {
+    return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Text["default"], {
+      mb: "lg"
+    }, "WARNING: ", text), (0, _react2.jsx)(Story, context));
+  }
+
+  return (0, _react2.jsx)(Story, context);
+};
+
+var _default = withDeprecationWarning;
+exports["default"] = _default;

package/lib/cjs/utils/devUtils/props/isIterable.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.isIterableProp = exports.isIterable = void 0;
+
+var _getIteratorMethod2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js/get-iterator-method"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var requiredErrorText = function requiredErrorText(_ref) {
+  var _context;
+
+  var propName = _ref.propName,
+      componentName = _ref.componentName;
+  return (0, _concat["default"])(_context = "Required prop `".concat(propName, "` for `")).call(_context, componentName, "` is missing.");
+};
+
+var validationErrorText = function validationErrorText(_ref2) {
+  var _context2;
+
+  var propName = _ref2.propName,
+      componentName = _ref2.componentName;
+  return (0, _concat["default"])(_context2 = "Invalid prop `".concat(propName, "` supplied to `")).call(_context2, componentName, "`.\n  Expected an Iterable object such as String, Array, TypedArray, Map, or Set.");
+};
+
+var isIterable = function isIterable(obj) {
+  // checks for null and undefined
+  if (obj == null) {
+    return false;
+  }
+
+  return typeof (0, _getIteratorMethod2["default"])(obj) === 'function';
+};
+
+exports.isIterable = isIterable;
+
+var createIsIterableProp = function createIsIterableProp(isRequired) {
+  // The factory returns a custom prop type
+  return function (props, propName, componentName) {
+    var prop = props[propName];
+    var error;
+
+    if (prop == null) {
+      // Prop is missing
+      if (isRequired) {
+        // Prop is required but wasn't specified. Return an error.
+        error = new Error(requiredErrorText({
+          propName: propName,
+          componentName: componentName
+        }));
+      } // Otherwise, prop is optional so do nothing if missing.
+
+    } else if (!isIterable(prop)) {
+      error = new Error(validationErrorText({
+        propName: propName,
+        componentName: componentName
+      }));
+    }
+
+    return error;
+  };
+}; // Using the factory, create two different versions of your prop type
+
+
+var isIterableProp = createIsIterableProp(false);
+exports.isIterableProp = isIterableProp;
+isIterableProp.isRequired = createIsIterableProp(true);

package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _isInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-integer"));
+
+var isWithinRange = function isWithinRange() {
+  var inclusiveLowerBound = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var inclusiveUpperBound = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
+  return function (num) {
+    return (0, _isInteger["default"])(num) && inclusiveLowerBound <= num && num <= inclusiveUpperBound;
+  };
+};
+
+var validatePositiveInteger = function validatePositiveInteger() {
+  return function (props, propName, componentName) {
+    var isPositiveInteger = isWithinRange(1, Infinity);
+
+    if (props[propName] && !isPositiveInteger(props[propName])) {
+      var _context, _context2;
+
+      return new Error((0, _concat["default"])(_context = (0, _concat["default"])(_context2 = "Expected a positive integer for ".concat(propName, " in ")).call(_context2, componentName, ", but instead received `")).call(_context, props[propName], "`."));
+    } // Everything is fine
+
+
+    return null;
+  };
+};
+
+var isValidPositiveInt = validatePositiveInteger();
+var _default = isValidPositiveInt;
+exports["default"] = _default;

package/lib/cjs/utils/devUtils/styledSystemUtils.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.stylePropKeys = exports.placement = exports.makeUseDefaultTheme = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _themeGet = _interopRequireDefault(require("@styled-system/theme-get"));
+
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
+var _propTypes = _interopRequireDefault(require("@styled-system/prop-types"));
+
+var _context2;
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var makeUseDefaultTheme = function makeUseDefaultTheme(defaultTheme) {
+  return function () {
+    var overlayTheme = (0, _react2.useTheme)();
+    return (0, _react.useMemo)(function () {
+      return (0, _merge["default"])(defaultTheme, overlayTheme);
+    }, [overlayTheme]);
+  };
+};
+
+exports.makeUseDefaultTheme = makeUseDefaultTheme;
+
+var placement = function placement(_ref) {
+  var _context;
+
+  var flexDirection = _ref.flexDirection,
+      gap = _ref.gap,
+      _ref$hGap = _ref.hGap,
+      hGap = _ref$hGap === void 0 ? flexDirection === 'row' ? gap : undefined : _ref$hGap,
+      _ref$vGap = _ref.vGap,
+      vGap = _ref$vGap === void 0 ? flexDirection === 'column' ? gap : undefined : _ref$vGap,
+      theme = _ref.theme;
+  return (0, _concat["default"])(_context = "\n  ".concat(hGap ? "\n    > * + * {\n      margin-left: ".concat((0, _themeGet["default"])("space.".concat(hGap), hGap)({
+    theme: theme
+  }), "px;\n    }\n  ") : '', "\n  ")).call(_context, vGap ? "\n    > * + * {\n      margin-top: ".concat((0, _themeGet["default"])("space.".concat(vGap), vGap)({
+    theme: theme
+  }), "px;\n    }\n  ") : '', "\n");
+};
+
+exports.placement = placement;
+var stylePropKeys = (0, _concat["default"])(_context2 = []).call(_context2, (0, _keys["default"])(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _propTypes["default"].position), _propTypes["default"].layout), _propTypes["default"].color), _propTypes["default"].space), _propTypes["default"].flexbox)), ['hGap', 'vGap', 'gap']);
+exports.stylePropKeys = stylePropKeys;

package/lib/cjs/utils/styleUtils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.getDisabledStyles = void 0;
+var disabledStyles = {
+  opacity: 0.5,
+  pointerEvents: 'none'
+};
+
+var getDisabledStyles = function getDisabledStyles(isDisabled) {
+  return isDisabled ? disabledStyles : {};
+};
+
+exports.getDisabledStyles = getDisabledStyles;

package/lib/cjs/utils/testUtils/setupTests.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _util = require("util");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _jest = require("@emotion/jest");
+
+require("mutationobserver-shim");
+
+require("whatwg-fetch");
+
+require("regenerator-runtime");
+
+var _jestAxe = require("jest-axe");
+
+expect.extend(_jestAxe.toHaveNoViolations);
+expect.extend(_jest.matchers); // Ensure Jest fails tests on console warn and error
+// https://github.com/facebook/jest/issues/6121#issuecomment-529591574
+
+global.console.warn = function () {
+  throw new Error(_util.format.apply(void 0, arguments));
+};
+
+global.console.error = function () {
+  throw new Error(_util.format.apply(void 0, arguments));
+};

package/lib/cjs/utils/testUtils/testAxe.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
+var _jestAxe = require("jest-axe");
+
+var axeTest = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(getComponent) {
+    var rules,
+        _args2 = arguments;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            rules = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
+            test('should have no accessibility violations', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+              var _getComponent, container, results;
+
+              return _regenerator["default"].wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      _getComponent = getComponent(), container = _getComponent.container;
+                      _context.next = 3;
+                      return (0, _jestAxe.axe)(container, rules);
+
+                    case 3:
+                      results = _context.sent;
+                      expect(results).toHaveNoViolations();
+
+                    case 5:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee);
+            })));
+
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function axeTest(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var _default = axeTest;
+exports["default"] = _default;

package/lib/cjs/utils/testUtils/testTheme.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var _default = {
+  fontWeights: {
+    0: 400,
+    1: 500
+  },
+  fontSizes: {
+    md: '12',
+    lg: '14'
+  },
+  text: {
+    base: {
+      fontWeight: 0,
+      fontSize: 'md'
+    },
+    title: {
+      fontWeight: 1,
+      fontSize: 'lg'
+    }
+  }
+};
+exports["default"] = _default;

package/lib/cjs/utils/testUtils/testWrapper.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _context3;
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _exportNames = {
+  render: true
+};
+exports.render = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+_forEachInstanceProperty(_context3 = _Object$keys(_react2)).call(_context3, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react2[key]) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _react2[key];
+    }
+  });
+});
+
+var _react3 = require("@emotion/react");
+
+var _themeUi = require("theme-ui");
+
+var _theme = _interopRequireDefault(require("../../styles/theme"));
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1n30otp",
+  styles: ".is-disabled{opacity:0.5;pointer-events:none;}"
+} : {
+  name: "zxbwtf-GlobalTestStyles",
+  styles: ".is-disabled{opacity:0.5;pointer-events:none;};label:GlobalTestStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3Rlc3RVdGlscy90ZXN0V3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyByZW5kZXIgfSBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB0aGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5jb25zdCBHbG9iYWxUZXN0U3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIFRPRE86IENoYW5nZSBKZXN0IGNvbmZpZyBzbyB0aGlzIGRvZXNuJ3QgaGF2ZSB0byBiZSBpbXBvcnRlZCByZWxhdGl2ZWx5Li4uXG4gKiBodHRwczovL3Rlc3RpbmctbGlicmFyeS5jb20vZG9jcy9yZWFjdC10ZXN0aW5nLWxpYnJhcnkvc2V0dXAvI2NvbmZpZ3VyaW5nLWplc3Qtd2l0aC10ZXN0LXV0aWxzXG4gKlxuICogVXNlIHRoaXMgd3JhcHBlciB3aGVuIHRlc3RpbmcgdGhlIHRoZW1lIG91dHB1dCBmb3JcbiAqIGEgY29tcG9uZW50IHVzaW5nIC50b0hhdmVTdHlsZSBvciAudG9IYXZlU3R5bGVSdWxlXG4gKlxuICogU2VlIEJ1dHRvbi50ZXN0LmpzIGFzIGFuIGV4YW1wbGUgZm9yIGhvdyB0byBhcHBseSBjb25kaXRpb25hbCBjbGFzc2VzIGFuZCB0aGVuIHRlc3RpbmcgdGhhdFxuICogdGhvc2UgY2xhc3NlcyBoYXZlIHRoZSBhcHByb3ByaWF0ZSBzdHlsZXMgdGllZCB0byB0aGVtIGluIHRoZSB0aGVtZS5cbiAqL1xuY29uc3QgV3JhcHBlciA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPEdsb2JhbFRlc3RTdHlsZXMgLz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59O1xuXG5jb25zdCBjdXN0b21SZW5kZXIgPSAodWksIG9wdGlvbnMpID0+IHJlbmRlcih1aSwgeyB3cmFwcGVyOiBXcmFwcGVyLCAuLi5vcHRpb25zIH0pO1xuXG4vLyByZS1leHBvcnQgZXZlcnl0aGluZ1xuZXhwb3J0ICogZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5cbi8vIG92ZXJyaWRlIHJlbmRlciBtZXRob2RcbmV4cG9ydCB7IGN1c3RvbVJlbmRlciBhcyByZW5kZXIgfTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var GlobalTestStyles = function GlobalTestStyles() {
+  return (0, _react3.jsx)(_react3.Global, {
+    styles: _ref
+  });
+};
+/**
+ * TODO: Change Jest config so this doesn't have to be imported relatively...
+ * https://testing-library.com/docs/react-testing-library/setup/#configuring-jest-with-test-utils
+ *
+ * Use this wrapper when testing the theme output for
+ * a component using .toHaveStyle or .toHaveStyleRule
+ *
+ * See Button.test.js as an example for how to apply conditional classes and then testing that
+ * those classes have the appropriate styles tied to them in the theme.
+ */
+
+
+var Wrapper = function Wrapper(_ref2) {
+  var children = _ref2.children;
+  return (0, _react3.jsx)(_themeUi.ThemeProvider, {
+    theme: _theme["default"]
+  }, (0, _react3.jsx)(GlobalTestStyles, null), children);
+};
+
+var customRender = function customRender(ui, options) {
+  return (0, _react2.render)(ui, _objectSpread({
+    wrapper: Wrapper
+  }, options));
+}; // re-export everything
+
+
+exports.render = customRender;