@tamagui/button 1.143.1 → 2.0.0-1767740890268

package/types/v1/Button.d.ts

@@ -0,0 +1,338 @@
+import type { TextContextStyles, TextParentStyles } from '@tamagui/text';
+import type { FontSizeTokens, GetProps, SizeTokens, ThemeableProps } from '@tamagui/web';
+import type { FunctionComponent, JSX } from 'react';
+type ButtonVariant = 'outlined';
+export declare const ButtonContext: import("@tamagui/web").StyledContext<Partial<TextContextStyles & {
+    size: SizeTokens;
+    variant?: ButtonVariant;
+}>>;
+type ButtonIconProps = {
+    color?: any;
+    size?: any;
+};
+type IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | ((props: ButtonIconProps) => any) | null;
+type ButtonExtraProps = TextParentStyles & ThemeableProps & {
+    /**
+     * add icon before, passes color and size automatically if Component
+     */
+    icon?: IconProp;
+    /**
+     * add icon after, passes color and size automatically if Component
+     */
+    iconAfter?: IconProp;
+    /**
+     * adjust icon relative to size
+     *
+     * @default 1
+     */
+    scaleIcon?: number;
+    /**
+     * make the spacing elements flex
+     */
+    spaceFlex?: number | boolean;
+    /**
+     * adjust internal space relative to icon size
+     */
+    scaleSpace?: number;
+    /**
+     * remove default styles
+     */
+    unstyled?: boolean;
+};
+type ButtonProps = ButtonExtraProps & GetProps<typeof ButtonFrame>;
+declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+    size?: number | SizeTokens | undefined;
+    variant?: "outlined" | undefined;
+    elevation?: number | SizeTokens | undefined;
+    circular?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    disabled?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    fullscreen?: boolean | undefined;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+declare const ButtonText: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+declare const ButtonIcon: (props: {
+    children: React.ReactNode;
+    scaleIcon?: number;
+}) => any;
+/**
+ * @summary A Button is a clickable element that can be used to trigger actions such as submitting forms, navigating to other pages, or performing other actions.
+ * @see — Docs https://tamagui.dev/ui/button
+ */
+declare const Button: import("react").ForwardRefExoticComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+    size?: number | SizeTokens | undefined;
+    variant?: "outlined" | undefined;
+    elevation?: number | SizeTokens | undefined;
+    circular?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    disabled?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    fullscreen?: boolean | undefined;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+}>, "unstyled" | "icon" | "iconAfter" | "scaleIcon" | "noTextWrap" | keyof TextContextStyles | "textProps" | keyof ThemeableProps | "spaceFlex" | "scaleSpace"> & TextContextStyles & {
+    textProps?: Partial<import("@tamagui/text").SizableTextProps>;
+    noTextWrap?: boolean;
+} & ThemeableProps & {
+    /**
+     * add icon before, passes color and size automatically if Component
+     */
+    icon?: IconProp;
+    /**
+     * add icon after, passes color and size automatically if Component
+     */
+    iconAfter?: IconProp;
+    /**
+     * adjust icon relative to size
+     *
+     * @default 1
+     */
+    scaleIcon?: number;
+    /**
+     * make the spacing elements flex
+     */
+    spaceFlex?: number | boolean;
+    /**
+     * adjust internal space relative to icon size
+     */
+    scaleSpace?: number;
+    /**
+     * remove default styles
+     */
+    unstyled?: boolean;
+} & import("react").RefAttributes<import("@tamagui/web").TamaguiElement>> & import("@tamagui/web").StaticComponentObject<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+    size?: number | SizeTokens | undefined;
+    variant?: "outlined" | undefined;
+    elevation?: number | SizeTokens | undefined;
+    circular?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    disabled?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    fullscreen?: boolean | undefined;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+}>, "unstyled" | "icon" | "iconAfter" | "scaleIcon" | "noTextWrap" | keyof TextContextStyles | "textProps" | keyof ThemeableProps | "spaceFlex" | "scaleSpace"> & TextContextStyles & {
+    textProps?: Partial<import("@tamagui/text").SizableTextProps>;
+    noTextWrap?: boolean;
+} & ThemeableProps & {
+    /**
+     * add icon before, passes color and size automatically if Component
+     */
+    icon?: IconProp;
+    /**
+     * add icon after, passes color and size automatically if Component
+     */
+    iconAfter?: IconProp;
+    /**
+     * adjust icon relative to size
+     *
+     * @default 1
+     */
+    scaleIcon?: number;
+    /**
+     * make the spacing elements flex
+     */
+    spaceFlex?: number | boolean;
+    /**
+     * adjust internal space relative to icon size
+     */
+    scaleSpace?: number;
+    /**
+     * remove default styles
+     */
+    unstyled?: boolean;
+}, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & TextContextStyles & {
+    textProps?: Partial<import("@tamagui/text").SizableTextProps>;
+    noTextWrap?: boolean;
+} & ThemeableProps & {
+    /**
+     * add icon before, passes color and size automatically if Component
+     */
+    icon?: IconProp;
+    /**
+     * add icon after, passes color and size automatically if Component
+     */
+    iconAfter?: IconProp;
+    /**
+     * adjust icon relative to size
+     *
+     * @default 1
+     */
+    scaleIcon?: number;
+    /**
+     * make the spacing elements flex
+     */
+    spaceFlex?: number | boolean;
+    /**
+     * adjust internal space relative to icon size
+     */
+    scaleSpace?: number;
+    /**
+     * remove default styles
+     */
+    unstyled?: boolean;
+}, import("@tamagui/web").StackStyleBase, {
+    size?: number | SizeTokens | undefined;
+    variant?: "outlined" | undefined;
+    elevation?: number | SizeTokens | undefined;
+    circular?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    disabled?: boolean | undefined;
+    unstyled?: boolean | undefined;
+    fullscreen?: boolean | undefined;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig" | "styleable"> & {
+    __tama: [Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        size?: number | SizeTokens | undefined;
+        variant?: "outlined" | undefined;
+        elevation?: number | SizeTokens | undefined;
+        circular?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
+        bordered?: number | boolean | undefined;
+        transparent?: boolean | undefined;
+        disabled?: boolean | undefined;
+        unstyled?: boolean | undefined;
+        fullscreen?: boolean | undefined;
+        backgrounded?: boolean | undefined;
+        radiused?: boolean | undefined;
+        hoverTheme?: boolean | undefined;
+        pressTheme?: boolean | undefined;
+        focusTheme?: boolean | undefined;
+        padded?: boolean | undefined;
+        elevate?: boolean | undefined;
+    }>, "unstyled" | "icon" | "iconAfter" | "scaleIcon" | "noTextWrap" | keyof TextContextStyles | "textProps" | keyof ThemeableProps | "spaceFlex" | "scaleSpace"> & TextContextStyles & {
+        textProps?: Partial<import("@tamagui/text").SizableTextProps>;
+        noTextWrap?: boolean;
+    } & ThemeableProps & {
+        /**
+         * add icon before, passes color and size automatically if Component
+         */
+        icon?: IconProp;
+        /**
+         * add icon after, passes color and size automatically if Component
+         */
+        iconAfter?: IconProp;
+        /**
+         * adjust icon relative to size
+         *
+         * @default 1
+         */
+        scaleIcon?: number;
+        /**
+         * make the spacing elements flex
+         */
+        spaceFlex?: number | boolean;
+        /**
+         * adjust internal space relative to icon size
+         */
+        scaleSpace?: number;
+        /**
+         * remove default styles
+         */
+        unstyled?: boolean;
+    }, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & TextContextStyles & {
+        textProps?: Partial<import("@tamagui/text").SizableTextProps>;
+        noTextWrap?: boolean;
+    } & ThemeableProps & {
+        /**
+         * add icon before, passes color and size automatically if Component
+         */
+        icon?: IconProp;
+        /**
+         * add icon after, passes color and size automatically if Component
+         */
+        iconAfter?: IconProp;
+        /**
+         * adjust icon relative to size
+         *
+         * @default 1
+         */
+        scaleIcon?: number;
+        /**
+         * make the spacing elements flex
+         */
+        spaceFlex?: number | boolean;
+        /**
+         * adjust internal space relative to icon size
+         */
+        scaleSpace?: number;
+        /**
+         * remove default styles
+         */
+        unstyled?: boolean;
+    }, import("@tamagui/web").StackStyleBase, {
+        size?: number | SizeTokens | undefined;
+        variant?: "outlined" | undefined;
+        elevation?: number | SizeTokens | undefined;
+        circular?: boolean | undefined;
+        chromeless?: boolean | "all" | undefined;
+        bordered?: number | boolean | undefined;
+        transparent?: boolean | undefined;
+        disabled?: boolean | undefined;
+        unstyled?: boolean | undefined;
+        fullscreen?: boolean | undefined;
+        backgrounded?: boolean | undefined;
+        radiused?: boolean | undefined;
+        hoverTheme?: boolean | undefined;
+        pressTheme?: boolean | undefined;
+        focusTheme?: boolean | undefined;
+        padded?: boolean | undefined;
+        elevate?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+} & {
+    Text: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: FontSizeTokens | undefined;
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    Icon: (props: {
+        children: React.ReactNode;
+        scaleIcon?: number;
+    }) => any;
+};
+/**
+ * @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
+ */
+declare function useButton<Props extends ButtonProps>({ textProps, ...propsIn }: Props, { Text }?: {
+    Text: any;
+}): {
+    spaceSize: number | "unset" | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any>;
+    isNested: boolean;
+    props: Props;
+};
+export { Button, ButtonFrame, ButtonIcon, ButtonText, useButton, };
+export type { ButtonProps };
+//# sourceMappingURL=Button.d.ts.map

package/types/v1/Button.d.ts.map

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

package/types/v1/Button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Button.test.d.ts.map

package/types/v1/Button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.d.ts","sourceRoot":"","sources":["../../src/v1/Button.test.tsx"],"names":[],"mappings":""}

package/types/v1/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+//# sourceMappingURL=index.d.ts.map

package/types/v1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v1/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}