@tamagui/stacks 1.27.1 → 1.27.3

package/package.json

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

package/dist/esm/SizableStack.mjs

@@ -1,42 +0,0 @@
-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: false,
-        pressTheme: false,
-        focusTheme: false,
-        elevate: false,
-        bordered: false
-      },
-      false: {
-        backgroundColor: "$background",
-        flexShrink: 1
-      }
-    },
-    hoverTheme,
-    pressTheme,
-    focusTheme,
-    circular,
-    elevate,
-    bordered,
-    size: {
-      "...size": getButtonSized
-    }
-  }
-});
-export {
-  SizableStack
-};
-//# sourceMappingURL=SizableStack.mjs.map

package/dist/esm/Stacks.mjs

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

package/dist/esm/ThemeableStack.mjs

@@ -1,54 +0,0 @@
-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"
-};
-const 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
-    }
-  }
-};
-const ThemeableStack = styled(YStack, {
-  variants: themeableVariants
-});
-export {
-  ThemeableStack,
-  themeableVariants
-};
-//# sourceMappingURL=ThemeableStack.mjs.map

package/dist/esm/getElevation.mjs

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

package/dist/esm/index.mjs

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

package/dist/esm/variants.mjs

@@ -1,98 +0,0 @@
-import { getElevation } from "./getElevation";
-const elevate = {
-  true: (_, extras) => {
-    return getElevation(extras.props["size"], extras);
-  }
-};
-const bordered = (val, { props }) => {
-  return {
-    // 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"
-      }
-    }
-  };
-};
-const padded = {
-  true: (_, extras) => {
-    const { tokens, props } = extras;
-    return {
-      padding: tokens.space[props.size] || tokens.space["$true"]
-    };
-  }
-};
-const radiused = {
-  true: (_, extras) => {
-    const { tokens, props } = extras;
-    return {
-      borderRadius: tokens.radius[props.size] || tokens.radius["$true"]
-    };
-  }
-};
-const circular = {
-  true: (_, { props, tokens }) => {
-    const size = tokens.size[props.size || "$true"];
-    return {
-      width: size,
-      height: size,
-      maxWidth: size,
-      maxHeight: size,
-      minWidth: size,
-      minHeight: size,
-      borderRadius: 1e5,
-      padding: 0
-    };
-  }
-};
-const hoverTheme = {
-  true: {
-    hoverStyle: {
-      backgroundColor: "$backgroundHover",
-      borderColor: "$borderColorHover"
-    }
-  },
-  false: {}
-};
-const pressTheme = {
-  true: {
-    cursor: "pointer",
-    pressStyle: {
-      backgroundColor: "$backgroundPress",
-      borderColor: "$borderColorPress"
-    }
-  },
-  false: {}
-};
-const focusTheme = {
-  true: {
-    focusStyle: {
-      backgroundColor: "$backgroundFocus",
-      borderColor: "$borderColorFocus"
-    }
-  },
-  false: {}
-};
-export {
-  bordered,
-  circular,
-  elevate,
-  focusTheme,
-  hoverTheme,
-  padded,
-  pressTheme,
-  radiused
-};
-//# sourceMappingURL=variants.mjs.map