@tamagui/stacks 1.74.3 → 1.74.4

package/dist/esm/SizableStack.native.js

@@ -0,0 +1,38 @@
+import { styled } from "@tamagui/core";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { XStack } from "./Stacks";
+import {
+  bordered,
+  circular,
+  elevate,
+  focusTheme,
+  hoverTheme,
+  pressTheme
+} from "./variants";
+const SizableStack = styled(XStack, {
+  name: "SizableStack",
+  variants: {
+    unstyled: {
+      true: {
+        hoverTheme: !1,
+        pressTheme: !1,
+        focusTheme: !1,
+        elevate: !1,
+        bordered: !1
+      }
+    },
+    hoverTheme,
+    pressTheme,
+    focusTheme,
+    circular,
+    elevate,
+    bordered,
+    size: {
+      "...size": (val, extras) => getButtonSized(val, extras)
+    }
+  }
+});
+export {
+  SizableStack
+};
+//# sourceMappingURL=SizableStack.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SizableStack.tsx"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WACR,eAAe,KAAK,MAAM;AAAA,IAErC;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/Stacks.native.js

@@ -0,0 +1,39 @@
+import { Stack, styled } from "@tamagui/core";
+import { getElevation } from "./getElevation";
+const fullscreenStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+}, variants = {
+  fullscreen: {
+    true: fullscreenStyle
+  },
+  elevation: {
+    "...size": getElevation,
+    ":number": getElevation
+  }
+}, YStack = styled(Stack, {
+  flexDirection: "column",
+  variants
+}), XStack = styled(Stack, {
+  flexDirection: "row",
+  variants
+}), ZStack = styled(
+  YStack,
+  {
+    position: "relative"
+  },
+  {
+    neverFlatten: !0,
+    isZStack: !0
+  }
+);
+export {
+  XStack,
+  YStack,
+  ZStack,
+  fullscreenStyle
+};
+//# sourceMappingURL=Stacks.js.map

package/dist/esm/Stacks.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Stacks.tsx"],
+  "mappings": "AAAA,SAAmB,OAAO,cAAc;AAExC,SAAS,oBAAoB;AAMtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;",
+  "names": []
+}

package/dist/esm/ThemeableStack.native.js

@@ -0,0 +1,55 @@
+import { styled } from "@tamagui/core";
+import { YStack } from "./Stacks";
+import {
+  bordered,
+  circular,
+  elevate,
+  focusTheme,
+  hoverTheme,
+  padded,
+  pressTheme,
+  radiused
+} from "./variants";
+const chromelessStyle = {
+  backgroundColor: "transparent",
+  borderColor: "transparent",
+  shadowColor: "transparent",
+  hoverStyle: {
+    borderColor: "transparent"
+  }
+}, themeableVariants = {
+  backgrounded: {
+    true: {
+      backgroundColor: "$background"
+    }
+  },
+  radiused,
+  hoverTheme,
+  pressTheme,
+  focusTheme,
+  circular,
+  padded,
+  elevate,
+  bordered,
+  transparent: {
+    true: {
+      backgroundColor: "transparent"
+    }
+  },
+  chromeless: {
+    true: chromelessStyle,
+    all: {
+      ...chromelessStyle,
+      hoverStyle: chromelessStyle,
+      pressStyle: chromelessStyle,
+      focusStyle: chromelessStyle
+    }
+  }
+}, ThemeableStack = styled(YStack, {
+  variants: themeableVariants
+});
+export {
+  ThemeableStack,
+  themeableVariants
+};
+//# sourceMappingURL=ThemeableStack.js.map

package/dist/esm/ThemeableStack.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ThemeableStack.tsx"],
+  "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF,GAEa,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAEa,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
+  "names": []
+}

package/dist/esm/getElevation.native.js

