@tamagui/stacks 1.22.6 → 1.22.7

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 (14) hide show
  1. package/dist/cjs/ThemeableStack.js +33 -31
  2. package/dist/cjs/ThemeableStack.js.map +1 -1
  3. package/dist/esm/ThemeableStack.js +31 -30
  4. package/dist/esm/ThemeableStack.js.map +1 -1
  5. package/dist/esm/ThemeableStack.mjs +31 -30
  6. package/dist/esm/ThemeableStack.mjs.map +1 -1
  7. package/dist/jsx/ThemeableStack.js +31 -30
  8. package/dist/jsx/ThemeableStack.js.map +1 -1
  9. package/dist/jsx/ThemeableStack.mjs +31 -30
  10. package/dist/jsx/ThemeableStack.mjs.map +1 -1
  11. package/package.json +4 -4
  12. package/src/ThemeableStack.tsx +31 -31
  13. package/types/ThemeableStack.d.ts +320 -0
  14. package/types/ThemeableStack.d.ts.map +1 -1
package/dist/cjs/ThemeableStack.js CHANGED
@@ -18,7 +18,8 @@ var __copyProps = (to, from, except, desc) => {
18
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
19
  var ThemeableStack_exports = {};
20
20
  __export(ThemeableStack_exports, {
21
- ThemeableStack: () => ThemeableStack
21
+ ThemeableStack: () => ThemeableStack,
22
+ themeableVariants: () => themeableVariants
22
23
  });
23
24
  module.exports = __toCommonJS(ThemeableStack_exports);
24
25
  var import_core = require("@tamagui/core");
@@ -29,40 +30,41 @@ const chromelessStyle = {
29
30
  borderColor: "transparent",
30
31
  shadowColor: "transparent"
31
32
  };
32
- const ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
33
- name: "SizableStack",
34
- variants: {
35
- backgrounded: {
36
- true: {
37
- backgroundColor: "$background"
38
- }
39
- },
40
- radiused: import_variants.radiused,
41
- hoverTheme: import_variants.hoverTheme,
42
- pressTheme: import_variants.pressTheme,
43
- focusTheme: import_variants.focusTheme,
44
- circular: import_variants.circular,
45
- padded: import_variants.padded,
46
- elevate: import_variants.elevate,
47
- bordered: import_variants.bordered,
48
- transparent: {
49
- true: {
50
- backgroundColor: "transparent"
51
- }
52
- },
53
- chromeless: {
54
- true: chromelessStyle,
55
- all: {
56
- ...chromelessStyle,
57
- hoverStyle: chromelessStyle,
58
- pressStyle: chromelessStyle,
59
- focusStyle: chromelessStyle
60
- }
33
+ const themeableVariants = {
34
+ backgrounded: {
35
+ true: {
36
+ backgroundColor: "$background"
37
+ }
38
+ },
39
+ radiused: import_variants.radiused,
40
+ hoverTheme: import_variants.hoverTheme,
41
+ pressTheme: import_variants.pressTheme,
42
+ focusTheme: import_variants.focusTheme,
43
+ circular: import_variants.circular,
44
+ padded: import_variants.padded,
45
+ elevate: import_variants.elevate,
46
+ bordered: import_variants.bordered,
47
+ transparent: {
48
+ true: {
49
+ backgroundColor: "transparent"
50
+ }
51
+ },
52
+ chromeless: {
53
+ true: chromelessStyle,
54
+ all: {
55
+ ...chromelessStyle,
56
+ hoverStyle: chromelessStyle,
57
+ pressStyle: chromelessStyle,
58
+ focusStyle: chromelessStyle
61
59
  }
62
60
  }
61
+ };
62
+ const ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
63
+ variants: themeableVariants
63
64
  });
64
65
  // Annotate the CommonJS export names for ESM import in node:
65
66
  0 && (module.exports = {
66
- ThemeableStack
67
+ ThemeableStack,
68
+ themeableVariants
67
69
  });
68
70
  //# sourceMappingURL=ThemeableStack.js.map
package/dist/cjs/ThemeableStack.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,oBAAuB;AACvB,sBASO;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,qBAAiB,oBAAO,sBAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,oBAAuB;AACvB,sBASO;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,qBAAiB,oBAAO,sBAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/esm/ThemeableStack.js CHANGED
@@ -15,39 +15,40 @@ const chromelessStyle = {
15
15
  borderColor: "transparent",
16
16
  shadowColor: "transparent"
17
17
  };
18
- const ThemeableStack = styled(YStack, {
19
- name: "SizableStack",
20
- variants: {
21
- backgrounded: {
22
- true: {
23
- backgroundColor: "$background"
24
- }
25
- },
26
- radiused,
27
- hoverTheme,
28
- pressTheme,
29
- focusTheme,
30
- circular,
31
- padded,
32
- elevate,
33
- bordered,
34
- transparent: {
35
- true: {
36
- backgroundColor: "transparent"
37
- }
38
- },
39
- chromeless: {
40
- true: chromelessStyle,
41
- all: {
42
- ...chromelessStyle,
43
- hoverStyle: chromelessStyle,
44
- pressStyle: chromelessStyle,
45
- focusStyle: chromelessStyle
46
- }
18
+ const themeableVariants = {
19
+ backgrounded: {
20
+ true: {
21
+ backgroundColor: "$background"
22
+ }
23
+ },
24
+ radiused,
25
+ hoverTheme,
26
+ pressTheme,
27
+ focusTheme,
28
+ circular,
29
+ padded,
30
+ elevate,
31
+ bordered,
32
+ transparent: {
33
+ true: {
34
+ backgroundColor: "transparent"
35
+ }
36
+ },
37
+ chromeless: {
38
+ true: chromelessStyle,
39
+ all: {
40
+ ...chromelessStyle,
41
+ hoverStyle: chromelessStyle,
42
+ pressStyle: chromelessStyle,
43
+ focusStyle: chromelessStyle
47
44
  }
48
45
  }
46
+ };
47
+ const ThemeableStack = styled(YStack, {
48
+ variants: themeableVariants
49
49
  });
50
50
  export {
51
- ThemeableStack
51
+ ThemeableStack,
52
+ themeableVariants
52
53
  };
53
54
  //# sourceMappingURL=ThemeableStack.js.map
package/dist/esm/ThemeableStack.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/esm/ThemeableStack.mjs CHANGED
@@ -15,39 +15,40 @@ const chromelessStyle = {
15
15
  borderColor: "transparent",
16
16
  shadowColor: "transparent"
17
17
  };
18
- const ThemeableStack = styled(YStack, {
19
- name: "SizableStack",
20
- variants: {
21
- backgrounded: {
22
- true: {
23
- backgroundColor: "$background"
24
- }
25
- },
26
- radiused,
27
- hoverTheme,
28
- pressTheme,
29
- focusTheme,
30
- circular,
31
- padded,
32
- elevate,
33
- bordered,
34
- transparent: {
35
- true: {
36
- backgroundColor: "transparent"
37
- }
38
- },
39
- chromeless: {
40
- true: chromelessStyle,
41
- all: {
42
- ...chromelessStyle,
43
- hoverStyle: chromelessStyle,
44
- pressStyle: chromelessStyle,
45
- focusStyle: chromelessStyle
46
- }
18
+ const themeableVariants = {
19
+ backgrounded: {
20
+ true: {
21
+ backgroundColor: "$background"
22
+ }
23
+ },
24
+ radiused,
25
+ hoverTheme,
26
+ pressTheme,
27
+ focusTheme,
28
+ circular,
29
+ padded,
30
+ elevate,
31
+ bordered,
32
+ transparent: {
33
+ true: {
34
+ backgroundColor: "transparent"
35
+ }
36
+ },
37
+ chromeless: {
38
+ true: chromelessStyle,
39
+ all: {
40
+ ...chromelessStyle,
41
+ hoverStyle: chromelessStyle,
42
+ pressStyle: chromelessStyle,
43
+ focusStyle: chromelessStyle
47
44
  }
48
45
  }
46
+ };
47
+ const ThemeableStack = styled(YStack, {
48
+ variants: themeableVariants
49
49
  });
50
50
  export {
51
- ThemeableStack
51
+ ThemeableStack,
52
+ themeableVariants
52
53
  };
53
54
  //# sourceMappingURL=ThemeableStack.mjs.map
package/dist/esm/ThemeableStack.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/jsx/ThemeableStack.js CHANGED
@@ -15,39 +15,40 @@ const chromelessStyle = {
15
15
  borderColor: "transparent",
16
16
  shadowColor: "transparent"
17
17
  };
18
- const ThemeableStack = styled(YStack, {
19
- name: "SizableStack",
20
- variants: {
21
- backgrounded: {
22
- true: {
23
- backgroundColor: "$background"
24
- }
25
- },
26
- radiused,
27
- hoverTheme,
28
- pressTheme,
29
- focusTheme,
30
- circular,
31
- padded,
32
- elevate,
33
- bordered,
34
- transparent: {
35
- true: {
36
- backgroundColor: "transparent"
37
- }
38
- },
39
- chromeless: {
40
- true: chromelessStyle,
41
- all: {
42
- ...chromelessStyle,
43
- hoverStyle: chromelessStyle,
44
- pressStyle: chromelessStyle,
45
- focusStyle: chromelessStyle
46
- }
18
+ const themeableVariants = {
19
+ backgrounded: {
20
+ true: {
21
+ backgroundColor: "$background"
22
+ }
23
+ },
24
+ radiused,
25
+ hoverTheme,
26
+ pressTheme,
27
+ focusTheme,
28
+ circular,
29
+ padded,
30
+ elevate,
31
+ bordered,
32
+ transparent: {
33
+ true: {
34
+ backgroundColor: "transparent"
35
+ }
36
+ },
37
+ chromeless: {
38
+ true: chromelessStyle,
39
+ all: {
40
+ ...chromelessStyle,
41
+ hoverStyle: chromelessStyle,
42
+ pressStyle: chromelessStyle,
43
+ focusStyle: chromelessStyle
47
44
  }
48
45
  }
46
+ };
47
+ const ThemeableStack = styled(YStack, {
48
+ variants: themeableVariants
49
49
  });
50
50
  export {
51
- ThemeableStack
51
+ ThemeableStack,
52
+ themeableVariants
52
53
  };
53
54
  //# sourceMappingURL=ThemeableStack.js.map
package/dist/jsx/ThemeableStack.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/jsx/ThemeableStack.mjs CHANGED
@@ -15,39 +15,40 @@ const chromelessStyle = {
15
15
  borderColor: "transparent",
16
16
  shadowColor: "transparent"
17
17
  };
18
- const ThemeableStack = styled(YStack, {
19
- name: "SizableStack",
20
- variants: {
21
- backgrounded: {
22
- true: {
23
- backgroundColor: "$background"
24
- }
25
- },
26
- radiused,
27
- hoverTheme,
28
- pressTheme,
29
- focusTheme,
30
- circular,
31
- padded,
32
- elevate,
33
- bordered,
34
- transparent: {
35
- true: {
36
- backgroundColor: "transparent"
37
- }
38
- },
39
- chromeless: {
40
- true: chromelessStyle,
41
- all: {
42
- ...chromelessStyle,
43
- hoverStyle: chromelessStyle,
44
- pressStyle: chromelessStyle,
45
- focusStyle: chromelessStyle
46
- }
18
+ const themeableVariants = {
19
+ backgrounded: {
20
+ true: {
21
+ backgroundColor: "$background"
22
+ }
23
+ },
24
+ radiused,
25
+ hoverTheme,
26
+ pressTheme,
27
+ focusTheme,
28
+ circular,
29
+ padded,
30
+ elevate,
31
+ bordered,
32
+ transparent: {
33
+ true: {
34
+ backgroundColor: "transparent"
35
+ }
36
+ },
37
+ chromeless: {
38
+ true: chromelessStyle,
39
+ all: {
40
+ ...chromelessStyle,
41
+ hoverStyle: chromelessStyle,
42
+ pressStyle: chromelessStyle,
43
+ focusStyle: chromelessStyle
47
44
  }
48
45
  }
46
+ };
47
+ const ThemeableStack = styled(YStack, {
48
+ variants: themeableVariants
49
49
  });
50
50
  export {
51
- ThemeableStack
51
+ ThemeableStack,
52
+ themeableVariants
52
53
  };
53
54
  //# sourceMappingURL=ThemeableStack.mjs.map
package/dist/jsx/ThemeableStack.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.22.6",
3
+ "version": "1.22.7",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -29,14 +29,14 @@
29
29
  }
30
30
  },
31
31
  "dependencies": {
32
- "@tamagui/core": "1.22.6"
32
+ "@tamagui/core": "1.22.7"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": "*"
36
36
  },
37
37
  "devDependencies": {
38
- "@tamagui/build": "1.22.6",
39
- "@tamagui/get-button-sized": "1.22.6",
38
+ "@tamagui/build": "1.22.7",
39
+ "@tamagui/get-button-sized": "1.22.7",
40
40
  "react": "^18.2.0"
41
41
  },
42
42
  "publishConfig": {
package/src/ThemeableStack.tsx CHANGED
@@ -18,41 +18,41 @@ const chromelessStyle = {
18
18
  shadowColor: 'transparent',
19
19
  }
20
20
 
21
- export const ThemeableStack = styled(YStack, {
22
- name: 'SizableStack',
23
-
24
- variants: {
25
- backgrounded: {
26
- true: {
27
- backgroundColor: '$background',
28
- },
21
+ export const themeableVariants = {
22
+ backgrounded: {
23
+ true: {
24
+ backgroundColor: '$background',
29
25
  },
26
+ },
30
27
 
31
- radiused,
32
- hoverTheme,
33
- pressTheme,
34
- focusTheme,
35
- circular,
36
- padded,
37
- elevate,
38
- bordered,
39
-
40
- transparent: {
41
- true: {
42
- backgroundColor: 'transparent',
43
- },
44
- },
28
+ radiused,
29
+ hoverTheme,
30
+ pressTheme,
31
+ focusTheme,
32
+ circular,
33
+ padded,
34
+ elevate,
35
+ bordered,
45
36
 
46
- chromeless: {
47
- true: chromelessStyle,
48
- all: {
49
- ...chromelessStyle,
50
- hoverStyle: chromelessStyle,
51
- pressStyle: chromelessStyle,
52
- focusStyle: chromelessStyle,
53
- },
37
+ transparent: {
38
+ true: {
39
+ backgroundColor: 'transparent',
54
40
  },
55
- } as const,
41
+ },
42
+
43
+ chromeless: {
44
+ true: chromelessStyle,
45
+ all: {
46
+ ...chromelessStyle,
47
+ hoverStyle: chromelessStyle,
48
+ pressStyle: chromelessStyle,
49
+ focusStyle: chromelessStyle,
50
+ },
51
+ },
52
+ } as const
53
+
54
+ export const ThemeableStack = styled(YStack, {
55
+ variants: themeableVariants,
56
56
  })
57
57
 
58
58
  export type ThemeableStackProps = GetProps<typeof ThemeableStack>
package/types/ThemeableStack.d.ts CHANGED
@@ -1,4 +1,324 @@
1
+ /// <reference types="react" />
1
2
  import { GetProps } from '@tamagui/core';
3
+ export declare const themeableVariants: {
4
+ readonly backgrounded: {
5
+ readonly true: {
6
+ readonly backgroundColor: "$background";
7
+ };
8
+ };
9
+ readonly radiused: {
10
+ true: (_: any, extras: any) => {
11
+ borderRadius: any;
12
+ };
13
+ };
14
+ readonly hoverTheme: {
15
+ true: {
16
+ hoverStyle: {
17
+ backgroundColor: string;
18
+ borderColor: string;
19
+ };
20
+ };
21
+ false: {};
22
+ };
23
+ readonly pressTheme: {
24
+ true: {
25
+ cursor: string;
26
+ pressStyle: {
27
+ backgroundColor: string;
28
+ borderColor: string;
29
+ };
30
+ };
31
+ false: {};
32
+ };
33
+ readonly focusTheme: {
34
+ true: {
35
+ focusStyle: {
36
+ backgroundColor: string;
37
+ borderColor: string;
38
+ };
39
+ };
40
+ false: {};
41
+ };
42
+ readonly circular: {
43
+ true: (_: any, { props, tokens }: {
44
+ props: any;
45
+ tokens: any;
46
+ }) => {
47
+ width: any;
48
+ height: any;
49
+ maxWidth: any;
50
+ maxHeight: any;
51
+ minWidth: any;
52
+ minHeight: any;
53
+ borderRadius: number;
54
+ padding: number;
55
+ };
56
+ };
57
+ readonly padded: {
58
+ true: (_: any, extras: any) => {
59
+ padding: any;
60
+ };
61
+ };
62
+ readonly elevate: {
63
+ true: (_: boolean, extras: any) => {
64
+ [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;
65
+ [x: `$${number}`]: (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;
66
+ hitSlop?: import("react-native/types/index.js").Insets | (import("react-native/types/index.js").Insets & number) | import("@tamagui/core").Variable<any> | undefined;
67
+ id?: string | import("@tamagui/core").Variable<any> | undefined;
68
+ pointerEvents?: "box-none" | "none" | "box-only" | "auto" | import("@tamagui/core").Variable<any> | undefined;
69
+ removeClippedSubviews?: boolean | import("@tamagui/core").Variable<any> | undefined;
70
+ style?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").StyleProp<import("react-native/types/index.js").ViewStyle>;
71
+ testID?: string | import("@tamagui/core").Variable<any> | undefined;
72
+ nativeID?: string | import("@tamagui/core").Variable<any> | undefined;
73
+ collapsable?: boolean | import("@tamagui/core").Variable<any> | undefined;
74
+ needsOffscreenAlphaCompositing?: boolean | import("@tamagui/core").Variable<any> | undefined;
75
+ renderToHardwareTextureAndroid?: boolean | import("@tamagui/core").Variable<any> | undefined;
76
+ focusable?: boolean | import("@tamagui/core").Variable<any> | undefined;
77
+ shouldRasterizeIOS?: boolean | import("@tamagui/core").Variable<any> | undefined;
78
+ isTVSelectable?: boolean | import("@tamagui/core").Variable<any> | undefined;
79
+ hasTVPreferredFocus?: boolean | import("@tamagui/core").Variable<any> | undefined;
80
+ tvParallaxProperties?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").TVParallaxProperties | undefined;
81
+ tvParallaxShiftDistanceX?: number | import("@tamagui/core").Variable<any> | undefined;
82
+ tvParallaxShiftDistanceY?: number | import("@tamagui/core").Variable<any> | undefined;
83
+ tvParallaxTiltAngle?: number | import("@tamagui/core").Variable<any> | undefined;
84
+ tvParallaxMagnification?: number | import("@tamagui/core").Variable<any> | undefined;
85
+ onTouchStart?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | undefined;
86
+ onTouchMove?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | undefined;
87
+ onTouchEnd?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | undefined;
88
+ onTouchCancel?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | undefined;
89
+ onTouchEndCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | undefined;
90
+ onPointerEnter?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
91
+ onPointerEnterCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
92
+ onPointerLeave?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
93
+ onPointerLeaveCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
94
+ onPointerMove?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
95
+ onPointerMoveCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
96
+ onPointerCancel?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
97
+ onPointerCancelCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
98
+ onPointerDown?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
99
+ onPointerDownCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
100
+ onPointerUp?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
101
+ onPointerUpCapture?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").PointerEvent) => void) | undefined;
102
+ accessible?: boolean | import("@tamagui/core").Variable<any> | undefined;
103
+ accessibilityActions?: import("@tamagui/core").Variable<any> | readonly Readonly<{
104
+ name: string;
105
+ label?: string | undefined;
106
+ }>[] | undefined;
107
+ accessibilityLabel?: string | import("@tamagui/core").Variable<any> | undefined;
108
+ 'aria-label'?: string | import("@tamagui/core").Variable<any> | undefined;
109
+ accessibilityRole?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").AccessibilityRole | undefined;
110
+ accessibilityState?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").AccessibilityState | undefined;
111
+ 'aria-busy'?: boolean | import("@tamagui/core").Variable<any> | undefined;
112
+ 'aria-checked'?: boolean | import("@tamagui/core").Variable<any> | "mixed" | undefined;
113
+ 'aria-disabled'?: boolean | import("@tamagui/core").Variable<any> | undefined;
114
+ 'aria-expanded'?: boolean | import("@tamagui/core").Variable<any> | undefined;
115
+ 'aria-selected'?: boolean | import("@tamagui/core").Variable<any> | undefined;
116
+ 'aria-labelledby'?: string | import("@tamagui/core").Variable<any> | undefined;
117
+ accessibilityHint?: string | import("@tamagui/core").Variable<any> | undefined;
118
+ accessibilityValue?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").AccessibilityValue | undefined;
119
+ 'aria-valuemax'?: number | import("@tamagui/core").Variable<any> | undefined;
120
+ 'aria-valuemin'?: number | import("@tamagui/core").Variable<any> | undefined;
121
+ 'aria-valuenow'?: number | import("@tamagui/core").Variable<any> | undefined;
122
+ 'aria-valuetext'?: string | import("@tamagui/core").Variable<any> | undefined;
123
+ onAccessibilityAction?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").AccessibilityActionEvent) => void) | undefined;
124
+ importantForAccessibility?: "auto" | import("@tamagui/core").Variable<any> | "yes" | "no" | "no-hide-descendants" | undefined;
125
+ 'aria-hidden'?: boolean | import("@tamagui/core").Variable<any> | undefined;
126
+ 'aria-live'?: import("@tamagui/core").Variable<any> | "polite" | "assertive" | "off" | undefined;
127
+ 'aria-modal'?: boolean | import("@tamagui/core").Variable<any> | undefined;
128
+ role?: "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | import("@tamagui/core").Variable<any> | undefined;
129
+ accessibilityLiveRegion?: "none" | import("@tamagui/core").Variable<any> | "polite" | "assertive" | undefined;
130
+ accessibilityLabelledBy?: string | import("@tamagui/core").Variable<any> | string[] | undefined;
131
+ accessibilityElementsHidden?: boolean | import("@tamagui/core").Variable<any> | undefined;
132
+ accessibilityViewIsModal?: boolean | import("@tamagui/core").Variable<any> | undefined;
133
+ onAccessibilityEscape?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
134
+ onAccessibilityTap?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
135
+ onMagicTap?: import("@tamagui/core").Variable<any> | (() => void) | undefined;
136
+ accessibilityIgnoresInvertColors?: boolean | import("@tamagui/core").Variable<any> | undefined;
137
+ accessibilityLanguage?: string | import("@tamagui/core").Variable<any> | undefined;
138
+ target?: string | import("@tamagui/core").Variable<any> | undefined;
139
+ asChild?: boolean | import("@tamagui/core").Variable<any> | undefined;
140
+ space?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | null | undefined;
141
+ spaceDirection?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceDirection | undefined;
142
+ separator?: import("@tamagui/core").Variable<any> | import("react").ReactNode;
143
+ dangerouslySetInnerHTML?: import("@tamagui/core").Variable<any> | {
144
+ __html: string;
145
+ } | undefined;
146
+ animation?: import("@tamagui/core").Variable<any> | import("@tamagui/core").AnimationProp | null | undefined;
147
+ animateOnly?: import("@tamagui/core").Variable<any> | string[] | undefined;
148
+ children?: any;
149
+ debug?: import("@tamagui/core").Variable<any> | import("@tamagui/core").DebugProp | undefined;
150
+ disabled?: boolean | import("@tamagui/core").Variable<any> | undefined;
151
+ className?: string | import("@tamagui/core").Variable<any> | undefined;
152
+ themeShallow?: boolean | import("@tamagui/core").Variable<any> | undefined;
153
+ tag?: string | import("@tamagui/core").Variable<any> | undefined;
154
+ theme?: string | import("@tamagui/core").Variable<any> | null | undefined;
155
+ componentName?: string | import("@tamagui/core").Variable<any> | undefined;
156
+ tabIndex?: string | number | import("@tamagui/core").Variable<any> | undefined;
157
+ forceStyle?: import("@tamagui/core").Variable<any> | "hover" | "press" | "focus" | undefined;
158
+ onPress?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | null | undefined;
159
+ onPressIn?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | null | undefined;
160
+ onPressOut?: import("@tamagui/core").Variable<any> | ((event: import("react-native/types/index.js").GestureResponderEvent) => void) | null | undefined;
161
+ onHoverIn?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
162
+ onHoverOut?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
163
+ onMouseEnter?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
164
+ onMouseLeave?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
165
+ onMouseDown?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
166
+ onMouseUp?: import("@tamagui/core").Variable<any> | import("react").MouseEventHandler<HTMLDivElement> | undefined;
167
+ onFocus?: import("@tamagui/core").Variable<any> | ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
168
+ onScroll?: import("@tamagui/core").Variable<any> | ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
169
+ backgroundColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
170
+ borderBottomColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
171
+ borderBottomEndRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
172
+ borderBottomLeftRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
173
+ borderBottomRightRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
174
+ borderBottomStartRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
175
+ borderBottomWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
176
+ borderColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
177
+ borderEndColor?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").ColorValue | undefined;
178
+ borderLeftColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
179
+ borderLeftWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
180
+ borderRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
181
+ borderRightColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
182
+ borderRightWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
183
+ borderStartColor?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").ColorValue | undefined;
184
+ borderStyle?: import("@tamagui/core").Variable<any> | "solid" | "dotted" | "dashed" | undefined;
185
+ borderTopColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
186
+ borderTopEndRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
187
+ borderTopLeftRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
188
+ borderTopRightRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
189
+ borderTopStartRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").RadiusTokens | undefined;
190
+ borderTopWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
191
+ borderWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
192
+ opacity?: number | import("@tamagui/core").Variable<any> | undefined;
193
+ alignContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
194
+ alignItems?: import("@tamagui/core").Variable<any> | import("react-native/types/index.js").FlexAlignType | undefined;
195
+ alignSelf?: "auto" | import("@tamagui/core").Variable<any> | import("react-native/types/index.js").FlexAlignType | undefined;
196
+ aspectRatio?: string | number | import("@tamagui/core").Variable<any> | undefined;
197
+ borderEndWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
198
+ borderStartWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
199
+ bottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
200
+ end?: string | number | import("@tamagui/core").Variable<any> | undefined;
201
+ flex?: number | import("@tamagui/core").Variable<any> | undefined;
202
+ flexBasis?: string | number | import("@tamagui/core").Variable<any> | undefined;
203
+ flexDirection?: "row" | import("@tamagui/core").Variable<any> | "column" | "row-reverse" | "column-reverse" | undefined;
204
+ flexGrow?: number | import("@tamagui/core").Variable<any> | undefined;
205
+ flexShrink?: number | import("@tamagui/core").Variable<any> | undefined;
206
+ flexWrap?: import("@tamagui/core").Variable<any> | "wrap" | "nowrap" | "wrap-reverse" | undefined;
207
+ height?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
208
+ justifyContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
209
+ left?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
210
+ margin?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
211
+ marginBottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
212
+ marginEnd?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
213
+ marginHorizontal?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
214
+ marginLeft?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
215
+ marginRight?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
216
+ marginStart?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
217
+ marginTop?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
218
+ marginVertical?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
219
+ maxHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
220
+ maxWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
221
+ minHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
222
+ minWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
223
+ overflow?: import("@tamagui/core").Variable<any> | "visible" | "hidden" | "scroll" | undefined;
224
+ padding?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
225
+ paddingBottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
226
+ paddingEnd?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
227
+ paddingHorizontal?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
228
+ paddingLeft?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
229
+ paddingRight?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
230
+ paddingStart?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
231
+ paddingTop?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
232
+ paddingVertical?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
233
+ position?: import("@tamagui/core").Variable<any> | "absolute" | "relative" | undefined;
234
+ right?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
235
+ start?: string | number | import("@tamagui/core").Variable<any> | undefined;
236
+ top?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
237
+ width?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
238
+ zIndex?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ZIndexTokens | undefined;
239
+ direction?: import("@tamagui/core").Variable<any> | "inherit" | "ltr" | "rtl" | undefined;
240
+ shadowColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native/types/index.js").OpaqueColorValue | undefined;
241
+ shadowOffset?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | {
242
+ width: import("@tamagui/core").SpaceTokens;
243
+ height: import("@tamagui/core").SpaceTokens;
244
+ } | {
245
+ width: number;
246
+ height: number;
247
+ } | undefined;
248
+ shadowOpacity?: number | import("@tamagui/core").Variable<any> | undefined;
249
+ shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
250
+ transform?: import("@tamagui/core").Variable<any> | (import("react-native/types/index.js").PerpectiveTransform | import("react-native/types/index.js").RotateTransform | import("react-native/types/index.js").RotateXTransform | import("react-native/types/index.js").RotateYTransform | import("react-native/types/index.js").RotateZTransform | import("react-native/types/index.js").ScaleTransform | import("react-native/types/index.js").ScaleXTransform | import("react-native/types/index.js").ScaleYTransform | import("react-native/types/index.js").TranslateXTransform | import("react-native/types/index.js").TranslateYTransform | import("react-native/types/index.js").SkewXTransform | import("react-native/types/index.js").SkewYTransform | import("react-native/types/index.js").MatrixTransform)[] | undefined;
251
+ transformMatrix?: import("@tamagui/core").Variable<any> | number[] | undefined;
252
+ rotation?: number | import("@tamagui/core").Variable<any> | undefined;
253
+ scaleX?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
254
+ scaleY?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
255
+ translateX?: number | import("@tamagui/core").Variable<any> | undefined;
256
+ translateY?: number | import("@tamagui/core").Variable<any> | undefined;
257
+ x?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
258
+ y?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
259
+ perspective?: number | import("@tamagui/core").Variable<any> | undefined;
260
+ scale?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
261
+ skewX?: string | import("@tamagui/core").Variable<any> | undefined;
262
+ skewY?: string | import("@tamagui/core").Variable<any> | undefined;
263
+ matrix?: import("@tamagui/core").Variable<any> | number[] | undefined;
264
+ rotate?: string | import("@tamagui/core").Variable<any> | undefined;
265
+ rotateY?: string | import("@tamagui/core").Variable<any> | undefined;
266
+ rotateX?: string | import("@tamagui/core").Variable<any> | undefined;
267
+ rotateZ?: string | import("@tamagui/core").Variable<any> | undefined;
268
+ cursor?: import("@tamagui/core").Variable<any> | import("csstype").Property.Cursor | undefined;
269
+ contain?: import("@tamagui/core").Variable<any> | import("csstype").Property.Contain | undefined;
270
+ display?: "flex" | "none" | import("@tamagui/core").Variable<any> | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
271
+ gap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
272
+ columnGap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
273
+ rowGap?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
274
+ userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
275
+ outlineColor?: import("@tamagui/core").Variable<any> | import("csstype").Property.OutlineColor | undefined;
276
+ outlineStyle?: import("@tamagui/core").Variable<any> | import("csstype").Property.OutlineStyle | undefined;
277
+ outlineOffset?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
278
+ outlineWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
279
+ hoverStyle?: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>) | import("@tamagui/core").Variable<any> | null | undefined;
280
+ pressStyle?: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>) | import("@tamagui/core").Variable<any> | null | undefined;
281
+ 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;
282
+ 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;
283
+ 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;
284
+ } | null | undefined;
285
+ };
286
+ readonly bordered: (val: number | boolean, { props }: {
287
+ props: any;
288
+ }) => any;
289
+ readonly transparent: {
290
+ readonly true: {
291
+ readonly backgroundColor: "transparent";
292
+ };
293
+ };
294
+ readonly chromeless: {
295
+ readonly true: {
296
+ backgroundColor: string;
297
+ borderColor: string;
298
+ shadowColor: string;
299
+ };
300
+ readonly all: {
301
+ readonly hoverStyle: {
302
+ backgroundColor: string;
303
+ borderColor: string;
304
+ shadowColor: string;
305
+ };
306
+ readonly pressStyle: {
307
+ backgroundColor: string;
308
+ borderColor: string;
309
+ shadowColor: string;
310
+ };
311
+ readonly focusStyle: {
312
+ backgroundColor: string;
313
+ borderColor: string;
314
+ shadowColor: string;
315
+ };
316
+ readonly backgroundColor: string;
317
+ readonly borderColor: string;
318
+ readonly shadowColor: string;
319
+ };
320
+ };
321
+ };
2
322
  export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native/types/index.js").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native/types/index.js").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes.js").RNViewProps & Omit<{
3
323
  readonly fullscreen?: boolean | undefined;
4
324
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
package/types/ThemeableStack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAoBhD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCzB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}
1
+ {"version":3,"file":"ThemeableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableStack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAoBhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BpB,CAAA;AAEV,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEzB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}