@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/AvatarDemo.cjs

@@ -1,55 +1,50 @@
+
 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 AvatarDemo_exports = {};
-__export(AvatarDemo_exports, {
-  AvatarDemo: () => AvatarDemo
-});
+__export(AvatarDemo_exports, { AvatarDemo: () => AvatarDemo });
 module.exports = __toCommonJS(AvatarDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AvatarDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    items: "center",
-    gap: "$6",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
-      circular: true,
-      size: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
-        "aria-label": "Cam",
-        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
-        bg: "$blue10"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
-      circular: true,
-      size: "$8",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
-        "aria-label": "Nate Wienert",
-        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
-        delayMs: 600,
-        bg: "$blue10"
-      })]
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+			circular: true,
+			size: "10",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+				"aria-label": "Cam",
+				src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { bg: "blue10" })]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+			circular: true,
+			size: "8",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+				"aria-label": "Nate Wienert",
+				src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
+				delay: 600,
+				bg: "blue10"
+			})]
+		})]
+	});
+}

package/dist/cjs/AvatarDemo.native.cjs

@@ -0,0 +1,52 @@
+"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 AvatarDemo_exports = {};
+__export(AvatarDemo_exports, { AvatarDemo: () => AvatarDemo });
+module.exports = __toCommonJS(AvatarDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function AvatarDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+			circular: true,
+			size: "10",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+				"aria-label": "Cam",
+				src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { bg: "blue10" })]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+			circular: true,
+			size: "8",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+				"aria-label": "Nate Wienert",
+				src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
+				delay: 600,
+				bg: "blue10"
+			})]
+		})]
+	});
+}

package/dist/cjs/AvatarDemo.native.js

@@ -1,58 +1,54 @@
 "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 AvatarDemo_exports = {};
-__export(AvatarDemo_exports, {
-  AvatarDemo: () => AvatarDemo
-});
+__export(AvatarDemo_exports, { AvatarDemo: () => AvatarDemo });
 module.exports = __toCommonJS(AvatarDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function AvatarDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    items: "center",
-    gap: "$6",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
-      circular: true,
-      size: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
-        "aria-label": "Cam",
-        src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
-        bg: "$blue10"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
-      circular: true,
-      size: "$8",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
-        "aria-label": "Nate Wienert",
-        src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
-        delayMs: 600,
-        bg: "$blue10"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+			circular: true,
+			size: "10",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+				"aria-label": "Cam",
+				src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { bg: "blue10" })]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
+			circular: true,
+			size: "8",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
+				"aria-label": "Nate Wienert",
+				src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
+				delay: 600,
+				bg: "blue10"
+			})]
+		})]
+	});
 }
+
 //# sourceMappingURL=AvatarDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AvatarDemo_exports","__export","AvatarDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","XStack","items","gap","children","Avatar","circular","size","jsx","Image","src","Fallback","bg"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,kBAAA;AAKzB,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,cAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,cAAA,CAAAE,MAAO;IACNC,KAAA;IAAAC,GAAA,EAAC;IAAOC,QAAP,kBACC,EAAW,EAAAP,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAM,MAAA;MAAAC,QACP;MAAAC,IAAA;MACNH,QAAA,GACA,mBAAAP,kBAAA,CAAAW,GAAC,EAAAT,cAAA,CAAAM,MAAO,CAAAI,KAAA,EAAP;QACH;QAEAC,GAAA;MACE,IAAC,mBAAOb,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAAM,MAAA,CAAAM,QAAA;QAAPC,EAAA;MACC;IACI,IACN,mBAAAf,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAM,MAAA;MACAC,QAAA;MACFC,IAAA;MACFH,QAAA,GAEJ,mBAAAP,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAAM,MAAA,CAAAI,KAAA","ignoreList":[]}
