@tamagui/core 1.0.0-alpha.55 → 1.0.0-alpha.59

package/dist/jsx/helpers/createPropMapper.js

@@ -22,9 +22,12 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
     const variant = variantsParsed == null ? void 0 : variantsParsed[key];
     if (variant && typeof value !== "undefined") {
       const val = value === true ? variant["$true"] || variant["true"] : (_b = (_a = variant[value]) != null ? _a : variant["..."]) != null ? _b : value;
-      const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
+      let res = val;
+      if (typeof res === "function") {
+        res = res(value, { tokens: conf.tokensParsed, theme, props });
+      }
       if (isObj(res)) {
-        resolveTokens(res, conf, theme, fontFamily);
+        res = resolveTokens(res, conf, theme, fontFamily);
       }
       return res;
     }
@@ -48,10 +51,12 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
     }
   };
 }, "createPropMapper");
-const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
-  for (const rKey in res) {
+const resolveTokens = /* @__PURE__ */ __name((input, conf, theme, fontFamily) => {
+  var _a;
+  let res = {};
+  for (const rKey in input) {
     const fKey = conf.shorthands[rKey] || rKey;
-    const val = res[rKey];
+    const val = input[rKey];
     if (val instanceof Variable) {
       res[fKey] = val.variable;
     } else if (typeof val === "string") {
@@ -59,37 +64,40 @@ const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
       res[fKey] = fVal;
     } else {
       if (isObj(val)) {
-        resolveTokens(val, conf, theme, fontFamily);
+        res[fKey] = resolveTokens(val, conf, theme, fontFamily);
+      } else {
+        res[fKey] = input[fKey];
+      }
+    }
+    if (process.env.NODE_ENV === "development") {
+      if (((_a = res[fKey]) == null ? void 0 : _a[0]) === "$") {
+        console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey]);
       }
     }
   }
+  return res;
 }, "resolveTokens");
 const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, theme, fontFamily = "$body") => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  if (themeParsed[value]) {
-    if (isWeb && themeParsed[value].variable) {
-      return themeParsed[value].variable;
-    } else {
-      if (value && value[0] === "$") {
-        return ((_a = theme[`${value.slice(1)}`]) == null ? void 0 : _a.val) || ((_b = themeParsed[value]) == null ? void 0 : _b.val);
-      }
-    }
+  var _a, _b, _c, _d, _e;
+  const tokenVal = themeParsed[value];
+  if (tokenVal) {
+    return isWeb && tokenVal.variable ? tokenVal.variable : tokenVal.val;
   }
   let valOrVar;
   if (key === "fontFamily") {
-    valOrVar = ((_c = tokensParsed.font[value]) == null ? void 0 : _c.family) || value;
+    valOrVar = ((_a = tokensParsed.font[value]) == null ? void 0 : _a.family) || value;
   }
   if (key === "fontSize") {
-    valOrVar = ((_d = tokensParsed.font[fontFamily]) == null ? void 0 : _d.size[value]) || value;
+    valOrVar = ((_b = tokensParsed.font[fontFamily]) == null ? void 0 : _b.size[value]) || value;
   }
   if (key === "lineHeight") {
-    valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.lineHeight[value]) || value;
+    valOrVar = ((_c = tokensParsed.font[fontFamily]) == null ? void 0 : _c.lineHeight[value]) || value;
   }
   if (key === "letterSpacing") {
-    valOrVar = ((_f = tokensParsed.font[fontFamily]) == null ? void 0 : _f.letterSpacing[value]) || value;
+    valOrVar = ((_d = tokensParsed.font[fontFamily]) == null ? void 0 : _d.letterSpacing[value]) || value;
   }
   if (key === "fontWeight") {
-    valOrVar = ((_g = tokensParsed.font[fontFamily]) == null ? void 0 : _g.weight[value]) || value;
+    valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.weight[value]) || value;
   }
   if (typeof valOrVar !== "undefined") {
     if (valOrVar instanceof Variable) {
@@ -115,6 +123,10 @@ const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed
   if (spaceVar) {
     return spaceVar.variable;
   }
+  if (value && value[0] === "$") {
+    console.warn("Missing token in theme", value, "in", theme);
+    return null;
+  }
   return value;
 }, "getToken");
 const tokenCategories = {

package/dist/jsx/tamagui-base.css

@@ -0,0 +1,7 @@
+.tamagui-absolute-fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}

package/dist/jsx/views/AbsoluteFullscreen.js

@@ -0,0 +1,13 @@
+import { styled } from "../styled";
+import { Stack } from "./Stack";
+const AbsoluteFullscreen = styled(Stack, {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+});
+globalThis["TamaguiAbsoluteFullscreen"] = AbsoluteFullscreen;
+export {
+  AbsoluteFullscreen
+};

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-alpha.55",
+  "version": "1.0.0-alpha.59",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "typings": "types",
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch"
@@ -14,10 +17,10 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/helpers": "^1.0.0-alpha.48",
+    "@tamagui/helpers": "^1.0.0-alpha.58",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.0-alpha.44",
-    "@tamagui/use-force-update": "^1.0.0-alpha.44",
+    "@tamagui/use-debounce": "^1.0.0-alpha.58",
+    "@tamagui/use-force-update": "^1.0.0-alpha.58",
     "react": "*",
     "react-dom": "*"
   },
@@ -25,7 +28,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.44",
+    "@tamagui/build": "^1.0.0-alpha.58",
     "@types/react": "^17.0.35",
     "csstype": "^3.0.10",
     "esbuild": "^0.13.12",
