@tamagui/stacks 1.0.0-beta.8 → 1.0.1-beta.100

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 +269 -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,269 @@
1
+ /// <reference types="react" />
2
+ export declare const elevate: {
3
+ true: (_: boolean, extras: any) => {
4
+ [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;
5
+ hitSlop?: import("@tamagui/core").Variable<any> | import("react-native").Insets | undefined;
6
+ onLayout?: import("@tamagui/core").Variable<any> | ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
7
+ pointerEvents?: "box-none" | "none" | "box-only" | "auto" | import("@tamagui/core").Variable<any> | undefined;
8
+ removeClippedSubviews?: boolean | import("@tamagui/core").Variable<any> | undefined;
9
+ style?: import("@tamagui/core").Variable<any> | import("react-native").StyleProp<import("react-native").ViewStyle>;
10
+ testID?: string | import("@tamagui/core").Variable<any> | undefined;
11
+ nativeID?: string | import("@tamagui/core").Variable<any> | undefined;
12
+ collapsable?: boolean | import("@tamagui/core").Variable<any> | undefined;
13
+ needsOffscreenAlphaCompositing?: boolean | import("@tamagui/core").Variable<any> | undefined;
14
+ renderToHardwareTextureAndroid?: boolean | import("@tamagui/core").Variable<any> | undefined;
15
+ focusable?: boolean | import("@tamagui/core").Variable<any> | undefined;
16
+ shouldRasterizeIOS?: boolean | import("@tamagui/core").Variable<any> | undefined;
17
+ isTVSelectable?: boolean | import("@tamagui/core").Variable<any> | undefined;
18
+ hasTVPreferredFocus?: boolean | import("@tamagui/core").Variable<any> | undefined;
19
+ tvParallaxProperties?: import("@tamagui/core").Variable<any> | import("react-native").TVParallaxProperties | undefined;
20
+ tvParallaxShiftDistanceX?: number | import("@tamagui/core").Variable<any> | undefined;
21
+ tvParallaxShiftDistanceY?: number | import("@tamagui/core").Variable<any> | undefined;
22
+ tvParallaxTiltAngle?: number | import("@tamagui/core").Variable<any> | undefined;
23
+ tvParallaxMagnification?: number | import("@tamagui/core").Variable<any> | undefined;
24
+ onStartShouldSetResponder?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
25
+ onMoveShouldSetResponder?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
26
+ onResponderEnd?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
27
+ onResponderGrant?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
28
+ onResponderReject?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
29
+ onResponderMove?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
30
+ onResponderRelease?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
31
+ onResponderStart?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
32
+ onResponderTerminationRequest?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
33
+ onResponderTerminate?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
34
+ onStartShouldSetResponderCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
35
+ onMoveShouldSetResponderCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
36
+ onTouchStart?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
37
+ onTouchMove?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
38
+ onTouchEnd?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
39
+ onTouchCancel?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
40
+ onTouchEndCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
41
+ accessible?: boolean | import("@tamagui/core").Variable<any> | undefined;
42
+ accessibilityActions?: import("@tamagui/core").Variable<any> | readonly Readonly<{
43
+ name: string;
44
+ label?: string | undefined;
45
+ }>[] | undefined;
46
+ accessibilityLabel?: string | import("@tamagui/core").Variable<any> | undefined;
47
+ accessibilityRole?: "none" | "button" | "link" | "search" | "image" | "keyboardkey" | "text" | "adjustable" | "imagebutton" | "header" | "summary" | import("@tamagui/core").Variable<any> | undefined;
48
+ accessibilityState?: import("react-native").AccessibilityState | import("@tamagui/core").Variable<any> | undefined;
49
+ accessibilityHint?: string | import("@tamagui/core").Variable<any> | undefined;
50
+ accessibilityValue?: import("@tamagui/core").Variable<any> | import("react-native").AccessibilityValue | undefined;
51
+ onAccessibilityAction?: import("@tamagui/core").Variable<any> | ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
52
+ accessibilityLiveRegion?: "none" | import("@tamagui/core").Variable<any> | "polite" | "assertive" | undefined;
53
+ importantForAccessibility?: "auto" | import("@tamagui/core").Variable<any> | "yes" | "no" | "no-hide-descendants" | undefined;
54
+ accessibilityElementsHidden?: boolean | import("@tamagui/core").Variable<any> | undefined;
55
+ accessibilityViewIsModal?: boolean | import("@tamagui/core").Variable<any> | undefined;
56
+ onAccessibilityEscape?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
57
+ onAccessibilityTap?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
58
+ onMagicTap?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
59
+ accessibilityIgnoresInvertColors?: boolean | import("@tamagui/core").Variable<any> | undefined;
60
+ dataSet?: any;
61
+ target?: any;
62
+ rel?: any;
63
+ download?: any;
64
+ href?: string | import("@tamagui/core").Variable<any> | undefined;
65
+ hrefAttrs?: import("@tamagui/core").Variable<any> | {
66
+ target?: "top" | "_blank" | "_self" | "_top" | "blank" | "self" | undefined;
67
+ rel?: string | undefined;
68
+ download?: boolean | undefined;
69
+ } | undefined;
70
+ onMouseDown?: (((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) & ((e: MouseEvent) => any)) | import("@tamagui/core").Variable<any> | undefined;
71
+ onMouseUp?: import("@tamagui/core").Variable<any> | ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
72
+ onMouseEnter?: (((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) & ((e: MouseEvent) => any)) | import("@tamagui/core").Variable<any> | undefined;
73
+ onMouseLeave?: (((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) & ((e: MouseEvent) => any)) | import("@tamagui/core").Variable<any> | undefined;
74
+ onFocus?: import("@tamagui/core").Variable<any> | ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
75
+ onScroll?: import("@tamagui/core").Variable<any> | ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
76
+ onScrollShouldSetResponder?: unknown;
77
+ onScrollShouldSetResponderCapture?: unknown;
78
+ onSelectionChangeShouldSetResponder?: unknown;
79
+ onSelectionChangeShouldSetResponderCapture?: unknown;
80
+ asChild?: boolean | import("@tamagui/core").Variable<any> | undefined;
81
+ space?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").Variable<any> | null | undefined;
82
+ spaceDirection?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceDirection | undefined;
83
+ separator?: import("react").ReactNode | import("@tamagui/core").Variable<any>;
84
+ dangerouslySetInnerHTML?: import("@tamagui/core").Variable<any> | {
85
+ __html: string;
86
+ } | undefined;
87
+ animation?: import("@tamagui/core").Variable<any> | import("@tamagui/core").AnimationProp | undefined;
88
+ animateOnly?: import("@tamagui/core").Variable<any> | string[] | undefined;
89
+ children?: any;
90
+ debug?: import("@tamagui/core").Variable<any> | import("@tamagui/core").DebugProp | undefined;
91
+ disabled?: boolean | import("@tamagui/core").Variable<any> | undefined;
92
+ className?: string | import("@tamagui/core").Variable<any> | undefined;
93
+ id?: string | import("@tamagui/core").Variable<any> | undefined;
94
+ tag?: string | import("@tamagui/core").Variable<any> | undefined;
95
+ theme?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeName | null | undefined;
96
+ componentName?: string | import("@tamagui/core").Variable<any> | undefined;
97
+ forceStyle?: import("@tamagui/core").Variable<any> | "hover" | "press" | "focus" | undefined;
98
+ onHoverIn?: import("@tamagui/core").Variable<any> | ((e: MouseEvent) => any) | undefined;
99
+ onHoverOut?: import("@tamagui/core").Variable<any> | ((e: MouseEvent) => any) | undefined;
100
+ onPress?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
101
+ onPressIn?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
102
+ onPressOut?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
103
+ userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
104
+ cursor?: (import("csstype").Property.Cursor & string) | import("@tamagui/core").Variable<any> | undefined;
105
+ backgroundColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
106
+ borderBottomColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
107
+ borderBottomEndRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
108
+ borderBottomLeftRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
109
+ borderBottomRightRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
110
+ borderBottomStartRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
111
+ borderBottomWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
112
+ borderColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
113
+ borderEndColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
114
+ borderLeftColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
115
+ borderLeftWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
116
+ borderRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
117
+ borderRightColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
118
+ borderRightWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
119
+ borderStartColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
120
+ borderStyle?: import("@tamagui/core").Variable<any> | "solid" | "dotted" | "dashed" | undefined;
121
+ borderTopColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
122
+ borderTopEndRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
123
+ borderTopLeftRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
124
+ borderTopRightRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
125
+ borderTopStartRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
126
+ borderTopWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
127
+ borderWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
128
+ opacity?: number | import("@tamagui/core").Variable<any> | undefined;
129
+ alignContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
130
+ alignItems?: import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
131
+ alignSelf?: "auto" | import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
132
+ aspectRatio?: number | import("@tamagui/core").Variable<any> | undefined;
133
+ borderEndWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
134
+ borderStartWidth?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
135
+ bottom?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
136
+ end?: string | number | import("@tamagui/core").Variable<any> | undefined;
137
+ flex?: number | import("@tamagui/core").Variable<any> | undefined;
138
+ flexBasis?: string | number | import("@tamagui/core").Variable<any> | undefined;
139
+ flexDirection?: "column" | "row" | "row-reverse" | "column-reverse" | import("@tamagui/core").Variable<any> | undefined;
140
+ flexGrow?: number | import("@tamagui/core").Variable<any> | undefined;
141
+ flexShrink?: number | import("@tamagui/core").Variable<any> | undefined;
142
+ flexWrap?: import("@tamagui/core").Variable<any> | "wrap" | "nowrap" | "wrap-reverse" | undefined;
143
+ height?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
144
+ justifyContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
145
+ left?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
146
+ margin?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
147
+ marginBottom?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
148
+ marginEnd?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
149
+ marginHorizontal?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
150
+ marginLeft?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
151
+ marginRight?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
152
+ marginStart?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
153
+ marginTop?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
154
+ marginVertical?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
155
+ maxHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
156
+ maxWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
157
+ minHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
158
+ minWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
159
+ overflow?: import("@tamagui/core").Variable<any> | "visible" | "hidden" | "scroll" | undefined;
160
+ padding?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
161
+ paddingBottom?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
162
+ paddingEnd?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
163
+ paddingHorizontal?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
164
+ paddingLeft?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
165
+ paddingRight?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
166
+ paddingStart?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
167
+ paddingTop?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
168
+ paddingVertical?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
169
+ position?: "absolute" | "relative" | import("@tamagui/core").Variable<any> | undefined;
170
+ right?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
171
+ start?: string | number | import("@tamagui/core").Variable<any> | undefined;
172
+ top?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
173
+ width?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
174
+ zIndex?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ZIndexTokens | undefined;
175
+ direction?: "inherit" | import("@tamagui/core").Variable<any> | "ltr" | "rtl" | undefined;
176
+ shadowColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
177
+ shadowOffset?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | {
178
+ width: import("@tamagui/core").SpaceTokens;
179
+ height: import("@tamagui/core").SpaceTokens;
180
+ } | {
181
+ width: number;
182
+ height: number;
183
+ } | undefined;
184
+ shadowOpacity?: number | import("@tamagui/core").Variable<any> | undefined;
185
+ shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
186
+ 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;
187
+ transformMatrix?: number[] | import("@tamagui/core").Variable<any> | undefined;
188
+ rotation?: number | import("@tamagui/core").Variable<any> | undefined;
189
+ scaleX?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
190
+ scaleY?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
191
+ translateX?: number | import("@tamagui/core").Variable<any> | undefined;
192
+ translateY?: number | import("@tamagui/core").Variable<any> | undefined;
193
+ x?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
194
+ y?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
195
+ perspective?: number | import("@tamagui/core").Variable<any> | undefined;
196
+ scale?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
197
+ skewX?: string | import("@tamagui/core").Variable<any> | undefined;
198
+ skewY?: string | import("@tamagui/core").Variable<any> | undefined;
199
+ matrix?: number[] | import("@tamagui/core").Variable<any> | undefined;
200
+ rotate?: string | import("@tamagui/core").Variable<any> | undefined;
201
+ rotateY?: string | import("@tamagui/core").Variable<any> | undefined;
202
+ rotateX?: string | import("@tamagui/core").Variable<any> | undefined;
203
+ rotateZ?: string | import("@tamagui/core").Variable<any> | undefined;
204
+ contain?: string | import("@tamagui/core").Variable<any> | undefined;
205
+ display?: "flex" | "none" | "inherit" | import("@tamagui/core").Variable<any> | "inline" | "block" | "contents" | "inline-flex" | undefined;
206
+ 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;
207
+ 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;
208
+ 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;
209
+ 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;
210
+ 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;
211
+ } | null | undefined;
212
+ };
213
+ export declare const bordered: (val: boolean | number, { props }: {
214
+ props: any;
215
+ }) => any;
216
+ export declare const padded: {
217
+ true: (_: any, extras: any) => {
218
+ padding: any;
219
+ };
220
+ };
221
+ export declare const radiused: {
222
+ true: (_: any, extras: any) => {
223
+ borderRadius: any;
224
+ };
225
+ };
226
+ export declare const circular: {
227
+ true: (_: any, { props, tokens }: {
228
+ props: any;
229
+ tokens: any;
230
+ }) => {
231
+ width: any;
232
+ height: any;
233
+ maxWidth: any;
234
+ maxHeight: any;
235
+ minWidth: any;
236
+ minHeight: any;
237
+ borderRadius: number;
238
+ paddingVertical: number;
239
+ paddingHorizontal: number;
240
+ };
241
+ };
242
+ export declare const hoverTheme: {
243
+ true: {
244
+ hoverStyle: {
245
+ backgroundColor: string;
246
+ borderColor: string;
247
+ };
248
+ };
249
+ false: {};
250
+ };
251
+ export declare const pressTheme: {
252
+ true: {
253
+ pressStyle: {
254
+ backgroundColor: string;
255
+ borderColor: string;
256
+ };
257
+ };
258
+ false: {};
259
+ };
260
+ export declare const focusTheme: {
261
+ true: {
262
+ focusStyle: {
263
+ backgroundColor: string;
264
+ borderColor: string;
265
+ };
266
+ };
267
+ false: {};
268
+ };
269
+ //# 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"}