@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.2

package/lib/styles/variants/table.js

@@ -0,0 +1,51 @@
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { text } from '../variants/text';
+
+var tableHead = _objectSpread(_objectSpread({}, text.label), {}, {
+  fontWeight: 500,
+  width: '100%',
+  flexDirection: 'row !important',
+  p: '10px'
+});
+
+var tableData = _objectSpread(_objectSpread({}, text.tableData), {}, {
+  width: '100%',
+  p: '10px'
+});
+
+var tableBody = {
+  borderTop: '1px solid',
+  borderTopColor: 'neutral.40',
+  borderBottom: '1px solid',
+  borderBottomColor: 'neutral.80',
+  '&& > tr:nth-of-type(odd) ': {
+    backgroundColor: 'neutral.95'
+  }
+};
+var tableRow = {
+  width: '100%',
+  flexDirection: 'row !important'
+};
+var table = {
+  width: '100%'
+};
+export default {
+  tableHead: tableHead,
+  tableData: tableData,
+  tableBody: tableBody,
+  tableRow: tableRow,
+  table: table
+};

package/lib/styles/variants/tabs.js

@@ -0,0 +1,32 @@
+export var tab = {
+  pt: 10,
+  cursor: 'pointer',
+  alignItems: 'center',
+  display: 'inline-flex',
+  outline: 'none',
+  transform: 'translateY(1px)',
+  width: '100%',
+  '&.is-focused': {
+    boxShadow: 'focus'
+  },
+  '&.is-disabled': {
+    cursor: 'default'
+  },
+  '&.is-selected.is-vertical': {
+    bg: 'accent.95'
+  }
+};
+export var tabLine = {
+  height: '2px',
+  width: '100%',
+  bg: 'active'
+};
+export var tabPanel = {
+  outline: 'none'
+};
+export var tabs = {
+  borderBottomWidth: 1,
+  borderBottomStyle: 'solid',
+  borderBottomColor: 'neutral.90',
+  mb: 'lg'
+};

package/lib/styles/variants/text.js

@@ -0,0 +1,230 @@
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var base = {
+  display: 'block',
+  fontSize: 'md',
+  color: 'text.primary',
+  fontFamily: 'standard',
+  overflowWrap: 'break-word'
+};
+var wordWrap = {
+  display: 'block',
+  overflowWrap: 'break-word',
+  maxWidth: '100%',
+  wordWrap: 'break-word',
+  wordBreak: 'break-word'
+};
+
+var tabLabel = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
+  fontSize: 'md',
+  fontWeight: 1,
+  mb: 6,
+  color: 'neutral.40',
+  '.is-selected &, .is-hovered &': {
+    color: 'active',
+    mb: 5
+  },
+  '.is-disabled &': {
+    color: 'neutral.80'
+  }
+});
+
+var fieldHelperText = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
+  fontSize: 'sm',
+  pb: 'sm',
+  '&.is-default': {
+    color: 'text.secondary'
+  },
+  '&.is-error': {
+    color: 'critical.dark'
+  },
+  '&.is-success': {
+    color: 'success.dark'
+  },
+  '&.is-warning': {
+    color: 'warning.dark'
+  },
+  '.is-left-label > &': {
+    gridRowEnd: 3,
+    gridColumnEnd: 3
+  }
+});
+
+var tooltipContent = {
+  maxWidth: '10em',
+  maxHeight: '15em',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  WebkitLineClamp: '10',
+  WebkitBoxOrient: 'vertical',
+  display: '-webkit-box !important',
+  wordBreak: 'break-word',
+  '.is-right > * > &, .is-left > * > &': {
+    maxWidth: '24em',
+    maxHeight: '6.5em',
+    WebkitLineClamp: '4'
+  }
+};
+var expandableRowSharedStyle = {
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap'
+};
+var expandableRow = {
+  title: _objectSpread({
+    fontSize: 'lg',
+    color: 'neutral.20'
+  }, expandableRowSharedStyle),
+  subtitle: _objectSpread({
+    fontSize: 'sm',
+    color: 'neutral.60'
+  }, expandableRowSharedStyle),
+  lineChart: {
+    title: _objectSpread({
+      fontSize: 'sm',
+      color: 'neutral.40',
+      maxWidth: '100%'
+    }, expandableRowSharedStyle),
+    count: {
+      color: 'neutral.20',
+      fontSize: 22,
+      fontWeight: 2
+    },
+    countLabel: {
+      fontSize: 'xs',
+      color: 'neutral.50'
+    },
+    chartLabel: {
+      fontSize: 'xs',
+      color: 'neutral.50',
+      minWidth: '60px'
+    },
+    trend: {
+      color: 'neutral.20',
+      fontSize: 'sm',
+      fontWeight: 3,
+      whiteSpace: 'nowrap'
+    }
+  }
+};
+var navBarSubtitle = {
+  fontWeight: 3,
+  fontSize: '11px',
+  color: 'accent.80'
+};
+
+var navBarHeaderText = _objectSpread(_objectSpread({}, wordWrap), {}, {
+  whiteSpace: 'break-spaces',
+  lineHeight: '13px',
+  fontSize: '13px',
+  fontWeight: 1
+});
+
+export var text = {
+  base: base,
+  bodyStrong: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  bodyWeak: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  buttonLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'md',
+    fontWeight: 1,
+    color: 'accent.30',
+    fontFamily: 'standard'
+  }),
+  capsLabel: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    color: 'text.secondary',
+    textTransform: 'uppercase',
+    fontFamily: 'standard'
+  }),
+  fieldHelperText: fieldHelperText,
+  inputValue: {
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  },
+  itemTitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'md',
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  itemSubtitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    fontWeight: 0,
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  label: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  listTitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'md',
+    fontWeight: 1,
+    color: 'text.primary',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  }),
+  listSubtitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    fontWeight: 0,
+    color: 'text.secondary',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
+  }),
+  expandableRow: expandableRow,
+  navBarHeaderText: navBarHeaderText,
+  navBarSubtitle: navBarSubtitle,
+  placeholder: {
+    fontWeight: -1,
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  },
+  sectionTitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'lg',
+    fontWeight: 2,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  subtitle: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontWeight: 0,
+    color: 'text.secondary',
+    fontFamily: 'standard'
+  }),
+  tabLabel: tabLabel,
+  tableData: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'sm',
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  title: _objectSpread(_objectSpread({}, wordWrap), {}, {
+    fontSize: 'xx',
+    fontWeight: 1,
+    color: 'text.primary',
+    fontFamily: 'standard'
+  }),
+  tooltipContent: tooltipContent
+};