@@ -35,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d9c8dbec240f5e16eb7c52b96ea8bed948e6e299"
+  "gitHead": "fc9f0f06708907f2f8d3968f56d9fc67df3345d5"
 }

package/types/constants/platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/constants/platform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAGlD,eAAO,MAAM,KAAK,SAAuE,CAAA;AACzF,eAAO,MAAM,KAAK,SAAyC,CAAA;AAC3D,eAAO,MAAM,yBAAyB,kBAAsC,CAAA;AAC5E,eAAO,MAAM,QAAQ,SAA+E,CAAA;AACpG,eAAO,MAAM,gBAAgB,SAA4D,CAAA;AACzF,eAAO,MAAM,aAAa,SAA6B,CAAA;AACvD,eAAO,MAAM,QAAQ,SAKA,CAAA"}
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/constants/platform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAGlD,eAAO,MAAM,KAAK,SAEgD,CAAA;AAElE,eAAO,MAAM,KAAK,SAAyC,CAAA;AAC3D,eAAO,MAAM,yBAAyB,kBAAsC,CAAA;AAC5E,eAAO,MAAM,QAAQ,SAA+E,CAAA;AACpG,eAAO,MAAM,gBAAgB,SAA4D,CAAA;AACzF,eAAO,MAAM,aAAa,SAA6B,CAAA;AACvD,eAAO,MAAM,QAAQ,SAKA,CAAA"}

package/types/createComponent.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import './tamagui-base.css';
 import { ViewStyle } from 'react-native';
 import { StaticComponent, StaticConfig, StaticConfigParsed } from './types';
 export declare const mouseUps: Set<Function>;
@@ -13,5 +15,6 @@ export declare function spacedChildren({ isZStack, children, space, flexDirectio
     space?: any;
     flexDirection?: ViewStyle['flexDirection'];
 }): any;
+export declare const AbsoluteFill: (props: any) => JSX.Element;
 export {};
 //# sourceMappingURL=createComponent.d.ts.map

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAYhE,OAAO,EAEL,eAAe,EACf,YAAY,EACZ,kBAAkB,EAEnB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAS3C,aAAK,YAAY,GAAG,EAAE,CAAA;AAuBtB,wBAAgB,eAAe,CAAC,kBAAkB,SAAS,MAAM,GAAG,YAAY,EAC9E,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,sEAscrD;AAOD,eAAO,MAAM,MAAM;;;iCAyBjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,OAwCA"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAe3B,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAYhE,OAAO,EAEL,eAAe,EACf,YAAY,EACZ,kBAAkB,EAEnB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAS3C,aAAK,YAAY,GAAG,EAAE,CAAA;AAuBtB,wBAAgB,eAAe,CAAC,kBAAkB,SAAS,MAAM,GAAG,YAAY,EAC9E,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,sEAqdrD;AAOD,eAAO,MAAM,MAAM;;;iCAyBjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,OA0CA;AAED,eAAO,MAAM,YAAY,UAAW,GAAG,gBAKpC,CAAA"}

package/types/helpers/createPropMapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAyB,MAAM,UAAU,CAAA;AAG9D,eAAO,MAAM,gBAAgB,MAAO,YAAY,WAKjC,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QA2DxD,CAAA"}
+{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAyB,MAAM,UAAU,CAAA;AAG9D,eAAO,MAAM,gBAAgB,MAAO,YAAY,WAKjC,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAsDxD,CAAA"}

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAM1D,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAI3D,eAAO,MAAM,cAAc;;iBAEX,kBAAkB,SACzB,WAAW;;;;;;;;CAuInB,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAM1D,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAI3D,eAAO,MAAM,cAAc;;iBAEX,kBAAkB,SACzB,WAAW;;;;;;;;CAsInB,CAAA"}

package/dist/cjs/getThemeParentClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/getThemeParentClassName.ts"],
-  "sourcesContent": ["import { PREFIX } from './constants/constants'\n\nexport function getThemeParentClassName(themeName?: string | null) {\n  return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ''}`\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAuB;AAEhB,iCAAiC,WAA2B;AACjE,SAAO,gBAAgB,YAAY,GAAG,0BAAS,cAAc;AAAA;AAD/C;",
-  "names": []
-}

package/dist/esm/getThemeParentClassName.js

@@ -1,11 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { PREFIX } from "./constants/constants";
-function getThemeParentClassName(themeName) {
-  return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ""}`;
-}
-__name(getThemeParentClassName, "getThemeParentClassName");
-export {
-  getThemeParentClassName
-};
-//# sourceMappingURL=getThemeParentClassName.js.map

package/dist/esm/getThemeParentClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/getThemeParentClassName.ts"],
-  "sourcesContent": ["import { PREFIX } from './constants/constants'\n\nexport function getThemeParentClassName(themeName?: string | null) {\n  return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ''}`\n}\n"],
-  "mappings": ";;AAAA;AAEO,iCAAiC,WAA2B;AACjE,SAAO,gBAAgB,YAAY,GAAG,SAAS,cAAc;AAAA;AAD/C;",
-  "names": []
-}

package/dist/jsx/getThemeParentClassName.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { PREFIX } from "./constants/constants";
-function getThemeParentClassName(themeName) {
-  return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ""}`;
-}
-__name(getThemeParentClassName, "getThemeParentClassName");
-export {
-  getThemeParentClassName
-};