@tamagui/stacks 1.31.4 → 1.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +4 -4
  2. package/types/SizableStack.d.ts +5 -5
  3. package/types/Stacks.d.ts +18 -18
  4. package/types/ThemeableStack.d.ts +26 -26
  5. package/types/variants.d.ts +21 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.31.4",
3
+ "version": "1.32.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -29,14 +29,14 @@
29
29
  }
30
30
  },
31
31
  "dependencies": {
32
- "@tamagui/core": "1.31.4"
32
+ "@tamagui/core": "1.32.0"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": "*"
36
36
  },
37
37
  "devDependencies": {
38
- "@tamagui/build": "1.31.4",
39
- "@tamagui/get-button-sized": "1.31.4",
38
+ "@tamagui/build": "1.32.0",
39
+ "@tamagui/get-button-sized": "1.32.0",
40
40
  "react": "^18.2.0"
41
41
  },
42
42
  "publishConfig": {
package/types/SizableStack.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { GetProps } from '@tamagui/core';
3
3
  export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
4
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
4
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
5
5
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
6
6
  readonly fullscreen?: boolean | undefined;
7
7
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -15,7 +15,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
15
15
  readonly bordered?: number | boolean | undefined;
16
16
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
17
17
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
18
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
18
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
19
19
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
20
20
  readonly fullscreen?: boolean | undefined;
21
21
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -29,7 +29,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
29
29
  readonly bordered?: number | boolean | undefined;
30
30
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
31
31
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
32
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
32
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
33
33
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
34
34
  readonly fullscreen?: boolean | undefined;
35
35
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -43,7 +43,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
43
43
  readonly bordered?: number | boolean | undefined;
44
44
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
45
45
  }>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
46
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
46
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
47
47
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
48
48
  readonly fullscreen?: boolean | undefined;
49
49
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -59,7 +59,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
59
59
  }, {
60
60
  displayName: string | undefined;
61
61
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
62
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
62
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
63
63
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps;
64
64
  __variantProps: {
65
65
  readonly fullscreen?: boolean | undefined;
package/types/Stacks.d.ts CHANGED
@@ -11,97 +11,97 @@ export declare const fullscreenStyle: {
11
11
  readonly bottom: 0;
12
12
  };
13
13
  export declare const YStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
14
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
14
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
15
15
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
16
16
  readonly fullscreen?: boolean | undefined;
17
17
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
18
18
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
19
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
19
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
20
20
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
21
21
  readonly fullscreen?: boolean | undefined;
22
22
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
23
23
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
24
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
24
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
25
25
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
26
26
  readonly fullscreen?: boolean | undefined;
27
27
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
28
28
  }>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
29
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
29
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
30
30
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
31
31
  readonly fullscreen?: boolean | undefined;
32
32
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
33
33
  }, {
34
34
  displayName: string | undefined;
35
35
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
36
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
36
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
37
37
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps;
38
38
  __variantProps: {};
39
39
  }>;
40
40
  export declare const XStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
41
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
41
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
42
42
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
43
43
  readonly fullscreen?: boolean | undefined;
44
44
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
45
45
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
46
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
46
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
47
47
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
48
48
  readonly fullscreen?: boolean | undefined;
49
49
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
50
50
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
51
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
51
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
52
52
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
53
53
  readonly fullscreen?: boolean | undefined;
54
54
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
55
55
  }>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
56
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
56
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
57
57
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
58
58
  readonly fullscreen?: boolean | undefined;
59
59
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
60
60
  }, {
61
61
  displayName: string | undefined;
62
62
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
63
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
63
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
64
64
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps;
65
65
  __variantProps: {};
66
66
  }>;
67
67
  export declare const ZStack: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
68
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
68
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
69
69
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
70
70
  readonly fullscreen?: boolean | undefined;
71
71
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
72
72
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
73
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
73
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
74
74
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
75
75
  readonly fullscreen?: boolean | undefined;
76
76
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
77
77
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
78
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
78
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
79
79
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
80
80
  readonly fullscreen?: boolean | undefined;
81
81
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
82
82
  }>>) | (Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
83
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
83
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
84
84
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
85
85
  readonly fullscreen?: boolean | undefined;
86
86
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
87
87
  }, string | number> & {
88
88
  [x: string]: undefined;
89
89
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
90
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
90
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
91
91
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
92
92
  readonly fullscreen?: boolean | undefined;
93
93
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
94
94
  }, string | number> & {
95
95
  [x: string]: undefined;
96
96
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
97
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
97
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
98
98
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
99
99
  readonly fullscreen?: boolean | undefined;
100
100
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
101
101
  }, string | number> & {
102
102
  [x: string]: undefined;
103
103
  }>>), import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
