@tamagui/stacks 1.0.1-beta.21 → 1.0.1-beta.23

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 (36) hide show
  1. package/dist/cjs/SizableStack.js +5 -64
  2. package/dist/cjs/SizableStack.js.map +2 -2
  3. package/dist/cjs/ThemeableSizableStack.js +72 -0
  4. package/dist/cjs/ThemeableSizableStack.js.map +7 -0
  5. package/dist/cjs/ThemeableStack.js +1 -0
  6. package/dist/cjs/ThemeableStack.js.map +7 -0
  7. package/dist/cjs/index.js +1 -0
  8. package/dist/cjs/index.js.map +2 -2
  9. package/dist/cjs/variants.js +67 -0
  10. package/dist/cjs/variants.js.map +7 -0
  11. package/dist/esm/SizableStack.js +6 -65
  12. package/dist/esm/SizableStack.js.map +2 -2
  13. package/dist/esm/ThemeableSizableStack.js +49 -0
  14. package/dist/esm/ThemeableSizableStack.js.map +7 -0
  15. package/dist/esm/ThemeableStack.js +1 -0
  16. package/dist/esm/ThemeableStack.js.map +7 -0
  17. package/dist/esm/index.js +1 -0
  18. package/dist/esm/index.js.map +2 -2
  19. package/dist/esm/variants.js +42 -0
  20. package/dist/esm/variants.js.map +7 -0
  21. package/dist/jsx/SizableStack.js +6 -65
  22. package/dist/jsx/ThemeableSizableStack.js +48 -0
  23. package/dist/jsx/ThemeableStack.js +0 -0
  24. package/dist/jsx/index.js +1 -0
  25. package/dist/jsx/variants.js +41 -0
  26. package/package.json +3 -3
  27. package/types/SizableStack.d.ts +3 -19
  28. package/types/SizableStack.d.ts.map +1 -1
  29. package/types/ThemeableSizableStack.d.ts +56 -0
  30. package/types/ThemeableSizableStack.d.ts.map +1 -0
  31. package/types/ThemeableStack.d.ts +1 -0
  32. package/types/ThemeableStack.d.ts.map +1 -0
  33. package/types/index.d.ts +1 -0
  34. package/types/index.d.ts.map +1 -1
  35. package/types/variants.d.ts +37 -0
  36. package/types/variants.d.ts.map +1 -0
