@elliemae/ds-system 2.3.0-alpha.9 → 2.3.0-next.11

package/esm/utils.js

@@ -0,0 +1,136 @@
+import { lighten } from 'polished';
+export { rgba } from 'polished';
+import { reduce } from 'lodash';
+import { theme } from './theme.js';
+import { toMobile } from './mobileUtilities.js';
+import { css, keyframes as keyframes$1 } from 'styled-components';
+export { createGlobalStyle, css, keyframes as kfrm, useTheme, withTheme } from 'styled-components';
+
+/* eslint-disable no-shadow */
+function truncate(width) {
+  return props => 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  ";
+}
+function disabled() {
+  return "\n    cursor: not-allowed;\n    pointer-events: none;\n  ";
+}
+function keyframes(obj) {
+  return keyframes$1(["", ""], 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) {
+  let inset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return "box-shadow: ".concat(inset ? 'inset' : '', " ").concat(top, " ").concat(left, " ").concat(blur, " ").concat(color, ";");
+}
+function color() {
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+  return css(["color:", ";"], props => props.theme.colors[variant][type]);
+}
+function border() {
+  let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
+  let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'solid';
+  return "".concat(size, " ").concat(type, " ").concat(color);
+}
+function animation(animationKeyframes, animationLength, animationTimingFn) {
+  return props => css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
+} // 0.0769
+
+function focus() {
+  let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
+  return () => css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, 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));
+}
+function active() {
+  return props => css(["outline:none;border:1px solid ", ";border-radius:2px;"], props.theme.colors.brand[700]);
+}
+function hover() {
+  return props => css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
+}
+function textStyle(type) {
+  let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
+  // eslint-disable-next-line complexity
+  return props => {
+    let cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
+
+    switch (type) {
+      case 'h1':
+        cssVar += "\n        font-size: ".concat(toMobile('2.7692rem'), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'h2':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[800]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'h3':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[700]), ";\n        line-height: 1.2;\n      ");
+        break;
+
+      case 'h4':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[600]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'h5':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[500]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'section-header':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[500]), ";\n        line-height: normal;\n        text-transform: uppercase;\n      ");
+        break;
+
+      case 'body':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.value[400]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'body-small':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.value[300]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'body-micro':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.microText[200]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'list':
+        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.value[400]), ";\n        line-height: normal;\n      ");
+        break;
+
+      case 'link':
+        cssVar += "\n        line-height: ".concat(props.theme.xl, ";\n        color: ").concat(props.theme.colors.brand[600], ";\n        cursor: pointer;\n      ");
+        break;
+    }
+
+    return cssVar;
+  };
+}
+function iconColor() {
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+  return css(["fill:", ";"], props => props.theme.colors[variant][type]);
+}
+function fakeBorder() {
+  return 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;"], props => props.theme.colors.brand[700]);
+}
+function clearFocus() {
+  return "\n    border: none;\n    box-shadow: none;\n  ";
+}
+function buttonLink() {
+  return "\n    background-color: transparent;\n    border: 1px solid transparent;\n    cursor: pointer;\n  ";
+}
+function transition() {
+  let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
+  return "\n    transition: ".concat(t, ";\n  ");
+}
+const onlySafariAndFirefox = styles => css(["@media not all and (min-resolution:0.001dpcm){", "}@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles, styles);
+const onlySafari = styles => "\n    @media not all and (min-resolution: 0.001dpcm) {\n      ".concat(styles, "\n    }\n  ");
+const onlyFirefox = styles => "\n    @media screen and (min--moz-device-pixel-ratio: 0) {\n      ".concat(styles, "\n    }\n  ");
+const safariAndFirefoxBold = color => "\n  @media not all and (min-resolution: 0.001dpcm) {\n    font-weight: 400;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-text-stroke: 0.4px ".concat(color, ";\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    font-weight: 400;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-text-stroke: 0.4px ").concat(color, ";\n  }\n");
+
+export { active, animation, border, boxShadow, buttonLink, clearFocus, color, disabled, fakeActive, fakeBorder, flexCenter, focus, focusAfter, hover, iconColor, keyframes, onlyFirefox, onlySafari, onlySafariAndFirefox, safariAndFirefoxBold, textStyle, transition, truncate };

package/package.json

@@ -1,70 +1,67 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./utils": {
-      "import": "./dist/esm/utils.js",
-      "require": "./dist/cjs/utils.js"
+      "import": "./esm/utils.js",
+      "require": "./cjs/utils.js"
     },
     "./themeProviderHOC": {
-      "import": "./dist/esm/themeProviderHOC.js",
-      "require": "./dist/cjs/themeProviderHOC.js"
+      "import": "./esm/themeProviderHOC.js",
+      "require": "./cjs/themeProviderHOC.js"
     },
     "./theme": {
-      "import": "./dist/esm/theme.js",
-      "require": "./dist/cjs/theme.js"
+      "import": "./esm/theme.js",
+      "require": "./cjs/theme.js"
     },
     "./th": {
-      "import": "./dist/esm/th.js",
-      "require": "./dist/cjs/th.js"
+      "import": "./esm/th.js",
+      "require": "./cjs/th.js"
     },
     "./styled/utils": {
-      "import": "./dist/esm/styled/utils.js",
-      "require": "./dist/cjs/styled/utils.js"
+      "import": "./esm/styled/utils.js",
+      "require": "./cjs/styled/utils.js"
     },
     "./styled/types": {
-      "import": "./dist/esm/styled/types.js",
-      "require": "./dist/cjs/styled/types.js"
+      "import": "./esm/styled/types.js",
+      "require": "./cjs/styled/types.js"
     },
     "./styled/styleGetters": {
-      "import": "./dist/esm/styled/styleGetters.js",
-      "require": "./dist/cjs/styled/styleGetters.js"
+      "import": "./esm/styled/styleGetters.js",
+      "require": "./cjs/styled/styleGetters.js"
     },
     "./styled": {
-      "import": "./dist/esm/styled/index.js",
-      "require": "./dist/cjs/styled/index.js"
+      "import": "./esm/styled/index.js",
+      "require": "./cjs/styled/index.js"
     },
     "./spaceUtilities": {
-      "import": "./dist/esm/spaceUtilities.js",
-      "require": "./dist/cjs/spaceUtilities.js"
+      "import": "./esm/spaceUtilities.js",
+      "require": "./cjs/spaceUtilities.js"
     },
     "./mobileUtilities": {
-      "import": "./dist/esm/mobileUtilities.js",
-      "require": "./dist/cjs/mobileUtilities.js"
+      "import": "./esm/mobileUtilities.js",
+      "require": "./cjs/mobileUtilities.js"
     },
     "./globalStyles": {
-      "import": "./dist/esm/globalStyles.js",
-      "require": "./dist/cjs/globalStyles.js"
+      "import": "./esm/globalStyles.js",
+      "require": "./cjs/globalStyles.js"
     },
     "./constants": {
-      "import": "./dist/esm/constants.js",
-      "require": "./dist/cjs/constants.js"
+      "import": "./esm/constants.js",
+      "require": "./cjs/constants.js"
     },
     "./arithmetic": {
-      "import": "./dist/esm/arithmetic.js",
-      "require": "./dist/cjs/arithmetic.js"
+      "import": "./esm/arithmetic.js",
+      "require": "./cjs/arithmetic.js"
     }
   },
   "sideEffects": [
@@ -76,21 +73,28 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js",
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
+  },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-utilities": "2.3.0-alpha.9",
+    "@elliemae/ds-utilities": "2.3.0-next.11",
     "polished": "~3.6.7"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.3.0",
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {
@@ -99,11 +103,5 @@
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "^5.3.3"
-  },
-  "scripts": {
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js",
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   }
 }

