@draftbit/theme 50.5.5 → 50.5.6-68e043.2

package/src/createThemeValuesProxy.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeValuesProxy.js","sourceRoot":"","sources":["createThemeValuesProxy.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAA8B,EAC9B,WAAwB,EACxB,WAAmB,EACnB,cAAkC,EAClC,yBAA2C;IAE3C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;QACzC,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE;QACtB,GAAG,EAAE,CACH,MAAmB,EACnB,GAAW,EACgC,EAAE;YAC7C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;gBAC3B,OAAO,YAAY,CAAC;aACrB;iBAAM;gBACL,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;gBACnE,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAChD,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBACxC,MAAM,QAAQ,GAAG,WAAW,CAC1B,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,CACd,CAAC;gBAEF,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,OAAO,sBAAsB,CAC3B,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;iBACH;qBAAM,IAAI,QAAQ,KAAK,UAAU,EAAE;oBAClC,OAAO,gBAAgB,CACrB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;iBACH;qBAAM,IAAI,QAAQ,KAAK,YAAY,EAAE;oBACpC,OAAO,kBAAkB,CACvB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;iBACH;qBAAM,IAAI,QAAQ,KAAK,WAAW,EAAE;oBACnC,OAAO,iBAAiB,CACtB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;iBACH;qBAAM;oBACL,OAAO,SAAS,CAAC;iBAClB;aACF;QACH,CAAC;QACD,GAAG,EAAE,GAAG,EAAE;YACR,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAkB,EAClB,YAAsB,EACtB,cAAwB,EACxB,aAAuB;IAEvB,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC;IAC7E,MAAM,iBAAiB,GAAG,cAAc,CAAC,IAAI,CAC3C,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAClC,CAAC;IACF,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,CACzC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAClC,CAAC;IACF,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAChD,CAAC,GAAG,EAAE,EAAE,CACN,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC3B,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC7B,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC5B,GAAG,KAAK,SAAS,CACpB,CAAC;IAEF,IACE,CAAC,WAAW,CACV,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,CACjB;QACD,CAAC,QAAQ,CACP,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,CACjB,EACD;QACA,MAAM,IAAI,KAAK,CACb,gHAAgH;YAC9G,WAAW,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC7C,CAAC;KACH;SAAM,IAAI,eAAe,EAAE;QAC1B,OAAO,UAAU,CAAC;KACnB;SAAM,IAAI,iBAAiB,EAAE;QAC5B,OAAO,YAAY,CAAC;KACrB;SAAM,IAAI,gBAAgB,EAAE;QAC3B,OAAO,WAAW,CAAC;KACpB;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAED,SAAS,WAAW,CAAC,CAAU,EAAE,CAAU,EAAE,CAAU,EAAE,CAAU;IACjE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,QAAQ,CAAC,CAAU,EAAE,CAAU,EAAE,CAAU,EAAE,CAAU;IAC9D,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAkB,EAClB,WAAwB,EACxB,WAAmB,EACnB,cAAkC,EAClC,yBAA2C;;IAE3C,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,cAAc,CAAC,mCAAI,KAAK,CAAC,OAAO,CAAC;IACpE,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE;QACnC,OAAO,oBAAoB,CAAC;KAC7B;SAAM;QACL,OAAO,sBAAsB,CAC3B,oBAAoB,EACpB,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;KACH;AACH,CAAC;AAED,SAAS,kBAAkB,CACzB,KAAkB,EAClB,WAAwB,EACxB,WAAmB,EACnB,cAAkC,EAClC,yBAA2C;;IAE3C,MAAM,qBAAqB,GAAuB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CACtE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CACjC,CAAC;IACF,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IACzE,IAAI,oBAAoB,GAAG,EAAE,CAAC;IAC9B,KAAK,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,IAAI,kBAAkB,EAAE;QACjE,IAAI,WAAW,IAAI,eAAe,EAAE;YAClC,oBAAoB,GAAG,aAAa,CAAC;SACtC;KACF;IACD,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,oBAAoB,CAAC,mCAAI,KAAK,CAAC,OAAO,CAAC;IAC5E,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;QACrC,OAAO,sBAAsB,CAAC;KAC/B;SAAM;QACL,OAAO,sBAAsB,CAC3B,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;KACH;AACH,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAkB,EAClB,WAAwB,EACxB,WAAmB,EACnB,cAAkC,EAClC,yBAA2C;;IAE3C,MAAM,qBAAqB,GACzB,MAAA,KAAK,CAAC,yBAAyB,CAAC,mCAAI,KAAK,CAAC,OAAO,CAAC;IAEpD,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;QACpC,OAAO,qBAAqB,CAAC;KAC9B;SAAM;QACL,OAAO,sBAAsB,CAC3B,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,CAC1B,CAAC;KACH;AACH,CAAC"}
+{"version":3,"file":"createThemeValuesProxy.js","sourceRoot":"","sources":["createThemeValuesProxy.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAUnD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,WAAW,EACX,WAAW,EACX,cAAc,EACd,yBAAyB,GACG;IAC5B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;QACzC,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE;QACtB,GAAG,EAAE,CACH,MAAmB,EACnB,GAAW,EAC4C,EAAE;YACzD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAEjC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;YAE7D,IAAI,kBAAkB,EAAE;gBACtB,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;gBACnE,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAChD,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAExC,MAAM,QAAQ,GAAG,WAAW,CAC1B,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,aAAa,CACd,CAAC;gBAEF,MAAM,KAAK,GAAgC;oBACzC,KAAK,EAAE,kBAAkB;oBACzB,WAAW;oBACX,WAAW;oBACX,cAAc;oBACd,yBAAyB;iBAC1B,CAAC;gBAEF,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,OAAO,sBAAsB,CAAC,KAAK,CAAC,CAAC;iBACtC;qBAAM,IAAI,QAAQ,KAAK,UAAU,EAAE;oBAClC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC;iBAChC;qBAAM,IAAI,QAAQ,KAAK,YAAY,EAAE;oBACpC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;iBAClC;qBAAM,IAAI,QAAQ,KAAK,WAAW,EAAE;oBACnC,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC;iBACjC;qBAAM;oBACL,OAAO,SAAS,CAAC;iBAClB;aACF;iBAAM;gBACL,OAAO,YAAY,CAAC;aACrB;QACH,CAAC;QACD,GAAG,EAAE,GAAG,EAAE;YACR,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAkB,EAClB,YAAsB,EACtB,cAAwB,EACxB,aAAuB;IAEvB,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC;IAC7E,MAAM,iBAAiB,GAAG,cAAc,CAAC,IAAI,CAC3C,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAClC,CAAC;IACF,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,CACzC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAClC,CAAC;IACF,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAChD,CAAC,GAAG,EAAE,EAAE,CACN,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC3B,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC7B,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC5B,GAAG,KAAK,SAAS,CACpB,CAAC;IAEF,IACE,CAAC,WAAW,CACV,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,CACjB;QACD,CAAC,QAAQ,CACP,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,CACjB,EACD;QACA,MAAM,IAAI,KAAK,CACb,gHAAgH;YAC9G,WAAW,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC7C,CAAC;KACH;SAAM,IAAI,eAAe,EAAE;QAC1B,OAAO,UAAU,CAAC;KACnB;SAAM,IAAI,iBAAiB,EAAE;QAC5B,OAAO,YAAY,CAAC;KACrB;SAAM,IAAI,gBAAgB,EAAE;QAC3B,OAAO,WAAW,CAAC;KACpB;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAED,SAAS,WAAW,CAAC,CAAU,EAAE,CAAU,EAAE,CAAU,EAAE,CAAU;IACjE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,QAAQ,CAAC,CAAU,EAAE,CAAU,EAAE,CAAU,EAAE,CAAU;IAC9D,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAkC;;IAC1D,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,oBAAoB,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,cAAc,CAAC,mCAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IACvE,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAErE,IAAI,kBAAkB,EAAE;QACtB,OAAO,sBAAsB,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;KACxE;SAAM;QACL,OAAO,oBAAoB,CAAC;KAC7B;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAkC;;IAC5D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,qBAAqB,GAAuB,MAAM,CAAC,IAAI,CAC3D,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CACZ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IACzE,IAAI,oBAAoB,GAAG,EAAE,CAAC;IAC9B,KAAK,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,IAAI,kBAAkB,EAAE;QACjE,IAAI,WAAW,IAAI,eAAe,EAAE;YAClC,oBAAoB,GAAG,aAAa,CAAC;SACtC;KACF;IACD,MAAM,sBAAsB,GAC1B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,oBAAoB,CAAC,mCAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IAClD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IAEvE,IAAI,kBAAkB,EAAE;QACtB,OAAO,sBAAsB,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;KACxE;SAAM;QACL,OAAO,sBAAsB,CAAC;KAC/B;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAkC;;IAC3D,MAAM,EAAE,KAAK,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,qBAAqB,GACzB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,yBAAyB,CAAC,mCAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IACvD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IAEtE,IAAI,kBAAkB,EAAE;QACtB,OAAO,sBAAsB,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC;KACxE;SAAM;QACL,OAAO,qBAAqB,CAAC;KAC9B;AACH,CAAC"}

package/src/createThemeValuesProxy.ts

@@ -1,6 +1,14 @@
 import { ThemeValues, Breakpoints } from "./types";
-import { Platform } from "react-native";
-import { isObject } from "lodash";
+import { Platform, TextStyle } from "react-native";
+import { asThemeValuesObject } from "./validators";
+
+interface CreateThemeValuesProxyInput {
+  value: ThemeValues | undefined;
+  breakpoints: Breakpoints;
+  deviceWidth: number;
+  devicePlatform: typeof Platform.OS;
+  currentLightDarkSelection: "light" | "dark";
+}
 
 /**
  * Creates a proxy for theme value objects to select a value whenever
@@ -9,13 +17,13 @@ import { isObject } from "lodash";
  * Ex: {color: {ios: "blue", android: "red"}}
  *      -> theme.color returns "blue" when the platform is ios and "red" when android
  */
-export default function createThemeValuesProxy(
-  value: ThemeValues | undefined,
-  breakpoints: Breakpoints,
-  deviceWidth: number,
-  devicePlatform: typeof Platform.OS,
-  currentLightDarkSelection: "light" | "dark"
-): any /* return type 'any' to allow arbitrary object references (object.example.another.there) */ {
+export default function createThemeValuesProxy({
+  value,
+  breakpoints,
+  deviceWidth,
+  devicePlatform,
+  currentLightDarkSelection,
+}: CreateThemeValuesProxyInput): any /* return type 'any' to allow arbitrary object references (object.example.another.there) */ {
   if (value === undefined || value === null) {
     return undefined;
   }
@@ -23,56 +31,44 @@ export default function createThemeValuesProxy(
     get: (
       target: ThemeValues,
       key: string
-    ): string | number | ThemeValues | undefined => {
+    ): string | number | ThemeValues | TextStyle | undefined => {
       const currentValue = target[key];
-      if (!isObject(currentValue)) {
-        return currentValue;
-      } else {
+
+      const valueAsThemeValues = asThemeValuesObject(currentValue);
+
+      if (valueAsThemeValues) {
         const platformKeys = ["ios", "android", "web", "macos", "windows"];
         const breakpointKeys = Object.keys(breakpoints);
         const lightDarkKeys = ["light", "dark"];
+
         const keysType = getKeysType(
-          currentValue,
+          valueAsThemeValues,
           platformKeys,
           breakpointKeys,
           lightDarkKeys
         );
 
+        const input: CreateThemeValuesProxyInput = {
+          value: valueAsThemeValues,
+          breakpoints,
+          deviceWidth,
+          devicePlatform,
+          currentLightDarkSelection,
+        };
+
         if (keysType === "default") {
-          return createThemeValuesProxy(
-            currentValue,
-            breakpoints,
-            deviceWidth,
-            devicePlatform,
-            currentLightDarkSelection
-          );
+          return createThemeValuesProxy(input);
         } else if (keysType === "platform") {
-          return getPlatformValue(
-            currentValue,
-            breakpoints,
-            deviceWidth,
-            devicePlatform,
-            currentLightDarkSelection
-          );
+          return getPlatformValue(input);
         } else if (keysType === "breakpoint") {
-          return getBreakpointValue(
-            currentValue,
-            breakpoints,
-            deviceWidth,
-            devicePlatform,
-            currentLightDarkSelection
-          );
+          return getBreakpointValue(input);
         } else if (keysType === "lightDark") {
-          return getLightDarkValue(
-            currentValue,
-            breakpoints,
-            deviceWidth,
-            devicePlatform,
-            currentLightDarkSelection
-          );
+          return getLightDarkValue(input);
         } else {
           return undefined;
         }
+      } else {
+        return currentValue;
       }
     },
     set: () => {
@@ -139,37 +135,25 @@ function allFalse(a: boolean, b: boolean, c: boolean, d: boolean) {
   return [a, b, c, d].filter((x) => x).length === 0;
 }
 
-function getPlatformValue(
-  value: ThemeValues,
-  breakpoints: Breakpoints,
-  deviceWidth: number,
-  devicePlatform: typeof Platform.OS,
-  currentLightDarkSelection: "light" | "dark"
-) {
-  const currentPlatformValue = value[devicePlatform] ?? value.default;
-  if (!isObject(currentPlatformValue)) {
-    return currentPlatformValue;
+function getPlatformValue(input: CreateThemeValuesProxyInput) {
+  const { value, devicePlatform } = input;
+
+  const currentPlatformValue = value?.[devicePlatform] ?? value?.default;
+  const valueAsThemeValues = asThemeValuesObject(currentPlatformValue);
+
+  if (valueAsThemeValues) {
+    return createThemeValuesProxy({ ...input, value: valueAsThemeValues });
   } else {
-    return createThemeValuesProxy(
-      currentPlatformValue,
-      breakpoints,
-      deviceWidth,
-      devicePlatform,
-      currentLightDarkSelection
-    );
+    return currentPlatformValue;
   }
 }
 
-function getBreakpointValue(
-  value: ThemeValues,
-  breakpoints: Breakpoints,
-  deviceWidth: number,
-  devicePlatform: typeof Platform.OS,
-  currentLightDarkSelection: "light" | "dark"
-) {
-  const keysToBreakpointValue: [string, number][] = Object.keys(value).map(
-    (key) => [key, breakpoints[key]]
-  );
+function getBreakpointValue(input: CreateThemeValuesProxyInput) {
+  const { value, breakpoints, deviceWidth } = input;
+
+  const keysToBreakpointValue: [string, number][] = Object.keys(
+    value ?? {}
+  ).map((key) => [key, breakpoints[key]]);
   const orderedBreakpoints = keysToBreakpointValue.sort(([_, val]) => val);
   let currentBreakpointKey = "";
   for (const [breakpointKey, breakpointValue] of orderedBreakpoints) {
@@ -177,39 +161,27 @@ function getBreakpointValue(
       currentBreakpointKey = breakpointKey;
     }
   }
-  const currentBreakpointValue = value[currentBreakpointKey] ?? value.default;
-  if (!isObject(currentBreakpointValue)) {
-    return currentBreakpointValue;
+  const currentBreakpointValue =
+    value?.[currentBreakpointKey] ?? value?.default;
+  const valueAsThemeValues = asThemeValuesObject(currentBreakpointValue);
+
+  if (valueAsThemeValues) {
+    return createThemeValuesProxy({ ...input, value: valueAsThemeValues });
   } else {
-    return createThemeValuesProxy(
-      currentBreakpointValue,
-      breakpoints,
-      deviceWidth,
-      devicePlatform,
-      currentLightDarkSelection
-    );
+    return currentBreakpointValue;
   }
 }
 
-function getLightDarkValue(
-  value: ThemeValues,
-  breakpoints: Breakpoints,
-  deviceWidth: number,
-  devicePlatform: typeof Platform.OS,
-  currentLightDarkSelection: "light" | "dark"
-) {
+function getLightDarkValue(input: CreateThemeValuesProxyInput) {
+  const { value, currentLightDarkSelection } = input;
+
   const currentLightDarkValue =
-    value[currentLightDarkSelection] ?? value.default;
+    value?.[currentLightDarkSelection] ?? value?.default;
+  const valueAsThemeValues = asThemeValuesObject(currentLightDarkValue);
 
-  if (!isObject(currentLightDarkValue)) {
-    return currentLightDarkValue;
+  if (valueAsThemeValues) {
+    return createThemeValuesProxy({ ...input, value: valueAsThemeValues });
   } else {
-    return createThemeValuesProxy(
-      currentLightDarkValue,
-      breakpoints,
-      deviceWidth,
-      devicePlatform,
-      currentLightDarkSelection
-    );
+    return currentLightDarkValue;
   }
 }

package/src/types.ts

@@ -1,5 +1,7 @@
+import { TextStyle } from "react-native";
+
 export type ThemeValues = {
-  [key: string]: string | number | ThemeValues;
+  [key: string]: string | number | TextStyle | ThemeValues;
 };
 
 export type Theme = {
@@ -11,7 +13,21 @@ export type Theme = {
     foreground?: ThemeValues;
     border?: ThemeValues;
   };
-  typography: { [key: string]: any }; //TODO: Update theme to support typography. Left as 'any' for legacy support until updated and migrated
+  typography: {
+    body1?: ThemeValues | TextStyle;
+    body2?: ThemeValues | TextStyle;
+    button?: ThemeValues | TextStyle;
+    caption?: ThemeValues | TextStyle;
+    headline1?: ThemeValues | TextStyle;
+    headline2?: ThemeValues | TextStyle;
+    headline3?: ThemeValues | TextStyle;
+    headline4?: ThemeValues | TextStyle;
+    headline5?: ThemeValues | TextStyle;
+    headline6?: ThemeValues | TextStyle;
+    overline?: ThemeValues | TextStyle;
+    subtitle1?: ThemeValues | TextStyle;
+    subtitle2?: ThemeValues | TextStyle;
+  };
 };
 
 export type ValidatedTheme = Theme & {
@@ -26,6 +42,21 @@ export type ReadTheme = Theme & {
     foreground?: any;
     border?: any;
   };
+  typography: {
+    body1?: any;
+    body2?: any;
+    button?: any;
+    caption?: any;
+    headline1?: any;
+    headline2?: any;
+    headline3?: any;
+    headline4?: any;
+    headline5?: any;
+    headline6?: any;
+    overline?: any;
+    subtitle1?: any;
+    subtitle2?: any;
+  };
 };
 
 export type ColorPaletteValues = {

package/src/validators.js

@@ -1,52 +1,91 @@
+import { z } from "zod";
+const PaletteSchema = z.record(z.string(), z.record(z.string(), z.string()));
+const BreakpointSchema = z.record(z.string(), z.number());
+const TextStyleSchema = z.union([
+    z.object({
+        fontSize: z.number(),
+    }),
+    z.object({
+        fontFamily: z.string(),
+    }),
+    z.object({
+        fontWeight: z.enum([
+            "normal",
+            "bold",
+            "100",
+            "200",
+            "300",
+            "400",
+            "500",
+            "600",
+            "700",
+            "800",
+            "900",
+        ]),
+    }),
+    z.object({
+        fontStyle: z.enum(["normal", "italic"]),
+    }),
+    z.object({
+        letterSpacing: z.number(),
+    }),
+    z.object({
+        lineHeight: z.number(),
+    }),
+]);
+const ThemeValuesSchema = z.record(z.string(), z.lazy(() => z.union([z.string(), z.number(), TextStyleSchema, ThemeValuesSchema])));
+const TextStyleOrThemeValuesSchema = z.union([TextStyleSchema, ThemeValuesSchema]);
+const ThemeSchema = z.object({
+    name: z.string(),
+    colors: z.object({
+        branding: ThemeValuesSchema.optional(),
+        text: ThemeValuesSchema.optional(),
+        background: ThemeValuesSchema.optional(),
+        foreground: ThemeValuesSchema.optional(),
+        border: ThemeValuesSchema.optional(),
+    }),
+    typography: z.object({
+        body1: TextStyleOrThemeValuesSchema.optional(),
+        body2: TextStyleOrThemeValuesSchema.optional(),
+        button: TextStyleOrThemeValuesSchema.optional(),
+        caption: TextStyleOrThemeValuesSchema.optional(),
+        headline1: TextStyleOrThemeValuesSchema.optional(),
+        headline2: TextStyleOrThemeValuesSchema.optional(),
+        headline3: TextStyleOrThemeValuesSchema.optional(),
+        headline4: TextStyleOrThemeValuesSchema.optional(),
+        headline5: TextStyleOrThemeValuesSchema.optional(),
+        headline6: TextStyleOrThemeValuesSchema.optional(),
+        overline: TextStyleOrThemeValuesSchema.optional(),
+        subtitle1: TextStyleOrThemeValuesSchema.optional(),
+        subtitle2: TextStyleOrThemeValuesSchema.optional(),
+    }),
+});
 export function validatePalettes(palettes) {
-    for (const key of Object.keys(palettes)) {
-        if (typeof key !== "string") {
-            throw new Error(`Invalid palettes object, ${key} is not a string`);
-        }
-        for (const [innerKey, value] of Object.entries(palettes[key])) {
-            if (typeof innerKey !== "string") {
-                throw new Error(`Invalid palette color key, ${innerKey} is not a string`);
-            }
-            if (typeof value !== "string") {
-                throw new Error(`Invalid palette color value, ${value} is not a string`);
-            }
-        }
+    const result = PaletteSchema.safeParse(palettes);
+    if (!result.success) {
+        throw new Error("Invalid palettes object: " + result.error.message);
     }
 }
 export function validateBreakpoints(breakpoints) {
-    for (const [key, value] of Object.entries(breakpoints)) {
-        if (typeof key !== "string") {
-            throw new Error(`Invalid breakpoint key, ${key} is not a string`);
-        }
-        if (typeof value !== "number") {
-            throw new Error(`Invalid breakpoint value, ${value} is not a number`);
-        }
+    const result = BreakpointSchema.safeParse(breakpoints);
+    if (!result.success) {
+        throw new Error("Invalid breakpoints object: " + result.error.message);
     }
 }
 export function validateTheme(theme) {
-    function validateThemeValues(themeValue) {
-        if (themeValue === undefined || themeValue === null) {
-            return;
-        }
-        for (const [key, value] of Object.entries(themeValue)) {
-            if (typeof key !== "string") {
-                throw new Error(`Invalid theme key, ${key} is not a string`);
-            }
-            if (value === undefined || value === null) {
-                continue;
-            }
-            else if (typeof value === "object") {
-                validateThemeValues(value);
-            }
-            else if (typeof value !== "string" && typeof value !== "number") {
-                throw new Error(`Invalid theme value, ${value} is not a string, number, or object`);
-            }
-        }
+    const result = ThemeSchema.safeParse(theme);
+    if (!result.success) {
+        throw new Error("Invalid theme object: " + result.error.message);
     }
-    validateThemeValues(theme.colors.branding);
-    validateThemeValues(theme.colors.text);
-    validateThemeValues(theme.colors.foreground);
-    validateThemeValues(theme.colors.background);
-    validateThemeValues(theme.colors.border);
+}
+export function isTextStyleObject(value) {
+    return TextStyleSchema.safeParse(value).success;
+}
+export function asThemeValuesObject(value) {
+    // Text style matches the shape of ThemeValues, but we don't want to treat it as a ThemeValues
+    if (isTextStyleObject(value)) {
+        return null;
+    }
+    return ThemeValuesSchema.safeParse(value).success ? value : null;
 }
 //# sourceMappingURL=validators.js.map

package/src/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["validators.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,QAAuB;IACtD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACvC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,kBAAkB,CAAC,CAAC;SACpE;QACD,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7D,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;gBAChC,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,kBAAkB,CACzD,CAAC;aACH;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,IAAI,KAAK,CACb,gCAAgC,KAAK,kBAAkB,CACxD,CAAC;aACH;SACF;KACF;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,WAAwB;IAC1D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACtD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,2BAA2B,GAAG,kBAAkB,CAAC,CAAC;SACnE;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,IAAI,KAAK,CAAC,6BAA6B,KAAK,kBAAkB,CAAC,CAAC;SACvE;KACF;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAY;IACxC,SAAS,mBAAmB,CAAC,UAAwB;QACnD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE;YACnD,OAAO;SACR;QACD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YACrD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,MAAM,IAAI,KAAK,CAAC,sBAAsB,GAAG,kBAAkB,CAAC,CAAC;aAC9D;YACD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;gBACzC,SAAS;aACV;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,mBAAmB,CAAC,KAAK,CAAC,CAAC;aAC5B;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACjE,MAAM,IAAI,KAAK,CACb,wBAAwB,KAAK,qCAAqC,CACnE,CAAC;aACH;SACF;IACH,CAAC;IACD,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["validators.ts"],"names":[],"mappings":"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"}

package/src/validators.ts

@@ -1,59 +1,116 @@
 import { ColorPalettes, Breakpoints, Theme, ThemeValues } from "./types";
+import { TextStyle } from "react-native";
+import { z } from "zod";
+
+const PaletteSchema: z.ZodType<ColorPalettes> = z.record(
+  z.string(),
+  z.record(z.string(), z.string())
+);
+
+const BreakpointSchema: z.ZodType<Breakpoints> = z.record(
+  z.string(),
+  z.number()
+);
+
+const TextStyleSchema: z.ZodType<TextStyle> = z.union([
+  z.object({
+    fontSize: z.number(),
+  }),
+  z.object({
+    fontFamily: z.string(),
+  }),
+  z.object({
+    fontWeight: z.enum([
+      "normal",
+      "bold",
+      "100",
+      "200",
+      "300",
+      "400",
+      "500",
+      "600",
+      "700",
+      "800",
+      "900",
+    ]),
+  }),
+  z.object({
+    fontStyle: z.enum(["normal", "italic"]),
+  }),
+  z.object({
+    letterSpacing: z.number(),
+  }),
+  z.object({
+    lineHeight: z.number(),
+  }),
+]);
+
+const ThemeValuesSchema: z.ZodType<ThemeValues> = z.record(
+  z.string(),
+  z.lazy(() =>
+    z.union([z.string(), z.number(), TextStyleSchema, ThemeValuesSchema])
+  )
+);
+
+const TextStyleOrThemeValuesSchema: z.ZodType<ThemeValues | TextStyle> =
+  z.union([TextStyleSchema, ThemeValuesSchema]);
+
+const ThemeSchema: z.ZodType<Theme> = z.object({
+  name: z.string(),
+  colors: z.object({
+    branding: ThemeValuesSchema.optional(),
+    text: ThemeValuesSchema.optional(),
+    background: ThemeValuesSchema.optional(),
+    foreground: ThemeValuesSchema.optional(),
+    border: ThemeValuesSchema.optional(),
+  }),
+  typography: z.object({
+    body1: TextStyleOrThemeValuesSchema.optional(),
+    body2: TextStyleOrThemeValuesSchema.optional(),
+    button: TextStyleOrThemeValuesSchema.optional(),
+    caption: TextStyleOrThemeValuesSchema.optional(),
+    headline1: TextStyleOrThemeValuesSchema.optional(),
+    headline2: TextStyleOrThemeValuesSchema.optional(),
+    headline3: TextStyleOrThemeValuesSchema.optional(),
+    headline4: TextStyleOrThemeValuesSchema.optional(),
+    headline5: TextStyleOrThemeValuesSchema.optional(),
+    headline6: TextStyleOrThemeValuesSchema.optional(),
+    overline: TextStyleOrThemeValuesSchema.optional(),
+    subtitle1: TextStyleOrThemeValuesSchema.optional(),
+    subtitle2: TextStyleOrThemeValuesSchema.optional(),
+  }),
+});
 
 export function validatePalettes(palettes: ColorPalettes) {
-  for (const key of Object.keys(palettes)) {
-    if (typeof key !== "string") {
-      throw new Error(`Invalid palettes object, ${key} is not a string`);
-    }
-    for (const [innerKey, value] of Object.entries(palettes[key])) {
-      if (typeof innerKey !== "string") {
-        throw new Error(
-          `Invalid palette color key, ${innerKey} is not a string`
-        );
-      }
-      if (typeof value !== "string") {
-        throw new Error(
-          `Invalid palette color value, ${value} is not a string`
-        );
-      }
-    }
+  const result = PaletteSchema.safeParse(palettes);
+  if (!result.success) {
+    throw new Error("Invalid palettes object: " + result.error.message);
   }
 }
 
 export function validateBreakpoints(breakpoints: Breakpoints) {
-  for (const [key, value] of Object.entries(breakpoints)) {
-    if (typeof key !== "string") {
-      throw new Error(`Invalid breakpoint key, ${key} is not a string`);
-    }
-    if (typeof value !== "number") {
-      throw new Error(`Invalid breakpoint value, ${value} is not a number`);
-    }
+  const result = BreakpointSchema.safeParse(breakpoints);
+  if (!result.success) {
+    throw new Error("Invalid breakpoints object: " + result.error.message);
   }
 }
 
 export function validateTheme(theme: Theme) {
-  function validateThemeValues(themeValue?: ThemeValues) {
-    if (themeValue === undefined || themeValue === null) {
-      return;
-    }
-    for (const [key, value] of Object.entries(themeValue)) {
-      if (typeof key !== "string") {
-        throw new Error(`Invalid theme key, ${key} is not a string`);
-      }
-      if (value === undefined || value === null) {
-        continue;
-      } else if (typeof value === "object") {
-        validateThemeValues(value);
-      } else if (typeof value !== "string" && typeof value !== "number") {
-        throw new Error(
-          `Invalid theme value, ${value} is not a string, number, or object`
-        );
-      }
-    }
+  const result = ThemeSchema.safeParse(theme);
+  if (!result.success) {
+    throw new Error("Invalid theme object: " + result.error.message);
   }
-  validateThemeValues(theme.colors.branding);
-  validateThemeValues(theme.colors.text);
-  validateThemeValues(theme.colors.foreground);
-  validateThemeValues(theme.colors.background);
-  validateThemeValues(theme.colors.border);
+}
+
+export function isTextStyleObject(value: any): boolean {
+  return TextStyleSchema.safeParse(value).success;
+}
+
+export function asThemeValuesObject(value: any): ThemeValues | null {
+  // Text style matches the shape of ThemeValues, but we don't want to treat it as a ThemeValues
+  if (isTextStyleObject(value)) {
+    return null;
+  }
+
+  return ThemeValuesSchema.safeParse(value).success ? value : null;
 }