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

package/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/cjs/th.js.map

@@ -1,7 +1,7 @@
 {
   "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;",
+  "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/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/esm/th.js.map

@@ -1,7 +1,7 @@
 {
   "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;",
+  "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "2.3.0-alpha.2",
+  "version": "2.3.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -89,7 +89,7 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-utilities": "2.3.0-alpha.2",
+    "@elliemae/ds-utilities": "2.3.0-alpha.3",
     "polished": "~3.6.7"
   },
   "devDependencies": {

package/types/th.d.ts

@@ -1,14 +1,17 @@
-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;
+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 declare const th: ThConstructor;
 export {};