@elliemae/ds-system 2.3.0-alpha.1 → 2.3.0-alpha.10

package/{cjs → dist/cjs}/th.js

@@ -30,14 +30,20 @@ __export(th_exports, {
   th: () => th
 });
 var React = __toESM(require("react"));
-const th = (property) => (value, dfault) => ({ theme }) => {
-  const parts = value.split("-");
-  let result = theme[property];
-  parts.forEach((part) => {
-    if (result)
-      result = result[part];
-  });
-  return result ?? dfault;
+const th = (property) => {
+  const thGetter = (value, dfault = "") => {
+    const func = ({ theme }) => {
+      const parts = value.split("-");
+      let result = theme[property];
+      parts.forEach((part) => {
+        if (result)
+          result = result[part];
+      });
+      return result ?? dfault;
+    };
+    return func;
+  };
+  return thGetter;
 };
 th.space = th("space");
 th.fontSize = th("fontSizes");

package/dist/cjs/th.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/th.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { Theme } from '@elliemae/pui-theme';\ntype ThGetter = (value: string, dfault?: string) => ({ theme }: { theme: Theme }) => string;\ntype ThConstructor = ((property: keyof Theme) => ThGetter) & {\n  space: ThGetter;\n  fontSize: ThGetter;\n  fontWeight: ThGetter;\n  lineHeight: ThGetter;\n  letterSpacing: ThGetter;\n  font: ThGetter;\n  color: ThGetter;\n  breakpoint: ThGetter;\n  media: ThGetter;\n};\n\nexport const th: ThConstructor = (property): ThGetter => {\n  const thGetter: ThGetter = (value, dfault = '') => {\n    const func: ReturnType<ThGetter> = ({ theme }) => {\n      const parts = value.split('-');\n      let result = theme[property];\n      parts.forEach((part) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        if (result) result = result[part as keyof typeof result];\n      });\n      return (result as unknown as string) ?? dfault;\n    };\n    return func;\n  };\n  return thGetter;\n};\nth.space = th('space');\nth.fontSize = th('fontSizes');\nth.fontWeight = th('fontWeights');\nth.lineHeight = th('lineHeights');\nth.letterSpacing = th('letterSpacings');\nth.font = th('fonts');\nth.color = th('colors');\nth.breakpoint = th('breakpoints');\nth.media = th('media');\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADchB,MAAM,KAAoB,CAAC,aAAuB;AACvD,QAAM,WAAqB,CAAC,OAAO,SAAS,OAAO;AACjD,UAAM,OAA6B,CAAC,EAAE,YAAY;AAChD,YAAM,QAAQ,MAAM,MAAM;AAC1B,UAAI,SAAS,MAAM;AACnB,YAAM,QAAQ,CAAC,SAAS;AAEtB,YAAI;AAAQ,mBAAS,OAAO;AAAA;AAE9B,aAAQ,UAAgC;AAAA;AAE1C,WAAO;AAAA;AAET,SAAO;AAAA;AAET,GAAG,QAAQ,GAAG;AACd,GAAG,WAAW,GAAG;AACjB,GAAG,aAAa,GAAG;AACnB,GAAG,aAAa,GAAG;AACnB,GAAG,gBAAgB,GAAG;AACtB,GAAG,OAAO,GAAG;AACb,GAAG,QAAQ,GAAG;AACd,GAAG,aAAa,GAAG;AACnB,GAAG,QAAQ,GAAG;",
+  "names": []
+}

package/{esm → dist/esm}/th.js

@@ -1,12 +1,18 @@
 import * as React from "react";
