@tamagui/stacks 1.61.2 → 1.62.0

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 (57) hide show
  1. package/dist/cjs/SizableStack.js +12 -21
  2. package/dist/cjs/SizableStack.js.map +1 -1
  3. package/dist/cjs/SizableStack.native.js +49 -0
  4. package/dist/cjs/SizableStack.native.js.map +6 -0
  5. package/dist/cjs/Stacks.js +12 -21
  6. package/dist/cjs/Stacks.js.map +1 -1
  7. package/dist/cjs/Stacks.native.js +61 -0
  8. package/dist/cjs/Stacks.native.js.map +6 -0
  9. package/dist/cjs/ThemeableStack.js +8 -16
  10. package/dist/cjs/ThemeableStack.js.map +1 -1
  11. package/dist/cjs/ThemeableStack.native.js +66 -0
  12. package/dist/cjs/ThemeableStack.native.js.map +6 -0
  13. package/dist/cjs/getElevation.js +12 -25
  14. package/dist/cjs/getElevation.js.map +1 -1
  15. package/dist/cjs/getElevation.native.js +50 -0
  16. package/dist/cjs/getElevation.native.js.map +6 -0
  17. package/dist/cjs/index.js +4 -8
  18. package/dist/cjs/index.js.map +1 -1
  19. package/dist/cjs/index.native.js +24 -0
  20. package/dist/cjs/index.native.js.map +6 -0
  21. package/dist/cjs/variants.js +34 -51
  22. package/dist/cjs/variants.js.map +1 -1
  23. package/dist/cjs/variants.native.js +119 -0
  24. package/dist/cjs/variants.native.js.map +6 -0
  25. package/dist/esm/SizableStack.js +6 -8
  26. package/dist/esm/SizableStack.js.map +1 -1
  27. package/dist/esm/Stacks.js +6 -10
  28. package/dist/esm/Stacks.js.map +1 -1
  29. package/dist/esm/ThemeableStack.js +2 -4
  30. package/dist/esm/ThemeableStack.js.map +1 -1
  31. package/dist/esm/getElevation.js +7 -16
  32. package/dist/esm/getElevation.js.map +1 -1
  33. package/dist/esm/variants.js +29 -42
  34. package/dist/esm/variants.js.map +1 -1
  35. package/dist/jsx/SizableStack.js +6 -8
  36. package/dist/jsx/SizableStack.js.map +1 -1
  37. package/dist/jsx/SizableStack.native.js +38 -0
  38. package/dist/jsx/SizableStack.native.js.map +6 -0
  39. package/dist/jsx/Stacks.js +6 -10
  40. package/dist/jsx/Stacks.js.map +1 -1
  41. package/dist/jsx/Stacks.native.js +38 -0
  42. package/dist/jsx/Stacks.native.js.map +6 -0
  43. package/dist/jsx/ThemeableStack.js +2 -4
  44. package/dist/jsx/ThemeableStack.js.map +1 -1
  45. package/dist/jsx/ThemeableStack.native.js +55 -0
  46. package/dist/jsx/ThemeableStack.native.js.map +6 -0
  47. package/dist/jsx/getElevation.js +7 -16
  48. package/dist/jsx/getElevation.js.map +1 -1
  49. package/dist/jsx/getElevation.native.js +32 -0
  50. package/dist/jsx/getElevation.native.js.map +6 -0
  51. package/dist/jsx/index.native.js +4 -0
  52. package/dist/jsx/index.native.js.map +6 -0
  53. package/dist/jsx/variants.js +29 -42
  54. package/dist/jsx/variants.js.map +1 -1
  55. package/dist/jsx/variants.native.js +91 -0
  56. package/dist/jsx/variants.native.js.map +6 -0
  57. package/package.json +4 -4
@@ -1,21 +1,17 @@
1
- "use strict";
2
1
  var __defProp = Object.defineProperty;
