@tamagui/stacks 1.0.0-beta.9 → 1.0.1-beta.101

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 (53) hide show
  1. package/dist/cjs/SizableStack.js +9 -65
  2. package/dist/cjs/SizableStack.js.map +2 -2
  3. package/dist/cjs/Stacks.js +30 -25
  4. package/dist/cjs/Stacks.js.map +2 -2
  5. package/dist/cjs/ThemeableSizableStack.js +70 -0
  6. package/dist/cjs/ThemeableSizableStack.js.map +7 -0
  7. package/dist/cjs/ThemeableStack.js +61 -0
  8. package/dist/cjs/ThemeableStack.js.map +7 -0
  9. package/dist/cjs/index.js +1 -0
  10. package/dist/cjs/index.js.map +2 -2
  11. package/dist/cjs/variants.js +138 -0
  12. package/dist/cjs/variants.js.map +7 -0
  13. package/dist/esm/SizableStack.js +10 -66
  14. package/dist/esm/SizableStack.js.map +2 -2
  15. package/dist/esm/Stacks.js +29 -26
  16. package/dist/esm/Stacks.js.map +2 -2
  17. package/dist/esm/ThemeableSizableStack.js +47 -0
  18. package/dist/esm/ThemeableSizableStack.js.map +7 -0
  19. package/dist/esm/ThemeableStack.js +47 -0
  20. package/dist/esm/ThemeableStack.js.map +7 -0
  21. package/dist/esm/index.js +1 -0
  22. package/dist/esm/index.js.map +2 -2
  23. package/dist/esm/variants.js +110 -0
  24. package/dist/esm/variants.js.map +7 -0
  25. package/dist/jsx/SizableStack.js +11 -66
  26. package/dist/jsx/SizableStack.js.map +7 -0
  27. package/dist/jsx/Stacks.js +30 -26
  28. package/dist/jsx/Stacks.js.map +7 -0
  29. package/dist/jsx/ThemeableSizableStack.js +46 -0
  30. package/dist/jsx/ThemeableStack.js +47 -0
  31. package/dist/jsx/ThemeableStack.js.map +7 -0
  32. package/dist/jsx/index.js +2 -0
  33. package/dist/jsx/index.js.map +7 -0
  34. package/dist/jsx/variants.js +97 -0
  35. package/dist/jsx/variants.js.map +7 -0
  36. package/package.json +8 -5
  37. package/src/SizableStack.tsx +29 -0
  38. package/src/Stacks.tsx +91 -0
  39. package/src/ThemeableStack.tsx +53 -0
  40. package/src/index.ts +3 -0
  41. package/src/variants.tsx +98 -0
  42. package/types/SizableStack.d.ts +35 -39
  43. package/types/SizableStack.d.ts.map +1 -1
  44. package/types/Stacks.d.ts +34 -33
  45. package/types/Stacks.d.ts.map +1 -1
  46. package/types/ThemeableSizableStack.d.ts +68 -0
  47. package/types/ThemeableSizableStack.d.ts.map +1 -0
  48. package/types/ThemeableStack.d.ts +68 -0
  49. package/types/ThemeableStack.d.ts.map +1 -0
  50. package/types/index.d.ts +1 -0
  51. package/types/index.d.ts.map +1 -1
  52. package/types/variants.d.ts +268 -0
  53. package/types/variants.d.ts.map +1 -0
package/types/Stacks.d.ts CHANGED
@@ -1,60 +1,61 @@
1
- import { GetProps, SizeTokens, VariantSpreadExtras } from '@tamagui/core';
1
+ import { GetProps, SizeTokens, SizeVariantSpreadFunction, StackProps, VariantSpreadExtras } from '@tamagui/core';
2
2
  export declare type YStackProps = GetProps<typeof YStack>;
3
- export declare type XStackProps = GetProps<typeof YStack>;
4
- export declare type ZStackProps = GetProps<typeof ZStack>;
3
+ export declare type XStackProps = YStackProps;
4
+ export declare type ZStackProps = YStackProps;
5
+ export declare const getElevation: SizeVariantSpreadFunction<StackProps>;
5
6
  export declare const YStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