+{"version":3,"file":"AvatarDemo.native.js","names":[],"sources":["cjs/AvatarDemo.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 AvatarDemo_exports = {};\n__export(AvatarDemo_exports, {\n  AvatarDemo: () => AvatarDemo\n});\nmodule.exports = __toCommonJS(AvatarDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction AvatarDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    items: \"center\",\n    gap: \"6\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {\n        circular: true,\n        size: \"10\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {\n            \"aria-label\": \"Cam\",\n            src: \"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {\n            bg: \"blue10\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {\n        circular: true,\n        size: \"8\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {\n            \"aria-label\": \"Nate Wienert\",\n            src: \"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {\n            delay: 600,\n            bg: \"blue10\"\n          })\n        ]\n      })\n    ]\n  });\n}\n//# sourceMappingURL=AvatarDemo.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,qBAAqB,CAAC;AAC1B,SAAS,oBAAoB,EAC3B,kBAAkB,WACpB,CAAC;AACD,OAAO,UAAU,aAAa,kBAAkB;AAChD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,aAAa;CACpB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,OAAO;EACP,KAAK;EACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;GAClE,UAAU;GACV,MAAM;GACN,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,OAAO;IACvE,cAAc;IACd,KAAK;GACP,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,UAAU,EAC1E,IAAI,SACN,CAAC,CACH;EACF,CAAC,GACe,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;GAClE,UAAU;GACV,MAAM;GACN,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,OAAO;IACvE,cAAc;IACd,KAAK;GACP,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO,UAAU;IAC1E,OAAO;IACP,IAAI;GACN,CAAC,CACH;EACF,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/cjs/BoxShadowTokenDemo.cjs

@@ -1,59 +1,59 @@
+
 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 BoxShadowTokenDemo_exports = {};
-__export(BoxShadowTokenDemo_exports, {
-  BoxShadowTokenDemo: () => BoxShadowTokenDemo
-});
+__export(BoxShadowTokenDemo_exports, { BoxShadowTokenDemo: () => BoxShadowTokenDemo });
 module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const StyledShadowBox = (0, import_tamagui.styled)(import_tamagui.View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
+	width: 100,
+	height: 100,
+	backgroundColor: "color5",
+	borderRadius: "4",
+	boxShadow: "0px 2px 8px shadow-color"
 });
 function BoxShadowTokenDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		items: "center",
+		p: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+				testID: "box-shadow-token-title",
+				children: "BoxShadow Token Test"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledShadowBox, { testID: "box-shadow-styled" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+				width: 100,
+				height: 100,
+				backgroundColor: "color5",
+				borderRadius: "4",
+				boxShadow: "0px 2px 8px shadow-color",
+				testID: "box-shadow-prop"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+				testID: "box-shadow-token-ok",
+				children: "OK"
+			})
+		]
+	});
+}

package/dist/cjs/BoxShadowTokenDemo.native.cjs

@@ -0,0 +1,61 @@
+"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 BoxShadowTokenDemo_exports = {};
+__export(BoxShadowTokenDemo_exports, { BoxShadowTokenDemo: () => BoxShadowTokenDemo });
+module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var StyledShadowBox = (0, import_tamagui.styled)(import_tamagui.View, {
+	width: 100,
+	height: 100,
+	backgroundColor: "color5",
+	borderRadius: "4",
+	boxShadow: "0px 2px 8px shadow-color"
+});
+function BoxShadowTokenDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		items: "center",
+		p: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+				testID: "box-shadow-token-title",
+				children: "BoxShadow Token Test"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledShadowBox, { testID: "box-shadow-styled" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+				width: 100,
+				height: 100,
+				backgroundColor: "color5",
+				borderRadius: "4",
+				boxShadow: "0px 2px 8px shadow-color",
+				testID: "box-shadow-prop"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+				testID: "box-shadow-token-ok",
+				children: "OK"
+			})
+		]
+	});
+}

package/dist/cjs/BoxShadowTokenDemo.native.js

@@ -1,64 +1,63 @@
 "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 BoxShadowTokenDemo_exports = {};
-__export(BoxShadowTokenDemo_exports, {
-  BoxShadowTokenDemo: () => BoxShadowTokenDemo
-});
+__export(BoxShadowTokenDemo_exports, { BoxShadowTokenDemo: () => BoxShadowTokenDemo });
 module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 var StyledShadowBox = (0, import_tamagui.styled)(import_tamagui.View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
+	width: 100,
+	height: 100,
+	backgroundColor: "color5",
+	borderRadius: "4",
+	boxShadow: "0px 2px 8px shadow-color"
 });
 function BoxShadowTokenDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* styled() definition - breaks if web imports leak to native */
