@elliemae/ds-system 2.2.0 → 2.3.0-alpha.3

package/cjs/arithmetic.js

@@ -1,43 +1,55 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-
+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 arithmetic_exports = {};
+__export(arithmetic_exports, {
+  getNumberAndUnit: () => getNumberAndUnit,
+  op: () => op
+});
+var React = __toESM(require("react"));
 function getNumberAndUnit(numberStrWithUnit) {
   const [number, unit] = String(numberStrWithUnit).match(/[a-z]+|[(/^\-?\d*.\d+|\d+),?]+/gi);
-  return {
-    number,
-    unit
-  };
+  return { number, unit };
 }
 function op(operator, n1, n2) {
-  const {
-    number,
-    unit
-  } = getNumberAndUnit(n1);
-  const {
-    number: number2,
-    unit: unit2
-  } = getNumberAndUnit(n2);
-
+  const { number, unit } = getNumberAndUnit(n1);
+  const { number: number2, unit: unit2 } = getNumberAndUnit(n2);
   switch (operator) {
-    case '*':
+    case "*":
       return Number(number) * Number(number2) + (unit || unit2);
-
-    case '+':
+    case "+":
       return Number(number) + Number(number2) + (unit || unit2);
-
-    case '-':
+    case "-":
       return Number(number) - Number(number2) + (unit || unit2);
-
-    case '/':
+    case "/":
       return Number(number) / Number(number2) + (unit || unit2);
-
     default:
       return Number(number) + Number(number2) + (unit || unit2);
   }
 }
-
-exports.getNumberAndUnit = getNumberAndUnit;
-exports.op = op;
+module.exports = __toCommonJS(arithmetic_exports);
+//# sourceMappingURL=arithmetic.js.map

package/cjs/arithmetic.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/arithmetic.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export function getNumberAndUnit(\n  numberStrWithUnit: string | number,\n): { number: string; unit: string } {\n  const [number, unit] = String(numberStrWithUnit).match(\n    /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n  );\n  return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string | number): string {\n  const { number, unit } = getNumberAndUnit(n1);\n  const { number: number2, unit: unit2 } = getNumberAndUnit(n2);\n  switch (operator) {\n    case '*':\n      return Number(number) * Number(number2) + (unit || unit2);\n    case '+':\n      return Number(number) + Number(number2) + (unit || unit2);\n    case '-':\n      return Number(number) - Number(number2) + (unit || unit2);\n    case '/':\n      return Number(number) / Number(number2) + (unit || unit2);\n    default:\n      return Number(number) + Number(number2) + (unit || unit2);\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,0BACL,mBACkC;AAClC,QAAM,CAAC,QAAQ,QAAQ,OAAO,mBAAmB,MAC/C;AAEF,SAAO,EAAE,QAAQ;AAAA;AAGZ,YAAY,UAAkB,IAAY,IAA6B;AAC5E,QAAM,EAAE,QAAQ,SAAS,iBAAiB;AAC1C,QAAM,EAAE,QAAQ,SAAS,MAAM,UAAU,iBAAiB;AAC1D,UAAQ;AAAA,SACD;AACH,aAAO,OAAO,UAAU,OAAO,WAAY,SAAQ;AAAA,SAChD;AACH,aAAO,OAAO,UAAU,OAAO,WAAY,SAAQ;AAAA,SAChD;AACH,aAAO,OAAO,UAAU,OAAO,WAAY,SAAQ;AAAA,SAChD;AACH,aAAO,OAAO,UAAU,OAAO,WAAY,SAAQ;AAAA;AAEnD,aAAO,OAAO,UAAU,OAAO,WAAY,SAAQ;AAAA;AAAA;",
+  "names": []
+}

package/cjs/constants.js

@@ -1,19 +1,47 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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 constants_exports = {};
+__export(constants_exports, {
+  desktopBaseFont: () => desktopBaseFont,
+  mobileBaseFont: () => mobileBaseFont,
+  translateUnits: () => translateUnits
+});
+var React = __toESM(require("react"));
 const desktopBaseFont = 13;
 const mobileBaseFont = 16;
 const translateUnits = {
-  '8px': '4px',
-  '16px': '8px',
-  '32px': '16px',
-  '48px': '24px',
-  '56px': '32px',
-  '64px': '48px',
-  '72px': '64px'
+  "8px": "4px",
+  "16px": "8px",
+  "32px": "16px",
+  "48px": "24px",
+  "56px": "32px",
+  "64px": "48px",
+  "72px": "64px"
 };
-
-exports.desktopBaseFont = desktopBaseFont;
-exports.mobileBaseFont = mobileBaseFont;
-exports.translateUnits = translateUnits;
+module.exports = __toCommonJS(constants_exports);
+//# sourceMappingURL=constants.js.map

package/cjs/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n  '8px': '4px',\n  '16px': '8px',\n  '32px': '16px',\n  '48px': '24px',\n  '56px': '32px',\n  '64px': '48px',\n  '72px': '64px',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAExB,MAAM,iBAAiB;AAEvB,MAAM,iBAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA;",
+  "names": []
+}