-const th = (property) => (value, dfault) => ({ theme }) => {
-  const parts = value.split("-");
-  let result = theme[property];
-  parts.forEach((part) => {
-    if (result)
-      result = result[part];
-  });
-  return result ?? dfault;
+const th = (property) => {
+  const thGetter = (value, dfault = "") => {
+    const func = ({ theme }) => {
+      const parts = value.split("-");
+      let result = theme[property];
+      parts.forEach((part) => {
+        if (result)
+          result = result[part];
+      });
+      return result ?? dfault;
+    };
+    return func;
+  };
+  return thGetter;
 };
 th.space = th("space");
 th.fontSize = th("fontSizes");

package/dist/esm/th.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/th.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { Theme } from '@elliemae/pui-theme';\ntype ThGetter = (value: string, dfault?: string) => ({ theme }: { theme: Theme }) => string;\ntype ThConstructor = ((property: keyof Theme) => ThGetter) & {\n  space: ThGetter;\n  fontSize: ThGetter;\n  fontWeight: ThGetter;\n  lineHeight: ThGetter;\n  letterSpacing: ThGetter;\n  font: ThGetter;\n  color: ThGetter;\n  breakpoint: ThGetter;\n  media: ThGetter;\n};\n\nexport const th: ThConstructor = (property): ThGetter => {\n  const thGetter: ThGetter = (value, dfault = '') => {\n    const func: ReturnType<ThGetter> = ({ theme }) => {\n      const parts = value.split('-');\n      let result = theme[property];\n      parts.forEach((part) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        if (result) result = result[part as keyof typeof result];\n      });\n      return (result as unknown as string) ?? dfault;\n    };\n    return func;\n  };\n  return thGetter;\n};\nth.space = th('space');\nth.fontSize = th('fontSizes');\nth.fontWeight = th('fontWeights');\nth.lineHeight = th('lineHeights');\nth.letterSpacing = th('letterSpacings');\nth.font = th('fonts');\nth.color = th('colors');\nth.breakpoint = th('breakpoints');\nth.media = th('media');\n"],
+  "mappings": "AAAA;ACcO,MAAM,KAAoB,CAAC,aAAuB;AACvD,QAAM,WAAqB,CAAC,OAAO,SAAS,OAAO;AACjD,UAAM,OAA6B,CAAC,EAAE,YAAY;AAChD,YAAM,QAAQ,MAAM,MAAM;AAC1B,UAAI,SAAS,MAAM;AACnB,YAAM,QAAQ,CAAC,SAAS;AAEtB,YAAI;AAAQ,mBAAS,OAAO;AAAA;AAE9B,aAAQ,UAAgC;AAAA;AAE1C,WAAO;AAAA;AAET,SAAO;AAAA;AAET,GAAG,QAAQ,GAAG;AACd,GAAG,WAAW,GAAG;AACjB,GAAG,aAAa,GAAG;AACnB,GAAG,aAAa,GAAG;AACnB,GAAG,gBAAgB,GAAG;AACtB,GAAG,OAAO,GAAG;AACb,GAAG,QAAQ,GAAG;AACd,GAAG,aAAa,GAAG;AACnB,GAAG,QAAQ,GAAG;",
+  "names": []
+}

package/dist/types/th.d.ts

@@ -0,0 +1,17 @@
+import type { Theme } from '@elliemae/pui-theme';
+declare type ThGetter = (value: string, dfault?: string) => ({ theme }: {
+    theme: Theme;
+}) => string;
+declare type ThConstructor = ((property: keyof Theme) => ThGetter) & {
+    space: ThGetter;
+    fontSize: ThGetter;
+    fontWeight: ThGetter;
+    lineHeight: ThGetter;
+    letterSpacing: ThGetter;
+    font: ThGetter;
+    color: ThGetter;
+    breakpoint: ThGetter;
+    media: ThGetter;
+};
+export declare const th: ThConstructor;
+export {};

package/package.json