-    /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* inline prop - should always work */
-    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		items: "center",
+		p: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+				testID: "box-shadow-token-title",
+				children: "BoxShadow Token Test"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledShadowBox, { testID: "box-shadow-styled" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+				width: 100,
+				height: 100,
+				backgroundColor: "color5",
+				borderRadius: "4",
+				boxShadow: "0px 2px 8px shadow-color",
+				testID: "box-shadow-prop"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+				testID: "box-shadow-token-ok",
+				children: "OK"
+			})
+		]
+	});
 }
+
 //# sourceMappingURL=BoxShadowTokenDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BoxShadowTokenDemo_exports","__export","BoxShadowTokenDemo","module","exports","import_jsx_runtime","require","import_tamagui","StyledShadowBox","styled","View","width","height","backgroundColor","borderRadius","boxShadow","jsxs","YStack","gap","items","p","children","jsx","Text","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2C,CAAAK,0BAAA;AAevC,IAAAK,kBAAA,GAAAC,OAAA;AAVJ,IAAAC,cAAM,GAAAD,OAAkB;AAAa,IACnCE,eAAO,OAAAD,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,IAAA;EACPC,KAAA,KAAQ;EACRC,MAAA;EACAC,eAAc;EACdC,YAAW;EACZC,SAAA;AAEM;AACL,SACEb,mBAAA;EACE,0BAAAG,kBAAA,CAACW,IAAA,EAAAT,cAAA,CAAAU,MAAK;IAGNC,GAAA;IAGAC,KAAA;IAAAC,CAAA,EAAC;IAAAC,QAAA,kBACQ,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAf,cAAA,CAAAgB,IAAA;MACPC,MAAA,EAAQ;MACRH,QAAA;IAAgB,EAChB,EAAa;IACH,eACH,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAd,eAAA;MAAAgB,MAAA;IACT,IAEA;IACF,mBAAAnB,kBAAA,CAAAiB,GAAA,EAAAf,cAAA,CAAAG,IAAA;MAEJC,KAAA","ignoreList":[]}
+{"version":3,"file":"BoxShadowTokenDemo.native.js","names":[],"sources":["cjs/BoxShadowTokenDemo.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 BoxShadowTokenDemo_exports = {};\n__export(BoxShadowTokenDemo_exports, {\n  BoxShadowTokenDemo: () => BoxShadowTokenDemo\n});\nmodule.exports = __toCommonJS(BoxShadowTokenDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nvar StyledShadowBox = (0, import_tamagui.styled)(import_tamagui.View, {\n  width: 100,\n  height: 100,\n  backgroundColor: \"color5\",\n  borderRadius: \"4\",\n  boxShadow: \"0px 2px 8px shadow-color\"\n});\nfunction BoxShadowTokenDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    gap: \"4\",\n    items: \"center\",\n    p: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        testID: \"box-shadow-token-title\",\n        children: \"BoxShadow Token Test\"\n      }),\n      /* styled() definition - breaks if web imports leak to native */\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledShadowBox, {\n        testID: \"box-shadow-styled\"\n      }),\n      /* inline prop - should always work */\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        width: 100,\n        height: 100,\n        backgroundColor: \"color5\",\n        borderRadius: \"4\",\n        boxShadow: \"0px 2px 8px shadow-color\",\n        testID: \"box-shadow-prop\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        testID: \"box-shadow-token-ok\",\n        children: \"OK\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=BoxShadowTokenDemo.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,6BAA6B,CAAC;AAClC,SAAS,4BAA4B,EACnC,0BAA0B,mBAC5B,CAAC;AACD,OAAO,UAAU,aAAa,0BAA0B;AACxD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,mBAAmB,GAAG,eAAe,QAAQ,eAAe,MAAM;CACpE,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;AACb,CAAC;AACD,SAAS,qBAAqB;CAC5B,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,KAAK;EACL,OAAO;EACP,GAAG;EACH,UAAU;GACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,MAAM;IAC/D,QAAQ;IACR,UAAU;GACZ,CAAC;GAEe,iBAAC,GAAG,mBAAmB,KAAK,iBAAiB,EAC3D,QAAQ,oBACV,CAAC;GAEe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,MAAM;IAC/D,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,cAAc;IACd,WAAW;IACX,QAAQ;GACV,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,MAAM;IAC/D,QAAQ;IACR,UAAU;GACZ,CAAC;EACH;CACF,CAAC;AACH"}