package/lib/styles/variants/tooltip.js

@@ -0,0 +1,6 @@
+var tooltipContainer = {
+  p: 'sm'
+};
+export default {
+  tooltipContainer: tooltipContainer
+};

package/lib/styles/variants/variants.js

@@ -0,0 +1,58 @@
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import accordion from './accordion';
+import boxes from './boxes';
+import codeView from './codeView';
+import images from './images';
+import imageUpload from './imageUpload';
+import link from './link';
+import listBox from './listBox';
+import loader from './loader';
+import modal from './modal';
+import menu from './menu';
+import menuItem from './menuItem';
+import messages from './messages';
+import numberField from './numberField';
+import overlayPanel from './overlayPanel';
+import popoverMenu from './popoverMenu';
+import rockerbutton from './rockerbutton';
+import separator from './separator';
+import stepper from './stepper';
+import table from './table';
+import * as tabs from './tabs';
+import tooltip from './tooltip';
+export default _objectSpread(_objectSpread({
+  accordion: accordion,
+  boxes: boxes,
+  codeView: codeView,
+  images: images,
+  imageUpload: imageUpload,
+  loader: loader,
+  link: link,
+  listBox: listBox,
+  menu: menu,
+  menuItem: menuItem,
+  messages: messages,
+  modal: modal,
+  numberField: numberField,
+  overlayPanel: overlayPanel,
+  popoverMenu: popoverMenu,
+  rockerbutton: rockerbutton,
+  separator: separator,
+  stepper: stepper,
+  table: table
+}, tabs), {}, {
+  tooltip: tooltip
+});

package/lib/utils/devUtils/constants/htmlElements.js

