@elliemae/ds-system 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/arithmetic.js

@@ -1,55 +1,43 @@
-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"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+
 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);
   }
 }
-module.exports = __toCommonJS(arithmetic_exports);
-//# sourceMappingURL=arithmetic.js.map
+
+exports.getNumberAndUnit = getNumberAndUnit;
+exports.op = op;

package/cjs/constants.js

@@ -1,47 +1,19 @@
-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"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 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'
 };
-module.exports = __toCommonJS(constants_exports);
-//# sourceMappingURL=constants.js.map
+
+exports.desktopBaseFont = desktopBaseFont;
+exports.mobileBaseFont = mobileBaseFont;
+exports.translateUnits = translateUnits;

package/cjs/globalStyles.js

@@ -1,47 +1,25 @@
-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;
+'use strict';
 
-    font-size: ${(props) => props.device === "desktop" ? "13px" : "16px"};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {
-      font-size: ${(props) => props.device === "mobile" ? "16px" : "13px"};
-    }
+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');
 
-  }
-`;
-module.exports = __toCommonJS(globalStyles_exports);
-//# sourceMappingURL=globalStyles.js.map
+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;

package/cjs/index.js

@@ -1,43 +1,84 @@
-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
+'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 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/mobileUtilities.js

@@ -1,72 +1,41 @@
-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");
+'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');
+
 function __UNSAFE_SPACE_TO_DIMSUM(unit) {
-  if (import_constants.translateUnits[unit])
-    return import_constants.translateUnits[unit];
-  return `${parseFloat(unit) * (import_constants.mobileBaseFont / import_constants.desktopBaseFont) / 2}px`;
+  if (constants.translateUnits[unit]) return constants.translateUnits[unit];
+  return "".concat(parseFloat(unit) * (constants.mobileBaseFont / constants.desktopBaseFont) / 2, "px");
 }
 function toMobile(unit) {
-  if (!isMobile())
-    return unit;
-  return `${parseFloat(unit) * (import_constants.desktopBaseFont / import_constants.mobileBaseFont)}rem`;
+  if (!isMobile()) return unit;
+  return "".concat(parseFloat(unit) * (constants.desktopBaseFont / constants.mobileBaseFont), "rem");
 }
 const useIsMobile = () => {
-  const [mobile, setMobile] = (0, import_react.useState)(isMobile());
-  (0, import_react.useEffect)(() => {
+  const [mobile, setMobile] = react.useState(isMobile());
+  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(import_theme.theme.breakpoints.medium.split("px")[0]) - window.innerWidth >= 0;
+  if (!window) return false;
+  return Number(theme.theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;
 };
-module.exports = __toCommonJS(mobileUtilities_exports);
-//# sourceMappingURL=mobileUtilities.js.map
+
+exports.__UNSAFE_SPACE_TO_DIMSUM = __UNSAFE_SPACE_TO_DIMSUM;
+exports.isMobile = isMobile;
+exports.toMobile = toMobile;
+exports.useIsMobile = useIsMobile;

package/cjs/spaceUtilities.js

@@ -1,94 +1,68 @@
-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");
+'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');
+
 function mapGap(gutter) {
-  if (!gutter)
-    return "0rem";
-  if (String(gutter).includes("rem") || String(gutter).includes("px"))
-    return gutter;
-  return `${import_theme.theme.space[gutter]}`;
+  if (!gutter) return '0rem';
+  if (String(gutter).includes('rem') || String(gutter).includes('px')) return gutter;
+  return "".concat(theme.theme.space[gutter]);
 }
 function mapGutter(gutter) {
-  if (!gutter)
-    return "0rem";
-  return `${import_theme.theme.space[gutter]} * 2`;
+  if (!gutter) return '0rem';
+  return "".concat(theme.theme.space[gutter], " * 2");
 }
 function mapSpace(width) {
-  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}%`;
+  if (typeof width === 'string') return lodash.get(theme.theme, width) ? "".concat(lodash.get(theme.theme, width)) : width;
+  return "".concat(width * 100, "%");
 }
 function fixSpaceGutter(width, gutter) {
-  if (!width)
-    return "";
-  if (Array.isArray(width))
-    return width.map((w) => `calc(${mapSpace(w)} - (${mapGutter(gutter)}))`);
-  return `calc(${mapSpace(width)} - (${mapGutter(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), "))");
 }
 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) => `${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 ((0, import_lodash.get)(import_theme.theme, width))
-    return `${(0, import_lodash.get)(import_theme.theme, width)}`;
-  if (typeof width === "string")
-    return width;
+  if (lodash.get(theme.theme, width)) return "".concat(lodash.get(theme.theme, width));
+  if (typeof width === 'string') return width;
   const den = width < 1 ? Math.floor(1 / width) : width;
-  return `${den}fr`;
+  return "".concat(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);
 }
-module.exports = __toCommonJS(spaceUtilities_exports);
-//# sourceMappingURL=spaceUtilities.js.map
+
+exports.fixSpace = fixSpace;
+exports.fixSpaceGutter = fixSpaceGutter;
+exports.mapGap = mapGap;
+exports.mapGrid = mapGrid;
+exports.mapGutter = mapGutter;
+exports.mapSpace = mapSpace;
+exports.mapTemplateGrid = mapTemplateGrid;
+exports.numbersToFr = numbersToFr;

package/cjs/styled/index.d.js

@@ -1,27 +1,2 @@
-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 __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 index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+