@tamagui/stacks 2.7.7 → 3.0.0-beta.637.1

package/dist/jsx/getElevation.native.js

@@ -1,74 +1,73 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getElevation_exports = {};
 __export(getElevation_exports, {
-  getElevation: () => getElevation,
-  getSizedElevation: () => getSizedElevation
+	getElevation: () => getElevation,
+	getSizedElevation: () => getSizedElevation
 });
 module.exports = __toCommonJS(getElevation_exports);
 var import_core = require("@tamagui/core");
-var getElevation = function (size, extras) {
-  if (!size) return;
-  var {
-    tokens
-  } = extras;
-  var token = tokens.size[size];
-  var sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
-  return getSizedElevation(sizeNum, extras);
+var getElevation = function(size, extras) {
+	if (!size) return;
+	var { tokens } = extras;
+	var sizeToken = (0, import_core.resolveSizeToken)(size, "size");
+	if (typeof sizeToken === "number") return getSizedElevation(sizeToken, extras);
+	var token = tokens.size[sizeToken];
+	var sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
+	return getSizedElevation(sizeNum, extras);
 };
-var getSizedElevation = function (val, param) {
-  var {
-    theme,
-    tokens
-  } = param;
-  var num = 0;
-  if (val === true) {
-    var _$val = (0, import_core.getVariableValue)(tokens.size["true"]);
-    if (typeof _$val === "number") {
-      num = _$val;
-    } else {
-      num = 10;
-    }
-  } else {
-    num = +val;
-  }
-  if (num === 0) {
-    return;
-  }
-  var [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
-  var shadow = {
-    shadowColor: theme.shadowColor,
-    shadowRadius,
-    shadowOffset: {
-      height,
-      width: 0
-    },
-    ...(import_core.isAndroid ? {
-      elevationAndroid: 2 * height
-    } : {})
-  };
-  return shadow;
+var getSizedElevation = function(val, param) {
+	var { theme, tokens } = param;
+	var num = 0;
+	if (typeof val === "number") {
+		num = val;
+	} else if (val) {
+		var sizeToken = (0, import_core.resolveSizeToken)(val, "size");
+		var token = typeof sizeToken === "number" ? sizeToken : tokens.size[sizeToken];
+		var tokenValue = (0, import_core.getVariableValue)(token);
+		if (typeof tokenValue === "number") {
+			num = tokenValue;
+		} else {
+			num = 10;
+		}
+	}
+	if (num === 0) {
+		return;
+	}
+	var [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
+	var _theme_shadowcolor;
+	var shadowColor = (_theme_shadowcolor = theme["shadow-color"]) !== null && _theme_shadowcolor !== void 0 ? _theme_shadowcolor : theme.shadowColor;
+	var shadow = {
+		shadowColor,
+		shadowRadius,
+		shadowOffset: {
+			height,
+			width: 0
+		},
+		...import_core.isAndroid ? { elevationAndroid: 2 * height } : {}
+	};
+	return shadow;
 };
+
 //# sourceMappingURL=getElevation.native.js.map

package/dist/jsx/getElevation.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","val","__toCommonJS","mod","value","getElevation_exports","getElevation","getSizedElevation","module","exports","import_core","require","size","extras","tokens","token","sizeNum","isVariable","param","theme"],"sources":["../../src/getElevation.tsx"],"sourcesContent":[null],"mappings":"AAMA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAsD,CAAAC,cAAM;AACvE,IAAAC,gBAAW,GAAAF,MAAA,CAAAG,wBAAA;AACX,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AACnB,IAAAC,YAAc,GAAAN,MAAO,CAAAO,SAAS,CAAAC,cAAA;AAC9B,IAAAC,QAAM,GAAAA,CAAAC,MAAW,EAAAC,GAAA,KAAW;EAC5B,SAAOC,IAAA,IAAAD,GAAA,EACTZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEO;AAIL,IAAAC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACV,IAAIF,IAAA,IAAQ,OAAMA,IAAA,wBAAAA,IAAA;IAChB,SAAMG,GAAA,IAAMhB,iBAAiB,CAAAa,IAAO,GACpC,IAAI,CAAAX,YAAO,CAAQe,IAAA,CAAAL,EAAA,EAAAI,GAAU,KAAAA,GAAA,KAAAF,MAAA,EAC3BnB,SAAM,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAS,CAAA,KAAAL,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAEN,OAAAE,EAAA;AAAM;AACR,IACFO,YAAO,GAAAC,GAAA,IAAAT,WAAA,CAAAhB,SAAA;EAAA0B,KAAA;AAAA,IAAAD,GAAA;AACL,IAAAE,oBAAO;AAAAjB,QACT,CAAAiB,oBAAA;EACAC,YAAY,EAAAA,CAAA,KAAGA,YAAA;EACbC,iBAAA,EAAAA,CAAA,KAAAA;AAAA,EACF;AACAC,MAAA,CAAAC,OAAO,GAAQP,YAAY,CAAAG,oBAAgB,CAAM;AACjD,IAAAK,WAAM,GAASC,OAAA;AAAA,IACbL,YAAA,GAAa,SAAAA,CAAMM,IAAA,EAAAC,MAAA;EAAA,IACnB,CAAAD,IAAA;EAAA,IACA;IAAAE;EAAA,IAAcD,MAAE;EAAiB,IACjCE,KAAI,GAAAD,MACA,CAAAF,IAAA,CAAAA,IAAA;EAAA,IACEI,OAAA,OAAAN,WAAsB,CAAAO,UAAA,EAAAF,KAAA,KAAAA,KAAA,CAAAd,GAAA,GAAAW,IAAA;EAAA,OAEvBL,iBAAA,CAAAS,OAAA,EAAAH,MAAA;AAAA;AAEP,IAAAN,iBAAO,YAAAA,CAAAN,GAAA,EAAAiB,KAAA;EACT;IAAAC,KAAA;IAAAL;EAAA,IAAAI,KAAA","ignoreList":[]}
+{"version":3,"file":"getElevation.native.js","names":[],"sources":["jsx/getElevation.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar getElevation_exports = {};\n__export(getElevation_exports, {\n  getElevation: () => getElevation,\n  getSizedElevation: () => getSizedElevation\n});\nmodule.exports = __toCommonJS(getElevation_exports);\nvar import_core = require(\"@tamagui/core\");\nvar getElevation = function(size, extras) {\n  if (!size) return;\n  var { tokens } = extras;\n  var sizeToken = (0, import_core.resolveSizeToken)(size, \"size\");\n  if (typeof sizeToken === \"number\") return getSizedElevation(sizeToken, extras);\n  var token = tokens.size[sizeToken];\n  var sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;\n  return getSizedElevation(sizeNum, extras);\n};\nvar getSizedElevation = function(val, param) {\n  var { theme, tokens } = param;\n  var num = 0;\n  if (typeof val === \"number\") {\n    num = val;\n  } else if (val) {\n    var sizeToken = (0, import_core.resolveSizeToken)(val, \"size\");\n    var token = typeof sizeToken === \"number\" ? sizeToken : tokens.size[sizeToken];\n    var tokenValue = (0, import_core.getVariableValue)(token);\n    if (typeof tokenValue === \"number\") {\n      num = tokenValue;\n    } else {\n      num = 10;\n    }\n  }\n  if (num === 0) {\n    return;\n  }\n  var [height, shadowRadius] = [\n    Math.round(num / 4 + 1),\n    Math.round(num / 2 + 2)\n  ];\n  var _theme_shadowcolor;\n  var shadowColor = (_theme_shadowcolor = theme[\"shadow-color\"]) !== null && _theme_shadowcolor !== void 0 ? _theme_shadowcolor : theme.shadowColor;\n  var shadow = {\n    shadowColor,\n    shadowRadius,\n    shadowOffset: {\n      height,\n      width: 0\n    },\n    ...import_core.isAndroid ? {\n      elevationAndroid: 2 * height\n    } : {}\n  };\n  return shadow;\n};\n//# sourceMappingURL=getElevation.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB;CAC7B,oBAAoB;CACpB,yBAAyB;AAC3B,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,eAAe,SAAS,MAAM,QAAQ;CACxC,IAAI,CAAC,MAAM;CACX,IAAI,EAAE,WAAW;CACjB,IAAI,aAAa,GAAG,YAAY,kBAAkB,MAAM,MAAM;CAC9D,IAAI,OAAO,cAAc,UAAU,OAAO,kBAAkB,WAAW,MAAM;CAC7E,IAAI,QAAQ,OAAO,KAAK;CACxB,IAAI,WAAW,GAAG,YAAY,YAAY,KAAK,IAAI,CAAC,MAAM,MAAM;CAChE,OAAO,kBAAkB,SAAS,MAAM;AAC1C;AACA,IAAI,oBAAoB,SAAS,KAAK,OAAO;CAC3C,IAAI,EAAE,OAAO,WAAW;CACxB,IAAI,MAAM;CACV,IAAI,OAAO,QAAQ,UAAU;EAC3B,MAAM;CACR,OAAO,IAAI,KAAK;EACd,IAAI,aAAa,GAAG,YAAY,kBAAkB,KAAK,MAAM;EAC7D,IAAI,QAAQ,OAAO,cAAc,WAAW,YAAY,OAAO,KAAK;EACpE,IAAI,cAAc,GAAG,YAAY,kBAAkB,KAAK;EACxD,IAAI,OAAO,eAAe,UAAU;GAClC,MAAM;EACR,OAAO;GACL,MAAM;EACR;CACF;CACA,IAAI,QAAQ,GAAG;EACb;CACF;CACA,IAAI,CAAC,QAAQ,gBAAgB,CAC3B,KAAK,MAAM,MAAM,IAAI,CAAC,GACtB,KAAK,MAAM,MAAM,IAAI,CAAC,CACxB;CACA,IAAI;CACJ,IAAI,eAAe,qBAAqB,MAAM,qBAAqB,QAAQ,uBAAuB,KAAK,IAAI,qBAAqB,MAAM;CACtI,IAAI,SAAS;EACX;EACA;EACA,cAAc;GACZ;GACA,OAAO;EACT;EACA,GAAG,YAAY,YAAY,EACzB,kBAAkB,IAAI,OACxB,IAAI,CAAC;CACP;CACA,OAAO;AACT"}

package/dist/jsx/index.js

@@ -1,6 +1,5 @@
-export * from "./Stacks.mjs";
-export * from "./ThemeableStack.mjs";
-export * from "./SizableStack.mjs";
-export * from "./NestingContext.mjs";
-export * from "./getElevation.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Stacks.mjs"
+
+export * from "./NestingContext.mjs"
+
+export * from "./getElevation.mjs"

package/dist/jsx/index.mjs

@@ -1,6 +1,5 @@
-export * from "./Stacks.mjs";
-export * from "./ThemeableStack.mjs";
-export * from "./SizableStack.mjs";
-export * from "./NestingContext.mjs";
-export * from "./getElevation.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Stacks.mjs"
+
+export * from "./NestingContext.mjs"
+
+export * from "./getElevation.mjs"

package/dist/jsx/index.native.cjs

@@ -0,0 +1,23 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Stacks.native.js"), module.exports);
+__reExport(index_exports, require("./NestingContext.native.js"), module.exports);
+__reExport(index_exports, require("./getElevation.native.js"), module.exports);

package/dist/jsx/index.native.js

@@ -1,27 +1,25 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Stacks.native.js"), module.exports);
-__reExport(index_exports, require("./ThemeableStack.native.js"), module.exports);
-__reExport(index_exports, require("./SizableStack.native.js"), module.exports);
 __reExport(index_exports, require("./NestingContext.native.js"), module.exports);
 __reExport(index_exports, require("./getElevation.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AACd,IAAAC,iBAAc,GAAAJ,MAAA,CAAAK,mBAAA;AACd,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Stacks\"), module.exports);\n__reExport(index_exports, require(\"./NestingContext\"), module.exports);\n__reExport(index_exports, require(\"./getElevation\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,oBAAU,GAAG,OAAO,OAAO;AAC7D,WAAW,eAAe,QAAQ,4BAAkB,GAAG,OAAO,OAAO;AACrE,WAAW,eAAe,QAAQ,0BAAgB,GAAG,OAAO,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/stacks",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.637.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -35,12 +35,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "2.7.7",
-    "@tamagui/get-button-sized": "2.7.7",
-    "@tamagui/web": "2.7.7"
+    "@tamagui/core": "3.0.0-beta.637.1",
+    "@tamagui/web": "3.0.0-beta.637.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.637.1",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/Stacks.tsx

@@ -4,11 +4,6 @@ import { View, styled } from '@tamagui/core'
 import { getElevation } from './getElevation'
 
 export interface StackVariants {
-  /**
-   * @deprecated use `inset: 0, position: 'absolute'` instead
-   */
-  fullscreen?: boolean
-
   elevation?: number | SizeTokens
 }
 
@@ -18,19 +13,10 @@ export type YStackProps = Omit<GetProps<typeof YStack>, keyof StackVariants> &
 export type XStackProps = YStackProps
 export type ZStackProps = YStackProps
 
-export const fullscreenStyle = {
-  position: 'absolute',
-  inset: 0,
-} as const
-
 const variants = {
-  fullscreen: {
-    true: fullscreenStyle,
-  },
-
   elevation: {
-    '...size': getElevation,
-    ':number': getElevation,
+    number: getElevation,
+    Size: getElevation,
   },
 } as const
 

package/src/getElevation.tsx

@@ -4,12 +4,16 @@ import type {
   ViewProps,
   VariantSpreadExtras,
 } from '@tamagui/core'
-import { getVariableValue, isAndroid, isVariable } from '@tamagui/core'
+import { getVariableValue, isAndroid, isVariable, resolveSizeToken } from '@tamagui/core'
 
 export const getElevation: SizeVariantSpreadFunction<ViewProps> = (size, extras) => {
   if (!size) return
   const { tokens } = extras
-  const token = tokens.size[size]
+  const sizeToken = resolveSizeToken(size, 'size')
+  // elevation={10} means 10px, not size token '10'. the size scale is keyed by
+  // numeric-looking strings, so only a non-numeric token may be looked up.
+  if (typeof sizeToken === 'number') return getSizedElevation(sizeToken, extras)
+  const token = tokens.size[sizeToken]
   const sizeNum = (isVariable(token) ? +token.val : size) as number
   return getSizedElevation(sizeNum, extras)
 }
@@ -19,22 +23,25 @@ export const getSizedElevation = (
   { theme, tokens }: VariantSpreadExtras<any>
 ) => {
   let num = 0
-  if (val === true) {
-    const val = getVariableValue(tokens.size['true'])
-    if (typeof val === 'number') {
-      num = val
+  if (typeof val === 'number') {
+    num = val
+  } else if (val) {
+    const sizeToken = resolveSizeToken(val, 'size')
+    const token = typeof sizeToken === 'number' ? sizeToken : tokens.size[sizeToken]
+    const tokenValue = getVariableValue(token)
+    if (typeof tokenValue === 'number') {
+      num = tokenValue
     } else {
       num = 10
     }
-  } else {
-    num = +val
   }
   if (num === 0) {
     return
   }
   const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)]
+  const shadowColor = theme['shadow-color'] ?? theme.shadowColor
   const shadow = {
-    shadowColor: theme.shadowColor,
+    shadowColor,
     shadowRadius,
     shadowOffset: { height, width: 0 },
     ...(isAndroid

package/src/index.ts

@@ -1,5 +1,3 @@
 export * from './Stacks'
-export * from './ThemeableStack'
-export * from './SizableStack'
 export * from './NestingContext'
 export * from './getElevation'

package/types/Stacks.d.ts

@@ -1,43 +1,62 @@
 import type { GetProps, SizeTokens } from '@tamagui/core';
 export interface StackVariants {
-    /**
-     * @deprecated use `inset: 0, position: 'absolute'` instead
-     */
-    fullscreen?: boolean;
     elevation?: number | SizeTokens;
 }
 export type YStackProps = Omit<GetProps<typeof YStack>, keyof StackVariants> & StackVariants;
 export type XStackProps = YStackProps;
 export type ZStackProps = YStackProps;
-export declare const fullscreenStyle: {
-    readonly position: "absolute";
-    readonly inset: 0;
-};
 /**
  * @summary A view that arranges its children in a vertical line.
  * @see — Docs https://tamagui.dev/ui/stacks#xstack-ystack-zstack
  */
-export declare const YStack: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
+export declare const YStack: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        elevation?: number | import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+};
 /**
  * @summary A view that arranges its children in a horizontal line.
  * @see — Docs https://tamagui.dev/ui/stacks#xstack-ystack-zstack
  */
-export declare const XStack: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
+export declare const XStack: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        elevation?: number | import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+};
 /**
  * @summary A view that stacks its children on top of each other.
  * @see — Docs https://tamagui.dev/ui/stacks#xstack-ystack-zstack
  */
-export declare const ZStack: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
+export declare const ZStack: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
+    elevation?: number | import("@tamagui/core").Size | undefined;
+} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").Size | undefined;
 }, import("@tamagui/core").StaticConfigPublic & {
     neverFlatten: true;
     isZStack: true;
-}>;
+}> & Omit<import("@tamagui/core").StaticConfigPublic & {
+    neverFlatten: true;
+    isZStack: true;
+}, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        elevation?: number | import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic & {
+        neverFlatten: true;
+        isZStack: true;
+    }];
+};
 //# sourceMappingURL=Stacks.d.ts.map

package/types/Stacks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKzD,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;CAChC;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC,GAC1E,aAAa,CAAA;AAEf,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AACrC,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,eAAe;;;CAGlB,CAAA;AAaV;;;GAGG;AACH,eAAO,MAAM,MAAM;;;8CAGjB,CAAA;AAIF;;;GAGG;AACH,eAAO,MAAM,MAAM;;;8CAGjB,CAAA;AAIF;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;EASlB,CAAA"}
+{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKzD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;CAChC;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC,GAC1E,aAAa,CAAA;AAEf,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AACrC,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AASrC;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAGjB,CAAA;AAIF;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAGjB,CAAA;AAIF;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CASlB,CAAA"}

package/types/getElevation.d.ts

@@ -1,12 +1,12 @@
 import type { SizeTokens, SizeVariantSpreadFunction, ViewProps, VariantSpreadExtras } from '@tamagui/core';
 export declare const getElevation: SizeVariantSpreadFunction<ViewProps>;
 export declare const getSizedElevation: (val: SizeTokens | number | boolean, { theme, tokens }: VariantSpreadExtras<any>) => {
-    elevationAndroid?: number | undefined;
-    shadowColor: import("@tamagui/core").Variable<string> | import("@tamagui/core").Variable<any> | import("@tamagui/core").Variable<undefined> | undefined;
+    shadowColor: import("@tamagui/core").Variable<any> | import("@tamagui/core").Variable<string> | import("@tamagui/core").Variable<number> | import("@tamagui/core").Variable<import("@tamagui/core").PxValue> | import("@tamagui/core").Variable<import("@tamagui/core").VariableValGeneric>;
     shadowRadius: number;
     shadowOffset: {
         height: number;
         width: number;
     };
+    elevationAndroid?: number | undefined;
 } | undefined;
 //# sourceMappingURL=getElevation.d.ts.map

package/types/getElevation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getElevation.d.ts","sourceRoot":"","sources":["../src/getElevation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,yBAAyB,EACzB,SAAS,EACT,mBAAmB,EACpB,MAAM,eAAe,CAAA;AAGtB,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,SAAS,CAM7D,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,EAClC,mBAAmB,mBAAmB,CAAC,GAAG,CAAC;;;;;;;;aA4B5C,CAAA"}
+{"version":3,"file":"getElevation.d.ts","sourceRoot":"","sources":["../src/getElevation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,yBAAyB,EACzB,SAAS,EACT,mBAAmB,EACpB,MAAM,eAAe,CAAA;AAGtB,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,SAAS,CAU7D,CAAA;AAED,eAAO,MAAM,iBAAiB,QACvB,UAAU,GAAG,MAAM,GAAG,OAAO,qBACf,mBAAmB,CAAC,GAAG,CAAC;;;;;;;;aA+B5C,CAAA"}

package/types/index.d.ts

@@ -1,6 +1,4 @@
 export * from './Stacks';
-export * from './ThemeableStack';
-export * from './SizableStack';
 export * from './NestingContext';
 export * from './getElevation';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}

package/dist/cjs/SizableStack.cjs

@@ -1,52 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var SizableStack_exports = {};
-__export(SizableStack_exports, {
-  SizableStack: () => SizableStack
-});
-module.exports = __toCommonJS(SizableStack_exports);
-var import_core = require("@tamagui/core");
-var import_get_button_sized = require("@tamagui/get-button-sized");
-var import_ThemeableStack = require("./ThemeableStack.cjs");
-var import_variants = require("./variants.cjs");
-const SizableStack = (0, import_core.styled)(import_ThemeableStack.ThemeableStack, {
-  name: "SizableStack",
-  variants: {
-    unstyled: {
-      true: {
-        elevate: false,
-        bordered: false
-      }
-    },
-    circular: import_variants.circular,
-    elevate: import_variants.elevate,
-    bordered: {
-      true: import_variants.bordered
-    },
-    size: {
-      "...size": (val, extras) => {
-        return (0, import_get_button_sized.getButtonSized)(val, extras);
-      }
-    }
-  }
-});

package/dist/cjs/SizableStack.native.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var SizableStack_exports = {};
-__export(SizableStack_exports, {
-  SizableStack: () => SizableStack
-});
-module.exports = __toCommonJS(SizableStack_exports);
-var import_core = require("@tamagui/core");
-var import_get_button_sized = require("@tamagui/get-button-sized");
-var import_ThemeableStack = require("./ThemeableStack.native.js");
-var import_variants = require("./variants.native.js");
-var SizableStack = (0, import_core.styled)(import_ThemeableStack.ThemeableStack, {
-  name: "SizableStack",
-  variants: {
-    unstyled: {
-      true: {
-        elevate: false,
-        bordered: false
-      }
-    },
-    circular: import_variants.circular,
-    elevate: import_variants.elevate,
-    bordered: {
-      true: import_variants.bordered
-    },
-    size: {
-      "...size": function (val, extras) {
-        return (0, import_get_button_sized.getButtonSized)(val, extras);
-      }
-    }
-  }
-});
-//# sourceMappingURL=SizableStack.native.js.map

package/dist/cjs/SizableStack.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SizableStack_exports","__export","SizableStack","module","exports","import_core","require","import_get_button_sized","import_ThemeableStack","import_variants","styled","ThemeableStack","name","variants","unstyled","true","elevate","bordered","circular","size","...size","val","extras","getButtonSized"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,oBAAA;AACvB,IAAAK,WAAA,GAAAC,OAAA,gBAA+B;AAE/B,IAAAC,uBAAA,GAA+BD,OAAA;AAC/B,IAAAE,qBAA4C,GAAAF,OAAA;AAErC,IAAAG,eAAM,GAAAH,OAAe;AAAuB,IACjDJ,YAAM,OAAAG,WAAA,CAAAK,MAAA,EAAAF,qBAAA,CAAAG,cAAA;EAENC,IAAA,gBAAU;EAAAC,QACR;IAAUC,QACF;MAAAC,IACJ;QACAC,OAAA,OAAU;QACZC,QAAA;MACF;IAEA;IACAC,QAAA,EAAAT,eAAA,CAAAS,QAAA;IAEAF,OAAA,EAAAP,eAAU,CAAAO,OAAA;IAAAC,QACF;MACRF,IAAA,EAAAN,eAAA,CAAAQ;IAEA;IAAME,IACJ;MACE,oBAAAC,CAAOC,GAAA,EAAAC,MAAA;QACT,WAAAf,uBAAA,CAAAgB,cAAA,EAAAF,GAAA,EAAAC,MAAA;MACF;IACF;EACD","ignoreList":[]}