@@ -0,0 +1,4 @@
+/**
+ * List of HTML elements to re use wherever needed.
+ */
+export var htmlElements = ['a', 'abbr', 'acronym', 'address', 'applet', 'area', 'article', 'aside', 'audio', 'b', 'base', 'basefont', 'bdi', 'bdo', 'bgsound', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'isindex', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'listing', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'nobr', 'noframes', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'plaintext', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr', 'xmp'];

package/lib/utils/devUtils/constants/loadingStates.js

@@ -0,0 +1,8 @@
+export default {
+  ERROR: 'error',
+  FILTERING: 'filtering',
+  IDLE: 'idle',
+  LOADING: 'loading',
+  LOADING_MORE: 'loadingMore',
+  SORTING: 'sorting'
+};

package/lib/utils/devUtils/constants/orientation.js

@@ -0,0 +1,4 @@
+export default {
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical'
+};

package/lib/utils/devUtils/constants/panelSizes.js

@@ -0,0 +1 @@
+export var panelSizes = ['small', 'medium', 'large', 'full', 'custom'];

package/lib/utils/devUtils/constants/statuses.js

@@ -0,0 +1,6 @@
+export default {
+  DEFAULT: 'default',
+  ERROR: 'error',
+  SUCCESS: 'success',
+  WARNING: 'warning'
+};

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

@@ -0,0 +1,22 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import { snakeCase, toUpper, fromPairs } from 'lodash';
+import { text } from '../../../styles/variants/text';
+import buttons from '../../../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 fromPairs(_mapInstanceProperty(_context = _Object$keys(obj)).call(_context, function (i) {
+    return [toUpper(snakeCase(i)), i];
+  }));
+};
+
+export var textVariants = toConstantObject(text);
+export var buttonVariants = toConstantObject(buttons);

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import Text from '../../../components/Text';
+import { jsx as ___EmotionJSX } from "@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 ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
+      mb: "lg"
+    }, "WARNING: ", text), ___EmotionJSX(Story, context));
+  }
+
+  return ___EmotionJSX(Story, context);
+};
+
+export default withDeprecationWarning;

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

@@ -0,0 +1,59 @@
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+
+var requiredErrorText = function requiredErrorText(_ref) {
+  var _context;
+
+  var propName = _ref.propName,
+      componentName = _ref.componentName;
+  return _concatInstanceProperty(_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 _concatInstanceProperty(_context2 = "Invalid prop `".concat(propName, "` supplied to `")).call(_context2, componentName, "`.\n  Expected an Iterable object such as String, Array, TypedArray, Map, or Set.");
+};
+
+export var isIterable = function isIterable(obj) {
+  // checks for null and undefined
+  if (obj == null) {
+    return false;
+  }
+
+  return typeof _getIteratorMethod(obj) === 'function';
+};
+
+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);
+isIterableProp.isRequired = createIsIterableProp(true);
+export { isIterableProp };

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

@@ -0,0 +1,28 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Number$isInteger from "@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 _Number$isInteger(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(_concatInstanceProperty(_context = _concatInstanceProperty(_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();
+export default isValidPositiveInt;

package/lib/utils/devUtils/styledSystemUtils.js

@@ -0,0 +1,48 @@
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+
+var _context2;
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { useMemo } from 'react';
+import { useTheme } from '@emotion/react';
+import themeGet from '@styled-system/theme-get';
+import merge from 'lodash/merge'; // need deep merging
+
+import StylePropTypes from '@styled-system/prop-types';
+export var makeUseDefaultTheme = function makeUseDefaultTheme(defaultTheme) {
+  return function () {
+    var overlayTheme = useTheme();
+    return useMemo(function () {
+      return merge(defaultTheme, overlayTheme);
+    }, [overlayTheme]);
+  };
+};
+export 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 _concatInstanceProperty(_context = "\n  ".concat(hGap ? "\n    > * + * {\n      margin-left: ".concat(themeGet("space.".concat(hGap), hGap)({
+    theme: theme
+  }), "px;\n    }\n  ") : '', "\n  ")).call(_context, vGap ? "\n    > * + * {\n      margin-top: ".concat(themeGet("space.".concat(vGap), vGap)({
+    theme: theme
+  }), "px;\n    }\n  ") : '', "\n");
+};
+export var stylePropKeys = _concatInstanceProperty(_context2 = []).call(_context2, _Object$keys(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, StylePropTypes.position), StylePropTypes.layout), StylePropTypes.color), StylePropTypes.space), StylePropTypes.flexbox)), ['hGap', 'vGap', 'gap']);

package/lib/utils/styleUtils/index.js

@@ -0,0 +1,7 @@
+var disabledStyles = {
+  opacity: 0.5,
+  pointerEvents: 'none'
+};
+export var getDisabledStyles = function getDisabledStyles(isDisabled) {
+  return isDisabled ? disabledStyles : {};
+};

package/lib/utils/testUtils/setupTests.js

@@ -0,0 +1,18 @@
+import { format } from 'util';
+import '@testing-library/jest-dom/extend-expect';
+import { matchers } from '@emotion/jest';
+import 'mutationobserver-shim';
+import 'whatwg-fetch';
+import 'regenerator-runtime';
+import { toHaveNoViolations } from 'jest-axe';
+expect.extend(toHaveNoViolations);
+expect.extend(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(format.apply(void 0, arguments));
+};
+
+global.console.error = function () {
+  throw new Error(format.apply(void 0, arguments));
+};