@tamagui/stacks 1.89.20 → 1.89.22

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 (22) hide show
  1. package/dist/cjs/Stacks.js +7 -1
  2. package/dist/cjs/Stacks.js.map +1 -1
  3. package/dist/cjs/Stacks.native.js +7 -1
  4. package/dist/cjs/Stacks.native.js.map +1 -1
  5. package/dist/esm/Stacks.js +7 -1
  6. package/dist/esm/Stacks.js.map +1 -1
  7. package/dist/esm/Stacks.mjs +8 -1
  8. package/dist/esm/Stacks.native.js +7 -1
  9. package/dist/esm/Stacks.native.js.map +1 -1
  10. package/dist/jsx/Stacks.js +7 -1
  11. package/dist/jsx/Stacks.js.map +1 -1
  12. package/dist/jsx/Stacks.mjs +8 -1
  13. package/dist/jsx/Stacks.native.js +7 -1
  14. package/dist/jsx/Stacks.native.js.map +1 -1
  15. package/package.json +4 -4
  16. package/src/Stacks.tsx +21 -1
  17. package/types/SizableStack.d.ts +6 -0
  18. package/types/SizableStack.d.ts.map +1 -1
  19. package/types/Stacks.d.ts +14 -4
  20. package/types/Stacks.d.ts.map +1 -1
  21. package/types/ThemeableStack.d.ts +6 -0
  22. package/types/ThemeableStack.d.ts.map +1 -1
