@tamagui/stacks 1.7.6 → 1.7.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 (15) hide show
  1. package/dist/cjs/SizableStack.js +14 -4
  2. package/dist/cjs/SizableStack.js.map +2 -2
  3. package/dist/esm/SizableStack.js +15 -5
  4. package/dist/esm/SizableStack.js.map +2 -2
  5. package/dist/esm/SizableStack.mjs +15 -5
  6. package/dist/esm/SizableStack.mjs.map +2 -2
  7. package/dist/jsx/SizableStack.js +15 -5
  8. package/dist/jsx/SizableStack.js.map +2 -2
  9. package/dist/jsx/SizableStack.mjs +15 -5
  10. package/dist/jsx/SizableStack.mjs.map +2 -2
  11. package/package.json +4 -4
  12. package/src/SizableStack.tsx +16 -5
  13. package/types/SizableStack.d.ts +7 -3
  14. package/types/SizableStack.d.ts.map +1 -1
  15. package/types/ThemeableStack.d.ts +3 -3
package/dist/cjs/SizableStack.js CHANGED
@@ -25,12 +25,22 @@ var import_core = require("@tamagui/core");
25
25
  var import_get_button_sized = require("@tamagui/get-button-sized");
26
26
  var import_Stacks = require("./Stacks");
27
27
  var import_variants = require("./variants");