package/dist/cjs/arithmetic.js

@@ -1,55 +0,0 @@
-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 };
-}
-function op(operator, n1, n2) {
-  const { number, unit } = getNumberAndUnit(n1);
-  const { number: number2, unit: unit2 } = getNumberAndUnit(n2);
-  switch (operator) {
-    case "*":
-      return Number(number) * Number(number2) + (unit || unit2);
-    case "+":
-      return Number(number) + Number(number2) + (unit || unit2);
-    case "-":
-      return Number(number) - Number(number2) + (unit || unit2);
-    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

package/dist/cjs/arithmetic.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/constants.js

@@ -1,47 +0,0 @@
-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"
-};
-module.exports = __toCommonJS(constants_exports);
-//# sourceMappingURL=constants.js.map

package/dist/cjs/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/globalStyles.js

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

package/dist/cjs/globalStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/index.js

@@ -1,43 +0,0 @@
-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/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/mobileUtilities.js

@@ -1,72 +0,0 @@
-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 (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 `${parseFloat(unit) * (import_constants.desktopBaseFont / import_constants.mobileBaseFont)}rem`;
-}
-const useIsMobile = () => {
-  const [mobile, setMobile] = (0, import_react.useState)(isMobile());
-  (0, import_react.useEffect)(() => {
-    function handleResize() {
-      setMobile(isMobile());
-    }
-    if (window)
-      window.addEventListener("resize", handleResize);
-    return () => {
-      if (window)
-        window.removeEventListener("resize", handleResize);
-    };
-  }, []);
-  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;
-};
-module.exports = __toCommonJS(mobileUtilities_exports);
-//# sourceMappingURL=mobileUtilities.js.map

package/dist/cjs/mobileUtilities.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}