package/dist/cjs/Stacks.js CHANGED
@@ -27,6 +27,11 @@ const fullscreenStyle = {
27
27
  left: 0,
28
28
  right: 0,
29
29
  bottom: 0
30
+ }, getInset = (val) => val && typeof val == "object" ? val : {
31
+ top: val,
32
+ left: val,
33
+ bottom: val,
34
+ right: val
30
35
  }, variants = {
31
36
  fullscreen: {
32
37
  true: fullscreenStyle
@@ -34,7 +39,8 @@ const fullscreenStyle = {
34
39
  elevation: {
35
40
  "...size": import_getElevation.getElevation,
36
41
  ":number": import_getElevation.getElevation
37
- }
42
+ },
43
+ inset: getInset
38
44
  }, YStack = (0, import_core.styled)(import_core.View, {
39
45
  flexDirection: "column",
40
46
  variants
package/dist/cjs/Stacks.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA6B,0BAE7B,sBAA6B;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA6B,0BAE7B,sBAA6B;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GASM,WAAW,CAAC,QAChB,OAAO,OAAO,OAAQ,WAClB,MACA;AAAA,EACE,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAEA,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AACT,GAEa,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
5
5
  "names": []
6
6
  }
package/dist/cjs/Stacks.native.js CHANGED
@@ -28,6 +28,11 @@ const fullscreenStyle = {
28
28
  left: 0,
29
29
  right: 0,
30
30
  bottom: 0
31
+ }, getInset = (val) => val && typeof val == "object" ? val : {
32
+ top: val,
33
+ left: val,
34
+ bottom: val,
35
+ right: val
31
36
  }, variants = {
32
37
  fullscreen: {
33
38
  true: fullscreenStyle
@@ -35,7 +40,8 @@ const fullscreenStyle = {
35
40
  elevation: {
36
41
  "...size": import_getElevation.getElevation,
37
42
  ":number": import_getElevation.getElevation
38
- }
43
+ },
44
+ inset: getInset
39
45
  }, YStack = (0, import_core.styled)(import_core.View, {
40
46
  flexDirection: "column",
41
47
  variants
package/dist/cjs/Stacks.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA6B,0BAE7B,sBAA6B;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA6B,0BAE7B,sBAA6B;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GASM,WAAW,CAAC,QAChB,OAAO,OAAO,OAAQ,WAClB,MACA;AAAA,EACE,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAEA,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AACT,GAEa,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS,oBAAO,kBAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,aAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
5
5
  "names": []
6
6
  }
package/dist/esm/Stacks.js CHANGED
@@ -6,6 +6,11 @@ const fullscreenStyle = {
6
6
  left: 0,
7
7
  right: 0,
8
8
  bottom: 0
9
+ }, getInset = (val) => val && typeof val == "object" ? val : {
10
+ top: val,
11
+ left: val,
12
+ bottom: val,
13
+ right: val
9
14
  }, variants = {
10
15
  fullscreen: {
11
16
  true: fullscreenStyle
@@ -13,7 +18,8 @@ const fullscreenStyle = {
13
18
  elevation: {
14
19
  "...size": getElevation,
15
20
  ":number": getElevation
16
- }
21
+ },
22
+ inset: getInset
17
23
  }, YStack = styled(View, {
18
24
  flexDirection: "column",
19
25
  variants
package/dist/esm/Stacks.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
4
+ "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GASM,WAAW,CAAC,QAChB,OAAO,OAAO,OAAQ,WAClB,MACA;AAAA,EACE,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAEA,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AACT,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
5
5
  "names": []
6
6
  }
package/dist/esm/Stacks.mjs CHANGED
@@ -7,6 +7,12 @@ const fullscreenStyle = {
7
7
  right: 0,
8
8
  bottom: 0
9
9
  },
10
+ getInset = val => val && typeof val == "object" ? val : {
11
+ top: val,
12
+ left: val,
13
+ bottom: val,
14
+ right: val
15
+ },
10
16
  variants = {
11
17
  fullscreen: {
12
18
  true: fullscreenStyle
@@ -14,7 +20,8 @@ const fullscreenStyle = {
14
20
  elevation: {
15
21
  "...size": getElevation,
16
22
  ":number": getElevation
17
- }
23
+ },
24
+ inset: getInset
18
25
  },
19
26
  YStack = styled(View, {
20
27
  flexDirection: "column",
package/dist/esm/Stacks.native.js CHANGED
@@ -6,6 +6,11 @@ const fullscreenStyle = {
6
6
  left: 0,
7
7
  right: 0,
8
8
  bottom: 0
9
+ }, getInset = (val) => val && typeof val == "object" ? val : {
10
+ top: val,
11
+ left: val,
12
+ bottom: val,
13
+ right: val
9
14
  }, variants = {
10
15
  fullscreen: {
11
16
  true: fullscreenStyle
@@ -13,7 +18,8 @@ const fullscreenStyle = {
13
18
  elevation: {
14
19
  "...size": getElevation,
15
20
  ":number": getElevation
16
- }
21
+ },
22
+ inset: getInset
17
23
  }, YStack = styled(View, {
18
24
  flexDirection: "column",
19
25
  variants
package/dist/esm/Stacks.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
4
+ "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GASM,WAAW,CAAC,QAChB,OAAO,OAAO,OAAQ,WAClB,MACA;AAAA,EACE,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAEA,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AACT,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
5
5
  "names": []
6
6
  }
package/dist/jsx/Stacks.js CHANGED
@@ -6,6 +6,11 @@ const fullscreenStyle = {
6
6
  left: 0,
7
7
  right: 0,
8
8
  bottom: 0
9
+ }, getInset = (val) => val && typeof val == "object" ? val : {
10
+ top: val,
11
+ left: val,
12
+ bottom: val,
13
+ right: val
9
14
  }, variants = {
10
15
  fullscreen: {
11
16
  true: fullscreenStyle
@@ -13,7 +18,8 @@ const fullscreenStyle = {
13
18
  elevation: {
14
19
  "...size": getElevation,
15
20
  ":number": getElevation
16
- }
21
+ },
22
+ inset: getInset
17
23
  }, YStack = styled(View, {
18
24
  flexDirection: "column",
19
25
  variants
package/dist/jsx/Stacks.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
4
+ "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GASM,WAAW,CAAC,QAChB,OAAO,OAAO,OAAQ,WAClB,MACA;AAAA,EACE,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAEA,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AACT,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
5
5
  "names": []
6
6
  }
package/dist/jsx/Stacks.mjs CHANGED
@@ -7,6 +7,12 @@ const fullscreenStyle = {
7
7
  right: 0,
8
8
  bottom: 0
9
9
  },
10
+ getInset = val => val && typeof val == "object" ? val : {
11
+ top: val,
12
+ left: val,
13
+ bottom: val,
14
+ right: val
15
+ },
10
16
  variants = {
11
17
  fullscreen: {
12
18
  true: fullscreenStyle
@@ -14,7 +20,8 @@ const fullscreenStyle = {
14
20
  elevation: {
15
21
  "...size": getElevation,
16
22
  ":number": getElevation
17
- }
23
+ },
24
+ inset: getInset
18
25
  },
19
26
  YStack = styled(View, {
20
27
  flexDirection: "column",
package/dist/jsx/Stacks.native.js CHANGED
@@ -6,6 +6,11 @@ const fullscreenStyle = {
6
6
  left: 0,
7
7
  right: 0,
8
8
  bottom: 0
9
+ }, getInset = (val) => val && typeof val == "object" ? val : {
10
+ top: val,
11
+ left: val,
12
+ bottom: val,
13
+ right: val
9
14
  }, variants = {
10
15
  fullscreen: {
11
16
  true: fullscreenStyle
@@ -13,7 +18,8 @@ const fullscreenStyle = {
13
18
  elevation: {
14
19
  "...size": getElevation,
15
20
  ":number": getElevation
16
- }
21
+ },
22
+ inset: getInset
17
23
  }, YStack = styled(View, {
18
24
  flexDirection: "column",
19
25
  variants
package/dist/jsx/Stacks.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
4
+ "mappings": "AACA,SAAS,MAAM,cAAc;AAE7B,SAAS,oBAAoB;AAOtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GASM,WAAW,CAAC,QAChB,OAAO,OAAO,OAAQ,WAClB,MACA;AAAA,EACE,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAEA,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,OAAO;AACT,GAEa,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS,OAAO,MAAM;AAAA,EACjC,eAAe;AAAA,EACf;AACF,CAAC;AAED,OAAO,cAAiB;AAEjB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEA,OAAO,cAAiB;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.89.20",
3
+ "version": "1.89.22",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -32,14 +32,14 @@
32
32
  }
33
33
  },
34
34
  "dependencies": {
35
- "@tamagui/core": "1.89.20"
35
+ "@tamagui/core": "1.89.22"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": "*"
39
39
  },
40
40
  "devDependencies": {
41
- "@tamagui/build": "1.89.20",
42
- "@tamagui/get-button-sized": "1.89.20",
41
+ "@tamagui/build": "1.89.22",
42
+ "@tamagui/get-button-sized": "1.89.22",
43
43
  "react": "^18.2.0"
44
44
  },
45
45
  "publishConfig": {
package/src/Stacks.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import type { GetProps } from '@tamagui/core'
1
+ import type { GetProps, SizeTokens } from '@tamagui/core'
2
2
  import { View, styled } from '@tamagui/core'
3
3
 
4
4
  import { getElevation } from './getElevation'
@@ -16,14 +16,34 @@ export const fullscreenStyle = {
16
16
  bottom: 0,
17
17
  } as const
18
18
 
19
+ type Insets = {
20
+ top?: number
21
+ bottom?: number
22
+ left?: number
23
+ right?: number
24
+ }
25
+
26
+ const getInset = (val: number | SizeTokens | Insets) =>
27
+ val && typeof val === 'object'
28
+ ? val
29
+ : {
30
+ top: val,
31
+ left: val,
32
+ bottom: val,
33
+ right: val,
34
+ }
35
+
19
36
  const variants = {
20
37
  fullscreen: {
21
38
  true: fullscreenStyle,
22
39
  },
40
+
23
41
  elevation: {
24
42
  '...size': getElevation,
25
43
  ':number': getElevation,
26
44
  },
45
+
46
+ inset: getInset,
27
47
  } as const
28
48
 
29
49
  export const YStack = styled(View, {
package/types/SizableStack.d.ts CHANGED
@@ -4,6 +4,12 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<impo
4
4
  elevation?: number | import("@tamagui/core").SizeTokens | undefined;
5
5
  fullscreen?: boolean | undefined;
6
6
  circular?: boolean | undefined;
7
+ inset?: number | import("@tamagui/core").SizeTokens | {
8
+ top?: number | undefined;
9
+ bottom?: number | undefined;
10
+ left?: number | undefined;
11
+ right?: number | undefined;
12
+ } | undefined;
7
13
  hoverTheme?: boolean | undefined;
8
14
  pressTheme?: boolean | undefined;
9
15
  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,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAc7C,eAAO,MAAM,YAAY;;;;;;;;;;;8CA2BvB,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,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAc7C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;8CA2BvB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA"}
package/types/Stacks.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { GetProps } from '@tamagui/core';
1
+ import type { GetProps, SizeTokens } from '@tamagui/core';
2
2
  export type YStackProps = GetProps<typeof YStack>;
3
3
  export type XStackProps = YStackProps;
4
4
  export type ZStackProps = YStackProps;
@@ -9,19 +9,29 @@ export declare const fullscreenStyle: {
9
9
  readonly right: 0;
10
10
  readonly bottom: 0;
11
11
  };
12
+ type Insets = {
13
+ top?: number;
14
+ bottom?: number;
15
+ left?: number;
16
+ right?: number;
17
+ };
12
18
  export declare const YStack: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
13
- elevation?: number | import("@tamagui/core").SizeTokens | undefined;
19
+ elevation?: number | SizeTokens | undefined;
14
20
  fullscreen?: boolean | undefined;
21
+ inset?: number | SizeTokens | Insets | undefined;
15
22
  }, import("@tamagui/core").StaticConfigPublic>;
16
23
  export declare const XStack: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
17
- elevation?: number | import("@tamagui/core").SizeTokens | undefined;
24
+ elevation?: number | SizeTokens | undefined;
18
25
  fullscreen?: boolean | undefined;
26
+ inset?: number | SizeTokens | Insets | undefined;
19
27
  }, import("@tamagui/core").StaticConfigPublic>;
20
28
  export declare const ZStack: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
21
- elevation?: number | import("@tamagui/core").SizeTokens | undefined;
29
+ elevation?: number | SizeTokens | undefined;
22
30
  fullscreen?: boolean | undefined;
31
+ inset?: number | SizeTokens | Insets | undefined;
23
32
  }, import("@tamagui/core").StaticConfigPublic & {
24
33
  neverFlatten: true;
25
34
  isZStack: true;
26
35
  }>;
36
+ export {};
27
37
  //# sourceMappingURL=Stacks.d.ts.map
package/types/Stacks.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEjD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AACrC,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAA;AAYV,eAAO,MAAM,MAAM;;;8CAGjB,CAAA;AAIF,eAAO,MAAM,MAAM;;;8CAGjB,CAAA;AAIF,eAAO,MAAM,MAAM;;;;;;EASlB,CAAA"}
1
+ {"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKzD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEjD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AACrC,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAA;AAEV,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAyBD,eAAO,MAAM,MAAM;;;;8CAGjB,CAAA;AAIF,eAAO,MAAM,MAAM;;;;8CAGjB,CAAA;AAIF,eAAO,MAAM,MAAM;;;;;;;EASlB,CAAA"}
package/types/ThemeableStack.d.ts CHANGED
@@ -117,6 +117,12 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<im
117
117
  transparent?: boolean | undefined;
118
118
  fullscreen?: boolean | undefined;
119
119
  circular?: boolean | undefined;
120
+ inset?: number | import("@tamagui/core").SizeTokens | {
121
+ top?: number | undefined;
122
+ bottom?: number | undefined;
123
+ left?: number | undefined;
124
+ right?: number | undefined;
125
+ } | undefined;
120
126
  hoverTheme?: boolean | undefined;
121
127
  pressTheme?: boolean | undefined;
122
128
  focusTheme?: boolean | undefined;
package/types/ThemeableStack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AA0B7C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BpB,CAAA;AAEV,eAAO,MAAM,cAAc;;;;;;;;;;;;;;8CAEzB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}
1
+ {"version":3,"file":"ThemeableStack.d.ts","sourceRoot":"","sources":["../src/ThemeableStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AA0B7C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BpB,CAAA;AAEV,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;8CAEzB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}