6
- fullscreen?: boolean | undefined;
7
- elevation?: SizeTokens | undefined;
7
+ readonly fullscreen?: boolean | undefined;
8
+ readonly elevation?: SizeTokens | undefined;
8
9
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
9
- fullscreen?: boolean | undefined;
10
- elevation?: SizeTokens | undefined;
10
+ readonly fullscreen?: boolean | undefined;
11
+ readonly elevation?: SizeTokens | undefined;
11
12
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
12
- fullscreen?: boolean | undefined;
13
- elevation?: SizeTokens | undefined;
13
+ readonly fullscreen?: boolean | undefined;
14
+ readonly elevation?: SizeTokens | undefined;
14
15
  }>>, any, import("@tamagui/core").StackPropsBase, {
15
- fullscreen?: boolean | undefined;
16
- elevation?: SizeTokens | undefined;
16
+ readonly fullscreen?: boolean | undefined;
17
+ readonly elevation?: SizeTokens | undefined;
17
18
  }>;
18
19
  export declare const XStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
19
- fullscreen?: boolean | undefined;
20
- elevation?: SizeTokens | undefined;
20
+ readonly fullscreen?: boolean | undefined;
21
+ readonly elevation?: SizeTokens | undefined;
21
22
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
22
- fullscreen?: boolean | undefined;
23
- elevation?: SizeTokens | undefined;
23
+ readonly fullscreen?: boolean | undefined;
24
+ readonly elevation?: SizeTokens | undefined;
24
25
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
25
- fullscreen?: boolean | undefined;
26
- elevation?: SizeTokens | undefined;
26
+ readonly fullscreen?: boolean | undefined;
27
+ readonly elevation?: SizeTokens | undefined;
27
28
  }>>, any, import("@tamagui/core").StackPropsBase, {
28
- fullscreen?: boolean | undefined;
29
- elevation?: SizeTokens | undefined;
29
+ readonly fullscreen?: boolean | undefined;
30
+ readonly elevation?: SizeTokens | undefined;
30
31
  }>;
31
32
  export declare const ZStack: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
32
- fullscreen?: boolean | undefined;
33
- elevation?: SizeTokens | undefined;
33
+ readonly fullscreen?: boolean | undefined;
34
+ readonly elevation?: SizeTokens | undefined;
34
35
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
35
- fullscreen?: boolean | undefined;
36
- elevation?: SizeTokens | undefined;
36
+ readonly fullscreen?: boolean | undefined;
37
+ readonly elevation?: SizeTokens | undefined;
37
38
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
38
- fullscreen?: boolean | undefined;
39
- elevation?: SizeTokens | undefined;
39
+ readonly fullscreen?: boolean | undefined;
40
+ readonly elevation?: SizeTokens | undefined;
40
41
  }>>) | (Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
41
- fullscreen?: boolean | undefined;
42
- elevation?: SizeTokens | undefined;
42
+ readonly fullscreen?: boolean | undefined;
43
+ readonly elevation?: SizeTokens | undefined;
43
44
  }, string | number> & {
44
45
  [x: string]: undefined;
45
46
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
46
- fullscreen?: boolean | undefined;
47
- elevation?: SizeTokens | undefined;
47
+ readonly fullscreen?: boolean | undefined;
48
+ readonly elevation?: SizeTokens | undefined;
48
49
  }, string | number> & {
49
50
  [x: string]: undefined;
50
51
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
51
- fullscreen?: boolean | undefined;
52
- elevation?: SizeTokens | undefined;
52
+ readonly fullscreen?: boolean | undefined;
53
+ readonly elevation?: SizeTokens | undefined;
53
54
  }, string | number> & {
54
55
  [x: string]: undefined;
55
56
  }>>), any, import("@tamagui/core").StackPropsBase, {
56
- fullscreen?: boolean | undefined;
57
- elevation?: SizeTokens | undefined;
57
+ readonly fullscreen?: boolean | undefined;
58
+ readonly elevation?: SizeTokens | undefined;
58
59
  } & ({} | {
59
60
  [x: string]: undefined;
60
61
  })>;
