@elliemae/ds-system 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/styled/index.js

@@ -1,89 +1,125 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var styled_component = require('styled-components');
+var styleGetters = require('./styleGetters.js');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var styled_component__default = /*#__PURE__*/_interopDefaultLegacy(styled_component);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const styledFunction = function (tag) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    name: null,
+    slot: null
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  styled: () => styled
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_styleGetters = __toESM(require("./styleGetters"));
-var import_utils = __toESM(require("./utils"));
-const styledFunction = (tag, options = { name: null, slot: null }) => {
-  const { name: componentName, slot: componentSlot } = options;
-  const func = (styleArg, ...expressions) => {
-    const expressionsWithDefaultTheme = expressions ? expressions.map((stylesArg) => typeof stylesArg === "function" ? (props) => stylesArg({
-      ...props,
-      theme: (0, import_utils.coerceWithDefaultTheme)(props.theme)
-    }) : stylesArg) : [];
+  const {
+    name: componentName,
+    slot: componentSlot,
+    displayName: componentDisplayName = null
+  } = options;
+
+  const func = function (styleArg) {
+    for (var _len = arguments.length, expressions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      expressions[_key - 1] = arguments[_key];
+    }
+
+    /*
+     * These are the internal expression written in dimsum
+     * We just coerce with the default theme in case users
+     * forget to add the ThemeProvider
+     */
+    const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => typeof stylesArg === 'function' ? props => stylesArg(_objectSpread(_objectSpread({}, props), {}, {
+      theme: utils.coerceWithDefaultTheme(props.theme)
+    })) : stylesArg) : [];
     let transformedStyleArg = styleArg;
+    /*
+     * Here we get the style overrides from the user
+     */
+
     if (componentName && componentSlot) {
-      expressionsWithDefaultTheme.push((props) => {
-        const theme = (0, import_utils.coerceWithDefaultTheme)(props.theme);
-        const styleOverrides = (0, import_styleGetters.getStyleOverrides)(componentName, theme);
+      expressionsWithDefaultTheme.push(props => {
+        const theme = utils.coerceWithDefaultTheme(props.theme);
+        const styleOverrides = styleGetters.getStyleOverrides(componentName, theme);
+
         if (styleOverrides) {
           return [styleOverrides[componentSlot]];
         }
+
         return null;
       });
     }
-    if (componentName && componentSlot === "root") {
-      expressionsWithDefaultTheme.push((props) => {
-        const theme = (0, import_utils.coerceWithDefaultTheme)(props.theme);
-        return (0, import_styleGetters.variantsResolver)(props, (0, import_styleGetters.getVariantStyles)(componentName, theme), theme, componentName);
+    /*
+     * Here we get the variant overrides from the user (only for the root)
+     */
+
+
+    if (componentName && componentSlot === 'root') {
+      expressionsWithDefaultTheme.push(props => {
+        const theme = utils.coerceWithDefaultTheme(props.theme);
+        return styleGetters.variantsResolver(props, styleGetters.getVariantStyles(componentName, theme), theme, componentName);
       });
     }
+
     const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;
+
     if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {
-      const placeholders = new Array(numOfCustomFnsApplied).fill("");
+      // Here we are adding placeholders for all the new functions that we are gonna call
+      const placeholders = new Array(numOfCustomFnsApplied).fill('');
       transformedStyleArg = Object.assign([...styleArg, ...placeholders], {
         raw: [...styleArg.raw, ...placeholders]
       });
-    } else if (typeof styleArg === "function") {
-      transformedStyleArg = (props) => styleArg({ ...props, theme: (0, import_utils.coerceWithDefaultTheme)(props.theme) });
+    } else if (typeof styleArg === 'function') {
+      // Here we just coerce with the default theme
+      transformedStyleArg = props => styleArg(_objectSpread(_objectSpread({}, props), {}, {
+        theme: utils.coerceWithDefaultTheme(props.theme)
+      }));
     }
-    let Component = (0, import_styled_components.default)(tag);
-    const displayName = componentName !== null && componentSlot !== null ? `${componentName}${componentSlot}` : null;
+
+    let Component = /*#__PURE__*/styled_component__default["default"](tag);
+    const displayName = componentName !== null && componentSlot !== null ? "".concat(componentName, "-").concat(componentSlot) : componentDisplayName;
+
     if (displayName !== null) {
-      Component = Component.attrs({ className: `${componentName}${componentSlot}` });
+      Component = Component.attrs({
+        className: "".concat(componentName, "-").concat(componentSlot)
+      });
     }
+
     Component = Component(transformedStyleArg, ...expressionsWithDefaultTheme);
+
     if (displayName !== null) {
       Component.displayName = displayName;
     }
+
     return Component;
   };
+
   return func;
 };
-const styledObject = Object.keys(import_styled_components.default).reduce((obj, key) => {
+
+const styledObject = Object.keys(styled_component__default["default"]).reduce((obj, key) => {
   const castedKey = key;
   obj[castedKey] = styledFunction(castedKey);
   return obj;
 }, {});
 const styled = Object.assign(styledFunction, styledObject);
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=index.js.map
+
+exports.styled = styled;

package/cjs/styled/styleGetters.js

@@ -1,56 +1,44 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.every.js');
+require('core-js/modules/esnext.iterator.every.js');
+var utils = require('./utils.js');
+
+const getStyleOverrides = (name, theme) => {
+  var _theme$components, _theme$components$nam;
+
+  return ((_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : (_theme$components$nam = _theme$components[name]) === null || _theme$components$nam === void 0 ? void 0 : _theme$components$nam.styleOverrides) || null;
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styleGetters_exports = {};
-__export(styleGetters_exports, {
-  getStyleOverrides: () => getStyleOverrides,
-  getVariantStyles: () => getVariantStyles,
-  variantsResolver: () => variantsResolver
-});
-var React = __toESM(require("react"));
-var import_utils = __toESM(require("./utils"));
-const getStyleOverrides = (name, theme) => theme.components?.[name]?.styleOverrides || null;
 const getVariantStyles = (name, theme) => {
-  const variants = theme.components?.[name]?.variants || [];
+  var _theme$components2, _theme$components2$na;
+
+  const variants = ((_theme$components2 = theme.components) === null || _theme$components2 === void 0 ? void 0 : (_theme$components2$na = _theme$components2[name]) === null || _theme$components2$na === void 0 ? void 0 : _theme$components2$na.variants) || [];
   return variants.reduce((styles, definition) => {
-    const key = (0, import_utils.propsToClassKey)(definition.props);
+    const key = utils.propsToClassKey(definition.props);
     styles[key] = definition.style;
     return styles;
   }, {});
 };
 const variantsResolver = (props, styles, theme, name) => {
-  const themeVariants = theme?.components?.[name]?.variants || [];
+  var _theme$components3, _theme$components3$na;
+
+  const themeVariants = (theme === null || theme === void 0 ? void 0 : (_theme$components3 = theme.components) === null || _theme$components3 === void 0 ? void 0 : (_theme$components3$na = _theme$components3[name]) === null || _theme$components3$na === void 0 ? void 0 : _theme$components3$na.variants) || [];
   return themeVariants.reduce((variantsStyles, themeVariant) => {
-    const isMatch = Object.keys(themeVariant.props).every((key) => props[key] === themeVariant.props[key]);
+    const isMatch = Object.keys(themeVariant.props).every(key => props[key] === themeVariant.props[key]);
+
     if (isMatch) {
-      variantsStyles.push(styles[(0, import_utils.propsToClassKey)(themeVariant.props)]);
+      variantsStyles.push(styles[utils.propsToClassKey(themeVariant.props)]);
     }
+
     return variantsStyles;
   }, []);
 };
-module.exports = __toCommonJS(styleGetters_exports);
-//# sourceMappingURL=styleGetters.js.map
+
+exports.getStyleOverrides = getStyleOverrides;
+exports.getVariantStyles = getVariantStyles;
+exports.variantsResolver = variantsResolver;

package/cjs/styled/types.js

@@ -1,35 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var types_exports = {};
-__export(types_exports, {
-  CSSObject: () => import_styled_components2.CSSObject
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled_component = require('styled-components');
+
+
+
+Object.defineProperty(exports, 'CSSObject', {
+  enumerable: true,
+  get: function () { return styled_component.CSSObject; }
 });
-var React = __toESM(require("react"));
-var import_styled_components2 = __toESM(require("styled-components"));
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

package/cjs/styled/utils.js

@@ -1,47 +1,24 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var theme = require('../theme.js');
+
+const systemTheme = theme.theme;
+const isEmpty = string => string.length === 0;
+const coerceWithDefaultTheme = themeInput => themeInput !== null && themeInput !== void 0 ? themeInput : systemTheme;
+const propsToClassKey = props => Object.keys(props).sort().reduce((classKey, key) => {
+  if (key === 'color') {
+    return classKey + isEmpty(String(classKey)) ? String(props[key]) : dsUtilities.capitalize(String(props[key]));
   }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var utils_exports = {};
-__export(utils_exports, {
-  coerceWithDefaultTheme: () => coerceWithDefaultTheme,
-  isEmpty: () => isEmpty,
-  propsToClassKey: () => propsToClassKey
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_theme = __toESM(require("../theme"));
-const systemTheme = import_theme.theme;
-const isEmpty = (string) => string.length === 0;
-const coerceWithDefaultTheme = (themeInput) => themeInput ?? systemTheme;
-const propsToClassKey = (props) => Object.keys(props).sort().reduce((classKey, key) => {
-  if (key === "color") {
-    return classKey + isEmpty(String(classKey)) ? String(props[key]) : (0, import_ds_utilities.capitalize)(String(props[key]));
-  }
-  return `${classKey}${isEmpty(String(classKey)) ? key : (0, import_ds_utilities.capitalize)(key)}${(0, import_ds_utilities.capitalize)(props[key].toString())}`;
-}, "");
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map
+
+  return "".concat(classKey).concat(isEmpty(String(classKey)) ? key : dsUtilities.capitalize(key)).concat(dsUtilities.capitalize(props[key].toString()));
+}, '');
+
+exports.coerceWithDefaultTheme = coerceWithDefaultTheme;
+exports.isEmpty = isEmpty;
+exports.propsToClassKey = propsToClassKey;

package/cjs/th.js

@@ -1,52 +1,32 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var th_exports = {};
-__export(th_exports, {
-  th: () => th
-});
-var React = __toESM(require("react"));
-const th = (property) => (value, dfault) => ({ theme }) => {
-  const parts = value.split("-");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+
+const th = property => (value, dfault) => _ref => {
+  var _result;
+
+  let {
+    theme
+  } = _ref;
+  const parts = value.split('-');
   let result = theme[property];
-  parts.forEach((part) => {
-    if (result)
-      result = result[part];
+  parts.forEach(part => {
+    if (result) result = result[part];
   });
-  return result ?? dfault;
+  return (_result = result) !== null && _result !== void 0 ? _result : dfault;
 };
-th.space = th("space");
-th.fontSize = th("fontSizes");
-th.fontWeight = th("fontWeights");
-th.lineHeight = th("lineHeights");
-th.letterSpacing = th("letterSpacings");
-th.font = th("fonts");
-th.color = th("colors");
-th.breakpoint = th("breakpoints");
-th.media = th("media");
-module.exports = __toCommonJS(th_exports);
-//# sourceMappingURL=th.js.map
+th.space = th('space');
+th.fontSize = th('fontSizes');
+th.fontWeight = th('fontWeights');
+th.lineHeight = th('lineHeights');
+th.letterSpacing = th('letterSpacings');
+th.font = th('fonts');
+th.color = th('colors');
+th.breakpoint = th('breakpoints');
+th.media = th('media');
+
+exports.th = th;

package/cjs/theme.js

@@ -1,36 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var theme_exports = {};
-__export(theme_exports, {
-  theme: () => theme
-});
-var React = __toESM(require("react"));
-var import_pui_theme = __toESM(require("@elliemae/pui-theme"));
-const theme = (0, import_pui_theme.getDefaultTheme)();
-module.exports = __toCommonJS(theme_exports);
-//# sourceMappingURL=theme.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var puiTheme = require('@elliemae/pui-theme');
+
+const theme = puiTheme.getDefaultTheme();
+
+exports.theme = theme;

package/cjs/themeProviderHOC.js

@@ -1,42 +1,29 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var themeProviderHOC_exports = {};
-__export(themeProviderHOC_exports, {
-  themeProviderHOC: () => themeProviderHOC
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_theme = __toESM(require("./theme"));
-const themeProviderHOC = (Component) => (props) => /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, {
-  theme: import_theme.theme
-}, /* @__PURE__ */ import_react.default.createElement(Component, {
-  ...props
-}));
-module.exports = __toCommonJS(themeProviderHOC_exports);
-//# sourceMappingURL=themeProviderHOC.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx2 = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var styled_component = require('styled-components');
+var theme = require('./theme.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const themeProviderHOC = Component => props => /*#__PURE__*/_jsx2__default["default"](styled_component.ThemeProvider, {
+  theme: theme.theme
+}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
+
+exports.themeProviderHOC = themeProviderHOC;