package/cjs/globalStyles.js

@@ -1,25 +1,47 @@
-'use strict';
+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 globalStyles_exports = {};
+__export(globalStyles_exports, {
+  GlobalStyles: () => GlobalStyles
+});
+var React = __toESM(require("react"));
+var import_utils = require("./utils");
+const GlobalStyles = import_utils.createGlobalStyle`
+  :root, body {
+    overscroll-behavior-y: none;
 
-Object.defineProperty(exports, '__esModule', { value: true });
+    font-size: ${(props) => props.device === "desktop" ? "13px" : "16px"};
 
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('polished');
-require('lodash');
-require('./theme.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('react');
-var styled_component = require('styled-components');
+    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {
+      font-size: ${(props) => props.device === "mobile" ? "16px" : "13px"};
+    }
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-
-var _templateObject;
-const GlobalStyles = styled_component.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  :root, body {\n    overscroll-behavior-y: none;\n\n    font-size: ", ";\n\n    @media(min-width: ", ") {\n      font-size: ", ";\n    }\n\n  }\n"])), props => props.device === 'desktop' ? '13px' : '16px', _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.breakpoints.small;
-}, props => props.device === 'mobile' ? '16px' : '13px');
-
-exports.GlobalStyles = GlobalStyles;
+  }
+`;
+module.exports = __toCommonJS(globalStyles_exports);
+//# sourceMappingURL=globalStyles.js.map

package/cjs/globalStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/globalStyles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n  :root, body {\n    overscroll-behavior-y: none;\n\n    font-size: ${(props) => (props.device === 'desktop' ? '13px' : '16px')};\n\n    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${(props) => (props.device === 'mobile' ? '16px' : '13px')};\n    }\n\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAE3B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAW,MAAM,WAAW,YAAY,SAAS;AAAA;AAAA,wBAE3C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,mBACtC,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/index.js