28
- const SizableStack = (0, import_core.styled)(import_Stacks.YStack, {
28
+ const SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
29
29
  name: "SizableStack",
30
- backgroundColor: "$background",
31
- flexDirection: "row",
32
- flexShrink: 1,
33
30
  variants: {
31
+ unstyled: {
32
+ true: {
33
+ hoverTheme: false,
34
+ pressTheme: false,
35
+ focusTheme: false,
36
+ elevate: false,
37
+ bordered: false
38
+ },
39
+ false: {
40
+ backgroundColor: "$background",
41
+ flexShrink: 1
42
+ }
43
+ },
34
44
  hoverTheme: import_variants.hoverTheme,
35
45
  pressTheme: import_variants.pressTheme,
36
46
  focusTheme: import_variants.focusTheme,
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, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,8BAA+B;AAE/B,oBAAuB;AACvB,sBAOO;AAEA,MAAM,mBAAe,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { XStack, YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n\n variants: {\n unstyled: {\n true: {\n hoverTheme: false,\n pressTheme: false,\n focusTheme: false,\n elevate: false,\n bordered: false,\n },\n false: {\n backgroundColor: '$background',\n flexShrink: 1,\n },\n },\n\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,8BAA+B;AAE/B,oBAA+B;AAC/B,sBAOO;AAEA,MAAM,mBAAe,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/esm/SizableStack.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { YStack } from "./Stacks";
3
+ import { XStack } from "./Stacks";
4
4
  import {
5
5
  bordered,
6
6
  circular,
@@ -9,12 +9,22 @@ import {
9
9
  hoverTheme,
10
10
  pressTheme
11
11
  } from "./variants";
12
- const SizableStack = styled(YStack, {
12
+ const SizableStack = styled(XStack, {
13
13
  name: "SizableStack",
14
- backgroundColor: "$background",
15
- flexDirection: "row",
16
- flexShrink: 1,
17
14
  variants: {
15
+ unstyled: {
16
+ true: {
17
+ hoverTheme: false,
18
+ pressTheme: false,
19
+ focusTheme: false,
20
+ elevate: false,
21
+ bordered: false
22
+ },
23
+ false: {
24
+ backgroundColor: "$background",
25
+ flexShrink: 1
26
+ }
27
+ },
18
28
  hoverTheme,
19
29
  pressTheme,
20
30
  focusTheme,
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, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { XStack, YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n\n variants: {\n unstyled: {\n true: {\n hoverTheme: false,\n pressTheme: false,\n focusTheme: false,\n elevate: false,\n bordered: false,\n },\n false: {\n backgroundColor: '$background',\n flexShrink: 1,\n },\n },\n\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/esm/SizableStack.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { YStack } from "./Stacks";
3
+ import { XStack } from "./Stacks";
4
4
  import {
5
5
  bordered,
6
6
  circular,
@@ -9,12 +9,22 @@ import {
9
9
  hoverTheme,
10
10
  pressTheme
11
11
  } from "./variants";
12
- const SizableStack = styled(YStack, {
12
+ const SizableStack = styled(XStack, {
13
13
  name: "SizableStack",
14
- backgroundColor: "$background",
15
- flexDirection: "row",
16
- flexShrink: 1,
17
14
  variants: {
15
+ unstyled: {
16
+ true: {
17
+ hoverTheme: false,
18
+ pressTheme: false,
19
+ focusTheme: false,
20
+ elevate: false,
21
+ bordered: false
22
+ },
23
+ false: {
24
+ backgroundColor: "$background",
25
+ flexShrink: 1
26
+ }
27
+ },
18
28
  hoverTheme,
19
29
  pressTheme,
20
30
  focusTheme,
package/dist/esm/SizableStack.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { XStack, YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n\n variants: {\n unstyled: {\n true: {\n hoverTheme: false,\n pressTheme: false,\n focusTheme: false,\n elevate: false,\n bordered: false,\n },\n false: {\n backgroundColor: '$background',\n flexShrink: 1,\n },\n },\n\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/jsx/SizableStack.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { YStack } from "./Stacks";
3
+ import { XStack } from "./Stacks";
4
4
  import {
5
5
  bordered,
6
6
  circular,
@@ -9,12 +9,22 @@ import {
9
9
  hoverTheme,
10
10
  pressTheme
11
11
  } from "./variants";
12
- const SizableStack = styled(YStack, {
12
+ const SizableStack = styled(XStack, {
13
13
  name: "SizableStack",
14
- backgroundColor: "$background",
15
- flexDirection: "row",
16
- flexShrink: 1,
17
14
  variants: {
15
+ unstyled: {
16
+ true: {
17
+ hoverTheme: false,
18
+ pressTheme: false,
19
+ focusTheme: false,
20
+ elevate: false,
21
+ bordered: false
22
+ },
23
+ false: {
24
+ backgroundColor: "$background",
25
+ flexShrink: 1
26
+ }
27
+ },
18
28
  hoverTheme,
19
29
  pressTheme,
20
30
  focusTheme,
package/dist/jsx/SizableStack.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { XStack, YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n\n variants: {\n unstyled: {\n true: {\n hoverTheme: false,\n pressTheme: false,\n focusTheme: false,\n elevate: false,\n bordered: false,\n },\n false: {\n backgroundColor: '$background',\n flexShrink: 1,\n },\n },\n\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/jsx/SizableStack.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { YStack } from "./Stacks";
3
+ import { XStack } from "./Stacks";
4
4
  import {
5
5
  bordered,
6
6
  circular,
@@ -9,12 +9,22 @@ import {
9
9
  hoverTheme,
10
10
  pressTheme
11
11
  } from "./variants";
12
- const SizableStack = styled(YStack, {
12
+ const SizableStack = styled(XStack, {
13
13
  name: "SizableStack",
14
- backgroundColor: "$background",
15
- flexDirection: "row",
16
- flexShrink: 1,
17
14
  variants: {
15
+ unstyled: {
16
+ true: {
17
+ hoverTheme: false,
18
+ pressTheme: false,
19
+ focusTheme: false,
20
+ elevate: false,
21
+ bordered: false
22
+ },
23
+ false: {
24
+ backgroundColor: "$background",
25
+ flexShrink: 1
26
+ }
27
+ },
18
28
  hoverTheme,
19
29
  pressTheme,
20
30
  focusTheme,
package/dist/jsx/SizableStack.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(YStack, {\n name: 'SizableStack',\n backgroundColor: '$background',\n flexDirection: 'row',\n flexShrink: 1,\n\n variants: {\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\n\nimport { XStack, YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n pressTheme,\n} from './variants'\n\nexport const SizableStack = styled(XStack, {\n name: 'SizableStack',\n\n variants: {\n unstyled: {\n true: {\n hoverTheme: false,\n pressTheme: false,\n focusTheme: false,\n elevate: false,\n bordered: false,\n },\n false: {\n backgroundColor: '$background',\n flexShrink: 1,\n },\n },\n\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n elevate,\n bordered,\n\n size: {\n '...size': getButtonSized,\n },\n } as const,\n})\n\nexport type SizableStackProps = GetProps<typeof SizableStack>\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,sBAAsB;AAE/B,SAAS,cAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.7.6",
3
+ "version": "1.7.8",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -29,14 +29,14 @@
29
29
  }
30
30
  },
31
31
  "dependencies": {
32
- "@tamagui/core": "1.7.6"
32
+ "@tamagui/core": "1.7.8"
33
33
  },
34
34
  "peerDependencies": {
35
35
  "react": "*"
36
36
  },
37
37
  "devDependencies": {
38
- "@tamagui/build": "1.7.6",
39
- "@tamagui/get-button-sized": "1.7.6",
38
+ "@tamagui/build": "1.7.8",
39
+ "@tamagui/get-button-sized": "1.7.8",
40
40
  "react": "^18.2.0"
41
41
  },
42
42
  "publishConfig": {
package/src/SizableStack.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { GetProps, styled } from '@tamagui/core'
2
2
  import { getButtonSized } from '@tamagui/get-button-sized'
3
3
 
4
- import { YStack } from './Stacks'
4
+ import { XStack, YStack } from './Stacks'
5
5
  import {
6
6
  bordered,
7
7
  circular,
@@ -11,13 +11,24 @@ import {
11
11
  pressTheme,
12
12
  } from './variants'
13
13
 
14
- export const SizableStack = styled(YStack, {
14
+ export const SizableStack = styled(XStack, {
15
15
  name: 'SizableStack',
16
- backgroundColor: '$background',
17
- flexDirection: 'row',
18
- flexShrink: 1,
19
16
 
20
17
  variants: {
18
+ unstyled: {
19
+ true: {
20
+ hoverTheme: false,
21
+ pressTheme: false,
22
+ focusTheme: false,
23
+ elevate: false,
24
+ bordered: false,
25
+ },
26
+ false: {
27
+ backgroundColor: '$background',
28
+ flexShrink: 1,
29
+ },
30
+ },
31
+
21
32
  hoverTheme,
22
33
  pressTheme,
23
34
  focusTheme,
package/types/SizableStack.d.ts CHANGED
@@ -2,7 +2,8 @@ import { GetProps } from '@tamagui/core';
2
2
  export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").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").RNViewProps & Omit<{
3
3
  readonly fullscreen?: boolean | undefined;
4
4
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
5
- }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
5
+ }, "size" | "unstyled" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular"> & {
6
+ readonly unstyled?: boolean | undefined;
6
7
  readonly hoverTheme?: boolean | undefined;
7
8
  readonly pressTheme?: boolean | undefined;
8
9
  readonly focusTheme?: boolean | undefined;
@@ -13,7 +14,8 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
13
14
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").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").RNViewProps & Omit<{
14
15
  readonly fullscreen?: boolean | undefined;
15
16
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
16
- }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
17
+ }, "size" | "unstyled" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular"> & {
18
+ readonly unstyled?: boolean | undefined;
17
19
  readonly hoverTheme?: boolean | undefined;
18
20
  readonly pressTheme?: boolean | undefined;
19
21
  readonly focusTheme?: boolean | undefined;
@@ -24,7 +26,8 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
24
26
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").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").RNViewProps & Omit<{
25
27
  readonly fullscreen?: boolean | undefined;
26
28
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
27
- }, "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
29
+ }, "size" | "unstyled" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular"> & {
30
+ readonly unstyled?: boolean | undefined;
28
31
  readonly hoverTheme?: boolean | undefined;
29
32
  readonly pressTheme?: boolean | undefined;
30
33
  readonly focusTheme?: boolean | undefined;
@@ -36,6 +39,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
36
39
  readonly fullscreen?: boolean | undefined;
37
40
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
38
41
  } & {
42
+ readonly unstyled?: boolean | undefined;
39
43
  readonly hoverTheme?: boolean | undefined;
40
44
  readonly pressTheme?: boolean | undefined;
41
45
  readonly focusTheme?: boolean | undefined;
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,EAAU,MAAM,eAAe,CAAA;AAahD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBvB,CAAA;AAEF,MAAM,MAAM,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,EAAU,MAAM,eAAe,CAAA;AAahD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA"}
package/types/ThemeableStack.d.ts CHANGED
@@ -2,7 +2,7 @@ import { GetProps } from '@tamagui/core';
2
2
  export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").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
3
  readonly fullscreen?: boolean | undefined;
4
4
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
5
- }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
5
+ }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
6
6
  readonly backgrounded?: boolean | undefined;
7
7
  readonly radiused?: boolean | undefined;
8
8
  readonly hoverTheme?: boolean | undefined;
@@ -17,7 +17,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
17
17
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").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<{
18
18
  readonly fullscreen?: boolean | undefined;
19
19
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
20
- }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
20
+ }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
21
21
  readonly backgrounded?: boolean | undefined;
22
22
  readonly radiused?: boolean | undefined;
23
23
  readonly hoverTheme?: boolean | undefined;
@@ -32,7 +32,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
32
32
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").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<{
33
33
  readonly fullscreen?: boolean | undefined;
34
34
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
35
- }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
35
+ }, "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
36
36
  readonly backgrounded?: boolean | undefined;
37
37
  readonly radiused?: boolean | undefined;
38
38
  readonly hoverTheme?: boolean | undefined;