104
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
104
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
105
105
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
106
106
  readonly fullscreen?: boolean | undefined;
107
107
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -113,7 +113,7 @@ export declare const ZStack: import("@tamagui/core").TamaguiComponent<(Omit<impo
113
113
  }), {
114
114
  displayName: string | undefined;
115
115
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
116
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
116
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
117
117
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps;
118
118
  __variantProps: {
119
119
  readonly fullscreen?: boolean | undefined;
package/types/ThemeableStack.d.ts CHANGED
@@ -124,7 +124,7 @@ export declare const themeableVariants: {
124
124
  'aria-hidden'?: boolean | import("@tamagui/core").Variable<any> | undefined;
125
125
  'aria-live'?: import("@tamagui/core").Variable<any> | "polite" | "assertive" | "off" | undefined;
126
126
  'aria-modal'?: boolean | import("@tamagui/core").Variable<any> | undefined;
127
- role?: "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | import("@tamagui/core").Variable<any> | undefined;
127
+ role?: "separator" | "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | import("@tamagui/core").Variable<any> | undefined;
128
128
  accessibilityLiveRegion?: "none" | import("@tamagui/core").Variable<any> | "polite" | "assertive" | undefined;
129
129
  accessibilityLabelledBy?: string | import("@tamagui/core").Variable<any> | string[] | undefined;
130
130
  accessibilityElementsHidden?: boolean | import("@tamagui/core").Variable<any> | undefined;
@@ -136,14 +136,9 @@ export declare const themeableVariants: {
136
136
  accessibilityLanguage?: string | import("@tamagui/core").Variable<any> | undefined;
137
137
  target?: string | import("@tamagui/core").Variable<any> | undefined;
138
138
  asChild?: boolean | import("@tamagui/core").Variable<any> | "except-style" | undefined;
139
- space?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | null | undefined;
140
- spaceDirection?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceDirection | undefined;
141
- separator?: import("@tamagui/core").Variable<any> | import("react").ReactNode;
142
139
  dangerouslySetInnerHTML?: import("@tamagui/core").Variable<any> | {
143
140
  __html: string;
144
141
  } | undefined;
145
- animation?: import("@tamagui/core").Variable<any> | import("@tamagui/core").AnimationProp | null | undefined;
146
- animateOnly?: import("@tamagui/core").Variable<any> | string[] | undefined;
147
142
  children?: any;
148
143
  debug?: import("@tamagui/core").Variable<any> | import("@tamagui/core").DebugProp | undefined;
149
144
  disabled?: boolean | import("@tamagui/core").Variable<any> | undefined;
@@ -165,7 +160,7 @@ export declare const themeableVariants: {
165
160
  onMouseUp?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
166
161
  onFocus?: import("@tamagui/core").Variable<any> | ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
167
162
  onScroll?: import("@tamagui/core").Variable<any> | ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
168
- style?: import("@tamagui/core").Variable<any> | import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
163
+ style?: import("@tamagui/core").Variable<any> | import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
169
164
  backgroundColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
170
165
  borderBottomColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
171
166
  borderBottomEndRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
@@ -181,7 +176,7 @@ export declare const themeableVariants: {
181
176
  borderRightColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
182
177
  borderRightWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
183
178
  borderStartColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
184
- borderStyle?: import("@tamagui/core").Variable<any> | "solid" | "dotted" | "dashed" | undefined;
179
+ borderStyle?: import("@tamagui/core").Variable<any> | "dashed" | "dotted" | "solid" | undefined;
185
180
  borderTopColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
186
181
  borderTopEndRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
187
182
  borderTopLeftRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
@@ -190,7 +185,7 @@ export declare const themeableVariants: {
190
185
  borderTopWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
191
186
  borderWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
192
187
  opacity?: number | import("@tamagui/core").Variable<any> | undefined;
193
- alignContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
188
+ alignContent?: import("@tamagui/core").Variable<any> | "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
194
189
  alignItems?: import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
195
190
  alignSelf?: "auto" | import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
196
191
  aspectRatio?: string | number | import("@tamagui/core").Variable<any> | undefined;
@@ -200,12 +195,12 @@ export declare const themeableVariants: {
200
195
  end?: string | number | import("@tamagui/core").Variable<any> | undefined;
201
196
  flex?: number | import("@tamagui/core").Variable<any> | undefined;
202
197
  flexBasis?: string | number | import("@tamagui/core").Variable<any> | undefined;
203
- flexDirection?: "row" | import("@tamagui/core").Variable<any> | "column" | "row-reverse" | "column-reverse" | undefined;
198
+ flexDirection?: "row" | import("@tamagui/core").Variable<any> | "column" | "column-reverse" | "row-reverse" | undefined;
204
199
  flexGrow?: number | import("@tamagui/core").Variable<any> | undefined;
205
200
  flexShrink?: number | import("@tamagui/core").Variable<any> | undefined;
206
- flexWrap?: import("@tamagui/core").Variable<any> | "wrap" | "nowrap" | "wrap-reverse" | undefined;
201
+ flexWrap?: import("@tamagui/core").Variable<any> | "nowrap" | "wrap" | "wrap-reverse" | undefined;
207
202
  height?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
208
- justifyContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
203
+ justifyContent?: import("@tamagui/core").Variable<any> | "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
209
204
  left?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
210
205
  margin?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
211
206
  marginBottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
@@ -220,7 +215,7 @@ export declare const themeableVariants: {
220
215
  maxWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
221
216
  minHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
222
217
  minWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
223
- overflow?: import("@tamagui/core").Variable<any> | "visible" | "hidden" | "scroll" | undefined;
218
+ overflow?: import("@tamagui/core").Variable<any> | "hidden" | "visible" | "scroll" | undefined;
224
219
  padding?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
225
220
  paddingBottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
226
221
  paddingEnd?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
@@ -265,17 +260,22 @@ export declare const themeableVariants: {
265
260
  rotateY?: string | import("@tamagui/core").Variable<any> | undefined;
266
261
  rotateX?: string | import("@tamagui/core").Variable<any> | undefined;
267
262
  rotateZ?: string | import("@tamagui/core").Variable<any> | undefined;
268
- cursor?: import("@tamagui/core").Variable<any> | import("csstype").Property.Cursor | undefined;
263
+ columnGap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceValue | undefined;
269
264
  contain?: import("@tamagui/core").Variable<any> | import("csstype").Property.Contain | undefined;
270
- display?: "flex" | "none" | import("@tamagui/core").Variable<any> | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
271
- gap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
272
- columnGap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
273
- rowGap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
274
- userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
265
+ cursor?: import("@tamagui/core").Variable<any> | import("csstype").Property.Cursor | undefined;
266
+ display?: "flex" | "none" | import("@tamagui/core").Variable<any> | "inherit" | "block" | "inline" | "inline-flex" | "contents" | undefined;
267
+ gap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceValue | undefined;
275
268
  outlineColor?: import("@tamagui/core").Variable<any> | import("csstype").Property.OutlineColor | undefined;
269
+ outlineOffset?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceValue | undefined;
276
270
  outlineStyle?: import("@tamagui/core").Variable<any> | import("csstype").Property.OutlineStyle | undefined;
277
- outlineOffset?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
278
- outlineWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
271
+ outlineWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceValue | undefined;
272
+ rowGap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceValue | undefined;
273
+ space?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
274
+ spaceDirection?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceDirection | undefined;
275
+ separator?: import("@tamagui/core").Variable<any> | import("react").ReactNode;
276
+ animation?: import("@tamagui/core").Variable<any> | import("@tamagui/core").AnimationProp | null | undefined;
277
+ animateOnly?: import("@tamagui/core").Variable<any> | string[] | undefined;
278
+ userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
279
279
  hoverStyle?: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>) | import("@tamagui/core").Variable<any> | null | undefined;
280
280
  pressStyle?: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>) | import("@tamagui/core").Variable<any> | null | undefined;
281
281
  focusStyle?: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>) | import("@tamagui/core").Variable<any> | null | undefined;
@@ -320,7 +320,7 @@ export declare const themeableVariants: {
320
320
  };
321
321
  };
322
322
  export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
323
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
323
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
324
324
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
325
325
  readonly fullscreen?: boolean | undefined;
326
326
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -337,7 +337,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
337
337
  readonly transparent?: boolean | undefined;
338
338
  readonly chromeless?: boolean | "all" | undefined;
339
339
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
340
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
340
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
341
341
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
342
342
  readonly fullscreen?: boolean | undefined;
343
343
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -354,7 +354,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
354
354
  readonly transparent?: boolean | undefined;
355
355
  readonly chromeless?: boolean | "all" | undefined;
356
356
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
357
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
357
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
358
358
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
359
359
  readonly fullscreen?: boolean | undefined;
360
360
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -371,7 +371,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
371
371
  readonly transparent?: boolean | undefined;
372
372
  readonly chromeless?: boolean | "all" | undefined;
373
373
  }>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
374
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
374
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
375
375
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
376
376
  readonly fullscreen?: boolean | undefined;
377
377
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -390,7 +390,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
390
390
  }, {
391
391
  displayName: string | undefined;
392
392
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
393
- style?: import("@tamagui/core").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
393
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
394
394
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps;
395
395
  __variantProps: {
396
396
  readonly fullscreen?: boolean | undefined;
package/types/variants.d.ts CHANGED
@@ -64,7 +64,7 @@ export declare const elevate: {
64
64
  'aria-hidden'?: boolean | import("@tamagui/web").Variable<any> | undefined;
65
65
  'aria-live'?: import("@tamagui/web").Variable<any> | "polite" | "assertive" | "off" | undefined;
66
66
  'aria-modal'?: boolean | import("@tamagui/web").Variable<any> | undefined;
67
- role?: "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | import("@tamagui/web").Variable<any> | undefined;
67
+ role?: "separator" | "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | import("@tamagui/web").Variable<any> | undefined;
68
68
  accessibilityLiveRegion?: "none" | import("@tamagui/web").Variable<any> | "polite" | "assertive" | undefined;
69
69
  accessibilityLabelledBy?: string | import("@tamagui/web").Variable<any> | string[] | undefined;
70
70
  accessibilityElementsHidden?: boolean | import("@tamagui/web").Variable<any> | undefined;
@@ -76,14 +76,9 @@ export declare const elevate: {
76
76
  accessibilityLanguage?: string | import("@tamagui/web").Variable<any> | undefined;
77
77
  target?: string | import("@tamagui/web").Variable<any> | undefined;
78
78
  asChild?: boolean | import("@tamagui/web").Variable<any> | "except-style" | undefined;
79
- space?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceTokens | null | undefined;
80
- spaceDirection?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceDirection | undefined;
81
- separator?: import("@tamagui/web").Variable<any> | import("react").ReactNode;
82
79
  dangerouslySetInnerHTML?: import("@tamagui/web").Variable<any> | {
83
80
  __html: string;
84
81
  } | undefined;
85
- animation?: import("@tamagui/web").Variable<any> | import("@tamagui/web").AnimationProp | null | undefined;
86
- animateOnly?: import("@tamagui/web").Variable<any> | string[] | undefined;
87
82
  children?: any;
88
83
  debug?: import("@tamagui/web").Variable<any> | import("@tamagui/web").DebugProp | undefined;
89
84
  disabled?: boolean | import("@tamagui/web").Variable<any> | undefined;
@@ -105,7 +100,7 @@ export declare const elevate: {
105
100
  onMouseUp?: import("@tamagui/web").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
106
101
  onFocus?: import("@tamagui/web").Variable<any> | ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
107
102
  onScroll?: import("@tamagui/web").Variable<any> | ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
108
- style?: import("@tamagui/web").Variable<any> | import("@tamagui/web").StyleProp<import("react").CSSProperties & import("react-native").ViewStyle>;
103
+ style?: import("@tamagui/web").Variable<any> | import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
109
104
  backgroundColor?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
110
105
  borderBottomColor?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
111
106
  borderBottomEndRadius?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
@@ -121,7 +116,7 @@ export declare const elevate: {
121
116
  borderRightColor?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
122
117
  borderRightWidth?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
123
118
  borderStartColor?: import("@tamagui/web").Variable<any> | import("react-native").ColorValue | undefined;
124
- borderStyle?: import("@tamagui/web").Variable<any> | "solid" | "dotted" | "dashed" | undefined;
119
+ borderStyle?: import("@tamagui/web").Variable<any> | "dashed" | "dotted" | "solid" | undefined;
125
120
  borderTopColor?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
126
121
  borderTopEndRadius?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
127
122
  borderTopLeftRadius?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
@@ -130,7 +125,7 @@ export declare const elevate: {
130
125
  borderTopWidth?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
131
126
  borderWidth?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
132
127
  opacity?: number | import("@tamagui/web").Variable<any> | undefined;
133
- alignContent?: import("@tamagui/web").Variable<any> | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
128
+ alignContent?: import("@tamagui/web").Variable<any> | "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
134
129
  alignItems?: import("@tamagui/web").Variable<any> | import("react-native").FlexAlignType | undefined;
135
130
  alignSelf?: "auto" | import("@tamagui/web").Variable<any> | import("react-native").FlexAlignType | undefined;
136
131
  aspectRatio?: string | number | import("@tamagui/web").Variable<any> | undefined;
@@ -140,12 +135,12 @@ export declare const elevate: {
140
135
  end?: string | number | import("@tamagui/web").Variable<any> | undefined;
141
136
  flex?: number | import("@tamagui/web").Variable<any> | undefined;
142
137
  flexBasis?: string | number | import("@tamagui/web").Variable<any> | undefined;
143
- flexDirection?: "row" | import("@tamagui/web").Variable<any> | "column" | "row-reverse" | "column-reverse" | undefined;
138
+ flexDirection?: "row" | import("@tamagui/web").Variable<any> | "column" | "column-reverse" | "row-reverse" | undefined;
144
139
  flexGrow?: number | import("@tamagui/web").Variable<any> | undefined;
145
140
  flexShrink?: number | import("@tamagui/web").Variable<any> | undefined;
146
- flexWrap?: import("@tamagui/web").Variable<any> | "wrap" | "nowrap" | "wrap-reverse" | undefined;
141
+ flexWrap?: import("@tamagui/web").Variable<any> | "nowrap" | "wrap" | "wrap-reverse" | undefined;
147
142
  height?: import("@tamagui/web").SizeTokens | import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | undefined;
148
- justifyContent?: import("@tamagui/web").Variable<any> | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
143
+ justifyContent?: import("@tamagui/web").Variable<any> | "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
149
144
  left?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
150
145
  margin?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
151
146
  marginBottom?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
@@ -160,7 +155,7 @@ export declare const elevate: {
160
155
  maxWidth?: import("@tamagui/web").SizeTokens | import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | undefined;
161
156
  minHeight?: import("@tamagui/web").SizeTokens | import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | undefined;
162
157
  minWidth?: import("@tamagui/web").SizeTokens | import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | undefined;
163
- overflow?: import("@tamagui/web").Variable<any> | "visible" | "hidden" | "scroll" | undefined;
158
+ overflow?: import("@tamagui/web").Variable<any> | "hidden" | "visible" | "scroll" | undefined;
164
159
  padding?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
165
160
  paddingBottom?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
166
161
  paddingEnd?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
@@ -205,17 +200,22 @@ export declare const elevate: {
205
200
  rotateY?: string | import("@tamagui/web").Variable<any> | undefined;
206
201
  rotateX?: string | import("@tamagui/web").Variable<any> | undefined;
207
202
  rotateZ?: string | import("@tamagui/web").Variable<any> | undefined;
208
- cursor?: import("@tamagui/web").Variable<any> | import("csstype").Property.Cursor | undefined;
203
+ columnGap?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceValue | undefined;
209
204
  contain?: import("@tamagui/web").Variable<any> | import("csstype").Property.Contain | undefined;
210
- display?: "flex" | "none" | import("@tamagui/web").Variable<any> | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
211
- gap?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceTokens | undefined;
212
- columnGap?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceTokens | undefined;
213
- rowGap?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceTokens | undefined;
214
- userSelect?: import("@tamagui/web").Variable<any> | import("csstype").Property.UserSelect | undefined;
205
+ cursor?: import("@tamagui/web").Variable<any> | import("csstype").Property.Cursor | undefined;
206
+ display?: "flex" | "none" | import("@tamagui/web").Variable<any> | "inherit" | "block" | "inline" | "inline-flex" | "contents" | undefined;
207
+ gap?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceValue | undefined;
215
208
  outlineColor?: import("@tamagui/web").Variable<any> | import("csstype").Property.OutlineColor | undefined;
209
+ outlineOffset?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceValue | undefined;
216
210
  outlineStyle?: import("@tamagui/web").Variable<any> | import("csstype").Property.OutlineStyle | undefined;
217
- outlineOffset?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceTokens | undefined;
218
- outlineWidth?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceTokens | undefined;
211
+ outlineWidth?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceValue | undefined;
212
+ rowGap?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceValue | undefined;
213
+ space?: import("@tamagui/web").Variable<any> | import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
214
+ spaceDirection?: import("@tamagui/web").Variable<any> | import("@tamagui/web").SpaceDirection | undefined;
215
+ separator?: import("@tamagui/web").Variable<any> | import("react").ReactNode;
216
+ animation?: import("@tamagui/web").Variable<any> | import("@tamagui/web").AnimationProp | null | undefined;
217
+ animateOnly?: import("@tamagui/web").Variable<any> | string[] | undefined;
218
+ userSelect?: import("@tamagui/web").Variable<any> | import("csstype").Property.UserSelect | undefined;
219
219
  hoverStyle?: (import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>) | import("@tamagui/web").Variable<any> | null | undefined;
220
220
  pressStyle?: (import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>) | import("@tamagui/web").Variable<any> | null | undefined;
221
221
  focusStyle?: (import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>) | import("@tamagui/web").Variable<any> | null | undefined;