@tamagui/stacks 1.22.6 → 1.22.8

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 (30) hide show
  1. package/dist/cjs/Stacks.js +1 -1
  2. package/dist/cjs/ThemeableStack.js +35 -33
  3. package/dist/cjs/ThemeableStack.js.map +1 -1
  4. package/dist/cjs/index.js +6 -6
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/esm/Stacks.js +1 -1
  7. package/dist/esm/Stacks.mjs +1 -1
  8. package/dist/esm/ThemeableStack.js +33 -32
  9. package/dist/esm/ThemeableStack.js.map +1 -1
  10. package/dist/esm/ThemeableStack.mjs +33 -32
  11. package/dist/esm/ThemeableStack.mjs.map +1 -1
  12. package/dist/esm/index.js +3 -3
  13. package/dist/esm/index.mjs +3 -3
  14. package/dist/jsx/Stacks.js +1 -1
  15. package/dist/jsx/Stacks.mjs +1 -1
  16. package/dist/jsx/ThemeableStack.js +33 -32
  17. package/dist/jsx/ThemeableStack.js.map +1 -1
  18. package/dist/jsx/ThemeableStack.mjs +33 -32
  19. package/dist/jsx/ThemeableStack.mjs.map +1 -1
  20. package/dist/jsx/index.js +3 -3
  21. package/dist/jsx/index.mjs +3 -3
  22. package/package.json +4 -4
  23. package/src/Stacks.tsx +1 -1
  24. package/src/ThemeableStack.tsx +33 -33
  25. package/src/index.ts +3 -3
  26. package/types/Stacks.d.ts +15 -15
  27. package/types/ThemeableStack.d.ts +324 -4
  28. package/types/ThemeableStack.d.ts.map +1 -1
  29. package/types/index.d.ts +3 -3
  30. package/types/index.d.ts.map +1 -1
package/dist/cjs/Stacks.js CHANGED
@@ -25,7 +25,7 @@ __export(Stacks_exports, {
25
25
  });
26
26
  module.exports = __toCommonJS(Stacks_exports);
27
27
  var import_core = require("@tamagui/core");