@@ -0,0 +1,34 @@
+import {
+  getVariableValue,
+  isAndroid,
+  isVariable
+} from "@tamagui/core";
+const getElevation = (size, extras) => {
+  if (!size)
+    return;
+  const { tokens } = extras, token = tokens.size[size], sizeNum = isVariable(token) ? +token.val : size;
+  return getSizedElevation(sizeNum, extras);
+}, getSizedElevation = (val, { theme, tokens }) => {
+  let num = 0;
+  if (val === !0) {
+    const val2 = getVariableValue(tokens.size.true);
+    typeof val2 == "number" ? num = val2 : num = 10;
+  } else
+    num = +val;
+  if (num === 0)
+    return;
+  const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
+  return {
+    shadowColor: theme.shadowColor,
+    shadowRadius,
+    shadowOffset: { height, width: 0 },
+    ...isAndroid ? {
+      elevationAndroid: 2 * height
+    } : {}
+  };
+};
+export {
+  getElevation,
+  getSizedElevation
+};
+//# sourceMappingURL=getElevation.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/getElevation.tsx"],
+  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,OAAO,IAAI,QACb,QAAQ,OAAO,KAAK,IAAI,GACxB,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAClD,SAAO,kBAAkB,SAAS,MAAM;AAC1C,GAEa,oBAAoB,CAC/B,KACA,EAAE,OAAO,OAAO,MACb;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,IAAM;AAChB,UAAMA,OAAM,iBAAiB,OAAO,KAAK,IAAO;AAChD,IAAI,OAAOA,QAAQ,WACjB,MAAMA,OAEN,MAAM;AAAA,EAEV;AACE,UAAM,CAAC;AAET,MAAI,QAAQ;AACV;AAEF,QAAM,CAAC,QAAQ,YAAY,IAAI,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAWhF,SAVe;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,IACjC,GAAI,YACA;AAAA,MACE,kBAAkB,IAAI;AAAA,IACxB,IACA,CAAC;AAAA,EACP;AAEF;",
+  "names": ["val"]
+}

package/dist/esm/index.native.js

@@ -0,0 +1,4 @@
+export * from "./Stacks";
+export * from "./SizableStack";
+export * from "./ThemeableStack";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/variants.native.js

@@ -0,0 +1,91 @@
+import { getElevation } from "./getElevation";
+const elevate = {
+  true: (_, extras) => getElevation(extras.props.size, extras)
+}, bordered = (val, { props }) => ({
+  // TODO size it with size in '...size'
+  borderWidth: typeof val == "number" ? val : 1,
+  borderColor: "$borderColor",
+  ...props.hoverTheme && {
+    hoverStyle: {
+      borderColor: "$borderColorHover"
+    }
+  },
+  ...props.pressTheme && {
+    pressStyle: {
+      borderColor: "$borderColorPress"
+    }
+  },
+  ...props.focusTheme && {
+    focusStyle: {
+      borderColor: "$borderColorFocus"
+    }
+  }
+}), padded = {
+  true: (_, extras) => {
+    const { tokens, props } = extras;
+    return {
+      padding: tokens.space[props.size] || tokens.space.$true
+    };
+  }
+}, radiused = {
+  true: (_, extras) => {
+    const { tokens, props } = extras;
+    return {
+      borderRadius: tokens.radius[props.size] || tokens.radius.$true
+    };
+  }
+}, circularStyle = {
+  borderRadius: 1e5,
+  padding: 0
+}, circular = {
+  true: (_, { props, tokens }) => {
+    if (!("size" in props))
+      return circularStyle;
+    const size = tokens.size[props.size];
+    return {
+      ...circularStyle,
+      width: size,
+      height: size,
+      maxWidth: size,
+      maxHeight: size,
+      minWidth: size,
+      minHeight: size
+    };
+  }
+}, hoverTheme = {
+  true: {
+    hoverStyle: {
+      backgroundColor: "$backgroundHover",
+      borderColor: "$borderColorHover"
+    }
+  },
+  false: {}
+}, pressTheme = {
+  true: {
+    cursor: "pointer",
+    pressStyle: {
+      backgroundColor: "$backgroundPress",
+      borderColor: "$borderColorPress"
+    }
+  },
+  false: {}
+}, focusTheme = {
+  true: {
+    focusStyle: {
+      backgroundColor: "$backgroundFocus",
+      borderColor: "$borderColorFocus"
+    }
+  },
+  false: {}
+};
+export {
+  bordered,
+  circular,
+  elevate,
+  focusTheme,
+  hoverTheme,
+  padded,
+  pressTheme,
+  radiused
+};
+//# sourceMappingURL=variants.js.map

package/dist/esm/variants.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/variants.tsx"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WACV,aAAa,OAAO,MAAM,MAAS,MAAM;AAEpD,GAEa,WAAW,CAAC,KAAuB,EAAE,MAAM,OAC/C;AAAA;AAAA,EAEL,aAAa,OAAO,OAAQ,WAAW,MAAM;AAAA,EAC7C,aAAa;AAAA,EAEb,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,IAGW,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF,GAEM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU;AACd,aAAO;AAET,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/stacks",
-  "version": "1.74.3",
+  "version": "1.74.4",
   "sideEffects": [
     "*.css"
   ],
@@ -31,14 +31,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.74.3"
+    "@tamagui/core": "1.74.4"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.3",
-    "@tamagui/get-button-sized": "1.74.3",
+    "@tamagui/build": "1.74.4",
+    "@tamagui/get-button-sized": "1.74.4",
     "react": "^18.2.0"
   },
   "publishConfig": {