package/dist/cjs/SizableStack.js CHANGED
@@ -22,78 +22,19 @@ __export(SizableStack_exports, {
22
22
  module.exports = __toCommonJS(SizableStack_exports);
23
23
  var import_core = require("@tamagui/core");
24
24
  var import_Stacks = require("./Stacks");
25
- const SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
25
+ var import_variants = require("./variants");
26
+ const SizableStack = (0, import_core.styled)(import_Stacks.YStack, {
26
27
  name: "SizableStack",
27
28
  backgroundColor: "$background",
28
29
  flexDirection: "row",
29
30
  flexShrink: 1,
30
31
  variants: {
31
32
  fontFamily: () => ({}),
32
- hoverable: {
33
- true: {
34
- hoverStyle: {
35
- backgroundColor: "$backgroundHover",
36
- borderColor: "$borderColorHover"
37
- }
38
- },
39
- false: {
40
- hoverStyle: {
41
- backgroundColor: "$background",
42
- borderColor: "$borderColor"
43
- }
44
- }
45
- },
46
- pressable: {
47
- true: {
48
- pressStyle: {
49
- backgroundColor: "$backgroundPress",
50
- borderColor: "$borderColorPress"
51
- }
52
- },
53
- false: {
54
- pressStyle: {
55
- backgroundColor: "$background",
56
- borderColor: "$borderColor"
57
- }
58
- }
59
- },
60
- focusable: {
61
- true: {
62
- focusStyle: {
63
- backgroundColor: "$backgroundFocus",
64
- borderColor: "$borderColorFocus"
65
- }
66
- }
67
- },
68
- bordered: {
69
- true: {
70
- borderWidth: 1,
71
- borderColor: "$borderColor"
72
- }
73
- },
33
+ hoverable: import_variants.hoverable,
34
+ pressable: import_variants.pressable,
35
+ focusable: import_variants.focusable,
74
36
  size: {
75
37
  "...size": import_core.getButtonSize
76
- },
77
- disabled: {
78
- true: {
79
- opacity: 0.45,
80
- backgroundColor: "$background",
81
- hoverStyle: {
82
- backgroundColor: "$background"
83
- }
84
- }
85
- },
86
- transparent: {
87
- true: {
88
- backgroundColor: "transparent"
89
- }
90
- },
91
- chromeless: {
92
- true: {
93
- backgroundColor: "transparent",
94
- borderColor: "transparent",
95
- shadowColor: "transparent"
96
- }
97
38
  }
98
39
  }
99
40
  });
package/dist/cjs/SizableStack.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, getButtonSize, styled } from '@tamagui/core'\n\nimport { XStack } from './Stacks'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n hoverable: {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {\n hoverStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n },\n\n pressable: {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {\n pressStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n },\n\n focusable: {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n },\n\n bordered: {\n true: {\n borderWidth: 1,\n borderColor: '$borderColor',\n },\n },\n\n size: {\n '...size': getButtonSize,\n },\n\n disabled: {\n true: {\n // pointerEvents: 'none',\n opacity: 0.45,\n backgroundColor: '$background',\n hoverStyle: {\n backgroundColor: '$background',\n },\n },\n },\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n // this would be a breaking change...\n // hoverStyle: {\n // backgroundColor: 'transparent',\n // },\n },\n },\n },\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgD;AAEhD,oBAAuB;AAEhB,MAAM,eAAe,wBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QAEJ,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MAKf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, getButtonSize, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport { focusable, hoverable, pressable } from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n hoverable,\n pressable,\n focusable,\n size: {\n '...size': getButtonSize,\n },\n },\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgD;AAEhD,oBAAuB;AACvB,sBAAgD;AAEzC,MAAM,eAAe,wBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/cjs/ThemeableSizableStack.js ADDED
@@ -0,0 +1,72 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+ var ThemeableSizableStack_exports = {};
19
+ __export(ThemeableSizableStack_exports, {
20
+ ThemeableSizableStack: () => ThemeableSizableStack
21
+ });
22
+ module.exports = __toCommonJS(ThemeableSizableStack_exports);
23
+ var import_core = require("@tamagui/core");
24
+ var import_Stacks = require("./Stacks");
25
+ var import_variants = require("./variants");
26
+ const ThemeableSizableStack = (0, import_core.styled)(import_Stacks.YStack, {
27
+ name: "SizableStack",
28
+ backgroundColor: "$background",
29
+ flexDirection: "row",
30
+ flexShrink: 1,
31
+ variants: {
32
+ fontFamily: () => ({}),
33
+ hoverable: import_variants.hoverable,
34
+ pressable: import_variants.pressable,
35
+ focusable: import_variants.focusable,
36
+ size: {
37
+ "...size": import_core.getButtonSize
38
+ },
39
+ bordered: {
40
+ true: {
41
+ borderWidth: 1,
42
+ borderColor: "$borderColor"
43
+ }
44
+ },
45
+ disabled: {
46
+ true: {
47
+ opacity: 0.45,
48
+ backgroundColor: "$background",
49
+ hoverStyle: {
50
+ backgroundColor: "$background"
51
+ }
52
+ }
53
+ },
54
+ transparent: {
55
+ true: {
56
+ backgroundColor: "transparent"
57
+ }
58
+ },
59
+ chromeless: {
60
+ true: {
61
+ backgroundColor: "transparent",
62
+ borderColor: "transparent",
63
+ shadowColor: "transparent"
64
+ }
65
+ }
66
+ }
67
+ });
68
+ // Annotate the CommonJS export names for ESM import in node:
69
+ 0 && (module.exports = {
70
+ ThemeableSizableStack
71
+ });
72
+ //# sourceMappingURL=ThemeableSizableStack.js.map
package/dist/cjs/ThemeableSizableStack.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeableSizableStack.tsx"],
4
+ "sourcesContent": ["import { GetProps, getButtonSize, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport { focusable, hoverable, pressable } from './variants'\n\nexport const ThemeableSizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n hoverable,\n pressable,\n focusable,\n size: {\n '...size': getButtonSize,\n },\n\n bordered: {\n true: {\n borderWidth: 1,\n borderColor: '$borderColor',\n },\n },\n\n disabled: {\n true: {\n // pointerEvents: 'none',\n opacity: 0.45,\n backgroundColor: '$background',\n hoverStyle: {\n backgroundColor: '$background',\n },\n },\n },\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n // this would be a breaking change...\n // hoverStyle: {\n // backgroundColor: 'transparent',\n // },\n },\n },\n },\n})\n\nexport type ThemeableSizableStackProps = GetProps<typeof ThemeableSizableStack>\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgD;AAEhD,oBAAuB;AACvB,sBAAgD;AAEzC,MAAM,wBAAwB,wBAAO,sBAAQ;AAAA,EAClD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QAEJ,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MAKf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
6
+ "names": []
7
+ }
package/dist/cjs/ThemeableStack.js ADDED
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=ThemeableStack.js.map
package/dist/cjs/ThemeableStack.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
package/dist/cjs/index.js CHANGED
@@ -16,4 +16,5 @@ var src_exports = {};
16
16
  module.exports = __toCommonJS(src_exports);
17
17
  __reExport(src_exports, require("./Stacks"), module.exports);
18
18
  __reExport(src_exports, require("./SizableStack"), module.exports);
19
+ __reExport(src_exports, require("./ThemeableSizableStack"), module.exports);
19
20
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "sourcesContent": ["export * from './Stacks'\nexport * from './SizableStack'\n"],
5
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,2BADd;",
4
+ "sourcesContent": ["export * from './Stacks'\nexport * from './SizableStack'\nexport * from './ThemeableSizableStack'\n"],
5
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,oCAFd;",
6
6
  "names": []
7
7
  }
package/dist/cjs/variants.js ADDED
@@ -0,0 +1,67 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+ var variants_exports = {};
19
+ __export(variants_exports, {
20
+ focusable: () => focusable,
21
+ hoverable: () => hoverable,
22
+ pressable: () => pressable
23
+ });
24
+ module.exports = __toCommonJS(variants_exports);
25
+ const hoverable = {
26
+ true: {
27
+ hoverStyle: {
28
+ backgroundColor: "$backgroundHover",
29
+ borderColor: "$borderColorHover"
30
+ }
31
+ },
32
+ false: {
33
+ hoverStyle: {
34
+ backgroundColor: "$background",
35
+ borderColor: "$borderColor"
36
+ }
37
+ }
38
+ };
39
+ const pressable = {
40
+ true: {
41
+ pressStyle: {
42
+ backgroundColor: "$backgroundPress",
43
+ borderColor: "$borderColorPress"
44
+ }
45
+ },
46
+ false: {
47
+ pressStyle: {
48
+ backgroundColor: "$background",
49
+ borderColor: "$borderColor"
50
+ }
51
+ }
52
+ };
53
+ const focusable = {
54
+ true: {
55
+ focusStyle: {
56
+ backgroundColor: "$backgroundFocus",
57
+ borderColor: "$borderColorFocus"
58
+ }
59
+ }
60
+ };
61
+ // Annotate the CommonJS export names for ESM import in node:
62
+ 0 && (module.exports = {
63
+ focusable,
64
+ hoverable,
65
+ pressable
66
+ });
67
+ //# sourceMappingURL=variants.js.map
package/dist/cjs/variants.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/variants.tsx"],
4
+ "sourcesContent": ["export const hoverable = {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {\n hoverStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n}\n\nexport const pressable = {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {\n pressStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n}\n\nexport const focusable = {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
6
+ "names": []
7
+ }
package/dist/esm/SizableStack.js CHANGED
@@ -1,77 +1,18 @@
1
1
  import { getButtonSize, styled } from "@tamagui/core";
2
- import { XStack } from "./Stacks";
3
- const SizableStack = styled(XStack, {
2
+ import { YStack } from "./Stacks";
3
+ import { focusable, hoverable, pressable } from "./variants";
4
+ const SizableStack = styled(YStack, {
4
5
  name: "SizableStack",
5
6
  backgroundColor: "$background",
6
7
  flexDirection: "row",
7
8
  flexShrink: 1,
8
9
  variants: {
9
10
  fontFamily: () => ({}),
10
- hoverable: {
11
- true: {
12
- hoverStyle: {
13
- backgroundColor: "$backgroundHover",
14
- borderColor: "$borderColorHover"
15
- }
16
- },
17
- false: {
18
- hoverStyle: {
19
- backgroundColor: "$background",
20
- borderColor: "$borderColor"
21
- }
22
- }
23
- },
24
- pressable: {
25
- true: {
26
- pressStyle: {
27
- backgroundColor: "$backgroundPress",
28
- borderColor: "$borderColorPress"
29
- }
30
- },
31
- false: {
32
- pressStyle: {
33
- backgroundColor: "$background",
34
- borderColor: "$borderColor"
35
- }
36
- }
37
- },
38
- focusable: {
39
- true: {
40
- focusStyle: {
41
- backgroundColor: "$backgroundFocus",
42
- borderColor: "$borderColorFocus"
43
- }
44
- }
45
- },
46
- bordered: {
47
- true: {
48
- borderWidth: 1,
49
- borderColor: "$borderColor"
50
- }
51
- },
11
+ hoverable,
12
+ pressable,
13
+ focusable,
52
14
  size: {
53
15
  "...size": getButtonSize
54
- },
55
- disabled: {
56
- true: {
57
- opacity: 0.45,
58
- backgroundColor: "$background",
59
- hoverStyle: {
60
- backgroundColor: "$background"
61
- }
62
- }
63
- },
64
- transparent: {
65
- true: {
66
- backgroundColor: "transparent"
67
- }
68
- },
69
- chromeless: {
70
- true: {
71
- backgroundColor: "transparent",
72
- borderColor: "transparent",
73
- shadowColor: "transparent"
74
- }
75
16
  }
76
17
  }
77
18
  });
package/dist/esm/SizableStack.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, getButtonSize, styled } from '@tamagui/core'\n\nimport { XStack } from './Stacks'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n hoverable: {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {\n hoverStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n },\n\n pressable: {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {\n pressStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n },\n\n focusable: {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n },\n\n bordered: {\n true: {\n borderWidth: 1,\n borderColor: '$borderColor',\n },\n },\n\n size: {\n '...size': getButtonSize,\n },\n\n disabled: {\n true: {\n // pointerEvents: 'none',\n opacity: 0.45,\n backgroundColor: '$background',\n hoverStyle: {\n backgroundColor: '$background',\n },\n },\n },\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n // this would be a breaking change...\n // hoverStyle: {\n // backgroundColor: 'transparent',\n // },\n },\n },\n },\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": "AAAA;AAEA;AAEO,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QAEJ,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MAKf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, getButtonSize, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport { focusable, hoverable, pressable } from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n hoverable,\n pressable,\n focusable,\n size: {\n '...size': getButtonSize,\n },\n },\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": "AAAA;AAEA;AACA;AAEO,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/esm/ThemeableSizableStack.js ADDED
@@ -0,0 +1,49 @@
1
+ import { getButtonSize, styled } from "@tamagui/core";
2
+ import { YStack } from "./Stacks";
3
+ import { focusable, hoverable, pressable } from "./variants";
4
+ const ThemeableSizableStack = styled(YStack, {
5
+ name: "SizableStack",
6
+ backgroundColor: "$background",
7
+ flexDirection: "row",
8
+ flexShrink: 1,
9
+ variants: {
10
+ fontFamily: () => ({}),
11
+ hoverable,
12
+ pressable,
13
+ focusable,
14
+ size: {
15
+ "...size": getButtonSize
16
+ },
17
+ bordered: {
18
+ true: {
19
+ borderWidth: 1,
20
+ borderColor: "$borderColor"
21
+ }
22
+ },
23
+ disabled: {
24
+ true: {
25
+ opacity: 0.45,
26
+ backgroundColor: "$background",
27
+ hoverStyle: {
28
+ backgroundColor: "$background"
29
+ }
30
+ }
31
+ },
32
+ transparent: {
33
+ true: {
34
+ backgroundColor: "transparent"
35
+ }
36
+ },
37
+ chromeless: {
38
+ true: {
39
+ backgroundColor: "transparent",
40
+ borderColor: "transparent",
41
+ shadowColor: "transparent"
42
+ }
43
+ }
44
+ }
45
+ });
46
+ export {
47
+ ThemeableSizableStack
48
+ };
49
+ //# sourceMappingURL=ThemeableSizableStack.js.map
package/dist/esm/ThemeableSizableStack.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeableSizableStack.tsx"],
4
+ "sourcesContent": ["import { GetProps, getButtonSize, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport { focusable, hoverable, pressable } from './variants'\n\nexport const ThemeableSizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n hoverable,\n pressable,\n focusable,\n size: {\n '...size': getButtonSize,\n },\n\n bordered: {\n true: {\n borderWidth: 1,\n borderColor: '$borderColor',\n },\n },\n\n disabled: {\n true: {\n // pointerEvents: 'none',\n opacity: 0.45,\n backgroundColor: '$background',\n hoverStyle: {\n backgroundColor: '$background',\n },\n },\n },\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n // this would be a breaking change...\n // hoverStyle: {\n // backgroundColor: 'transparent',\n // },\n },\n },\n },\n})\n\nexport type ThemeableSizableStackProps = GetProps<typeof ThemeableSizableStack>\n"],
5
+ "mappings": "AAAA;AAEA;AACA;AAEO,MAAM,wBAAwB,OAAO,QAAQ;AAAA,EAClD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QAEJ,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MAKf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
6
+ "names": []
7
+ }
package/dist/esm/ThemeableStack.js ADDED
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=ThemeableStack.js.map
package/dist/esm/ThemeableStack.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
package/dist/esm/index.js CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from "./Stacks";
2
2
  export * from "./SizableStack";
3
+ export * from "./ThemeableSizableStack";
3
4
  //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "sourcesContent": ["export * from './Stacks'\nexport * from './SizableStack'\n"],
5
- "mappings": "AAAA;AACA;",
4
+ "sourcesContent": ["export * from './Stacks'\nexport * from './SizableStack'\nexport * from './ThemeableSizableStack'\n"],
5
+ "mappings": "AAAA;AACA;AACA;",
6
6
  "names": []
7
7
  }
package/dist/esm/variants.js ADDED
@@ -0,0 +1,42 @@
1
+ const hoverable = {
2
+ true: {
3
+ hoverStyle: {
4
+ backgroundColor: "$backgroundHover",
5
+ borderColor: "$borderColorHover"
6
+ }
7
+ },
8
+ false: {
9
+ hoverStyle: {
10
+ backgroundColor: "$background",
11
+ borderColor: "$borderColor"
12
+ }
13
+ }
14
+ };
15
+ const pressable = {
16
+ true: {
17
+ pressStyle: {
18
+ backgroundColor: "$backgroundPress",
19
+ borderColor: "$borderColorPress"
20
+ }
21
+ },
22
+ false: {
23
+ pressStyle: {
24
+ backgroundColor: "$background",
25
+ borderColor: "$borderColor"
26
+ }
27
+ }
28
+ };
29
+ const focusable = {
30
+ true: {
31
+ focusStyle: {
32
+ backgroundColor: "$backgroundFocus",
33
+ borderColor: "$borderColorFocus"
34
+ }
35
+ }
36
+ };
37
+ export {
38
+ focusable,
39
+ hoverable,
40
+ pressable
41
+ };
42
+ //# sourceMappingURL=variants.js.map
package/dist/esm/variants.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/variants.tsx"],
4
+ "sourcesContent": ["export const hoverable = {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {\n hoverStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n}\n\nexport const pressable = {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {\n pressStyle: {\n backgroundColor: '$background',\n borderColor: '$borderColor',\n },\n },\n}\n\nexport const focusable = {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n}\n"],
5
+ "mappings": "AAAO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
6
+ "names": []
7
+ }
package/dist/jsx/SizableStack.js CHANGED
@@ -1,77 +1,18 @@
1
1
  import { getButtonSize, styled } from "@tamagui/core";
2
- import { XStack } from "./Stacks";
3
- const SizableStack = styled(XStack, {
2
+ import { YStack } from "./Stacks";
3
+ import { focusable, hoverable, pressable } from "./variants";
4
+ const SizableStack = styled(YStack, {
4
5
  name: "SizableStack",
5
6
  backgroundColor: "$background",
6
7
  flexDirection: "row",
7
8
  flexShrink: 1,
8
9
  variants: {
9
10
  fontFamily: () => ({}),
10
- hoverable: {
11
- true: {
12
- hoverStyle: {
13
- backgroundColor: "$backgroundHover",
14
- borderColor: "$borderColorHover"
15
- }
16
- },
17
- false: {
18
- hoverStyle: {
19
- backgroundColor: "$background",
20
- borderColor: "$borderColor"
21
- }
22
- }
23
- },
24
- pressable: {
25
- true: {
26
- pressStyle: {
27
- backgroundColor: "$backgroundPress",
28
- borderColor: "$borderColorPress"
29
- }
30
- },
31
- false: {
32
- pressStyle: {
33
- backgroundColor: "$background",
34
- borderColor: "$borderColor"
35
- }
36
- }
37
- },
38
- focusable: {
39
- true: {
40
- focusStyle: {
41
- backgroundColor: "$backgroundFocus",
42
- borderColor: "$borderColorFocus"
43
- }
44
- }
45
- },
46
- bordered: {
47
- true: {
48
- borderWidth: 1,
49
- borderColor: "$borderColor"
50
- }
51
- },
11
+ hoverable,
12
+ pressable,
13
+ focusable,
52
14
  size: {
53
15
  "...size": getButtonSize
54
- },
55
- disabled: {
56
- true: {
57
- opacity: 0.45,
58
- backgroundColor: "$background",
59
- hoverStyle: {
60
- backgroundColor: "$background"
61
- }
62
- }
63
- },
64
- transparent: {
65
- true: {
66
- backgroundColor: "transparent"
67
- }
68
- },
69
- chromeless: {
70
- true: {
71
- backgroundColor: "transparent",
72
- borderColor: "transparent",
73
- shadowColor: "transparent"
74
- }
75
16
  }
76
17
  }
77
18
  });
package/dist/jsx/ThemeableSizableStack.js ADDED
@@ -0,0 +1,48 @@
1
+ import { getButtonSize, styled } from "@tamagui/core";
2
+ import { YStack } from "./Stacks";
3
+ import { focusable, hoverable, pressable } from "./variants";
4
+ const ThemeableSizableStack = styled(YStack, {
5
+ name: "SizableStack",
6
+ backgroundColor: "$background",
7
+ flexDirection: "row",
8
+ flexShrink: 1,
9
+ variants: {
10
+ fontFamily: () => ({}),
11
+ hoverable,
12
+ pressable,
13
+ focusable,
14
+ size: {
15
+ "...size": getButtonSize
16
+ },
17
+ bordered: {
18
+ true: {
19
+ borderWidth: 1,
20
+ borderColor: "$borderColor"
21
+ }
22
+ },
23
+ disabled: {
24
+ true: {
25
+ opacity: 0.45,
26
+ backgroundColor: "$background",
27
+ hoverStyle: {
28
+ backgroundColor: "$background"
29
+ }
30
+ }
31
+ },
32
+ transparent: {
33
+ true: {
34
+ backgroundColor: "transparent"
35
+ }
36
+ },
37
+ chromeless: {
38
+ true: {
39
+ backgroundColor: "transparent",
40
+ borderColor: "transparent",
41
+ shadowColor: "transparent"
42
+ }
43
+ }
44
+ }
45
+ });
46
+ export {
47
+ ThemeableSizableStack
48
+ };
package/dist/jsx/ThemeableStack.js ADDED
File without changes
package/dist/jsx/index.js CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from "./Stacks";
2
2
  export * from "./SizableStack";
3
+ export * from "./ThemeableSizableStack";
package/dist/jsx/variants.js ADDED
@@ -0,0 +1,41 @@
1
+ const hoverable = {
2
+ true: {
3
+ hoverStyle: {
4
+ backgroundColor: "$backgroundHover",
5
+ borderColor: "$borderColorHover"
6
+ }
7
+ },
8
+ false: {
9
+ hoverStyle: {
10
+ backgroundColor: "$background",
11
+ borderColor: "$borderColor"
12
+ }
13
+ }
14
+ };
15
+ const pressable = {
16
+ true: {
17
+ pressStyle: {
18
+ backgroundColor: "$backgroundPress",
19
+ borderColor: "$borderColorPress"
20
+ }
21
+ },
22
+ false: {
23
+ pressStyle: {
24
+ backgroundColor: "$background",
25
+ borderColor: "$borderColor"
26
+ }
27
+ }
28
+ };
29
+ const focusable = {
30
+ true: {
31
+ focusStyle: {
32
+ backgroundColor: "$backgroundFocus",
33
+ borderColor: "$borderColorFocus"
34
+ }
35
+ }
36
+ };
37
+ export {
38
+ focusable,
39
+ hoverable,
40
+ pressable
41
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.0.1-beta.21",
3
+ "version": "1.0.1-beta.23",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "typings": "types",
@@ -16,14 +16,14 @@
16
16
  "watch": "tamagui-build --watch"
17
17
  },
18
18
  "dependencies": {
19
- "@tamagui/core": "^1.0.1-beta.21"
19
+ "@tamagui/core": "^1.0.1-beta.23"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": "*",
23
23
  "react-dom": "*"
24
24
  },
25
25
  "devDependencies": {
26
- "@tamagui/build": "^1.0.1-beta.21",
26
+ "@tamagui/build": "^1.0.1-beta.23",
27
27
  "react": "*",
28
28
  "react-dom": "*"
29
29
  },
package/types/SizableStack.d.ts CHANGED
@@ -2,42 +2,30 @@ import { GetProps } from '@tamagui/core';
2
2
  export declare const SizableStack: 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
3
  fullscreen?: boolean | undefined;
4
4
  elevation?: import("@tamagui/core").SizeTokens | undefined;
5
- }, "focusable" | "fontFamily" | "disabled" | "size" | "transparent" | "hoverable" | "pressable" | "bordered" | "chromeless"> & {
5
+ }, "focusable" | "fontFamily" | "size" | "hoverable" | "pressable"> & {
6
6
  fontFamily?: unknown;
7
7
  hoverable?: boolean | undefined;
8
8
  pressable?: boolean | undefined;
9
9
  focusable?: boolean | undefined;
10
- bordered?: boolean | undefined;
11
10
  size?: import("@tamagui/core").SizeTokens | undefined;
12
- disabled?: boolean | undefined;
13
- transparent?: boolean | undefined;
14
- chromeless?: boolean | undefined;
15
11
  } & 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<{
16
12
  fullscreen?: boolean | undefined;
17
13
  elevation?: import("@tamagui/core").SizeTokens | undefined;
18
- }, "focusable" | "fontFamily" | "disabled" | "size" | "transparent" | "hoverable" | "pressable" | "bordered" | "chromeless"> & {
14
+ }, "focusable" | "fontFamily" | "size" | "hoverable" | "pressable"> & {
19
15
  fontFamily?: unknown;
20
16
  hoverable?: boolean | undefined;
21
17
  pressable?: boolean | undefined;
22
18
  focusable?: boolean | undefined;
23
- bordered?: boolean | undefined;
24
19
  size?: import("@tamagui/core").SizeTokens | undefined;
25
- disabled?: boolean | undefined;
26
- transparent?: boolean | undefined;
27
- chromeless?: boolean | undefined;
28
20
  }>> & 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<{
29
21
  fullscreen?: boolean | undefined;
30
22
  elevation?: import("@tamagui/core").SizeTokens | undefined;
31
- }, "focusable" | "fontFamily" | "disabled" | "size" | "transparent" | "hoverable" | "pressable" | "bordered" | "chromeless"> & {
23
+ }, "focusable" | "fontFamily" | "size" | "hoverable" | "pressable"> & {
32
24
  fontFamily?: unknown;
33
25
  hoverable?: boolean | undefined;
34
26
  pressable?: boolean | undefined;
35
27
  focusable?: boolean | undefined;
36
- bordered?: boolean | undefined;
37
28
  size?: import("@tamagui/core").SizeTokens | undefined;
38
- disabled?: boolean | undefined;
39
- transparent?: boolean | undefined;
40
- chromeless?: boolean | undefined;
41
29
  }>>, any, import("@tamagui/core").StackPropsBase, {
42
30
  fullscreen?: boolean | undefined;
43
31
  elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -46,11 +34,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
46
34
  hoverable?: boolean | undefined;
47
35
  pressable?: boolean | undefined;
48
36
  focusable?: boolean | undefined;
49
- bordered?: boolean | undefined;
50
37
  size?: import("@tamagui/core").SizeTokens | undefined;
51
- disabled?: boolean | undefined;
52
- transparent?: boolean | undefined;
53
- chromeless?: boolean | undefined;
54
38
  }>;
55
39
  export declare type SizableStackProps = GetProps<typeof SizableStack>;
56
40
  //# sourceMappingURL=SizableStack.d.ts.map
package/types/SizableStack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SizableStack.d.ts","sourceRoot":"","sources":["../src/SizableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAA;AAI/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFvB,CAAA;AAEF,oBAAY,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA"}
1
+ {"version":3,"file":"SizableStack.d.ts","sourceRoot":"","sources":["../src/SizableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAyB,MAAM,eAAe,CAAA;AAK/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBvB,CAAA;AAEF,oBAAY,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA"}
package/types/ThemeableSizableStack.d.ts ADDED
@@ -0,0 +1,56 @@
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" | "transparent" | "bordered" | "chromeless"> & {
6
+ fontFamily?: unknown;
7
+ hoverable?: boolean | undefined;
8
+ pressable?: boolean | undefined;
9
+ focusable?: boolean | undefined;
10
+ size?: import("@tamagui/core").SizeTokens | undefined;
11
+ bordered?: boolean | undefined;
12
+ disabled?: boolean | undefined;
13
+ transparent?: boolean | undefined;
14
+ chromeless?: boolean | undefined;
15
+ } & 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<{
16
+ fullscreen?: boolean | undefined;
17
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
18
+ }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "transparent" | "bordered" | "chromeless"> & {
19
+ fontFamily?: unknown;
20
+ hoverable?: boolean | undefined;
21
+ pressable?: boolean | undefined;
22
+ focusable?: boolean | undefined;
23
+ size?: import("@tamagui/core").SizeTokens | undefined;
24
+ bordered?: boolean | undefined;
25
+ disabled?: boolean | undefined;
26
+ transparent?: boolean | undefined;
27
+ chromeless?: boolean | undefined;
28
+ }>> & 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<{
29
+ fullscreen?: boolean | undefined;
30
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
31
+ }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "transparent" | "bordered" | "chromeless"> & {
32
+ fontFamily?: unknown;
33
+ hoverable?: boolean | undefined;
34
+ pressable?: boolean | undefined;
35
+ focusable?: boolean | undefined;
36
+ size?: import("@tamagui/core").SizeTokens | undefined;
37
+ bordered?: boolean | undefined;
38
+ disabled?: boolean | undefined;
39
+ transparent?: boolean | undefined;
40
+ chromeless?: boolean | undefined;
41
+ }>>, any, import("@tamagui/core").StackPropsBase, {
42
+ fullscreen?: boolean | undefined;
43
+ elevation?: import("@tamagui/core").SizeTokens | undefined;
44
+ } & {
45
+ fontFamily?: unknown;
46
+ hoverable?: boolean | undefined;
47
+ pressable?: boolean | undefined;
48
+ focusable?: boolean | undefined;
49
+ size?: import("@tamagui/core").SizeTokens | undefined;
50
+ bordered?: boolean | undefined;
51
+ disabled?: boolean | undefined;
52
+ transparent?: boolean | undefined;
53
+ chromeless?: boolean | undefined;
54
+ }>;
55
+ export declare type ThemeableSizableStackProps = GetProps<typeof ThemeableSizableStack>;
56
+ //# sourceMappingURL=ThemeableSizableStack.d.ts.map
package/types/ThemeableSizableStack.d.ts.map ADDED
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhC,CAAA;AAEF,oBAAY,0BAA0B,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA"}
package/types/ThemeableStack.d.ts ADDED
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=ThemeableStack.d.ts.map
package/types/ThemeableStack.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableStack.tsx"],"names":[],"mappings":""}
package/types/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './Stacks';
2
2
  export * from './SizableStack';
3
+ export * from './ThemeableSizableStack';
3
4
  //# sourceMappingURL=index.d.ts.map
package/types/index.d.ts.map CHANGED
@@ -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,yBAAyB,CAAA"}
package/types/variants.d.ts ADDED
@@ -0,0 +1,37 @@
1
+ export declare const hoverable: {
2
+ true: {
3
+ hoverStyle: {
4
+ backgroundColor: string;
5
+ borderColor: string;
6
+ };
7
+ };
8
+ false: {
9
+ hoverStyle: {
10
+ backgroundColor: string;
11
+ borderColor: string;
12
+ };
13
+ };
14
+ };
15
+ export declare const pressable: {
16
+ true: {
17
+ pressStyle: {
18
+ backgroundColor: string;
19
+ borderColor: string;
20
+ };
21
+ };
22
+ false: {
23
+ pressStyle: {
24
+ backgroundColor: string;
25
+ borderColor: string;
26
+ };
27
+ };
28
+ };
29
+ export declare const focusable: {
30
+ true: {
31
+ focusStyle: {
32
+ backgroundColor: string;
33
+ borderColor: string;
34
+ };
35
+ };
36
+ };
37
+ //# sourceMappingURL=variants.d.ts.map
package/types/variants.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAA"}