3
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
5
  var __export = (target, all) => {
7
6
  for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
12
10
  for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
12
  return to;
17
13
  };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
19
15
  var variants_exports = {};
20
16
  __export(variants_exports, {
21
17
  bordered: () => bordered,
@@ -30,57 +26,47 @@ __export(variants_exports, {
30
26
  module.exports = __toCommonJS(variants_exports);
31
27
  var import_getElevation = require("./getElevation");
32
28
  const elevate = {
33
- true: (_, extras) => {
34
- return (0, import_getElevation.getElevation)(extras.props["size"], extras);
35
- }
36
- };
37
- const bordered = (val, { props }) => {
38
- return {
39
- // TODO size it with size in '...size'
40
- borderWidth: typeof val === "number" ? val : 1,
41
- borderColor: "$borderColor",
42
- ...props.hoverTheme && {
43
- hoverStyle: {
44
- borderColor: "$borderColorHover"
45
- }
46
- },
47
- ...props.pressTheme && {
48
- pressStyle: {
49
- borderColor: "$borderColorPress"
50
- }
51
- },
52
- ...props.focusTheme && {
53
- focusStyle: {
54
- borderColor: "$borderColorFocus"
55
- }
29
+ true: (_, extras) => (0, import_getElevation.getElevation)(extras.props.size, extras)
30
+ }, bordered = (val, { props }) => ({
31
+ // TODO size it with size in '...size'
32
+ borderWidth: typeof val == "number" ? val : 1,
33
+ borderColor: "$borderColor",
34
+ ...props.hoverTheme && {
35
+ hoverStyle: {
36
+ borderColor: "$borderColorHover"
56
37
  }
57
- };
58
- };
59
- const padded = {
38
+ },
39
+ ...props.pressTheme && {
40
+ pressStyle: {
41
+ borderColor: "$borderColorPress"
42
+ }
43
+ },
44
+ ...props.focusTheme && {
45
+ focusStyle: {
46
+ borderColor: "$borderColorFocus"
47
+ }
48
+ }
49
+ }), padded = {
60
50
  true: (_, extras) => {
61
51
  const { tokens, props } = extras;
62
52
  return {
63
- padding: tokens.space[props.size] || tokens.space["$true"]
53
+ padding: tokens.space[props.size] || tokens.space.$true
64
54
  };
65
55
  }
66
- };
67
- const radiused = {
56
+ }, radiused = {
68
57
  true: (_, extras) => {
69
58
  const { tokens, props } = extras;
70
59
  return {
71
- borderRadius: tokens.radius[props.size] || tokens.radius["$true"]
60
+ borderRadius: tokens.radius[props.size] || tokens.radius.$true
72
61
  };
73
62
  }
74
- };
75
- const circularStyle = {
63
+ }, circularStyle = {
76
64
  borderRadius: 1e5,
77
65
  padding: 0
78
- };
79
- const circular = {
66
+ }, circular = {
80
67
  true: (_, { props, tokens }) => {
81
- if (!("size" in props)) {
68
+ if (!("size" in props))
82
69
  return circularStyle;
83
- }
84
70
  const size = tokens.size[props.size];
85
71
  return {
86
72
  ...circularStyle,
@@ -92,8 +78,7 @@ const circular = {
92
78
  minHeight: size
93
79
  };
94
80
  }
95
- };
96
- const hoverTheme = {
81
+ }, hoverTheme = {
97
82
  true: {
98
83
  hoverStyle: {
99
84
  backgroundColor: "$backgroundHover",
@@ -101,8 +86,7 @@ const hoverTheme = {
101
86
  }
102
87
  },
103
88
  false: {}
104
- };
105
- const pressTheme = {
89
+ }, pressTheme = {
106
90
  true: {
107
91
  cursor: "pointer",
108
92
  pressStyle: {
@@ -111,8 +95,7 @@ const pressTheme = {
111
95
  }
112
96
  },
113
97
  false: {}
114
- };
115
- const focusTheme = {
98
+ }, focusTheme = {
116
99
  true: {
117
100
  focusStyle: {
118
101
  backgroundColor: "$backgroundFocus",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/variants.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WAAgB;AACjC,eAAO,kCAAa,OAAO,MAAM,MAAM,GAAG,MAAM;AAAA,EAClD;AACF;AAEO,MAAM,WAAW,CAAC,KAAuB,EAAE,MAAM,MAAM;AAC5D,SAAO;AAAA;AAAA,IAEL,aAAa,OAAO,QAAQ,WAAW,MAAM;AAAA,IAC7C,aAAa;AAAA,IAEb,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO,OAAO;AAAA,IAClE;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU,QAAQ;AACtB,aAAO;AAAA,IACT;AACA,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,eACV,kCAAa,OAAO,MAAM,MAAS,MAAM;AAEpD,GAEa,WAAW,CAAC,KAAuB,EAAE,MAAM,OAC/C;AAAA;AAAA,EAEL,aAAa,OAAO,OAAQ,WAAW,MAAM;AAAA,EAC7C,aAAa;AAAA,EAEb,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,IAGW,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF,GAEM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU;AACd,aAAO;AAET,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,119 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var variants_exports = {};
17
+ __export(variants_exports, {
18
+ bordered: () => bordered,
19
+ circular: () => circular,
20
+ elevate: () => elevate,
21
+ focusTheme: () => focusTheme,
22
+ hoverTheme: () => hoverTheme,
23
+ padded: () => padded,
24
+ pressTheme: () => pressTheme,
25
+ radiused: () => radiused
26
+ });
27
+ module.exports = __toCommonJS(variants_exports);
28
+ var import_getElevation = require("./getElevation");
29
+ const elevate = {
30
+ true: (_, extras) => (0, import_getElevation.getElevation)(extras.props.size, extras)
31
+ }, bordered = (val, { props }) => ({
32
+ // TODO size it with size in '...size'
33
+ borderWidth: typeof val == "number" ? val : 1,
34
+ borderColor: "$borderColor",
35
+ ...props.hoverTheme && {
36
+ hoverStyle: {
37
+ borderColor: "$borderColorHover"
38
+ }
39
+ },
40
+ ...props.pressTheme && {
41
+ pressStyle: {
42
+ borderColor: "$borderColorPress"
43
+ }
44
+ },
45
+ ...props.focusTheme && {
46
+ focusStyle: {
47
+ borderColor: "$borderColorFocus"
48
+ }
49
+ }
50
+ }), padded = {
51
+ true: (_, extras) => {
52
+ const { tokens, props } = extras;
53
+ return {
54
+ padding: tokens.space[props.size] || tokens.space.$true
55
+ };
56
+ }
57
+ }, radiused = {
58
+ true: (_, extras) => {
59
+ const { tokens, props } = extras;
60
+ return {
61
+ borderRadius: tokens.radius[props.size] || tokens.radius.$true
62
+ };
63
+ }
64
+ }, circularStyle = {
65
+ borderRadius: 1e5,
66
+ padding: 0
67
+ }, circular = {
68
+ true: (_, { props, tokens }) => {
69
+ if (!("size" in props))
70
+ return circularStyle;
71
+ const size = tokens.size[props.size];
72
+ return {
73
+ ...circularStyle,
74
+ width: size,
75
+ height: size,
76
+ maxWidth: size,
77
+ maxHeight: size,
78
+ minWidth: size,
79
+ minHeight: size
80
+ };
81
+ }
82
+ }, hoverTheme = {
83
+ true: {
84
+ hoverStyle: {
85
+ backgroundColor: "$backgroundHover",
86
+ borderColor: "$borderColorHover"
87
+ }
88
+ },
89
+ false: {}
90
+ }, pressTheme = {
91
+ true: {
92
+ cursor: "pointer",
93
+ pressStyle: {
94
+ backgroundColor: "$backgroundPress",
95
+ borderColor: "$borderColorPress"
96
+ }
97
+ },
98
+ false: {}
99
+ }, focusTheme = {
100
+ true: {
101
+ focusStyle: {
102
+ backgroundColor: "$backgroundFocus",
103
+ borderColor: "$borderColorFocus"
104
+ }
105
+ },
106
+ false: {}
107
+ };
108
+ // Annotate the CommonJS export names for ESM import in node:
109
+ 0 && (module.exports = {
110
+ bordered,
111
+ circular,
112
+ elevate,
113
+ focusTheme,
114
+ hoverTheme,
115
+ padded,
116
+ pressTheme,
117
+ radiused
118
+ });
119
+ //# sourceMappingURL=variants.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/variants.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,eACV,kCAAa,OAAO,MAAM,MAAS,MAAM;AAEpD,GAEa,WAAW,CAAC,KAAuB,EAAE,MAAM,OAC/C;AAAA;AAAA,EAEL,aAAa,OAAO,OAAQ,WAAW,MAAM;AAAA,EAC7C,aAAa;AAAA,EAEb,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,IAGW,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF,GAEM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU;AACd,aAAO;AAET,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
5
+ "names": []
6
+ }
@@ -14,11 +14,11 @@ const SizableStack = styled(XStack, {
14
14
  variants: {
15
15
  unstyled: {
16
16
  true: {
17
- hoverTheme: false,
18
- pressTheme: false,
19
- focusTheme: false,
20
- elevate: false,
21
- bordered: false
17
+ hoverTheme: !1,
18
+ pressTheme: !1,
19
+ focusTheme: !1,
20
+ elevate: !1,
21
+ bordered: !1
22
22
  }
23
23
  },
24
24
  hoverTheme,
@@ -28,9 +28,7 @@ const SizableStack = styled(XStack, {
28
28
  elevate,
29
29
  bordered,
30
30
  size: {
31
- "...size": (val, extras) => {
32
- return getButtonSized(val, extras);
33
- }
31
+ "...size": (val, extras) => getButtonSized(val, extras)
34
32
  }
35
33
  }
36
34
  });
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "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,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,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,eAAO,eAAe,KAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "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,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,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WACR,eAAe,KAAK,MAAM;AAAA,IAErC;AAAA,EACF;AACF,CAAC;",
5
5
  "names": []
6
6
  }
@@ -6,31 +6,27 @@ const fullscreenStyle = {
6
6
  left: 0,
7
7
  right: 0,
8
8
  bottom: 0
9
- };
10
- const variants = {
9
+ }, variants = {
11
10
  fullscreen: {
12
11
  true: fullscreenStyle
13
12
  },
14
13
  elevation: {
15
14
  "...size": getElevation
16
15
  }
17
- };
18
- const YStack = styled(Stack, {
16
+ }, YStack = styled(Stack, {
19
17
  flexDirection: "column",
20
18
  variants
21
- });
22
- const XStack = styled(Stack, {
19
+ }), XStack = styled(Stack, {
23
20
  flexDirection: "row",
24
21
  variants
25
- });
26
- const ZStack = styled(
22
+ }), ZStack = styled(
27
23
  YStack,
28
24
  {
29
25
  position: "relative"
30
26
  },
31
27
  {
32
- neverFlatten: true,
33
- isZStack: true
28
+ neverFlatten: !0,
29
+ isZStack: !0
34
30
  }
35
31
  );
36
32
  export {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stacks.tsx"],
4
- "mappings": "AAAA,SAAmB,OAAO,cAAc;AAExC,SAAS,oBAAoB;AAMtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC;AAEM,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;",
4
+ "mappings": "AAAA,SAAmB,OAAO,cAAc;AAExC,SAAS,oBAAoB;AAMtB,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,EACb;AACF,GAEa,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;",
5
5
  "names": []
6
6
  }
@@ -17,8 +17,7 @@ const chromelessStyle = {
17
17
  hoverStyle: {
18
18
  borderColor: "transparent"
19
19
  }
20
- };
21
- const themeableVariants = {
20
+ }, themeableVariants = {
22
21
  backgrounded: {
23
22
  true: {
24
23
  backgroundColor: "$background"
@@ -46,8 +45,7 @@ const themeableVariants = {
46
45
  focusStyle: chromelessStyle
47
46
  }
48
47
  }
49
- };
50
- const ThemeableStack = styled(YStack, {
48
+ }, ThemeableStack = styled(YStack, {
51
49
  variants: themeableVariants
52
50
  });
53
51
  export {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
4
+ "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF,GAEa,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAEa,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
@@ -6,25 +6,17 @@ import {
6
6
  const getElevation = (size, extras) => {
7
7
  if (!size)
8
8
  return;
9
- const { tokens } = extras;
10
- const token = tokens.size[size];
11
- const sizeNum = isVariable(token) ? +token.val : size;
9
+ const { tokens } = extras, token = tokens.size[size], sizeNum = isVariable(token) ? +token.val : size;
12
10
  return getSizedElevation(sizeNum, extras);
13
- };
14
- const getSizedElevation = (val, { theme, tokens }) => {
11
+ }, getSizedElevation = (val, { theme, tokens }) => {
15
12
  let num = 0;
16
- if (val === true) {
17
- const val2 = getVariableValue(tokens.size["true"]);
18
- if (typeof val2 === "number") {
19
- num = val2;
20
- } else {
21
- num = 10;
22
- }
23
- } else {
13
+ if (val === !0) {
14
+ const val2 = getVariableValue(tokens.size.true);
15
+ typeof val2 == "number" ? num = val2 : num = 10;
16
+ } else
24
17
  num = +val;
25
- }
26
18
  const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
27
- const shadow = {
19
+ return {
28
20
  shadowColor: theme.shadowColor,
29
21
  shadowRadius,
30
22
  shadowOffset: { height, width: 0 },
@@ -32,7 +24,6 @@ const getSizedElevation = (val, { theme, tokens }) => {
32
24
  elevationAndroid: 2 * height
33
25
  } : {}
34
26
  };
35
- return shadow;
36
27
  };
37
28
  export {
38
29
  getElevation,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/getElevation.tsx"],
4
- "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,QAAM,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAClD,SAAO,kBAAkB,SAAS,MAAM;AAC1C;AAEO,MAAM,oBAAoB,CAC/B,KACA,EAAE,OAAO,OAAO,MACb;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,MAAM;AAChB,UAAMA,OAAM,iBAAiB,OAAO,KAAK,MAAM,CAAC;AAChD,QAAI,OAAOA,SAAQ,UAAU;AAC3B,YAAMA;AAAA,IACR,OAAO;AACL,YAAM;AAAA,IACR;AAAA,EACF,OAAO;AACL,UAAM,CAAC;AAAA,EACT;AACA,QAAM,CAAC,QAAQ,YAAY,IAAI,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAChF,QAAM,SAAS;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,IACjC,GAAI,YACA;AAAA,MACE,kBAAkB,IAAI;AAAA,IACxB,IACA,CAAC;AAAA,EACP;AACA,SAAO;AACT;",
4
+ "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,OAAO,IAAI,QACb,QAAQ,OAAO,KAAK,IAAI,GACxB,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAClD,SAAO,kBAAkB,SAAS,MAAM;AAC1C,GAEa,oBAAoB,CAC/B,KACA,EAAE,OAAO,OAAO,MACb;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,IAAM;AAChB,UAAMA,OAAM,iBAAiB,OAAO,KAAK,IAAO;AAChD,IAAI,OAAOA,QAAQ,WACjB,MAAMA,OAEN,MAAM;AAAA,EAEV;AACE,UAAM,CAAC;AAET,QAAM,CAAC,QAAQ,YAAY,IAAI,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAWhF,SAVe;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,IACjC,GAAI,YACA;AAAA,MACE,kBAAkB,IAAI;AAAA,IACxB,IACA,CAAC;AAAA,EACP;AAEF;",
5
5
  "names": ["val"]
6
6
  }
@@ -1,56 +1,46 @@
1
1
  import { getElevation } from "./getElevation";
2
2
  const elevate = {
3
- true: (_, extras) => {
4
- return getElevation(extras.props["size"], extras);
5
- }
6
- };
7
- const bordered = (val, { props }) => {
8
- return {
9
- // TODO size it with size in '...size'
10
- borderWidth: typeof val === "number" ? val : 1,
11
- borderColor: "$borderColor",
12
- ...props.hoverTheme && {
13
- hoverStyle: {
14
- borderColor: "$borderColorHover"
15
- }
16
- },
17
- ...props.pressTheme && {
18
- pressStyle: {
19
- borderColor: "$borderColorPress"
20
- }
21
- },
22
- ...props.focusTheme && {
23
- focusStyle: {
24
- borderColor: "$borderColorFocus"
25
- }
3
+ true: (_, extras) => getElevation(extras.props.size, extras)
4
+ }, bordered = (val, { props }) => ({
5
+ // TODO size it with size in '...size'
6
+ borderWidth: typeof val == "number" ? val : 1,
7
+ borderColor: "$borderColor",
8
+ ...props.hoverTheme && {
9
+ hoverStyle: {
10
+ borderColor: "$borderColorHover"
26
11
  }
27
- };
28
- };
29
- const padded = {
12
+ },
13
+ ...props.pressTheme && {
14
+ pressStyle: {
15
+ borderColor: "$borderColorPress"
16
+ }
17
+ },
18
+ ...props.focusTheme && {
19
+ focusStyle: {
20
+ borderColor: "$borderColorFocus"
21
+ }
22
+ }
23
+ }), padded = {
30
24
  true: (_, extras) => {
31
25
  const { tokens, props } = extras;
32
26
  return {
33
- padding: tokens.space[props.size] || tokens.space["$true"]
27
+ padding: tokens.space[props.size] || tokens.space.$true
34
28
  };
35
29
  }
36
- };
37
- const radiused = {
30
+ }, radiused = {
38
31
  true: (_, extras) => {
39
32
  const { tokens, props } = extras;
40
33
  return {
41
- borderRadius: tokens.radius[props.size] || tokens.radius["$true"]
34
+ borderRadius: tokens.radius[props.size] || tokens.radius.$true
42
35
  };
43
36
  }
44
- };
45
- const circularStyle = {
37
+ }, circularStyle = {
46
38
  borderRadius: 1e5,
47
39
  padding: 0
48
- };
49
- const circular = {
40
+ }, circular = {
50
41
  true: (_, { props, tokens }) => {
51
- if (!("size" in props)) {
42
+ if (!("size" in props))
52
43
  return circularStyle;
53
- }
54
44
  const size = tokens.size[props.size];
55
45
  return {
56
46
  ...circularStyle,
@@ -62,8 +52,7 @@ const circular = {
62
52
  minHeight: size
63
53
  };
64
54
  }
65
- };
66
- const hoverTheme = {
55
+ }, hoverTheme = {
67
56
  true: {
68
57
  hoverStyle: {
69
58
  backgroundColor: "$backgroundHover",
@@ -71,8 +60,7 @@ const hoverTheme = {
71
60
  }
72
61
  },
73
62
  false: {}
74
- };
75
- const pressTheme = {
63
+ }, pressTheme = {
76
64
  true: {
77
65
  cursor: "pointer",
78
66
  pressStyle: {
@@ -81,8 +69,7 @@ const pressTheme = {
81
69
  }
82
70
  },
83
71
  false: {}
84
- };
85
- const focusTheme = {
72
+ }, focusTheme = {
86
73
  true: {
87
74
  focusStyle: {
88
75
  backgroundColor: "$backgroundFocus",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/variants.tsx"],
4
- "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WAAgB;AACjC,WAAO,aAAa,OAAO,MAAM,MAAM,GAAG,MAAM;AAAA,EAClD;AACF;AAEO,MAAM,WAAW,CAAC,KAAuB,EAAE,MAAM,MAAM;AAC5D,SAAO;AAAA;AAAA,IAEL,aAAa,OAAO,QAAQ,WAAW,MAAM;AAAA,IAC7C,aAAa;AAAA,IAEb,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO,OAAO;AAAA,IAClE;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU,QAAQ;AACtB,aAAO;AAAA,IACT;AACA,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
4
+ "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WACV,aAAa,OAAO,MAAM,MAAS,MAAM;AAEpD,GAEa,WAAW,CAAC,KAAuB,EAAE,MAAM,OAC/C;AAAA;AAAA,EAEL,aAAa,OAAO,OAAQ,WAAW,MAAM;AAAA,EAC7C,aAAa;AAAA,EAEb,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,IAGW,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF,GAEM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU;AACd,aAAO;AAET,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
5
5
  "names": []
6
6
  }
@@ -14,11 +14,11 @@ const SizableStack = styled(XStack, {
14
14
  variants: {
15
15
  unstyled: {
16
16
  true: {
17
- hoverTheme: false,
18
- pressTheme: false,
19
- focusTheme: false,
20
- elevate: false,
21
- bordered: false
17
+ hoverTheme: !1,
18
+ pressTheme: !1,
19
+ focusTheme: !1,
20
+ elevate: !1,
21
+ bordered: !1
22
22
  }
23
23
  },
24
24
  hoverTheme,
@@ -28,9 +28,7 @@ const SizableStack = styled(XStack, {
28
28
  elevate,
29
29
  bordered,
30
30
  size: {
31
- "...size": (val, extras) => {
32
- return getButtonSized(val, extras);
33
- }
31
+ "...size": (val, extras) => getButtonSized(val, extras)
34
32
  }
35
33
  }
36
34
  });
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SizableStack.tsx"],
4
- "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,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,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,eAAO,eAAe,KAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "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,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,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WACR,eAAe,KAAK,MAAM;AAAA,IAErC;AAAA,EACF;AACF,CAAC;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,38 @@
1
+ import { styled } from "@tamagui/core";
2
+ import { getButtonSized } from "@tamagui/get-button-sized";
3
+ import { XStack } from "./Stacks";
4
+ import {
5
+ bordered,
6
+ circular,
7
+ elevate,
8
+ focusTheme,
9
+ hoverTheme,
10
+ pressTheme
11
+ } from "./variants";
12
+ const SizableStack = styled(XStack, {
13
+ name: "SizableStack",
14
+ variants: {
15
+ unstyled: {
16
+ true: {
17
+ hoverTheme: !1,
18
+ pressTheme: !1,
19
+ focusTheme: !1,
20
+ elevate: !1,
21
+ bordered: !1
22
+ }
23
+ },
24
+ hoverTheme,
25
+ pressTheme,
26
+ focusTheme,
27
+ circular,
28
+ elevate,
29
+ bordered,
30
+ size: {
31
+ "...size": (val, extras) => getButtonSized(val, extras)
32
+ }
33
+ }
34
+ });
35
+ export {
36
+ SizableStack
37
+ };
38
+ //# sourceMappingURL=SizableStack.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/SizableStack.tsx"],
4
+ "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,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,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WACR,eAAe,KAAK,MAAM;AAAA,IAErC;AAAA,EACF;AACF,CAAC;",
5
+ "names": []
6
+ }