@elliemae/ds-system 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/arithmetic.js

@@ -2,31 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+require('core-js/modules/web.dom-collections.iterator.js');
 
 function getNumberAndUnit(numberStrWithUnit) {
-  var _String$match = String(numberStrWithUnit).match(/[a-z]+|[(/^\-?\d*.\d+|\d+),?]+/gi),
-      _String$match2 = _slicedToArray__default['default'](_String$match, 2),
-      number = _String$match2[0],
-      unit = _String$match2[1];
-
+  const [number, unit] = String(numberStrWithUnit).match(/[a-z]+|[(/^\-?\d*.\d+|\d+),?]+/gi);
   return {
-    number: number,
-    unit: unit
+    number,
+    unit
   };
 }
 function op(operator, n1, n2) {
-  var _getNumberAndUnit = getNumberAndUnit(n1),
-      number = _getNumberAndUnit.number,
-      unit = _getNumberAndUnit.unit;
-
-  var _getNumberAndUnit2 = getNumberAndUnit(n2),
-      number2 = _getNumberAndUnit2.number,
-      unit2 = _getNumberAndUnit2.unit;
+  const {
+    number,
+    unit
+  } = getNumberAndUnit(n1);
+  const {
+    number: number2,
+    unit: unit2
+  } = getNumberAndUnit(n2);
 
   switch (operator) {
     case '*':
@@ -48,4 +41,3 @@ function op(operator, n1, n2) {
 
 exports.getNumberAndUnit = getNumberAndUnit;
 exports.op = op;
-//# sourceMappingURL=arithmetic.js.map

package/cjs/constants.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var desktopBaseFont = 13;
-var mobileBaseFont = 16;
-var translateUnits = {
+const desktopBaseFont = 13;
+const mobileBaseFont = 16;
+const translateUnits = {
   '8px': '4px',
   '16px': '8px',
   '32px': '16px',
@@ -17,4 +17,3 @@ var translateUnits = {
 exports.desktopBaseFont = desktopBaseFont;
 exports.mobileBaseFont = mobileBaseFont;
 exports.translateUnits = translateUnits;
-//# sourceMappingURL=constants.js.map

package/cjs/globalStyles.js

@@ -3,25 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var utils = require('./utils.js');
 require('polished');
 require('lodash');
 require('./theme.js');
-require('@elliemae/pui-theme');
-require('./mobileUtilities.js');
-require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
-require('./constants.js');
+var styledComponents = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 
 var _templateObject;
-var GlobalStyles = utils.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n  :root, body {\n    overscroll-behavior-y: none;\n    font-size: 16px;\n    @media (min-width: ", ") { \n    font-size: 13px;\n  }\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.breakpoints.small;
-});
+const GlobalStyles = styledComponents.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  :root, body {\n    overscroll-behavior-y: none;\n    font-size: 16px;\n    @media (min-width: ", ") { \n    font-size: 13px;\n  }\n  }\n"])), ({
+  theme
+}) => theme.breakpoints.small);
 
 exports.GlobalStyles = GlobalStyles;
-//# sourceMappingURL=globalStyles.js.map

package/cjs/index.js

@@ -9,14 +9,8 @@ var utils = require('./utils.js');
 var arithmetic = require('./arithmetic.js');
 var theme = require('./theme.js');
 var themeProviderHOC = require('./themeProviderHOC.js');
+var styledComponents = require('styled-components');
 var polished = require('polished');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('lodash');
-require('@elliemae/pui-theme');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('./constants.js');
-require('styled-components');
 
 
 
@@ -40,8 +34,6 @@ exports.boxShadow = utils.boxShadow;
 exports.buttonLink = utils.buttonLink;
 exports.clearFocus = utils.clearFocus;
 exports.color = utils.color;
-exports.createGlobalStyle = utils.createGlobalStyle;
-exports.css = utils.css;
 exports.disabled = utils.disabled;
 exports.fakeActive = utils.fakeActive;
 exports.fakeBorder = utils.fakeBorder;
@@ -51,7 +43,6 @@ exports.focusAfter = utils.focusAfter;
 exports.hover = utils.hover;
 exports.iconColor = utils.iconColor;
 exports.keyframes = utils.keyframes;
-exports.kfrm = utils.kfrm;
 exports.onlyFirefox = utils.onlyFirefox;
 exports.onlySafari = utils.onlySafari;
 exports.onlySafariAndFiredox = utils.onlySafariAndFiredox;
@@ -59,16 +50,31 @@ exports.safariAndFirefoxBold = utils.safariAndFirefoxBold;
 exports.textStyle = utils.textStyle;
 exports.transition = utils.transition;
 exports.truncate = utils.truncate;
-exports.useTheme = utils.useTheme;
-exports.withTheme = utils.withTheme;
 exports.getNumberAndUnit = arithmetic.getNumberAndUnit;
 exports.op = arithmetic.op;
 exports.theme = theme.theme;
 exports.themeProviderHOC = themeProviderHOC.themeProviderHOC;
+Object.defineProperty(exports, 'createGlobalStyle', {
+	enumerable: true,
+	get: function () { return styledComponents.createGlobalStyle; }
+});
+Object.defineProperty(exports, 'css', {
+	enumerable: true,
+	get: function () { return styledComponents.css; }
+});
+Object.defineProperty(exports, 'kfrm', {
+	enumerable: true,
+	get: function () { return styledComponents.keyframes; }
+});
+Object.defineProperty(exports, 'useTheme', {
+	enumerable: true,
+	get: function () { return styledComponents.useTheme; }
+});
+Object.defineProperty(exports, 'withTheme', {
+	enumerable: true,
+	get: function () { return styledComponents.withTheme; }
+});
 Object.defineProperty(exports, 'rgba', {
 	enumerable: true,
-	get: function () {
-		return polished.rgba;
-	}
+	get: function () { return polished.rgba; }
 });
-//# sourceMappingURL=index.js.map

package/cjs/mobileUtilities.js

@@ -2,15 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
 var theme = require('./theme.js');
 var constants = require('./constants.js');
-require('@elliemae/pui-theme');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 function __UNSAFE_SPACE_TO_DIMSUM(unit) {
   if (constants.translateUnits[unit]) return constants.translateUnits[unit];
@@ -20,26 +15,22 @@ function toMobile(unit) {
   if (!isMobile()) return unit;
   return "".concat(parseFloat(unit) * (constants.desktopBaseFont / constants.mobileBaseFont), "rem");
 }
-var useIsMobile = function useIsMobile() {
-  var _useState = React.useState(isMobile()),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      mobile = _useState2[0],
-      setMobile = _useState2[1];
-
-  React.useEffect(function () {
+const useIsMobile = () => {
+  const [mobile, setMobile] = react.useState(isMobile());
+  react.useEffect(() => {
     function handleResize() {
       setMobile(isMobile());
     }
 
     if (window) window.addEventListener('resize', handleResize);
-    return function () {
+    return () => {
       if (window) window.removeEventListener('resize', handleResize);
     };
   }, []);
   if (!window) return false;
   return mobile;
 };
-var isMobile = function isMobile() {
+const isMobile = () => {
   if (!window) return false;
   return Number(theme.theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;
 };
@@ -48,4 +39,3 @@ exports.__UNSAFE_SPACE_TO_DIMSUM = __UNSAFE_SPACE_TO_DIMSUM;
 exports.isMobile = isMobile;
 exports.toMobile = toMobile;
 exports.useIsMobile = useIsMobile;
-//# sourceMappingURL=mobileUtilities.js.map

package/cjs/spaceUtilities.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lodash = require('lodash');
 var theme = require('./theme.js');
-require('@elliemae/pui-theme');
 
 function mapGap(gutter) {
   if (!gutter) return '0rem';
@@ -21,16 +20,12 @@ function mapSpace(width) {
 }
 function fixSpaceGutter(width, gutter) {
   if (!width) return '';
-  if (Array.isArray(width)) return width.map(function (w) {
-    return "calc(".concat(mapSpace(w), " - (").concat(mapGutter(gutter), "))");
-  });
+  if (Array.isArray(width)) return width.map(w => "calc(".concat(mapSpace(w), " - (").concat(mapGutter(gutter), "))"));
   return "calc(".concat(mapSpace(width), " - (").concat(mapGutter(gutter), "))");
 }
 function fixSpace(width) {
   if (!width) return '';
-  if (Array.isArray(width)) return width.map(function (w) {
-    return mapSpace(w);
-  });
+  if (Array.isArray(width)) return width.map(w => mapSpace(w));
   return mapSpace(width);
 }
 /**
@@ -40,26 +35,18 @@ function fixSpace(width) {
  */
 
 function numbersToFr(grid) {
-  var den = grid.map(function (f) {
-    return f < 1 ? Math.floor(1 / f) : f;
-  });
-  return den.map(function (d) {
-    return "".concat(d, "fr");
-  });
+  const den = grid.map(f => f < 1 ? Math.floor(1 / f) : f);
+  return den.map(d => "".concat(d, "fr"));
 }
 function mapGrid(width) {
   if (lodash.get(theme.theme, width)) return "".concat(lodash.get(theme.theme, width));
   if (typeof width === 'string') return width;
-  var den = width < 1 ? Math.floor(1 / width) : width;
+  const den = width < 1 ? Math.floor(1 / width) : width;
   return "".concat(den, "fr");
 }
 function mapTemplateGrid(grid) {
   if (Array.isArray(grid)) {
-    if (grid.some(function (w) {
-      return typeof w === 'string';
-    })) return grid.map(function (w) {
-      return mapGrid(w);
-    });
+    if (grid.some(w => typeof w === 'string')) return grid.map(w => mapGrid(w));
     return numbersToFr(grid);
   }
 
@@ -74,4 +61,3 @@ exports.mapGutter = mapGutter;
 exports.mapSpace = mapSpace;
 exports.mapTemplateGrid = mapTemplateGrid;
 exports.numbersToFr = numbersToFr;
-//# sourceMappingURL=spaceUtilities.js.map

package/cjs/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var puiTheme = require('@elliemae/pui-theme');
 
-var theme = puiTheme.getDefaultTheme();
+const theme = puiTheme.getDefaultTheme();
 
 exports.theme = theme;
-//# sourceMappingURL=theme.js.map

package/cjs/themeProviderHOC.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx2 = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var styledComponents = require('styled-components');
 var theme = require('./theme.js');
-require('@elliemae/pui-theme');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-var themeProviderHOC = function themeProviderHOC(Component) {
-  return function (props) {
-    return /*#__PURE__*/React__default['default'].createElement(styledComponents.ThemeProvider, {
-      theme: theme.theme
-    }, /*#__PURE__*/React__default['default'].createElement(Component, props));
-  };
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const themeProviderHOC = Component => props => /*#__PURE__*/_jsx2__default["default"](styledComponents.ThemeProvider, {
+  theme: theme.theme
+}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
 
 exports.themeProviderHOC = themeProviderHOC;
-//# sourceMappingURL=themeProviderHOC.js.map

package/cjs/utils.js

@@ -2,33 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var polished = require('polished');
 var lodash = require('lodash');
 var theme = require('./theme.js');
 var mobileUtilities = require('./mobileUtilities.js');
-require('@elliemae/pui-theme');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('./constants.js');
+var styledComponents = require('styled-components');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-
-var _templateObject;
-
-var styled = require('styled-components');
-
-var css = styled.css;
-var kfrm = styled.keyframes;
-var withTheme = styled.withTheme;
-var useTheme = styled.useTheme;
-var createGlobalStyle = styled.createGlobalStyle;
+/* eslint-disable no-shadow */
 function truncate(width) {
-  return function (props) {
-    return css(["", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], !!width || props.width ? "width: ".concat(props.width || width, ";") : '');
-  };
+  return props => styledComponents.css(["", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], !!width || props.width ? "width: ".concat(props.width || width, ";") : '');
 }
 function flexCenter() {
   return "\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  ";
@@ -37,58 +19,38 @@ function disabled() {
   return "\n    cursor: not-allowed;\n    pointer-events: none;\n  ";
 }
 function keyframes(obj) {
-  return kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["", "\n  "])), lodash.reduce(obj, function (result, value, key) {
-    return "\n    ".concat(result, "\n    ").concat(key, "% {\n      ").concat(value, "\n    }\n  ");
-  }, ''));
+  return styledComponents.keyframes(["", ""], lodash.reduce(obj, (result, value, key) => "\n    ".concat(result, "\n    ").concat(key, "% {\n      ").concat(value, "\n    }\n  "), ''));
 } // eslint-disable-next-line max-params
 
-function boxShadow(top, left, blur, color) {
-  var inset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+function boxShadow(top, left, blur, color, inset = false) {
   return "box-shadow: ".concat(inset ? 'inset' : '', " ").concat(top, " ").concat(left, " ").concat(blur, " ").concat(color, ";");
 }
-function color() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
-  return css(["color:", ";"], function (props) {
-    return props.theme.colors[variant][type];
-  });
-}
-function border() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.theme.colors.brand[600];
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
-  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'solid';
+function color(variant = 'neutral', type = 400) {
+  return styledComponents.css(["color:", ";"], props => props.theme.colors[variant][type]);
+}
+function border(color = theme.theme.colors.brand[600], size = '1px', type = 'solid') {
   return "".concat(size, " ").concat(type, " ").concat(color);
 }
 function animation(animationKeyframes, animationLength, animationTimingFn) {
-  return function (props) {
-    return css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
-  };
+  return props => styledComponents.css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
 } // 0.0769
 
-function focus() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.theme.colors.brand[600];
-  return function () {
-    return css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, polished.lighten(0.3, color));
-  };
+function focus(color = theme.theme.colors.brand[600]) {
+  return () => styledComponents.css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, polished.lighten(0.3, color));
 }
 function focusAfter(color) {
-  return css(["outline:none;position:relative;&:after{content:'';z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;", "}"], focus(color));
+  return styledComponents.css(["outline:none;position:relative;&:after{content:'';z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;", "}"], focus(color));
 }
 function active() {
-  return function (props) {
-    return css(["outline:none;border:1px solid ", ";border-radius:2px;"], props.theme.colors.brand[700]);
-  };
+  return props => styledComponents.css(["outline:none;border:1px solid ", ";border-radius:2px;"], props.theme.colors.brand[700]);
 }
 function hover() {
-  return function (props) {
-    return css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
-  };
+  return props => styledComponents.css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
 }
-function textStyle(type) {
-  var weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
+function textStyle(type, weight = 'regular') {
   // eslint-disable-next-line complexity
-  return function (props) {
-    var cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
+  return props => {
+    let cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
 
     switch (type) {
       case 'h1':
@@ -139,22 +101,14 @@ function textStyle(type) {
     return cssVar;
   };
 }
-function iconColor() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
-  return css(["fill:", ";"], function (props) {
-    return props.theme.colors[variant][type];
-  });
+function iconColor(variant = 'neutral', type = 400) {
+  return styledComponents.css(["fill:", ";"], props => props.theme.colors[variant][type]);
 }
 function fakeBorder() {
-  return css(["box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], function (props) {
-    return props.theme.colors.neutral[200];
-  });
+  return styledComponents.css(["box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], props => props.theme.colors.neutral[200]);
 }
 function fakeActive() {
-  return css(["outline:none;box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], function (props) {
-    return props.theme.colors.brand[700];
-  });
+  return styledComponents.css(["outline:none;box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], props => props.theme.colors.brand[700]);
 }
 function clearFocus() {
   return "\n    border: none;\n    box-shadow: none;\n  ";
@@ -162,28 +116,45 @@ function clearFocus() {
 function buttonLink() {
   return "\n    background-color: transparent;\n    border: 1px solid transparent;\n    cursor: pointer;\n  ";
 }
-function transition() {
-  var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
+function transition(t = 'all 1s ease') {
   return "\n    transition: ".concat(t, ";\n  ");
 }
 function onlySafariAndFiredox(styles) {
-  return css(["@media not all and (min-resolution:0.001dpcm){", "}@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles, styles);
+  return styledComponents.css(["@media not all and (min-resolution:0.001dpcm){", "}@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles, styles);
 }
 function onlySafari(styles) {
-  return css(["@media not all and (min-resolution:0.001dpcm){", "}"], styles);
+  return styledComponents.css(["@media not all and (min-resolution:0.001dpcm){", "}"], styles);
 }
 function onlyFirefox(styles) {
-  return css(["@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles);
+  return styledComponents.css(["@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles);
 }
 function safariAndFirefoxBold(color) {
-  return css(["@media not all and (min-resolution:0.001dpcm){font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}@media screen and (min--moz-device-pixel-ratio:0){font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}"], color, color);
+  return styledComponents.css(["@media not all and (min-resolution:0.001dpcm){font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}@media screen and (min--moz-device-pixel-ratio:0){font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}"], color, color);
 }
 
 Object.defineProperty(exports, 'rgba', {
   enumerable: true,
-  get: function () {
-    return polished.rgba;
-  }
+  get: function () { return polished.rgba; }
+});
+Object.defineProperty(exports, 'createGlobalStyle', {
+  enumerable: true,
+  get: function () { return styledComponents.createGlobalStyle; }
+});
+Object.defineProperty(exports, 'css', {
+  enumerable: true,
+  get: function () { return styledComponents.css; }
+});
+Object.defineProperty(exports, 'kfrm', {
+  enumerable: true,
+  get: function () { return styledComponents.keyframes; }
+});
+Object.defineProperty(exports, 'useTheme', {
+  enumerable: true,
+  get: function () { return styledComponents.useTheme; }
+});
+Object.defineProperty(exports, 'withTheme', {
+  enumerable: true,
+  get: function () { return styledComponents.withTheme; }
 });
 exports.active = active;
 exports.animation = animation;
@@ -192,8 +163,6 @@ exports.boxShadow = boxShadow;
 exports.buttonLink = buttonLink;
 exports.clearFocus = clearFocus;
 exports.color = color;
-exports.createGlobalStyle = createGlobalStyle;
-exports.css = css;
 exports.disabled = disabled;
 exports.fakeActive = fakeActive;
 exports.fakeBorder = fakeBorder;
@@ -203,7 +172,6 @@ exports.focusAfter = focusAfter;
 exports.hover = hover;
 exports.iconColor = iconColor;
 exports.keyframes = keyframes;
-exports.kfrm = kfrm;
 exports.onlyFirefox = onlyFirefox;
 exports.onlySafari = onlySafari;
 exports.onlySafariAndFiredox = onlySafariAndFiredox;
@@ -211,6 +179,3 @@ exports.safariAndFirefoxBold = safariAndFirefoxBold;
 exports.textStyle = textStyle;
 exports.transition = transition;
 exports.truncate = truncate;
-exports.useTheme = useTheme;
-exports.withTheme = withTheme;
-//# sourceMappingURL=utils.js.map

package/esm/arithmetic.js

@@ -1,24 +1,21 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getNumberAndUnit(numberStrWithUnit) {
-  var _String$match = String(numberStrWithUnit).match(/[a-z]+|[(/^\-?\d*.\d+|\d+),?]+/gi),
-      _String$match2 = _slicedToArray(_String$match, 2),
-      number = _String$match2[0],
-      unit = _String$match2[1];
-
+  const [number, unit] = String(numberStrWithUnit).match(/[a-z]+|[(/^\-?\d*.\d+|\d+),?]+/gi);
   return {
-    number: number,
-    unit: unit
+    number,
+    unit
   };
 }
 function op(operator, n1, n2) {
-  var _getNumberAndUnit = getNumberAndUnit(n1),
-      number = _getNumberAndUnit.number,
-      unit = _getNumberAndUnit.unit;
-
-  var _getNumberAndUnit2 = getNumberAndUnit(n2),
-      number2 = _getNumberAndUnit2.number,
-      unit2 = _getNumberAndUnit2.unit;
+  const {
+    number,
+    unit
+  } = getNumberAndUnit(n1);
+  const {
+    number: number2,
+    unit: unit2
+  } = getNumberAndUnit(n2);
 
   switch (operator) {
     case '*':
@@ -39,4 +36,3 @@ function op(operator, n1, n2) {
 }
 
 export { getNumberAndUnit, op };
-//# sourceMappingURL=arithmetic.js.map

package/esm/constants.js

@@ -1,6 +1,6 @@
-var desktopBaseFont = 13;
-var mobileBaseFont = 16;
-var translateUnits = {
+const desktopBaseFont = 13;
+const mobileBaseFont = 16;
+const translateUnits = {
   '8px': '4px',
   '16px': '8px',
   '32px': '16px',
@@ -11,4 +11,3 @@ var translateUnits = {
 };
 
 export { desktopBaseFont, mobileBaseFont, translateUnits };
-//# sourceMappingURL=constants.js.map

package/esm/globalStyles.js

@@ -1,19 +1,14 @@
 import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import { createGlobalStyle } from './utils.js';
 import 'polished';
 import 'lodash';
 import './theme.js';
-import '@elliemae/pui-theme';
-import './mobileUtilities.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
-import './constants.js';
+import { createGlobalStyle } from 'styled-components';
 
 var _templateObject;
-var GlobalStyles = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :root, body {\n    overscroll-behavior-y: none;\n    font-size: 16px;\n    @media (min-width: ", ") { \n    font-size: 13px;\n  }\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.breakpoints.small;
-});
+const GlobalStyles = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :root, body {\n    overscroll-behavior-y: none;\n    font-size: 16px;\n    @media (min-width: ", ") { \n    font-size: 13px;\n  }\n  }\n"])), ({
+  theme
+}) => theme.breakpoints.small);
 
 export { GlobalStyles };
-//# sourceMappingURL=globalStyles.js.map

package/esm/index.js

@@ -1,16 +1,9 @@
 export { GlobalStyles } from './globalStyles.js';
 export { fixSpace, fixSpaceGutter, mapGap, mapGrid, mapGutter, mapSpace, mapTemplateGrid, numbersToFr } from './spaceUtilities.js';
 export { __UNSAFE_SPACE_TO_DIMSUM, isMobile, toMobile, useIsMobile } from './mobileUtilities.js';
-export { active, animation, border, boxShadow, buttonLink, clearFocus, color, createGlobalStyle, css, disabled, fakeActive, fakeBorder, flexCenter, focus, focusAfter, hover, iconColor, keyframes, kfrm, onlyFirefox, onlySafari, onlySafariAndFiredox, safariAndFirefoxBold, textStyle, transition, truncate, useTheme, withTheme } from './utils.js';
+export { active, animation, border, boxShadow, buttonLink, clearFocus, color, disabled, fakeActive, fakeBorder, flexCenter, focus, focusAfter, hover, iconColor, keyframes, onlyFirefox, onlySafari, onlySafariAndFiredox, safariAndFirefoxBold, textStyle, transition, truncate } from './utils.js';
 export { getNumberAndUnit, op } from './arithmetic.js';
 export { theme } from './theme.js';
 export { themeProviderHOC } from './themeProviderHOC.js';
+export { createGlobalStyle, css, keyframes as kfrm, useTheme, withTheme } from 'styled-components';
 export { rgba } from 'polished';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'lodash';
-import '@elliemae/pui-theme';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import './constants.js';
-import 'styled-components';
-//# sourceMappingURL=index.js.map