@tamagui/button 1.74.2 → 1.74.4

package/dist/esm/Button.native.js

@@ -0,0 +1,201 @@
+import { getFontSize } from "@tamagui/font-size";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { ThemeableStack } from "@tamagui/stacks";
+import {
+  SizableText,
+  wrapChildrenInText
+} from "@tamagui/text";
+import {
+  createStyledContext,
+  getVariableValue,
+  spacedChildren,
+  styled,
+  useProps,
+  withStaticProperties
+} from "@tamagui/web";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const ButtonContext = createStyledContext({
+  // keeping these here means they work with styled() passing down color to text
+  color: void 0,
+  ellipse: void 0,
+  fontFamily: void 0,
+  fontSize: void 0,
+  fontStyle: void 0,
+  fontWeight: void 0,
+  letterSpacing: void 0,
+  maxFontSizeMultiplier: void 0,
+  size: void 0,
+  textAlign: void 0
+}), BUTTON_NAME = "Button", ButtonFrame = styled(ThemeableStack, {
+  name: BUTTON_NAME,
+  tag: "button",
+  context: ButtonContext,
+  focusable: !0,
+  role: "button",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        justifyContent: "center",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexDirection: "row",
+        cursor: "pointer",
+        hoverTheme: !0,
+        pressTheme: !0,
+        backgrounded: !0,
+        borderWidth: 1,
+        borderColor: "transparent",
+        focusStyle: {
+          outlineColor: "$borderColorFocus",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    variant: {
+      outlined: {
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: "$borderColorFocus"
+        }
+      }
+    },
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), ButtonText = styled(SizableText, {
+  name: "Button",
+  // same name as the frame so they can share a single theme
+  context: ButtonContext,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        cursor: "pointer",
+        // flexGrow 1 leads to inconsistent native style where text pushes to start of view
+        flexGrow: 0,
+        flexShrink: 1,
+        ellipse: !0,
+        color: "$color"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), ButtonIcon = (props) => {
+  const { children, scaleIcon = 1 } = props, { size, color } = useContext(ButtonContext), iconSize = (typeof size == "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
+  return useGetThemedIcon({ size: iconSize, color })(children);
+}, ButtonComponent = ButtonFrame.styleable(function(props, ref) {
+  const { props: buttonProps } = useButton(props);
+  return /* @__PURE__ */ jsx(ButtonFrame, { ...buttonProps, ref });
+}), buttonStaticConfig = {
+  inlineProps: /* @__PURE__ */ new Set([
+    // text props go here (can't really optimize them, but we never fully extract button anyway)
+    // may be able to remove this entirely, as the compiler / runtime have gotten better
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "letterSpacing",
+    "textAlign",
+    "unstyled"
+  ])
+}, Button2 = withStaticProperties(ButtonComponent, {
+  Text: ButtonText,
+  Icon: ButtonIcon
+}), ButtonNestingContext = createContext(!1);
+function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
+  const isNested = useContext(ButtonNestingContext), propsActive = useProps(propsIn), {
+    children,
+    icon,
+    iconAfter,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.66,
+    separator,
+    noTextWrap,
+    fontFamily,
+    fontSize,
+    ...rest
+  } = propsActive, size = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), iconSize = (typeof size == "number" ? size * 0.5 : getFontSize(size)) * scaleIcon, getThemedIcon = useGetThemedIcon({
+    size: iconSize,
+    color: propsActive.color
+  }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = propsActive.space ?? getVariableValue(iconSize) * scaleSpace, contents = noTextWrap ? [children] : wrapChildrenInText(
+    Text,
+    { children, fontFamily, fontSize },
+    Text === ButtonText && propsIn.unstyled !== !0 ? {
+      unstyled: !1,
+      size
+    } : void 0
+  ), inner = spacedChildren({
+    // a bit arbitrary but scaling to font size is necessary so long as button does
+    space: spaceSize,
+    spaceFlex,
+    separator,
+    direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
+    children: [themedIcon, ...contents, themedIconAfter]
+  }), tag = isNested ? "span" : (
+    // defaults to <a /> when accessibilityRole = link
+    // see https://github.com/tamagui/tamagui/issues/505
+    propsIn.accessibilityRole === "link" ? "a" : void 0
+  ), props = {
+    size,
+    ...propsActive.disabled && {
+      // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
+      focusable: void 0,
+      // even with tabIndex unset, it will keep focusStyle on web so disable it here
+      focusStyle: {
+        borderColor: "$background"
+      }
+    },
+    ...tag && {
+      tag
+    },
+    ...rest,
+    children: /* @__PURE__ */ jsx(ButtonNestingContext.Provider, { value: !0, children: inner }),
+    // forces it to be a runtime pressStyle so it passes through context text colors
+    disableClassName: !0
+  };
+  return {
+    spaceSize,
+    isNested,
+    props
+  };
+}
+export {
+  Button2 as Button,
+  ButtonContext,
+  ButtonFrame,
+  ButtonIcon,
+  ButtonNestingContext,
+  ButtonText,
+  buttonStaticConfig,
+  useButton
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Button.tsx"],
+  "mappings": "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",
+  "names": ["Button"]
+}

package/dist/esm/Button.test.native.js

@@ -0,0 +1,10 @@
+import { getDefaultTamaguiConfig } from "@tamagui/config-default";
+import { createTamagui } from "@tamagui/core";
+import { describe, expect, test } from "vitest";
+const conf = createTamagui(getDefaultTamaguiConfig());
+describe("Button", () => {
+  test("123", () => {
+    expect(!0).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/esm/Button.test.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Button.test.tsx"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAC9B,SAAS,UAAU,QAAQ,YAAY;AAEvC,MAAM,OAAO,cAAc,wBAAwB,CAAC;AAEpD,SAAS,UAAU,MAAM;AACvB,OAAK,OAAO,MAAM;AAChB,WAAO,EAAI,EAAE,WAAW;AAAA,EAC1B,CAAC;AAWH,CAAC;",
+  "names": []
+}

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./Button";
+//# sourceMappingURL=index.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/button",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "sideEffects": [
     "*.css"
   ],
@@ -29,17 +29,17 @@
     }
   },
   "dependencies": {
-    "@tamagui/font-size": "1.74.2",
-    "@tamagui/get-button-sized": "1.74.2",
-    "@tamagui/helpers-tamagui": "1.74.2",
-    "@tamagui/text": "1.74.2",
-    "@tamagui/web": "1.74.2"
+    "@tamagui/font-size": "1.74.4",
+    "@tamagui/get-button-sized": "1.74.4",
+    "@tamagui/helpers-tamagui": "1.74.4",
+    "@tamagui/text": "1.74.4",
+    "@tamagui/web": "1.74.4"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.2",
+    "@tamagui/build": "1.74.4",
     "react": "^18.2.0",
     "vitest": "^0.34.3"
   },