@@ -1 +1 @@
1
- {"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,UAAU,EAIV,mBAAmB,EAIpB,MAAM,eAAe,CAAA;AAEtB,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AACjD,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AACjD,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAkBjD,eAAO,MAAM,MAAM;;;;;;;;;;;;EAWjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;EAWjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAA;AAED,eAAO,MAAM,iBAAiB,QACvB,UAAU,GAAG,MAAM,GAAG,OAAO,qBACf,oBAAoB,GAAG,CAAC;;;;;;;CAsB5C,CAAA"}
1
+ {"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,UAAU,EACV,yBAAyB,EAEzB,UAAU,EACV,mBAAmB,EAIpB,MAAM,eAAe,CAAA;AAEtB,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AACjD,oBAAY,WAAW,GAAG,WAAW,CAAA;AACrC,oBAAY,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,UAAU,CAM9D,CAAA;AAmBD,eAAO,MAAM,MAAM;;;;;;;;;;;;EAIjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;EAIjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAA;AAED,eAAO,MAAM,iBAAiB,QACvB,UAAU,GAAG,MAAM,GAAG,OAAO,qBACf,oBAAoB,GAAG,CAAC;;;;;;;CAuB5C,CAAA"}
@@ -0,0 +1,68 @@
1
+ import { GetProps } from '@tamagui/core';
2
+ export declare const ThemeableSizableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
3
+ fullscreen?: boolean | undefined;
4
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
5
+ }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
6
+ fontFamily?: unknown;
7
+ hoverable?: boolean | undefined;
8
+ pressable?: boolean | undefined;
9
+ focusable?: boolean | undefined;
10
+ circular?: boolean | undefined;
11
+ pad?: boolean | undefined;
12
+ elevate?: boolean | undefined;
13
+ bordered?: number | boolean | undefined;
14
+ size?: import("@tamagui/core").SizeTokens | undefined;
15
+ disabled?: boolean | undefined;
16
+ transparent?: boolean | undefined;
17
+ chromeless?: boolean | undefined;
18
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
19
+ fullscreen?: boolean | undefined;
20
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
21
+ }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
22
+ fontFamily?: unknown;
23
+ hoverable?: boolean | undefined;
24
+ pressable?: boolean | undefined;
25
+ focusable?: boolean | undefined;
26
+ circular?: boolean | undefined;
27
+ pad?: boolean | undefined;
28
+ elevate?: boolean | undefined;
29
+ bordered?: number | boolean | undefined;
30
+ size?: import("@tamagui/core").SizeTokens | undefined;
31
+ disabled?: boolean | undefined;
32
+ transparent?: boolean | undefined;
33
+ chromeless?: boolean | undefined;
34
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
35
+ fullscreen?: boolean | undefined;
36
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
37
+ }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
38
+ fontFamily?: unknown;
39
+ hoverable?: boolean | undefined;
40
+ pressable?: boolean | undefined;
41
+ focusable?: boolean | undefined;
42
+ circular?: boolean | undefined;
43
+ pad?: boolean | undefined;
44
+ elevate?: boolean | undefined;
45
+ bordered?: number | boolean | undefined;
46
+ size?: import("@tamagui/core").SizeTokens | undefined;
47
+ disabled?: boolean | undefined;
48
+ transparent?: boolean | undefined;
49
+ chromeless?: boolean | undefined;
50
+ }>>, any, import("@tamagui/core").StackPropsBase, {
51
+ fullscreen?: boolean | undefined;
52
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
53
+ } & {
54
+ fontFamily?: unknown;
55
+ hoverable?: boolean | undefined;
56
+ pressable?: boolean | undefined;
57
+ focusable?: boolean | undefined;
58
+ circular?: boolean | undefined;
59
+ pad?: boolean | undefined;
60
+ elevate?: boolean | undefined;
61
+ bordered?: number | boolean | undefined;
62
+ size?: import("@tamagui/core").SizeTokens | undefined;
63
+ disabled?: boolean | undefined;
64
+ transparent?: boolean | undefined;
65
+ chromeless?: boolean | undefined;
66
+ }>;
67
+ export declare type ThemeableSizableStackProps = GetProps<typeof ThemeableSizableStack>;
68
+ //# sourceMappingURL=ThemeableSizableStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeableSizableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableSizableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAA;AAK/D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ChC,CAAA;AAEF,oBAAY,0BAA0B,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA"}
@@ -0,0 +1,68 @@
1
+ import { GetProps } from '@tamagui/core';
2
+ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
3
+ readonly fullscreen?: boolean | undefined;
4
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
5
+ }, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
6
+ fontFamily?: unknown;
7
+ backgrounded?: boolean | undefined;
8
+ radiused?: boolean | undefined;
9
+ hoverTheme?: boolean | undefined;
10
+ pressTheme?: boolean | undefined;
11
+ focusTheme?: boolean | undefined;
12
+ circular?: boolean | undefined;
13
+ padded?: boolean | undefined;
14
+ elevate?: boolean | undefined;
15
+ bordered?: number | boolean | undefined;
16
+ transparent?: boolean | undefined;
17
+ chromeless?: boolean | undefined;
18
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
19
+ readonly fullscreen?: boolean | undefined;
20
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
21
+ }, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
22
+ fontFamily?: unknown;
23
+ backgrounded?: boolean | undefined;
24
+ radiused?: boolean | undefined;
25
+ hoverTheme?: boolean | undefined;
26
+ pressTheme?: boolean | undefined;
27
+ focusTheme?: boolean | undefined;
28
+ circular?: boolean | undefined;
29
+ padded?: boolean | undefined;
30
+ elevate?: boolean | undefined;
31
+ bordered?: number | boolean | undefined;
32
+ transparent?: boolean | undefined;
33
+ chromeless?: boolean | undefined;
34
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
35
+ readonly fullscreen?: boolean | undefined;
36
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
37
+ }, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
38
+ fontFamily?: unknown;
39
+ backgrounded?: boolean | undefined;
40
+ radiused?: boolean | undefined;
41
+ hoverTheme?: boolean | undefined;
42
+ pressTheme?: boolean | undefined;
43
+ focusTheme?: boolean | undefined;
44
+ circular?: boolean | undefined;
45
+ padded?: boolean | undefined;
46
+ elevate?: boolean | undefined;
47
+ bordered?: number | boolean | undefined;
48
+ transparent?: boolean | undefined;
49
+ chromeless?: boolean | undefined;
50
+ }>>, any, import("@tamagui/core").StackPropsBase, {
51
+ readonly fullscreen?: boolean | undefined;
52
+ readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
53
+ } & {
54
+ fontFamily?: unknown;
55
+ backgrounded?: boolean | undefined;
56
+ radiused?: boolean | undefined;
57
+ hoverTheme?: boolean | undefined;
58
+ pressTheme?: boolean | undefined;
59
+ focusTheme?: boolean | undefined;
60
+ circular?: boolean | undefined;
61
+ padded?: boolean | undefined;
62
+ elevate?: boolean | undefined;
63
+ bordered?: number | boolean | undefined;
64
+ transparent?: boolean | undefined;
65
+ chromeless?: boolean | undefined;
66
+ }>;
67
+ export declare type ThemeableStackProps = GetProps<typeof ThemeableStack>;
68
+ //# sourceMappingURL=ThemeableStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAchD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCzB,CAAA;AAEF,oBAAY,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}
package/types/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './Stacks';
2
2
  export * from './SizableStack';