@@ -1,67 +1,70 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "2.3.0-alpha.1",
+  "version": "2.3.0-alpha.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./utils": {
-      "import": "./esm/utils.js",
-      "require": "./cjs/utils.js"
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
     },
     "./themeProviderHOC": {
-      "import": "./esm/themeProviderHOC.js",
-      "require": "./cjs/themeProviderHOC.js"
+      "import": "./dist/esm/themeProviderHOC.js",
+      "require": "./dist/cjs/themeProviderHOC.js"
     },
     "./theme": {
-      "import": "./esm/theme.js",
-      "require": "./cjs/theme.js"
+      "import": "./dist/esm/theme.js",
+      "require": "./dist/cjs/theme.js"
     },
     "./th": {
-      "import": "./esm/th.js",
-      "require": "./cjs/th.js"
+      "import": "./dist/esm/th.js",
+      "require": "./dist/cjs/th.js"
     },
     "./styled/utils": {
-      "import": "./esm/styled/utils.js",
-      "require": "./cjs/styled/utils.js"
+      "import": "./dist/esm/styled/utils.js",
+      "require": "./dist/cjs/styled/utils.js"
     },
     "./styled/types": {
-      "import": "./esm/styled/types.js",
-      "require": "./cjs/styled/types.js"
+      "import": "./dist/esm/styled/types.js",
+      "require": "./dist/cjs/styled/types.js"
     },
     "./styled/styleGetters": {
-      "import": "./esm/styled/styleGetters.js",
-      "require": "./cjs/styled/styleGetters.js"
+      "import": "./dist/esm/styled/styleGetters.js",
+      "require": "./dist/cjs/styled/styleGetters.js"
     },
     "./styled": {
-      "import": "./esm/styled/index.js",
-      "require": "./cjs/styled/index.js"
+      "import": "./dist/esm/styled/index.js",
+      "require": "./dist/cjs/styled/index.js"
     },
     "./spaceUtilities": {
-      "import": "./esm/spaceUtilities.js",
-      "require": "./cjs/spaceUtilities.js"
+      "import": "./dist/esm/spaceUtilities.js",
+      "require": "./dist/cjs/spaceUtilities.js"
     },
     "./mobileUtilities": {
-      "import": "./esm/mobileUtilities.js",
-      "require": "./cjs/mobileUtilities.js"
+      "import": "./dist/esm/mobileUtilities.js",
+      "require": "./dist/cjs/mobileUtilities.js"
     },
     "./globalStyles": {
-      "import": "./esm/globalStyles.js",
-      "require": "./cjs/globalStyles.js"
+      "import": "./dist/esm/globalStyles.js",
+      "require": "./dist/cjs/globalStyles.js"
     },
     "./constants": {
-      "import": "./esm/constants.js",
-      "require": "./cjs/constants.js"
+      "import": "./dist/esm/constants.js",
+      "require": "./dist/cjs/constants.js"
     },
     "./arithmetic": {
-      "import": "./esm/arithmetic.js",
-      "require": "./cjs/arithmetic.js"
+      "import": "./dist/esm/arithmetic.js",
+      "require": "./dist/cjs/arithmetic.js"
     }
   },
   "sideEffects": [
@@ -73,28 +76,21 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "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",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-utilities": "2.3.0-alpha.1",
+    "@elliemae/ds-utilities": "2.3.0-alpha.10",
     "polished": "~3.6.7"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.2.5",
-    "@testing-library/jest-dom": "~5.15.0",
+    "@elliemae/pui-theme": "~2.3.0",
+    "@testing-library/jest-dom": "~5.15.1",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {
@@ -103,5 +99,11 @@
     "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/cjs/th.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/th.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["type thGetter = (value: string, dfault: string) => (theme: any) => string;\ntype thConstructor = ((property: string) => thGetter) & {\n  space: thGetter;\n  fontSize: thGetter;\n  fontWeight: thGetter;\n  lineHeight: thGetter;\n  letterSpacing: thGetter;\n  font: thGetter;\n  color: thGetter;\n  breakpoint: thGetter;\n  media: thGetter;\n};\n\nexport const th: thConstructor =\n  (property) =>\n  (value, dfault) =>\n  ({ theme }) => {\n    const parts = value.split('-');\n    let result = theme[property];\n    parts.forEach((part) => {\n      if (result) result = result[part];\n    });\n    return result ?? dfault;\n  };\n\nth.space = th('space');\nth.fontSize = th('fontSizes');\nth.fontWeight = th('fontWeights');\nth.lineHeight = th('lineHeights');\nth.letterSpacing = th('letterSpacings');\nth.font = th('fonts');\nth.color = th('colors');\nth.breakpoint = th('breakpoints');\nth.media = th('media');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADahB,MAAM,KACX,CAAC,aACD,CAAC,OAAO,WACR,CAAC,EAAE,YAAY;AACb,QAAM,QAAQ,MAAM,MAAM;AAC1B,MAAI,SAAS,MAAM;AACnB,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI;AAAQ,eAAS,OAAO;AAAA;AAE9B,SAAO,UAAU;AAAA;AAGrB,GAAG,QAAQ,GAAG;AACd,GAAG,WAAW,GAAG;AACjB,GAAG,aAAa,GAAG;AACnB,GAAG,aAAa,GAAG;AACnB,GAAG,gBAAgB,GAAG;AACtB,GAAG,OAAO,GAAG;AACb,GAAG,QAAQ,GAAG;AACd,GAAG,aAAa,GAAG;AACnB,GAAG,QAAQ,GAAG;",
-  "names": []
-}

package/esm/th.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/th.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "type thGetter = (value: string, dfault: string) => (theme: any) => string;\ntype thConstructor = ((property: string) => thGetter) & {\n  space: thGetter;\n  fontSize: thGetter;\n  fontWeight: thGetter;\n  lineHeight: thGetter;\n  letterSpacing: thGetter;\n  font: thGetter;\n  color: thGetter;\n  breakpoint: thGetter;\n  media: thGetter;\n};\n\nexport const th: thConstructor =\n  (property) =>\n  (value, dfault) =>\n  ({ theme }) => {\n    const parts = value.split('-');\n    let result = theme[property];\n    parts.forEach((part) => {\n      if (result) result = result[part];\n    });\n    return result ?? dfault;\n  };\n\nth.space = th('space');\nth.fontSize = th('fontSizes');\nth.fontWeight = th('fontWeights');\nth.lineHeight = th('lineHeights');\nth.letterSpacing = th('letterSpacings');\nth.font = th('fonts');\nth.color = th('colors');\nth.breakpoint = th('breakpoints');\nth.media = th('media');\n"],
-  "mappings": "AAAA;ACaO,MAAM,KACX,CAAC,aACD,CAAC,OAAO,WACR,CAAC,EAAE,YAAY;AACb,QAAM,QAAQ,MAAM,MAAM;AAC1B,MAAI,SAAS,MAAM;AACnB,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI;AAAQ,eAAS,OAAO;AAAA;AAE9B,SAAO,UAAU;AAAA;AAGrB,GAAG,QAAQ,GAAG;AACd,GAAG,WAAW,GAAG;AACjB,GAAG,aAAa,GAAG;AACnB,GAAG,aAAa,GAAG;AACnB,GAAG,gBAAgB,GAAG;AACtB,GAAG,OAAO,GAAG;AACb,GAAG,QAAQ,GAAG;AACd,GAAG,aAAa,GAAG;AACnB,GAAG,QAAQ,GAAG;",
-  "names": []
-}

package/types/th.d.ts

@@ -1,14 +0,0 @@
-declare type thGetter = (value: string, dfault: string) => (theme: any) => string;
-declare type thConstructor = ((property: string) => thGetter) & {
-    space: thGetter;
-    fontSize: thGetter;
-    fontWeight: thGetter;
-    lineHeight: thGetter;
-    letterSpacing: thGetter;
-    font: thGetter;
-    color: thGetter;
-    breakpoint: thGetter;
-    media: thGetter;
-};
-export declare const th: thConstructor;
-export {};