@tamagui/button 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/Button.mjs

@@ -1,263 +1,94 @@
-import { getFontSize } from "@tamagui/font-size";
-import { getButtonSized } from "@tamagui/get-button-sized";
-import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
-import { ButtonNestingContext, getElevation, themeableVariants } from "@tamagui/stacks";
-import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@tamagui/web";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { ButtonNestingContext } from "@tamagui/stacks";
+import { textParentProps, wrapChildrenInText } from "@tamagui/text";
+import { Text, View, splitStyleProps, styled } from "@tamagui/web";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-const context = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0,
-  elevation: void 0,
-  ellipsis: void 0,
-  fontFamily: void 0,
-  fontSize: void 0,
-  fontStyle: void 0,
-  fontWeight: void 0,
-  letterSpacing: void 0,
-  maxFontSizeMultiplier: void 0,
-  textAlign: void 0
+
+const ButtonFrame = styled(View, {
+	role: "button",
+	render: /* @__PURE__ */ jsx("button", { type: "button" }),
+	tabIndex: 0,
+	alignItems: "center",
+	flexDirection: "row",
+	flexWrap: "nowrap",
+	justifyContent: "center",
+	variants: { disabled: { true: { pointerEvents: "none" } } }
 });
-const Frame = styled(View, {
-  context,
-  name: "Button",
-  role: "button",
-  render: /* @__PURE__ */jsx("button", {
-    type: "button"
-  }),
-  tabIndex: 0,
-  variants: {
-    unstyled: {
-      true: {
-        // reset browser <button> defaults
-        outlineWidth: 0,
-        borderWidth: 0,
-        backgroundColor: "transparent"
-      },
-      false: {
-        size: "$true",
-        justifyContent: "center",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        borderWidth: 1,
-        borderColor: "transparent",
-        "$platform-web": {
-          cursor: "pointer"
-        },
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorHover"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineStyle: "solid",
-          outlineWidth: 2
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    circular: themeableVariants.circular,
-    chromeless: themeableVariants.chromeless,
-    size: {
-      "...size": (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras);
-        const gap = getTokenValue(val);
-        return {
-          ...buttonStyle,
-          gap
-        };
-      },
-      ":number": (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras);
-        const gap = val * 0.4;
-        return {
-          ...buttonStyle,
-          gap
-        };
-      }
-    },
-    elevation: {
-      "...size": getElevation,
-      ":number": getElevation
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        // @ts-ignore
-        "aria-disabled": true
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+const ButtonText = styled(Text, {
+	flexGrow: 0,
+	flexShrink: 1
 });
-const Text = styled(SizableText, {
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        // flexGrow 1 leads to inconsistent native style where text pushes to start of view
-        flexGrow: 0,
-        flexShrink: 1,
-        ellipsis: true,
-        color: "$color",
-        "$platform-web": {
-          cursor: "pointer"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
-const Icon = props => {
-  const {
-    children,
-    scaleIcon = 1,
-    size
-  } = props;
-  const styledContext = context.useStyledContext();
-  if (!styledContext) {
-    throw new Error("Button.Icon must be used within a Button");
-  }
-  const sizeToken = size ?? styledContext.size;
-  const iconColorProp = styledContext.color === "unset" || typeof styledContext.color === "number" ? void 0 : styledContext.color;
-  const iconColor = useCurrentColor(iconColorProp);
-  const iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
-  return getIcon(children, {
-    size: iconSize,
-    color: iconColor
-  });
+const ButtonIcon = ({ children, color, scaleIcon = 1, size }) => {
+	const getThemedIcon = useGetThemedIcon({
+		color,
+		size: size === void 0 ? void 0 : size * scaleIcon
+	});
+	return getThemedIcon(children);
 };
-const ButtonContext = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0
-});
-const ButtonComponent = Frame.styleable((propsIn, ref) => {
-  const isNested = useContext(ButtonNestingContext);
-  const processedProps = useProps(propsIn, {
-    noNormalize: true,
-    noExpand: true
-  });
-  const {
-    children,
-    iconSize,
-    icon,
-    iconAfter,
-    scaleIcon = 1,
-    noTextWrap,
-    textProps,
-    color,
-    ellipsis,
-    fontFamily,
-    fontSize,
-    fontStyle,
-    fontWeight,
-    letterSpacing,
-    maxFontSizeMultiplier,
-    textAlign,
-    ...props
-  } = processedProps;
-  const size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
-  const styledContext = context.useStyledContext();
-  const contextColor = color ?? propsIn.color ?? styledContext?.color;
-  const iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
-  const iconColor = useCurrentColor(iconColorProp);
-  const finalSize = iconSize ?? size ?? styledContext?.size;
-  const iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon;
-  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => {
-    if (!icon2) return null;
-    return getIcon(icon2, {
-      size: iconSizeNumber,
-      color: iconColor
-      // No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
-    });
-  });
-  const wrappedChildren = wrapChildrenInText(Text, {
-    children,
-    color: contextColor,
-    ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
-    fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
-    fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
-    fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
-    fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
-    letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
-    maxFontSizeMultiplier: maxFontSizeMultiplier ?? propsIn.maxFontSizeMultiplier ?? styledContext?.maxFontSizeMultiplier,
-    noTextWrap: noTextWrap ?? propsIn.noTextWrap,
-    textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
-    textProps: textProps ?? propsIn.textProps
-  }, {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1",
-    size: finalSize ?? styledContext?.size
-  });
-  const textContext = {
-    color: contextColor,
-    ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
-    fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
-    fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
-    fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
-    fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
-    letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
-    maxFontSizeMultiplier: maxFontSizeMultiplier ?? propsIn.maxFontSizeMultiplier ?? styledContext?.maxFontSizeMultiplier,
-    textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign
-  };
-  const buttonContext = {
-    ...styledContext,
-    ...textContext,
-    size: props.size ?? propsIn.size ?? styledContext?.size,
-    variant: props.variant ?? propsIn.variant ?? styledContext?.variant,
-    elevation: props.elevation ?? propsIn.elevation ?? styledContext?.elevation
-  };
-  return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
-    value: true,
-    children: /* @__PURE__ */jsx(context.Provider, {
-      ...buttonContext,
-      children: /* @__PURE__ */jsxs(Frame, {
-        ref,
-        ...props,
-        ...(isNested && {
-          render: "span"
-        }),
-        ...(props.circular && !propsIn.size && {
-          size
-        }),
-        tabIndex: 0,
-        children: [themedIcon, wrappedChildren, themedIconAfter]
-      })
-    })
-  });
-});
-const Button = withStaticProperties(ButtonComponent, {
-  Apply: context.Provider,
-  Frame,
-  Text,
-  Icon
-});
-export { Button, ButtonContext };
+function useButton(propsIn, { Text: Text2 = ButtonText, iconColor, iconSize: iconSizeOption, textProps: textPropsOption } = {}) {
+	const isNested = useContext(ButtonNestingContext);
+	const [wrappedTextProps, buttonProps] = splitStyleProps(propsIn, {
+		expandShorthands: true,
+		filter: textParentProps
+	});
+	const { children, disabled, icon, iconAfter, iconSize, render, scaleIcon = 1, ...frameProps } = buttonProps;
+	const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;
+	const resolvedIconSize = iconSize ?? iconSizeOption;
+	const getThemedIcon = useGetThemedIcon({
+		color: iconColor,
+		size: resolvedIconSize === void 0 ? void 0 : resolvedIconSize * scaleIcon
+	});
+	const [themedIcon, themedIconAfter] = [icon, iconAfter].map((item) => {
+		return item ? getThemedIcon(item) : null;
+	});
+	const wrappedChildren = wrapChildrenInText(Text2, {
+		children,
+		noTextWrap,
+		textProps
+	}, {
+		...textPropsOption,
+		...textStyleProps
+	});
+	const resolvedRender = render ?? (isNested ? "span" : disabled ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		disabled: true
+	}) : void 0);
+	const resolvedProps = {
+		...frameProps,
+		...disabled && {
+			"aria-disabled": true,
+			disabled: true,
+			tabIndex: -1
+		},
+		...resolvedRender === void 0 ? null : { render: resolvedRender },
+		...isNested && {
+			role: "none",
+			tabIndex: -1,
+			"aria-disabled": void 0,
+			disabled: void 0,
+			onPress: void 0,
+			onPressIn: void 0,
+			onPressOut: void 0,
+			onLongPress: void 0,
+			onClick: void 0,
+			onKeyDown: void 0,
+			onKeyUp: void 0
+		},
+		children: /* @__PURE__ */ jsxs(ButtonNestingContext.Provider, {
+			value: true,
+			children: [
+				themedIcon,
+				wrappedChildren,
+				themedIconAfter
+			]
+		})
+	};
+	return {
+		isNested,
+		props: resolvedProps
+	};
+}
+
+export { ButtonFrame, ButtonIcon, ButtonText, useButton };
 //# sourceMappingURL=Button.mjs.map

package/dist/esm/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","jsx","jsxs","context","size","variant","color","elevation","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","textAlign","Frame","name","role","render","type","tabIndex","variants","unstyled","true","outlineWidth","borderWidth","backgroundColor","false","justifyContent","alignItems","flexWrap","flexDirection","borderColor","cursor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlined","process","env","TAMAGUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColorProp","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","noTextWrap","textProps","contextColor","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","wrappedChildren","textContext","buttonContext","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":[],"sources":["esm/Button.js"],"sourcesContent":["import { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { ButtonNestingContext } from \"@tamagui/stacks\";\nimport { textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { splitStyleProps, styled, Text, View } from \"@tamagui/web\";\nimport { useContext } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst ButtonFrame = styled(View, {\n  // role is the cross-platform one; render only lands on web\n  role: \"button\",\n  render: /* @__PURE__ */ jsx(\"button\", { type: \"button\" }),\n  tabIndex: 0,\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  flexWrap: \"nowrap\",\n  justifyContent: \"center\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst ButtonText = styled(Text, {\n  // flexGrow 1 pushes text to the start of its parent on native\n  flexGrow: 0,\n  flexShrink: 1\n});\nconst ButtonIcon = ({ children, color, scaleIcon = 1, size }) => {\n  const getThemedIcon = useGetThemedIcon({\n    color,\n    size: size === void 0 ? void 0 : size * scaleIcon\n  });\n  return getThemedIcon(children);\n};\nfunction useButton(propsIn, {\n  Text: Text2 = ButtonText,\n  iconColor,\n  iconSize: iconSizeOption,\n  textProps: textPropsOption\n} = {}) {\n  const isNested = useContext(ButtonNestingContext);\n  const [wrappedTextProps, buttonProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  const {\n    children,\n    disabled,\n    icon,\n    iconAfter,\n    iconSize,\n    render,\n    scaleIcon = 1,\n    ...frameProps\n  } = buttonProps;\n  const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  const resolvedIconSize = iconSize ?? iconSizeOption;\n  const getThemedIcon = useGetThemedIcon({\n    color: iconColor,\n    size: resolvedIconSize === void 0 ? void 0 : resolvedIconSize * scaleIcon\n  });\n  const [themedIcon, themedIconAfter] = [icon, iconAfter].map((item) => {\n    return item ? getThemedIcon(item) : null;\n  });\n  const wrappedChildren = wrapChildrenInText(\n    Text2,\n    { children, noTextWrap, textProps },\n    { ...textPropsOption, ...textStyleProps }\n  );\n  const resolvedRender = render ?? (isNested ? \"span\" : disabled ? /* @__PURE__ */ jsx(\"button\", { type: \"button\", disabled: true }) : void 0);\n  const resolvedProps = {\n    ...frameProps,\n    ...disabled && {\n      \"aria-disabled\": true,\n      disabled: true,\n      tabIndex: -1\n    },\n    ...resolvedRender === void 0 ? null : { render: resolvedRender },\n    ...isNested && {\n      // a nested Button is a presentation part, not a control: strip the\n      // interactive semantics so we never place a focusable role=button (with\n      // its own press/keyboard handlers) inside the outer native <button>. that\n      // nesting is invalid html, adds an extra focus stop, and bubbles\n      // activation to the outer control. resolvedRender already makes it a span.\n      role: \"none\",\n      tabIndex: -1,\n      \"aria-disabled\": void 0,\n      disabled: void 0,\n      onPress: void 0,\n      onPressIn: void 0,\n      onPressOut: void 0,\n      onLongPress: void 0,\n      onClick: void 0,\n      onKeyDown: void 0,\n      onKeyUp: void 0\n    },\n    children: /* @__PURE__ */ jsxs(ButtonNestingContext.Provider, { value: true, children: [\n      themedIcon,\n      wrappedChildren,\n      themedIconAfter\n    ] })\n  };\n  return {\n    isNested,\n    props: resolvedProps\n  };\n}\nexport {\n  ButtonFrame,\n  ButtonIcon,\n  ButtonText,\n  useButton\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,OAAO,MAAM;CAE/B,MAAM;CACN,QAAwB,oBAAI,UAAU,EAAE,MAAM,SAAS,CAAC;CACxD,UAAU;CACV,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,aAAa,OAAO,MAAM;CAE9B,UAAU;CACV,YAAY;AACd,CAAC;AACD,MAAM,cAAc,EAAE,UAAU,OAAO,YAAY,GAAG,WAAW;CAC/D,MAAM,gBAAgB,iBAAiB;EACrC;EACA,MAAM,SAAS,KAAK,IAAI,KAAK,IAAI,OAAO;CAC1C,CAAC;CACD,OAAO,cAAc,QAAQ;AAC/B;AACA,SAAS,UAAU,SAAS,EAC1B,MAAM,QAAQ,YACd,WACA,UAAU,gBACV,WAAW,oBACT,CAAC,GAAG;CACN,MAAM,WAAW,WAAW,oBAAoB;CAChD,MAAM,CAAC,kBAAkB,eAAe,gBAAgB,SAAS;EAC/D,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,UACA,MACA,WACA,UACA,QACA,YAAY,GACZ,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,mBAAmB,YAAY;CACrC,MAAM,gBAAgB,iBAAiB;EACrC,OAAO;EACP,MAAM,qBAAqB,KAAK,IAAI,KAAK,IAAI,mBAAmB;CAClE,CAAC;CACD,MAAM,CAAC,YAAY,mBAAmB,CAAC,MAAM,SAAS,CAAC,CAAC,KAAK,SAAS;EACpE,OAAO,OAAO,cAAc,IAAI,IAAI;CACtC,CAAC;CACD,MAAM,kBAAkB,mBACtB,OACA;EAAE;EAAU;EAAY;CAAU,GAClC;EAAE,GAAG;EAAiB,GAAG;CAAe,CAC1C;CACA,MAAM,iBAAiB,WAAW,WAAW,SAAS,WAA2B,oBAAI,UAAU;EAAE,MAAM;EAAU,UAAU;CAAK,CAAC,IAAI,KAAK;CAC1I,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAG,YAAY;GACb,iBAAiB;GACjB,UAAU;GACV,UAAU,CAAC;EACb;EACA,GAAG,mBAAmB,KAAK,IAAI,OAAO,EAAE,QAAQ,eAAe;EAC/D,GAAG,YAAY;GAMb,MAAM;GACN,UAAU,CAAC;GACX,iBAAiB,KAAK;GACtB,UAAU,KAAK;GACf,SAAS,KAAK;GACd,WAAW,KAAK;GAChB,YAAY,KAAK;GACjB,aAAa,KAAK;GAClB,SAAS,KAAK;GACd,WAAW,KAAK;GAChB,SAAS,KAAK;EAChB;EACA,UAA0B,qBAAK,qBAAqB,UAAU;GAAE,OAAO;GAAM,UAAU;IACrF;IACA;IACA;GACF;EAAE,CAAC;CACL;CACA,OAAO;EACL;EACA,OAAO;CACT;AACF"}