3
+ export * from './ThemeableStack';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,268 @@
1
+ export declare const elevate: {
2
+ true: (_: boolean, extras: any) => {
3
+ [x: `$${string}`]: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<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> | undefined;
4
+ hitSlop?: import("@tamagui/core").Variable<any> | import("react-native").Insets | undefined;
5
+ onLayout?: import("@tamagui/core").Variable<any> | ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
6
+ pointerEvents?: "box-none" | "none" | "box-only" | "auto" | import("@tamagui/core").Variable<any> | undefined;
7
+ removeClippedSubviews?: boolean | import("@tamagui/core").Variable<any> | undefined;
8
+ style?: import("@tamagui/core").Variable<any> | import("react-native").StyleProp<import("react-native").ViewStyle>;
9
+ testID?: string | import("@tamagui/core").Variable<any> | undefined;
10
+ nativeID?: string | import("@tamagui/core").Variable<any> | undefined;
11
+ collapsable?: boolean | import("@tamagui/core").Variable<any> | undefined;
12
+ needsOffscreenAlphaCompositing?: boolean | import("@tamagui/core").Variable<any> | undefined;
13
+ renderToHardwareTextureAndroid?: boolean | import("@tamagui/core").Variable<any> | undefined;
14
+ focusable?: boolean | import("@tamagui/core").Variable<any> | undefined;
15
+ shouldRasterizeIOS?: boolean | import("@tamagui/core").Variable<any> | undefined;
16
+ isTVSelectable?: boolean | import("@tamagui/core").Variable<any> | undefined;
17
+ hasTVPreferredFocus?: boolean | import("@tamagui/core").Variable<any> | undefined;
18
+ tvParallaxProperties?: import("@tamagui/core").Variable<any> | import("react-native").TVParallaxProperties | undefined;
19
+ tvParallaxShiftDistanceX?: number | import("@tamagui/core").Variable<any> | undefined;
20
+ tvParallaxShiftDistanceY?: number | import("@tamagui/core").Variable<any> | undefined;
21
+ tvParallaxTiltAngle?: number | import("@tamagui/core").Variable<any> | undefined;
22
+ tvParallaxMagnification?: number | import("@tamagui/core").Variable<any> | undefined;
23
+ onStartShouldSetResponder?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
24
+ onMoveShouldSetResponder?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
25
+ onResponderEnd?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
26
+ onResponderGrant?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
27
+ onResponderReject?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
28
+ onResponderMove?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
29
+ onResponderRelease?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
30
+ onResponderStart?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
31
+ onResponderTerminationRequest?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
32
+ onResponderTerminate?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
33
+ onStartShouldSetResponderCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
34
+ onMoveShouldSetResponderCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
35
+ onTouchStart?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
36
+ onTouchMove?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
37
+ onTouchEnd?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
38
+ onTouchCancel?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
39
+ onTouchEndCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
40
+ accessible?: boolean | import("@tamagui/core").Variable<any> | undefined;
41
+ accessibilityActions?: import("@tamagui/core").Variable<any> | readonly Readonly<{
42
+ name: string;
43
+ label?: string | undefined;
44
+ }>[] | undefined;
45
+ accessibilityLabel?: string | import("@tamagui/core").Variable<any> | undefined;
46
+ accessibilityRole?: "none" | "button" | "link" | "search" | "image" | "keyboardkey" | "text" | "adjustable" | "imagebutton" | "header" | "summary" | "list" | import("@tamagui/core").Variable<any> | undefined;
47
+ accessibilityState?: import("react-native").AccessibilityState | import("@tamagui/core").Variable<any> | undefined;
48
+ accessibilityHint?: string | import("@tamagui/core").Variable<any> | undefined;
49
+ accessibilityValue?: import("@tamagui/core").Variable<any> | import("react-native").AccessibilityValue | undefined;
50
+ onAccessibilityAction?: import("@tamagui/core").Variable<any> | ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
51
+ accessibilityLiveRegion?: "none" | import("@tamagui/core").Variable<any> | "polite" | "assertive" | undefined;
52
+ importantForAccessibility?: "auto" | import("@tamagui/core").Variable<any> | "yes" | "no" | "no-hide-descendants" | undefined;
53
+ accessibilityElementsHidden?: boolean | import("@tamagui/core").Variable<any> | undefined;
54
+ accessibilityViewIsModal?: boolean | import("@tamagui/core").Variable<any> | undefined;
55
+ onAccessibilityEscape?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
56
+ onAccessibilityTap?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
57
+ onMagicTap?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
58
+ accessibilityIgnoresInvertColors?: boolean | import("@tamagui/core").Variable<any> | undefined;
59
+ dataSet?: any;
60
+ target?: any;
61
+ rel?: any;
62
+ download?: any;
63
+ href?: string | import("@tamagui/core").Variable<any> | undefined;
64
+ hrefAttrs?: import("@tamagui/core").Variable<any> | {
65
+ target?: "top" | "_blank" | "_self" | "_top" | "blank" | "self" | undefined;
66
+ rel?: string | undefined;
67
+ download?: boolean | undefined;
68
+ } | undefined;
69
+ onMouseDown?: (((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) & ((e: MouseEvent) => any)) | import("@tamagui/core").Variable<any> | undefined;
70
+ onMouseUp?: import("@tamagui/core").Variable<any> | ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
71
+ onMouseEnter?: (((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) & ((e: MouseEvent) => any)) | import("@tamagui/core").Variable<any> | undefined;
72
+ onMouseLeave?: (((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) & ((e: MouseEvent) => any)) | import("@tamagui/core").Variable<any> | undefined;
73
+ onFocus?: import("@tamagui/core").Variable<any> | ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
74
+ onScroll?: import("@tamagui/core").Variable<any> | ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
75
+ onScrollShouldSetResponder?: unknown;
76
+ onScrollShouldSetResponderCapture?: unknown;
77
+ onSelectionChangeShouldSetResponder?: unknown;
78
+ onSelectionChangeShouldSetResponderCapture?: unknown;
79
+ asChild?: boolean | import("@tamagui/core").Variable<any> | undefined;
80
+ space?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").Variable<any> | null | undefined;
81
+ spaceDirection?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceDirection | undefined;
82
+ separator?: import("react").ReactNode | import("@tamagui/core").Variable<any>;
83
+ dangerouslySetInnerHTML?: import("@tamagui/core").Variable<any> | {
84
+ __html: string;
85
+ } | undefined;
86
+ animation?: import("@tamagui/core").Variable<any> | import("@tamagui/core").AnimationProp | undefined;
87
+ animateOnly?: import("@tamagui/core").Variable<any> | string[] | undefined;
88
+ children?: any;
89
+ debug?: import("@tamagui/core").Variable<any> | import("@tamagui/core").DebugProp | undefined;
90
+ disabled?: boolean | import("@tamagui/core").Variable<any> | undefined;
91
+ className?: string | import("@tamagui/core").Variable<any> | undefined;
92
+ id?: string | import("@tamagui/core").Variable<any> | undefined;
93
+ tag?: string | import("@tamagui/core").Variable<any> | undefined;
94
+ theme?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeName | null | undefined;
95
+ componentName?: string | import("@tamagui/core").Variable<any> | undefined;
96
+ forceStyle?: import("@tamagui/core").Variable<any> | "hover" | "press" | "focus" | undefined;
97
+ onHoverIn?: import("@tamagui/core").Variable<any> | ((e: MouseEvent) => any) | undefined;
98
+ onHoverOut?: import("@tamagui/core").Variable<any> | ((e: MouseEvent) => any) | undefined;
99
+ onPress?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
100
+ onPressIn?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
101
+ onPressOut?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
102
+ userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
103
+ cursor?: (import("csstype").Property.Cursor & string) | import("@tamagui/core").Variable<any> | undefined;
104
+ backgroundColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
105
+ borderBottomColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
106
+ borderBottomEndRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
107
+ borderBottomLeftRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
108
+ borderBottomRightRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
109
+ borderBottomStartRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
110
+ borderBottomWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
111
+ borderColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
112
+ borderEndColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
113
+ borderLeftColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
114
+ borderLeftWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
115
+ borderRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
116
+ borderRightColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
117
+ borderRightWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
118
+ borderStartColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
119
+ borderStyle?: import("@tamagui/core").Variable<any> | "solid" | "dotted" | "dashed" | undefined;
120
+ borderTopColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
121
+ borderTopEndRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
122
+ borderTopLeftRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
123
+ borderTopRightRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
124
+ borderTopStartRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
125
+ borderTopWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
126
+ borderWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
127
+ opacity?: number | import("@tamagui/core").Variable<any> | undefined;
128
+ alignContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
129
+ alignItems?: import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
130
+ alignSelf?: "auto" | import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
131
+ aspectRatio?: number | import("@tamagui/core").Variable<any> | undefined;
132
+ borderEndWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
133
+ borderStartWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
134
+ bottom?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
135
+ end?: string | number | import("@tamagui/core").Variable<any> | undefined;
136
+ flex?: number | import("@tamagui/core").Variable<any> | undefined;
137
+ flexBasis?: string | number | import("@tamagui/core").Variable<any> | undefined;
138
+ flexDirection?: "column" | "row" | "row-reverse" | "column-reverse" | import("@tamagui/core").Variable<any> | undefined;
139
+ flexGrow?: number | import("@tamagui/core").Variable<any> | undefined;
140
+ flexShrink?: number | import("@tamagui/core").Variable<any> | undefined;
141
+ flexWrap?: import("@tamagui/core").Variable<any> | "wrap" | "nowrap" | "wrap-reverse" | undefined;
142
+ height?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
143
+ justifyContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
144
+ left?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
145
+ margin?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
146
+ marginBottom?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
147
+ marginEnd?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
148
+ marginHorizontal?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
149
+ marginLeft?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
150
+ marginRight?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
151
+ marginStart?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
152
+ marginTop?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
153
+ marginVertical?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
154
+ maxHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
155
+ maxWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
156
+ minHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
157
+ minWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
158
+ overflow?: import("@tamagui/core").Variable<any> | "visible" | "hidden" | "scroll" | undefined;
159
+ padding?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
160
+ paddingBottom?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
161
+ paddingEnd?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
162
+ paddingHorizontal?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
163
+ paddingLeft?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
164
+ paddingRight?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
165
+ paddingStart?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
166
+ paddingTop?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
167
+ paddingVertical?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
168
+ position?: "absolute" | "relative" | import("@tamagui/core").Variable<any> | undefined;
169
+ right?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
170
+ start?: string | number | import("@tamagui/core").Variable<any> | undefined;
171
+ top?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
172
+ width?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
173
+ zIndex?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ZIndexTokens | undefined;
174
+ direction?: "inherit" | import("@tamagui/core").Variable<any> | "ltr" | "rtl" | undefined;
175
+ shadowColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
176
+ shadowOffset?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | {
177
+ width: import("@tamagui/core").SpaceTokens;
178
+ height: import("@tamagui/core").SpaceTokens;
179
+ } | {
180
+ width: number;
181
+ height: number;
182
+ } | undefined;
183
+ shadowOpacity?: number | import("@tamagui/core").Variable<any> | undefined;
184
+ shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
185
+ transform?: import("@tamagui/core").Variable<any> | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
186
+ transformMatrix?: number[] | import("@tamagui/core").Variable<any> | undefined;
187
+ rotation?: number | import("@tamagui/core").Variable<any> | undefined;
188
+ scaleX?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
189
+ scaleY?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
190
+ translateX?: number | import("@tamagui/core").Variable<any> | undefined;
191
+ translateY?: number | import("@tamagui/core").Variable<any> | undefined;
192
+ x?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
193
+ y?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
194
+ perspective?: number | import("@tamagui/core").Variable<any> | undefined;
195
+ scale?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
196
+ skewX?: string | import("@tamagui/core").Variable<any> | undefined;
197
+ skewY?: string | import("@tamagui/core").Variable<any> | undefined;
198
+ matrix?: number[] | import("@tamagui/core").Variable<any> | undefined;
199
+ rotate?: string | import("@tamagui/core").Variable<any> | undefined;
200
+ rotateY?: string | import("@tamagui/core").Variable<any> | undefined;
201
+ rotateX?: string | import("@tamagui/core").Variable<any> | undefined;
202
+ rotateZ?: string | import("@tamagui/core").Variable<any> | undefined;
203
+ contain?: string | import("@tamagui/core").Variable<any> | undefined;
204
+ display?: "flex" | "none" | "inherit" | import("@tamagui/core").Variable<any> | "inline" | "block" | "contents" | "inline-flex" | undefined;
205
+ 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;
206
+ 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;
207
+ 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;
208
+ exitStyle?: (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;
209
+ enterStyle?: (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;
210
+ } | null | undefined;
211
+ };
212
+ export declare const bordered: (val: boolean | number, { props }: {
213
+ props: any;
214
+ }) => any;
215
+ export declare const padded: {
216
+ true: (_: any, extras: any) => {
217
+ padding: any;
218
+ };
219
+ };
220
+ export declare const radiused: {
221
+ true: (_: any, extras: any) => {
222
+ borderRadius: any;
223
+ };
224
+ };
225
+ export declare const circular: {
226
+ true: (_: any, { props, tokens }: {
227
+ props: any;
228
+ tokens: any;
229
+ }) => {
230
+ width: any;
231
+ height: any;
232
+ maxWidth: any;
233
+ maxHeight: any;
234
+ minWidth: any;
235
+ minHeight: any;
236
+ borderRadius: number;
237
+ paddingVertical: number;
238
+ paddingHorizontal: number;
239
+ };
240
+ };
241
+ export declare const hoverTheme: {
242
+ true: {
243
+ hoverStyle: {
244
+ backgroundColor: string;
245
+ borderColor: string;
246
+ };
247
+ };
248
+ false: {};
249
+ };
250
+ export declare const pressTheme: {
251
+ true: {
252
+ pressStyle: {
253
+ backgroundColor: string;
254
+ borderColor: string;
255
+ };
256
+ };
257
+ false: {};
258
+ };
259
+ export declare const focusTheme: {
260
+ true: {
261
+ focusStyle: {
262
+ backgroundColor: string;
263
+ borderColor: string;
264
+ };
265
+ };
266
+ false: {};
267
+ };
268
+ //# sourceMappingURL=variants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;cACR,OAAO,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG/B,CAAA;AAED,eAAO,MAAM,QAAQ,QAAS,OAAO,GAAG,MAAM;;SAwB7C,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAOlB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAOpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAepB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA"}