@@ -1,84 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var globalStyles = require('./globalStyles.js');
-var spaceUtilities = require('./spaceUtilities.js');
-var mobileUtilities = require('./mobileUtilities.js');
-var utils = require('./utils.js');
-var arithmetic = require('./arithmetic.js');
-var th = require('./th.js');
-var theme = require('./theme.js');
-var index = require('./styled/index.js');
-var themeProviderHOC = require('./themeProviderHOC.js');
-var styled_component = require('styled-components');
-var polished = require('polished');
-
-
-
-exports.GlobalStyles = globalStyles.GlobalStyles;
-exports.fixSpace = spaceUtilities.fixSpace;
-exports.fixSpaceGutter = spaceUtilities.fixSpaceGutter;
-exports.mapGap = spaceUtilities.mapGap;
-exports.mapGrid = spaceUtilities.mapGrid;
-exports.mapGutter = spaceUtilities.mapGutter;
-exports.mapSpace = spaceUtilities.mapSpace;
-exports.mapTemplateGrid = spaceUtilities.mapTemplateGrid;
-exports.numbersToFr = spaceUtilities.numbersToFr;
-exports.__UNSAFE_SPACE_TO_DIMSUM = mobileUtilities.__UNSAFE_SPACE_TO_DIMSUM;
-exports.isMobile = mobileUtilities.isMobile;
-exports.toMobile = mobileUtilities.toMobile;
-exports.useIsMobile = mobileUtilities.useIsMobile;
-exports.active = utils.active;
-exports.animation = utils.animation;
-exports.border = utils.border;
-exports.boxShadow = utils.boxShadow;
-exports.buttonLink = utils.buttonLink;
-exports.clearFocus = utils.clearFocus;
-exports.color = utils.color;
-exports.disabled = utils.disabled;
-exports.fakeActive = utils.fakeActive;
-exports.fakeBorder = utils.fakeBorder;
-exports.flexCenter = utils.flexCenter;
-exports.focus = utils.focus;
-exports.focusAfter = utils.focusAfter;
-exports.hover = utils.hover;
-exports.iconColor = utils.iconColor;
-exports.keyframes = utils.keyframes;
-exports.onlyFirefox = utils.onlyFirefox;
-exports.onlySafari = utils.onlySafari;
-exports.onlySafariAndFirefox = utils.onlySafariAndFirefox;
-exports.safariAndFirefoxBold = utils.safariAndFirefoxBold;
-exports.textStyle = utils.textStyle;
-exports.transition = utils.transition;
-exports.truncate = utils.truncate;
-exports.getNumberAndUnit = arithmetic.getNumberAndUnit;
-exports.op = arithmetic.op;
-exports.th = th.th;
-exports.theme = theme.theme;
-exports.styled = index.styled;
-exports.themeProviderHOC = themeProviderHOC.themeProviderHOC;
-Object.defineProperty(exports, 'createGlobalStyle', {
-	enumerable: true,
-	get: function () { return styled_component.createGlobalStyle; }
-});
-Object.defineProperty(exports, 'css', {
-	enumerable: true,
-	get: function () { return styled_component.css; }
-});
-Object.defineProperty(exports, 'kfrm', {
-	enumerable: true,
-	get: function () { return styled_component.keyframes; }
-});
-Object.defineProperty(exports, 'useTheme', {
-	enumerable: true,
-	get: function () { return styled_component.useTheme; }
-});
-Object.defineProperty(exports, 'withTheme', {
-	enumerable: true,
-	get: function () { return styled_component.withTheme; }
-});
-Object.defineProperty(exports, 'rgba', {
-	enumerable: true,
-	get: function () { return polished.rgba; }
+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 src_exports = {};
+__export(src_exports, {
+  themeProviderHOC: () => import_themeProviderHOC.themeProviderHOC
 });
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./globalStyles"));
+__reExport(src_exports, require("./spaceUtilities"));
+__reExport(src_exports, require("./mobileUtilities"));
+__reExport(src_exports, require("./utils"));
+__reExport(src_exports, require("./arithmetic"));
+__reExport(src_exports, require("./th"));
+__reExport(src_exports, require("./theme"));
+__reExport(src_exports, require("./styled"));
+var import_themeProviderHOC = require("./themeProviderHOC");
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './globalStyles';\nexport * from './spaceUtilities';\nexport * from './mobileUtilities';\nexport * from './utils';\nexport * from './arithmetic';\nexport * from './th';\nexport * from './theme';\nexport * from './styled';\nexport { themeProviderHOC } from './themeProviderHOC';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,8BAAiC;",
+  "names": []
+}

package/cjs/mobileUtilities.js

@@ -1,41 +1,72 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var react = require('react');
-var theme = require('./theme.js');
-var constants = require('./constants.js');
-
+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 mobileUtilities_exports = {};
+__export(mobileUtilities_exports, {
+  __UNSAFE_SPACE_TO_DIMSUM: () => __UNSAFE_SPACE_TO_DIMSUM,
+  isMobile: () => isMobile,
+  toMobile: () => toMobile,
+  useIsMobile: () => useIsMobile
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_theme = require("./theme");
+var import_constants = require("./constants");
 function __UNSAFE_SPACE_TO_DIMSUM(unit) {
-  if (constants.translateUnits[unit]) return constants.translateUnits[unit];
-  return "".concat(parseFloat(unit) * (constants.mobileBaseFont / constants.desktopBaseFont) / 2, "px");
+  if (import_constants.translateUnits[unit])
+    return import_constants.translateUnits[unit];
+  return `${parseFloat(unit) * (import_constants.mobileBaseFont / import_constants.desktopBaseFont) / 2}px`;
 }
 function toMobile(unit) {
-  if (!isMobile()) return unit;
-  return "".concat(parseFloat(unit) * (constants.desktopBaseFont / constants.mobileBaseFont), "rem");
+  if (!isMobile())
+    return unit;
+  return `${parseFloat(unit) * (import_constants.desktopBaseFont / import_constants.mobileBaseFont)}rem`;
 }
 const useIsMobile = () => {
-  const [mobile, setMobile] = react.useState(isMobile());
-  react.useEffect(() => {
+  const [mobile, setMobile] = (0, import_react.useState)(isMobile());
+  (0, import_react.useEffect)(() => {
     function handleResize() {
       setMobile(isMobile());
     }
-
-    if (window) window.addEventListener('resize', handleResize);
+    if (window)
+      window.addEventListener("resize", handleResize);
     return () => {
-      if (window) window.removeEventListener('resize', handleResize);
+      if (window)
+        window.removeEventListener("resize", handleResize);
     };
   }, []);
-  if (!window) return false;
+  if (!window)
+    return false;
   return mobile;
 };
 const isMobile = () => {
-  if (!window) return false;
-  return Number(theme.theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;
+  if (!window)
+    return false;
+  return Number(import_theme.theme.breakpoints.medium.split("px")[0]) - window.innerWidth >= 0;
 };
-
-exports.__UNSAFE_SPACE_TO_DIMSUM = __UNSAFE_SPACE_TO_DIMSUM;
-exports.isMobile = isMobile;
-exports.toMobile = toMobile;
-exports.useIsMobile = useIsMobile;
+module.exports = __toCommonJS(mobileUtilities_exports);
+//# sourceMappingURL=mobileUtilities.js.map

package/cjs/mobileUtilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/mobileUtilities.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState, useEffect } from 'react';\nimport { theme } from './theme';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n  if (translateUnits[unit]) return translateUnits[unit];\n  return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\n}\n\nexport function toMobile(unit: string): string {\n  if (!isMobile()) return unit;\n  return `${parseFloat(unit) * (desktopBaseFont / mobileBaseFont)}rem`;\n}\n\nexport const useIsMobile = (): boolean => {\n  const [mobile, setMobile] = useState<boolean>(isMobile());\n  useEffect(() => {\n    function handleResize() {\n      setMobile(isMobile());\n    }\n    if (window) window.addEventListener('resize', handleResize);\n    return () => {\n      if (window) window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n  if (!window) return false;\n  return mobile;\n};\n\nexport const isMobile = (): boolean => {\n  if (!window) return false;\n  return (\n    Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,mBAAsB;AACtB,uBAAgE;AAGzD,kCAAkC,MAAsB;AAC7D,MAAI,gCAAe;AAAO,WAAO,gCAAe;AAChD,SAAO,GAAI,WAAW,QAAS,mCAAiB,oCAAoB;AAAA;AAG/D,kBAAkB,MAAsB;AAC7C,MAAI,CAAC;AAAY,WAAO;AACxB,SAAO,GAAG,WAAW,QAAS,oCAAkB;AAAA;AAG3C,MAAM,cAAc,MAAe;AACxC,QAAM,CAAC,QAAQ,aAAa,2BAAkB;AAC9C,8BAAU,MAAM;AACd,4BAAwB;AACtB,gBAAU;AAAA;AAEZ,QAAI;AAAQ,aAAO,iBAAiB,UAAU;AAC9C,WAAO,MAAM;AACX,UAAI;AAAQ,eAAO,oBAAoB,UAAU;AAAA;AAAA,KAElD;AACH,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AAAA;AAGF,MAAM,WAAW,MAAe;AACrC,MAAI,CAAC;AAAQ,WAAO;AACpB,SACE,OAAO,mBAAM,YAAY,OAAO,MAAM,MAAM,MAAM,OAAO,cAAc;AAAA;",
+  "names": []
+}

package/cjs/spaceUtilities.js

@@ -1,68 +1,94 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.some.js');
-var lodash = require('lodash');
-var theme = require('./theme.js');
-
+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 spaceUtilities_exports = {};
+__export(spaceUtilities_exports, {
+  fixSpace: () => fixSpace,
+  fixSpaceGutter: () => fixSpaceGutter,
+  mapGap: () => mapGap,
+  mapGrid: () => mapGrid,
+  mapGutter: () => mapGutter,
+  mapSpace: () => mapSpace,
+  mapTemplateGrid: () => mapTemplateGrid,
+  numbersToFr: () => numbersToFr
+});
+var React = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_theme = require("./theme");
 function mapGap(gutter) {
-  if (!gutter) return '0rem';
-  if (String(gutter).includes('rem') || String(gutter).includes('px')) return gutter;
-  return "".concat(theme.theme.space[gutter]);
+  if (!gutter)
+    return "0rem";
+  if (String(gutter).includes("rem") || String(gutter).includes("px"))
+    return gutter;
+  return `${import_theme.theme.space[gutter]}`;
 }
 function mapGutter(gutter) {
-  if (!gutter) return '0rem';
-  return "".concat(theme.theme.space[gutter], " * 2");
+  if (!gutter)
+    return "0rem";
+  return `${import_theme.theme.space[gutter]} * 2`;
 }
 function mapSpace(width) {
-  if (typeof width === 'string') return lodash.get(theme.theme, width) ? "".concat(lodash.get(theme.theme, width)) : width;
-  return "".concat(width * 100, "%");
+  if (typeof width === "string")
+    return (0, import_lodash.get)(import_theme.theme, width) ? `${(0, import_lodash.get)(import_theme.theme, width)}` : width;
+  return `${width * 100}%`;
 }
 function fixSpaceGutter(width, gutter) {
-  if (!width) return '';
-  if (Array.isArray(width)) return width.map(w => "calc(".concat(mapSpace(w), " - (").concat(mapGutter(gutter), "))"));
-  return "calc(".concat(mapSpace(width), " - (").concat(mapGutter(gutter), "))");
+  if (!width)
+    return "";
+  if (Array.isArray(width))
+    return width.map((w) => `calc(${mapSpace(w)} - (${mapGutter(gutter)}))`);
+  return `calc(${mapSpace(width)} - (${mapGutter(gutter)}))`;
 }
 function fixSpace(width) {
-  if (!width) return '';
-  if (Array.isArray(width)) return width.map(w => mapSpace(w));
+  if (!width)
+    return "";
+  if (Array.isArray(width))
+    return width.map((w) => mapSpace(w));
   return mapSpace(width);
 }
-/**
- * Grid
- *
- * @param grid
- */
-
 function numbersToFr(grid) {
-  const den = grid.map(f => f < 1 ? Math.floor(1 / f) : f);
-  return den.map(d => "".concat(d, "fr"));
+  const den = grid.map((f) => f < 1 ? Math.floor(1 / f) : f);
+  return den.map((d) => `${d}fr`);
 }
 function mapGrid(width) {
-  if (lodash.get(theme.theme, width)) return "".concat(lodash.get(theme.theme, width));
-  if (typeof width === 'string') return width;
+  if ((0, import_lodash.get)(import_theme.theme, width))
+    return `${(0, import_lodash.get)(import_theme.theme, width)}`;
+  if (typeof width === "string")
+    return width;
   const den = width < 1 ? Math.floor(1 / width) : width;
-  return "".concat(den, "fr");
+  return `${den}fr`;
 }
 function mapTemplateGrid(grid) {
   if (Array.isArray(grid)) {
-    if (grid.some(w => typeof w === 'string')) return grid.map(w => mapGrid(w));
+    if (grid.some((w) => typeof w === "string"))
+      return grid.map((w) => mapGrid(w));
     return numbersToFr(grid);
   }
-
   return mapGrid(grid);
 }
-
-exports.fixSpace = fixSpace;
-exports.fixSpaceGutter = fixSpaceGutter;
-exports.mapGap = mapGap;
-exports.mapGrid = mapGrid;
-exports.mapGutter = mapGutter;
-exports.mapSpace = mapSpace;
-exports.mapTemplateGrid = mapTemplateGrid;
-exports.numbersToFr = numbersToFr;
+module.exports = __toCommonJS(spaceUtilities_exports);
+//# sourceMappingURL=spaceUtilities.js.map