28
- var import_getElevation = require("./getElevation.js");
28
+ var import_getElevation = require("./getElevation");
29
29
  const fullscreenStyle = {
30
30
  position: "absolute",
31
31
  top: 0,
package/dist/cjs/ThemeableStack.js CHANGED
@@ -18,51 +18,53 @@ 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");
25
- var import_Stacks = require("./Stacks.js");
26
- var import_variants = require("./variants.js");
26
+ var import_Stacks = require("./Stacks");
27
+ var import_variants = require("./variants");
27
28
  const chromelessStyle = {
28
29
  backgroundColor: "transparent",
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/cjs/index.js CHANGED
@@ -15,13 +15,13 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
15
15
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
16
  var src_exports = {};
17
17
  module.exports = __toCommonJS(src_exports);
18
- __reExport(src_exports, require("./Stacks.js"), module.exports);
19
- __reExport(src_exports, require("./SizableStack.js"), module.exports);
20
- __reExport(src_exports, require("./ThemeableStack.js"), module.exports);
18
+ __reExport(src_exports, require("./Stacks"), module.exports);
19
+ __reExport(src_exports, require("./SizableStack"), module.exports);
20
+ __reExport(src_exports, require("./ThemeableStack"), module.exports);
21
21
  // Annotate the CommonJS export names for ESM import in node:
22
22
  0 && (module.exports = {
23
- ...require("./Stacks.js"),
24
- ...require("./SizableStack.js"),
25
- ...require("./ThemeableStack.js")
23
+ ...require("./Stacks"),
24
+ ...require("./SizableStack"),
25
+ ...require("./ThemeableStack")
26
26
  });
27
27
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,wBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,gCAFd;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,6BAFd;",
5
5
  "names": []
6
6
  }
package/dist/esm/Stacks.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Stack, styled } from "@tamagui/core";
2
- import { getElevation } from "./getElevation.js";
2
+ import { getElevation } from "./getElevation";
3
3
  const fullscreenStyle = {
4
4
  position: "absolute",
5
5
  top: 0,
package/dist/esm/Stacks.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Stack, styled } from "@tamagui/core";
2
- import { getElevation } from "./getElevation.js";
2
+ import { getElevation } from "./getElevation";
3
3
  const fullscreenStyle = {
4
4
  position: "absolute",
5
5
  top: 0,
package/dist/esm/ThemeableStack.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.js";
2
+ import { YStack } from "./Stacks";
3
3
  import {
4
4
  bordered,
5
5
  circular,
@@ -9,45 +9,46 @@ import {
9
9
  padded,
10
10
  pressTheme,
11
11
  radiused
12
- } from "./variants.js";
12
+ } from "./variants";
13
13
  const chromelessStyle = {
14
14
  backgroundColor: "transparent",
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
@@ -1,5 +1,5 @@
1
1
  import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.js";
2
+ import { YStack } from "./Stacks";
3
3
  import {
4
4
  bordered,
5
5
  circular,
@@ -9,45 +9,46 @@ import {
9
9
  padded,
10
10
  pressTheme,
11
11
  radiused
12
- } from "./variants.js";
12
+ } from "./variants";
13
13
  const chromelessStyle = {
14
14
  backgroundColor: "transparent",
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/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./Stacks.js";
2
- export * from "./SizableStack.js";
3
- export * from "./ThemeableStack.js";
1
+ export * from "./Stacks";
2
+ export * from "./SizableStack";
3
+ export * from "./ThemeableStack";
4
4
  //# sourceMappingURL=index.js.map
package/dist/esm/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./Stacks.js";
2
- export * from "./SizableStack.js";
3
- export * from "./ThemeableStack.js";
1
+ export * from "./Stacks";
2
+ export * from "./SizableStack";
3
+ export * from "./ThemeableStack";
4
4
  //# sourceMappingURL=index.mjs.map
package/dist/jsx/Stacks.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Stack, styled } from "@tamagui/core";
2
- import { getElevation } from "./getElevation.js";
2
+ import { getElevation } from "./getElevation";
3
3
  const fullscreenStyle = {
4
4
  position: "absolute",
5
5
  top: 0,
package/dist/jsx/Stacks.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Stack, styled } from "@tamagui/core";
2
- import { getElevation } from "./getElevation.js";
2
+ import { getElevation } from "./getElevation";
3
3
  const fullscreenStyle = {
4
4
  position: "absolute",
5
5
  top: 0,
package/dist/jsx/ThemeableStack.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.js";
2
+ import { YStack } from "./Stacks";
3
3
  import {
4
4
  bordered,
5
5
  circular,
@@ -9,45 +9,46 @@ import {
9
9
  padded,
10
10
  pressTheme,
11
11
  radiused
12
- } from "./variants.js";
12
+ } from "./variants";
13
13
  const chromelessStyle = {
14
14
  backgroundColor: "transparent",
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
@@ -1,5 +1,5 @@
1
1
  import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.js";
2
+ import { YStack } from "./Stacks";
3
3
  import {
4
4
  bordered,
5
5
  circular,
@@ -9,45 +9,46 @@ import {
9
9
  padded,
10
10
  pressTheme,
11
11
  radiused
12
- } from "./variants.js";
12
+ } from "./variants";
13
13
  const chromelessStyle = {
14
14
  backgroundColor: "transparent",
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/dist/jsx/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./Stacks.js";
2
- export * from "./SizableStack.js";
3
- export * from "./ThemeableStack.js";
1
+ export * from "./Stacks";
2
+ export * from "./SizableStack";
3
+ export * from "./ThemeableStack";
4
4
  //# sourceMappingURL=index.js.map
package/dist/jsx/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./Stacks.js";
2
- export * from "./SizableStack.js";
3
- export * from "./ThemeableStack.js";
1
+ export * from "./Stacks";
2
+ export * from "./SizableStack";
3
+ export * from "./ThemeableStack";
4
4
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.22.6",
3
+ "version": "1.22.8",
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.8"
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.8",
39
+ "@tamagui/get-button-sized": "1.22.8",
40
40
  "react": "^18.2.0"
41
41
  },
42
42
  "publishConfig": {
package/src/Stacks.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { GetProps, Stack, styled } from '@tamagui/core'
2
2
 
3
- import { getElevation } from './getElevation.js'
3
+ import { getElevation } from './getElevation'
4
4
 
5
5
  export type YStackProps = GetProps<typeof YStack>
6
6
  export type XStackProps = YStackProps