@tamagui/spacer 3.0.0-beta.831.1 → 3.0.0-beta.889.1

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 (12) hide show
  1. package/dist/cjs/Spacer.cjs +3 -7
  2. package/dist/cjs/Spacer.native.cjs +3 -7
  3. package/dist/cjs/Spacer.native.js +3 -7
  4. package/dist/cjs/Spacer.native.js.map +1 -1
  5. package/dist/esm/Spacer.mjs +3 -7
  6. package/dist/esm/Spacer.mjs.map +1 -1
  7. package/dist/esm/Spacer.native.js +3 -7
  8. package/dist/esm/Spacer.native.js.map +1 -1
  9. package/package.json +4 -4
  10. package/src/Spacer.tsx +12 -14
  11. package/types/Spacer.d.ts +3 -3
  12. package/types/Spacer.d.ts.map +1 -1
package/dist/cjs/Spacer.cjs CHANGED
@@ -23,7 +23,7 @@ __export(Spacer_exports, { Spacer: () => Spacer });
23
23
  module.exports = __toCommonJS(Spacer_exports);
24
24
  var import_size = require("@tamagui/size");
25
25
  var import_web = require("@tamagui/web");
26
- const getSpacerSize = (size, { tokens }) => {
26
+ const getSpacerSize = import_web.styled.dynamic((size, { tokens }) => {
27
27
  const sizeToken = (0, import_size.resolveSizeToken)(size, "space");
28
28
  const sizePx = tokens.space[sizeToken] ?? sizeToken;
29
29
  return {
@@ -32,17 +32,13 @@ const getSpacerSize = (size, { tokens }) => {
32
32
  minWidth: sizePx,
33
33
  minHeight: sizePx
34
34
  };
35
- };
35
+ });
36
36
  const Spacer = (0, import_web.styled)(import_web.View, {
37
37
  displayName: "Spacer",
38
38
  pointerEvents: "none",
39
39
  render: "span",
40
40
  variants: {
41
- size: {
42
- true: getSpacerSize,
43
- Size: getSpacerSize,
44
- any: getSpacerSize
45
- },
41
+ size: getSpacerSize,
46
42
  direction: {
47
43
  horizontal: {
48
44
  height: 0,
package/dist/cjs/Spacer.native.cjs CHANGED
@@ -25,7 +25,7 @@ __export(Spacer_exports, { Spacer: () => Spacer });
25
25
  module.exports = __toCommonJS(Spacer_exports);
26
26
  var import_size = require("@tamagui/size");
27
27
  var import_web = require("@tamagui/web");
28
- var getSpacerSize = function(size, param) {
28
+ var getSpacerSize = import_web.styled.dynamic(function(size, param) {
29
29
  var { tokens } = param;
30
30
  var sizeToken = (0, import_size.resolveSizeToken)(size, "space");
31
31
  var _tokens_space_sizeToken;
@@ -36,17 +36,13 @@ var getSpacerSize = function(size, param) {
36
36
  minWidth: sizePx,
37
37
  minHeight: sizePx
38
38
  };
39
- };
39
+ });
40
40
  var Spacer = (0, import_web.styled)(import_web.View, {
41
41
  displayName: "Spacer",
42
42
  pointerEvents: "none",
43
43
  render: "span",
44
44
  variants: {
45
- size: {
46
- true: getSpacerSize,
47
- Size: getSpacerSize,
48
- any: getSpacerSize
49
- },
45
+ size: getSpacerSize,
50
46
  direction: {
51
47
  horizontal: {
52
48
  height: 0,
package/dist/cjs/Spacer.native.js CHANGED
@@ -25,7 +25,7 @@ __export(Spacer_exports, { Spacer: () => Spacer });
25
25
  module.exports = __toCommonJS(Spacer_exports);
26
26
  var import_size = require("@tamagui/size");
27
27
  var import_web = require("@tamagui/web");
28
- var getSpacerSize = function(size, param) {
28
+ var getSpacerSize = import_web.styled.dynamic(function(size, param) {
29
29
  var { tokens } = param;
30
30
  var sizeToken = (0, import_size.resolveSizeToken)(size, "space");
31
31
  var _tokens_space_sizeToken;
@@ -36,17 +36,13 @@ var getSpacerSize = function(size, param) {
36
36
  minWidth: sizePx,
37
37
  minHeight: sizePx
38
38
  };
39
- };
39
+ });
40
40
  var Spacer = (0, import_web.styled)(import_web.View, {
41
41
  displayName: "Spacer",
42
42
  pointerEvents: "none",
43
43
  render: "span",
44
44
  variants: {
45
- size: {
46
- true: getSpacerSize,
47
- Size: getSpacerSize,
48
- any: getSpacerSize
49
- },
45
+ size: getSpacerSize,
50
46
  direction: {
51
47
  horizontal: {
52
48
  height: 0,
package/dist/cjs/Spacer.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.native.js","names":[],"sources":["cjs/Spacer.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Spacer_exports = {};\n__export(Spacer_exports, {\n Spacer: () => Spacer\n});\nmodule.exports = __toCommonJS(Spacer_exports);\nvar import_size = require(\"@tamagui/size\");\nvar import_web = require(\"@tamagui/web\");\nvar getSpacerSize = function(size, param) {\n var { tokens } = param;\n var sizeToken = (0, import_size.resolveSizeToken)(size, \"space\");\n var _tokens_space_sizeToken;\n var sizePx = (_tokens_space_sizeToken = tokens.space[sizeToken]) !== null && _tokens_space_sizeToken !== void 0 ? _tokens_space_sizeToken : sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n};\nvar Spacer = (0, import_web.styled)(import_web.View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: {\n true: getSpacerSize,\n Size: getSpacerSize,\n any: getSpacerSize\n },\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iBAAiB,CAAC;AACtB,SAAS,gBAAgB,EACvB,cAAc,OAChB,CAAC;AACD,OAAO,UAAU,aAAa,cAAc;AAC5C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,gBAAgB,SAAS,MAAM,OAAO;CACxC,IAAI,EAAE,WAAW;CACjB,IAAI,aAAa,GAAG,YAAY,iBAAgB,CAAE,MAAM,OAAO;CAC/D,IAAI;CACJ,IAAI,UAAU,0BAA0B,OAAO,MAAM,gBAAgB,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B;CAC5I,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF;AACA,IAAI,UAAU,GAAG,WAAW,OAAM,CAAE,WAAW,MAAM;CACnD,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;GACN,KAAK;EACP;EACA,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"Spacer.native.js","names":[],"sources":["cjs/Spacer.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Spacer_exports = {};\n__export(Spacer_exports, {\n Spacer: () => Spacer\n});\nmodule.exports = __toCommonJS(Spacer_exports);\nvar import_size = require(\"@tamagui/size\");\nvar import_web = require(\"@tamagui/web\");\nvar getSpacerSize = import_web.styled.dynamic(function(size, param) {\n var { tokens } = param;\n var sizeToken = (0, import_size.resolveSizeToken)(size, \"space\");\n var _tokens_space_sizeToken;\n var sizePx = (_tokens_space_sizeToken = tokens.space[sizeToken]) !== null && _tokens_space_sizeToken !== void 0 ? _tokens_space_sizeToken : sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n});\nvar Spacer = (0, import_web.styled)(import_web.View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: getSpacerSize,\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iBAAiB,CAAC;AACtB,SAAS,gBAAgB,EACvB,cAAc,OAChB,CAAC;AACD,OAAO,UAAU,aAAa,cAAc;AAC5C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,gBAAgB,WAAW,OAAO,QAAQ,SAAS,MAAM,OAAO;CAClE,IAAI,EAAE,WAAW;CACjB,IAAI,aAAa,GAAG,YAAY,iBAAgB,CAAE,MAAM,OAAO;CAC/D,IAAI;CACJ,IAAI,UAAU,0BAA0B,OAAO,MAAM,gBAAgB,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B;CAC5I,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF,CAAC;AACD,IAAI,UAAU,GAAG,WAAW,OAAM,CAAE,WAAW,MAAM;CACnD,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;EACN,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
package/dist/esm/Spacer.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { resolveSizeToken } from "@tamagui/size";
2
2
  import { View, styled } from "@tamagui/web";
3
3
 
4
- const getSpacerSize = (size, { tokens }) => {
4
+ const getSpacerSize = styled.dynamic((size, { tokens }) => {
5
5
  const sizeToken = resolveSizeToken(size, "space");
6
6
  const sizePx = tokens.space[sizeToken] ?? sizeToken;
7
7
  return {
@@ -10,17 +10,13 @@ const getSpacerSize = (size, { tokens }) => {
10
10
  minWidth: sizePx,
11
11
  minHeight: sizePx
12
12
  };
13
- };
13
+ });
14
14
  const Spacer = styled(View, {
15
15
  displayName: "Spacer",
16
16
  pointerEvents: "none",
17
17
  render: "span",
18
18
  variants: {
19
- size: {
20
- true: getSpacerSize,
21
- Size: getSpacerSize,
22
- any: getSpacerSize
23
- },
19
+ size: getSpacerSize,
24
20
  direction: {
25
21
  horizontal: {
26
22
  height: 0,
package/dist/esm/Spacer.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.js","names":[],"sources":["esm/Spacer.js"],"sourcesContent":["import { resolveSizeToken } from \"@tamagui/size\";\nimport { styled, View } from \"@tamagui/web\";\nconst getSpacerSize = (size, { tokens }) => {\n const sizeToken = resolveSizeToken(size, \"space\");\n const sizePx = tokens.space[sizeToken] ?? sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n};\nconst Spacer = styled(View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: {\n true: getSpacerSize,\n Size: getSpacerSize,\n any: getSpacerSize\n },\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\nexport {\n Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;;AAEA,MAAM,iBAAiB,MAAM,EAAE,aAAa;CAC1C,MAAM,YAAY,iBAAiB,MAAM,OAAO;CAChD,MAAM,SAAS,OAAO,MAAM,cAAc;CAC1C,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF;AACA,MAAM,SAAS,OAAO,MAAM;CAC1B,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;GACN,KAAK;EACP;EACA,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"Spacer.js","names":[],"sources":["esm/Spacer.js"],"sourcesContent":["import { resolveSizeToken } from \"@tamagui/size\";\nimport { styled, View } from \"@tamagui/web\";\nconst getSpacerSize = styled.dynamic(\n (size, { tokens }) => {\n const sizeToken = resolveSizeToken(size, \"space\");\n const sizePx = tokens.space[sizeToken] ?? sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n }\n);\nconst Spacer = styled(View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: getSpacerSize,\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\nexport {\n Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;;AAEA,MAAM,gBAAgB,OAAO,SAC1B,MAAM,EAAE,aAAa;CACpB,MAAM,YAAY,iBAAiB,MAAM,OAAO;CAChD,MAAM,SAAS,OAAO,MAAM,cAAc;CAC1C,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF,CACF;AACA,MAAM,SAAS,OAAO,MAAM;CAC1B,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;EACN,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
package/dist/esm/Spacer.native.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { resolveSizeToken } from "@tamagui/size";
2
2
  import { View, styled } from "@tamagui/web";
3
3
 
4
- var getSpacerSize = function(size, param) {
4
+ var getSpacerSize = styled.dynamic(function(size, param) {
5
5
  var { tokens } = param;
6
6
  var sizeToken = resolveSizeToken(size, "space");
7
7
  var _tokens_space_sizeToken;
@@ -12,17 +12,13 @@ var getSpacerSize = function(size, param) {
12
12
  minWidth: sizePx,
13
13
  minHeight: sizePx
14
14
  };
15
- };
15
+ });
16
16
  var Spacer = styled(View, {
17
17
  displayName: "Spacer",
18
18
  pointerEvents: "none",
19
19
  render: "span",
20
20
  variants: {
21
- size: {
22
- true: getSpacerSize,
23
- Size: getSpacerSize,
24
- any: getSpacerSize
25
- },
21
+ size: getSpacerSize,
26
22
  direction: {
27
23
  horizontal: {
28
24
  height: 0,
package/dist/esm/Spacer.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.native.js","names":[],"sources":["esm/Spacer.native.js"],"sourcesContent":["import { resolveSizeToken } from \"@tamagui/size\";\nimport { styled, View } from \"@tamagui/web\";\nvar getSpacerSize = function(size, param) {\n var { tokens } = param;\n var sizeToken = resolveSizeToken(size, \"space\");\n var _tokens_space_sizeToken;\n var sizePx = (_tokens_space_sizeToken = tokens.space[sizeToken]) !== null && _tokens_space_sizeToken !== void 0 ? _tokens_space_sizeToken : sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n};\nvar Spacer = styled(View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: {\n true: getSpacerSize,\n Size: getSpacerSize,\n any: getSpacerSize\n },\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\nexport {\n Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;;AAEA,IAAI,gBAAgB,SAAS,MAAM,OAAO;CACxC,IAAI,EAAE,WAAW;CACjB,IAAI,YAAY,iBAAiB,MAAM,OAAO;CAC9C,IAAI;CACJ,IAAI,UAAU,0BAA0B,OAAO,MAAM,gBAAgB,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B;CAC5I,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF;AACA,IAAI,SAAS,OAAO,MAAM;CACxB,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;GACN,KAAK;EACP;EACA,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"Spacer.native.js","names":[],"sources":["esm/Spacer.native.js"],"sourcesContent":["import { resolveSizeToken } from \"@tamagui/size\";\nimport { styled, View } from \"@tamagui/web\";\nvar getSpacerSize = styled.dynamic(function(size, param) {\n var { tokens } = param;\n var sizeToken = resolveSizeToken(size, \"space\");\n var _tokens_space_sizeToken;\n var sizePx = (_tokens_space_sizeToken = tokens.space[sizeToken]) !== null && _tokens_space_sizeToken !== void 0 ? _tokens_space_sizeToken : sizeToken;\n return {\n width: sizePx,\n height: sizePx,\n minWidth: sizePx,\n minHeight: sizePx\n };\n});\nvar Spacer = styled(View, {\n displayName: \"Spacer\",\n pointerEvents: \"none\",\n render: \"span\",\n variants: {\n size: getSpacerSize,\n direction: {\n horizontal: {\n height: 0,\n minHeight: 0\n },\n vertical: {\n width: 0,\n minWidth: 0\n },\n both: {}\n }\n },\n defaultVariants: {\n // @ts-ignore\n size: true\n }\n});\nexport {\n Spacer\n};\n//# sourceMappingURL=Spacer.js.map\n"],"mappings":";;;;AAEA,IAAI,gBAAgB,OAAO,QAAQ,SAAS,MAAM,OAAO;CACvD,IAAI,EAAE,WAAW;CACjB,IAAI,YAAY,iBAAiB,MAAM,OAAO;CAC9C,IAAI;CACJ,IAAI,UAAU,0BAA0B,OAAO,MAAM,gBAAgB,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B;CAC5I,OAAO;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;CACb;AACF,CAAC;AACD,IAAI,SAAS,OAAO,MAAM;CACxB,aAAa;CACb,eAAe;CACf,QAAQ;CACR,UAAU;EACR,MAAM;EACN,WAAW;GACT,YAAY;IACV,QAAQ;IACR,WAAW;GACb;GACA,UAAU;IACR,OAAO;IACP,UAAU;GACZ;GACA,MAAM,CAAC;EACT;CACF;CACA,iBAAiB,EAEf,MAAM,KACR;AACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/spacer",
3
- "version": "3.0.0-beta.831.1",
3
+ "version": "3.0.0-beta.889.1",
4
4
  "files": [
5
5
  "src",
6
6
  "types",
@@ -33,11 +33,11 @@
33
33
  "clean:build": "tamagui-build clean:build"
34
34
  },
35
35
  "dependencies": {
36
- "@tamagui/size": "3.0.0-beta.831.1",
37
- "@tamagui/web": "3.0.0-beta.831.1"
36
+ "@tamagui/size": "3.0.0-beta.889.1",
37
+ "@tamagui/web": "3.0.0-beta.889.1"
38
38
  },
39
39
  "devDependencies": {
40
- "@tamagui/build": "3.0.0-beta.831.1",
40
+ "@tamagui/build": "3.0.0-beta.889.1",
41
41
  "react": "19.2.3",
42
42
  "react-native": "0.86.2"
43
43
  },
package/src/Spacer.tsx CHANGED
@@ -1,16 +1,18 @@
1
1
  import { resolveSizeToken } from '@tamagui/size'
2
2
  import { styled, View, type SizeTokens } from '@tamagui/web'
3
3
 
4
- const getSpacerSize = (size: SizeTokens | number | boolean, { tokens }) => {
5
- const sizeToken = resolveSizeToken(size, 'space')
6
- const sizePx = tokens.space[sizeToken as any] ?? sizeToken
7
- return {
8
- width: sizePx,
9
- height: sizePx,
10
- minWidth: sizePx,
11
- minHeight: sizePx,
4
+ const getSpacerSize = styled.dynamic<SizeTokens | number | boolean>(
5
+ (size, { tokens }) => {
6
+ const sizeToken = resolveSizeToken(size, 'space')
7
+ const sizePx = tokens.space[sizeToken as any] ?? sizeToken
8
+ return {
9
+ width: sizePx,
10
+ height: sizePx,
11
+ minWidth: sizePx,
12
+ minHeight: sizePx,
13
+ }
12
14
  }
13
- }
15
+ )
14
16
 
15
17
  export const Spacer = styled(View, {
16
18
  displayName: 'Spacer',
@@ -18,11 +20,7 @@ export const Spacer = styled(View, {
18
20
  render: 'span',
19
21
 
20
22
  variants: {
21
- size: {
22
- true: getSpacerSize,
23
- Size: getSpacerSize,
24
- any: getSpacerSize,
25
- },
23
+ size: getSpacerSize,
26
24
 
27
25
  direction: {
28
26
  horizontal: {
package/types/Spacer.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  export declare const Spacer: import("react").FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
2
2
  direction?: "both" | "horizontal" | "vertical" | undefined;
3
- size?: any;
3
+ size?: number | false | import("@tamagui/web").Size | undefined;
4
4
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
5
5
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
6
6
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
7
7
  direction?: "both" | "horizontal" | "vertical" | undefined;
8
- size?: any;
8
+ size?: number | false | import("@tamagui/web").Size | undefined;
9
9
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
10
10
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
11
11
  direction?: "both" | "horizontal" | "vertical" | undefined;
12
- size?: any;
12
+ size?: number | false | import("@tamagui/web").Size | undefined;
13
13
  }, import("@tamagui/web").StaticConfigPublic];
14
14
  };
15
15
  //# sourceMappingURL=Spacer.d.ts.map
package/types/Spacer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../src/Spacer.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA6BjB,CAAA"}
1
+ {"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../src/Spacer.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAyBjB,CAAA"}