@tamagui/stacks 2.7.7 → 3.0.0-beta.643.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 (108) hide show
  1. package/dist/cjs/NestingContext.cjs +18 -26
  2. package/dist/cjs/NestingContext.native.cjs +34 -0
  3. package/dist/cjs/NestingContext.native.js +19 -26
  4. package/dist/cjs/NestingContext.native.js.map +1 -1
  5. package/dist/cjs/Stacks.cjs +28 -41
  6. package/dist/cjs/Stacks.native.cjs +51 -0
  7. package/dist/cjs/Stacks.native.js +28 -40
  8. package/dist/cjs/Stacks.native.js.map +1 -1
  9. package/dist/cjs/getElevation.cjs +52 -55
  10. package/dist/cjs/getElevation.native.cjs +71 -0
  11. package/dist/cjs/getElevation.native.js +55 -56
  12. package/dist/cjs/getElevation.native.js.map +1 -1
  13. package/dist/cjs/index.cjs +10 -13
  14. package/dist/cjs/index.native.cjs +23 -0
  15. package/dist/cjs/index.native.js +10 -12
  16. package/dist/cjs/index.native.js.map +1 -1
  17. package/dist/esm/NestingContext.mjs +2 -0
  18. package/dist/esm/NestingContext.mjs.map +1 -1
  19. package/dist/esm/NestingContext.native.js +3 -1
  20. package/dist/esm/NestingContext.native.js.map +1 -1
  21. package/dist/esm/Stacks.mjs +14 -23
  22. package/dist/esm/Stacks.mjs.map +1 -1
  23. package/dist/esm/Stacks.native.js +14 -23
  24. package/dist/esm/Stacks.native.js.map +1 -1
  25. package/dist/esm/getElevation.mjs +39 -39
  26. package/dist/esm/getElevation.mjs.map +1 -1
  27. package/dist/esm/getElevation.native.js +42 -41
  28. package/dist/esm/getElevation.native.js.map +1 -1
  29. package/dist/esm/index.js +5 -6
  30. package/dist/esm/index.mjs +5 -6
  31. package/dist/esm/index.native.js +5 -6
  32. package/dist/jsx/NestingContext.mjs +2 -0
  33. package/dist/jsx/NestingContext.mjs.map +1 -1
  34. package/dist/jsx/NestingContext.native.cjs +34 -0
  35. package/dist/jsx/NestingContext.native.js +19 -26
  36. package/dist/jsx/NestingContext.native.js.map +1 -1
  37. package/dist/jsx/Stacks.mjs +14 -23
  38. package/dist/jsx/Stacks.mjs.map +1 -1
  39. package/dist/jsx/Stacks.native.cjs +51 -0
  40. package/dist/jsx/Stacks.native.js +28 -40
  41. package/dist/jsx/Stacks.native.js.map +1 -1
  42. package/dist/jsx/getElevation.mjs +39 -39
  43. package/dist/jsx/getElevation.mjs.map +1 -1
  44. package/dist/jsx/getElevation.native.cjs +71 -0
  45. package/dist/jsx/getElevation.native.js +55 -56
  46. package/dist/jsx/getElevation.native.js.map +1 -1
  47. package/dist/jsx/index.js +5 -6
  48. package/dist/jsx/index.mjs +5 -6
  49. package/dist/jsx/index.native.cjs +23 -0
  50. package/dist/jsx/index.native.js +10 -12
  51. package/dist/jsx/index.native.js.map +1 -1
  52. package/package.json +4 -5
  53. package/src/Stacks.tsx +2 -16
  54. package/src/getElevation.tsx +16 -9
  55. package/src/index.ts +0 -2
  56. package/types/Stacks.d.ts +39 -20
  57. package/types/Stacks.d.ts.map +1 -1
  58. package/types/getElevation.d.ts +2 -2
  59. package/types/getElevation.d.ts.map +1 -1
  60. package/types/index.d.ts +0 -2
  61. package/types/index.d.ts.map +1 -1
  62. package/dist/cjs/SizableStack.cjs +0 -52
  63. package/dist/cjs/SizableStack.native.js +0 -55
  64. package/dist/cjs/SizableStack.native.js.map +0 -1
  65. package/dist/cjs/ThemeableStack.cjs +0 -63
  66. package/dist/cjs/ThemeableStack.native.js +0 -66
  67. package/dist/cjs/ThemeableStack.native.js.map +0 -1
  68. package/dist/cjs/variants.cjs +0 -68
  69. package/dist/cjs/variants.native.js +0 -73
  70. package/dist/cjs/variants.native.js.map +0 -1
  71. package/dist/esm/SizableStack.mjs +0 -27
  72. package/dist/esm/SizableStack.mjs.map +0 -1
  73. package/dist/esm/SizableStack.native.js +0 -27
  74. package/dist/esm/SizableStack.native.js.map +0 -1
  75. package/dist/esm/ThemeableStack.mjs +0 -37
  76. package/dist/esm/ThemeableStack.mjs.map +0 -1
  77. package/dist/esm/ThemeableStack.native.js +0 -37
  78. package/dist/esm/ThemeableStack.native.js.map +0 -1
  79. package/dist/esm/index.js.map +0 -1
  80. package/dist/esm/index.mjs.map +0 -1
  81. package/dist/esm/index.native.js.map +0 -1
  82. package/dist/esm/variants.mjs +0 -41
  83. package/dist/esm/variants.mjs.map +0 -1
  84. package/dist/esm/variants.native.js +0 -43
  85. package/dist/esm/variants.native.js.map +0 -1
  86. package/dist/jsx/SizableStack.mjs +0 -27
  87. package/dist/jsx/SizableStack.mjs.map +0 -1
  88. package/dist/jsx/SizableStack.native.js +0 -55
  89. package/dist/jsx/SizableStack.native.js.map +0 -1
  90. package/dist/jsx/ThemeableStack.mjs +0 -37
  91. package/dist/jsx/ThemeableStack.mjs.map +0 -1
  92. package/dist/jsx/ThemeableStack.native.js +0 -66
  93. package/dist/jsx/ThemeableStack.native.js.map +0 -1
  94. package/dist/jsx/index.js.map +0 -1
  95. package/dist/jsx/index.mjs.map +0 -1
  96. package/dist/jsx/variants.mjs +0 -41
  97. package/dist/jsx/variants.mjs.map +0 -1
  98. package/dist/jsx/variants.native.js +0 -73
  99. package/dist/jsx/variants.native.js.map +0 -1
  100. package/src/SizableStack.tsx +0 -33
  101. package/src/ThemeableStack.tsx +0 -47
  102. package/src/variants.tsx +0 -38
  103. package/types/SizableStack.d.ts +0 -14
  104. package/types/SizableStack.d.ts.map +0 -1
  105. package/types/ThemeableStack.d.ts +0 -87
  106. package/types/ThemeableStack.d.ts.map +0 -1
  107. package/types/variants.d.ts +0 -28
  108. package/types/variants.d.ts.map +0 -1
@@ -1,63 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
14
- get: () => from[key],
15
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
16
- });
17
- }
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: true
22
- }), mod);
23
- var ThemeableStack_exports = {};
24
- __export(ThemeableStack_exports, {
25
- ThemeableStack: () => ThemeableStack,
26
- themeableVariants: () => themeableVariants
27
- });
28
- module.exports = __toCommonJS(ThemeableStack_exports);
29
- var import_core = require("@tamagui/core");
30
- var import_Stacks = require("./Stacks.cjs");
31
- var import_variants = require("./variants.cjs");
32
- const chromelessStyle = {
33
- backgroundColor: "transparent",
34
- borderColor: "transparent",
35
- shadowColor: "transparent",
36
- hoverStyle: {
37
- borderColor: "transparent"
38
- }
39
- };
40
- const themeableVariants = {
41
- circular: import_variants.circular,
42
- elevate: import_variants.elevate,
43
- bordered: {
44
- true: import_variants.bordered
45
- },
46
- transparent: {
47
- true: {
48
- backgroundColor: "transparent"
49
- }
50
- },
51
- chromeless: {
52
- true: chromelessStyle,
53
- all: {
54
- ...chromelessStyle,
55
- hoverStyle: chromelessStyle,
56
- pressStyle: chromelessStyle,
57
- focusStyle: chromelessStyle
58
- }
59
- }
60
- };
61
- const ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
62
- variants: themeableVariants
63
- });
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
25
- var ThemeableStack_exports = {};
26
- __export(ThemeableStack_exports, {
27
- ThemeableStack: () => ThemeableStack,
28
- themeableVariants: () => themeableVariants
29
- });
30
- module.exports = __toCommonJS(ThemeableStack_exports);
31
- var import_core = require("@tamagui/core");
32
- var import_Stacks = require("./Stacks.native.js");
33
- var import_variants = require("./variants.native.js");
34
- var chromelessStyle = {
35
- backgroundColor: "transparent",
36
- borderColor: "transparent",
37
- shadowColor: "transparent",
38
- hoverStyle: {
39
- borderColor: "transparent"
40
- }
41
- };
42
- var themeableVariants = {
43
- circular: import_variants.circular,
44
- elevate: import_variants.elevate,
45
- bordered: {
46
- true: import_variants.bordered
47
- },
48
- transparent: {
49
- true: {
50
- backgroundColor: "transparent"
51
- }
52
- },
53
- chromeless: {
54
- true: chromelessStyle,
55
- all: {
56
- ...chromelessStyle,
57
- hoverStyle: chromelessStyle,
58
- pressStyle: chromelessStyle,
59
- focusStyle: chromelessStyle
60
- }
61
- }
62
- };
63
- var ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
64
- variants: themeableVariants
65
- });
66
- //# sourceMappingURL=ThemeableStack.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeableStack_exports","__export","ThemeableStack","themeableVariants","module","exports","import_core","require","import_Stacks","import_variants","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","circular","elevate","bordered","true","transparent","chromeless","all","pressStyle","focusStyle","styled","YStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,sBAAA;AAEvB,IAAAM,WAAA,GAAAC,OAAuB;AAEvB,IAAAC,aAAA,GAAAD,OAA4C;AAE5C,IAAAE,eAAM,GAAAF,OAAkB;AAAA,IACtBG,eAAiB;EACjBC,eAAa;EACbC,WAAA,EAAa;EAEbC,WAAA,EAAY;EAAAC,UACV;IACFF,WAAA;EACF;AAEO;AAA0B,IAC/BT,iBAAA;EACAY,QAAA,EAAAN,eAAA,CAAAM,QAAA;EAEAC,OAAA,EAAAP,eAAU,CAAAO,OAAA;EAAAC,QACF;IACRC,IAAA,EAAAT,eAAA,CAAAQ;EAEA;EAAaE,WACL;IAAAD,IACJ;MACFP,eAAA;IACF;EAEA;EAAYS,UACJ;IACNF,IAAA,EAAKR,eAAA;IAAAW,GACH,EAAG;MACH,GAAAX,eAAY;MACZI,UAAA,EAAYJ,eAAA;MACZY,UAAA,EAAYZ,eAAA;MACda,UAAA,EAAAb;IACF;EACF;AAEO;AAAsC,IAC3CR,cAAU,OAAAI,WAAA,CAAAkB,MAAA,EAAAhB,aAAA,CAAAiB,MAAA;EACXC,QAAA,EAAAvB","ignoreList":[]}
@@ -1,68 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
14
- get: () => from[key],
15
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
16
- });
17
- }
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: true
22
- }), mod);
23
- var variants_exports = {};
24
- __export(variants_exports, {
25
- bordered: () => bordered,
26
- circular: () => circular,
27
- elevate: () => elevate
28
- });
29
- module.exports = __toCommonJS(variants_exports);
30
- var import_getElevation = require("./getElevation.cjs");
31
- const elevate = {
32
- true: (_, extras) => {
33
- return (0, import_getElevation.getElevation)(extras.props["size"], extras);
34
- }
35
- };
36
- const bordered = (val, {
37
- props
38
- }) => {
39
- return {
40
- // TODO size it with size in '...size'
41
- borderWidth: typeof val === "number" ? val : 1,
42
- borderColor: "$borderColor"
43
- };
44
- };
45
- const circularStyle = {
46
- borderRadius: 1e5,
47
- padding: 0
48
- };
49
- const circular = {
50
- true: (_, {
51
- props,
52
- tokens
53
- }) => {
54
- if (!("size" in props)) {
55
- return circularStyle;
56
- }
57
- const size = typeof props.size === "number" ? props.size : tokens.size[props.size];
58
- return {
59
- ...circularStyle,
60
- width: size,
61
- height: size,
62
- maxWidth: size,
63
- maxHeight: size,
64
- minWidth: size,
65
- minHeight: size
66
- };
67
- }
68
- };
@@ -1,73 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
25
- var variants_exports = {};
26
- __export(variants_exports, {
27
- bordered: () => bordered,
28
- circular: () => circular,
29
- elevate: () => elevate
30
- });
31
- module.exports = __toCommonJS(variants_exports);
32
- var import_getElevation = require("./getElevation.native.js");
33
- var elevate = {
34
- true: function (_, extras) {
35
- return (0, import_getElevation.getElevation)(extras.props["size"], extras);
36
- }
37
- };
38
- var bordered = function (val, param) {
39
- var {
40
- props
41
- } = param;
42
- return {
43
- // TODO size it with size in '...size'
44
- borderWidth: typeof val === "number" ? val : 1,
45
- borderColor: "$borderColor"
46
- };
47
- };
48
- var circularStyle = {
49
- borderRadius: 1e5,
50
- padding: 0
51
- };
52
- var circular = {
53
- true: function (_, param) {
54
- var {
55
- props,
56
- tokens
57
- } = param;
58
- if (!("size" in props)) {
59
- return circularStyle;
60
- }
61
- var size = typeof props.size === "number" ? props.size : tokens.size[props.size];
62
- return {
63
- ...circularStyle,
64
- width: size,
65
- height: size,
66
- maxWidth: size,
67
- maxHeight: size,
68
- minWidth: size,
69
- minHeight: size
70
- };
71
- }
72
- };
73
- //# sourceMappingURL=variants.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","variants_exports","__export","bordered","circular","elevate","module","exports","import_getElevation","require","true","_","extras","getElevation","props","val","param","borderWidth","borderColor","circularStyle","borderRadius","padding","tokens","size","width","height","maxWidth","maxHeight","minWidth","minHeight"],"sources":["../../src/variants.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAA6B,CAAAK,gBAAA;AAEtB,IAAAO,mBAAgB,GAAAC,OAAA;AAAA,IACrBJ,OAAO,GAAY;EACjBK,IAAA,WAAAA,CAAOC,CAAA,EAAAC,MAAA;IACT,WAAAJ,mBAAA,CAAAK,YAAA,EAAAD,MAAA,CAAAE,KAAA,UAAAF,MAAA;EACF;AAEO;AACL,IAAAT,QAAO,YAAAA,CAAAY,GAAA,EAAAC,KAAA;EAAA;IAAAF;EAAA,IAAAE,KAAA;EAAA,OAEL;IACA;IACFC,WAAA,SAAAF,GAAA,gBAAAA,GAAA;IACFG,WAAA;EAEA;AAAsB;AACN,IACdC,aAAS;EACXC,YAAA;EAEOC,OAAM;AAAW;AAEpB,IAAAjB,QAAM;EACJM,IAAA,WAAAA,CAAOC,CAAA,EAAAK,KAAA;IACT;MAAAF,KAAA;MAAAQ;IAAA,IAAAN,KAAA;IACA,MAAM,UAAOF,KAAO;MACpB,OAAOK,aAAA;IAAA;IACF,IACHI,IAAA,GAAO,OAAAT,KAAA,CAAAS,IAAA,gBAAAT,KAAA,CAAAS,IAAA,GAAAD,MAAA,CAAAC,IAAA,CAAAT,KAAA,CAAAS,IAAA;IAAA,OACP;MACA,GAAAJ,aAAU;MACVK,KAAA,EAAAD,IAAW;MACXE,MAAA,EAAAF,IAAU;MACVG,QAAA,EAAAH,IAAW;MACbI,SAAA,EAAAJ,IAAA;MACFK,QAAA,EAAAL,IAAA;MACFM,SAAA,EAAAN","ignoreList":[]}
@@ -1,27 +0,0 @@
1
- import { styled } from "@tamagui/core";
2
- import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { ThemeableStack } from "./ThemeableStack.mjs";
4
- import { bordered, circular, elevate } from "./variants.mjs";
5
- const SizableStack = styled(ThemeableStack, {
6
- name: "SizableStack",
7
- variants: {
8
- unstyled: {
9
- true: {
10
- elevate: false,
11
- bordered: false
12
- }
13
- },
14
- circular,
15
- elevate,
16
- bordered: {
17
- true: bordered
18
- },
19
- size: {
20
- "...size": (val, extras) => {
21
- return getButtonSized(val, extras);
22
- }
23
- }
24
- }
25
- });
26
- export { SizableStack };
27
- //# sourceMappingURL=SizableStack.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["styled","getButtonSized","ThemeableStack","bordered","circular","elevate","SizableStack","name","variants","unstyled","true","size","...size","val","extras"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAE/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAErC,MAAMC,YAAA,GAAeN,MAAA,CAAOE,cAAA,EAAgB;EACjDK,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJL,OAAA,EAAS;QACTF,QAAA,EAAU;MACZ;IACF;IAEAC,QAAA;IACAC,OAAA;IAEAF,QAAA,EAAU;MACRO,IAAA,EAAMP;IACR;IAEAQ,IAAA,EAAM;MACJ,WAAWC,CAACC,GAAA,EAAKC,MAAA,KAAW;QAC1B,OAAOb,cAAA,CAAeY,GAAA,EAAKC,MAAM;MACnC;IACF;EACF;AACF,CAAC","ignoreList":[]}
@@ -1,27 +0,0 @@
1
- import { styled } from "@tamagui/core";
2
- import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { ThemeableStack } from "./ThemeableStack.native.js";
4
- import { bordered, circular, elevate } from "./variants.native.js";
5
- var SizableStack = styled(ThemeableStack, {
6
- name: "SizableStack",
7
- variants: {
8
- unstyled: {
9
- true: {
10
- elevate: false,
11
- bordered: false
12
- }
13
- },
14
- circular,
15
- elevate,
16
- bordered: {
17
- true: bordered
18
- },
19
- size: {
20
- "...size": function (val, extras) {
21
- return getButtonSized(val, extras);
22
- }
23
- }
24
- }
25
- });
26
- export { SizableStack };
27
- //# sourceMappingURL=SizableStack.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["styled","getButtonSized","ThemeableStack","bordered","circular","elevate","SizableStack","name","variants","unstyled","true","size","...size","val","extras"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAE/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAErC,IAAAC,YAAM,GAAAN,MAAe,CAAAE,cAAO;EACjCK,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJL,OAAA,EAAS;QACTF,QAAA,EAAU;MACZ;IACF;IAEAC,QAAA;IACAC,OAAA;IAEAF,QAAA,EAAU;MACRO,IAAA,EAAMP;IACR;IAEAQ,IAAA,EAAM;MACJ,WAAW,SAAAC,CAAMC,GAAA,EAAAC,MAAW;QAC1B,OAAOb,cAAA,CAAeY,GAAA,EAAKC,MAAM;MACnC;IACF;EACF;AACF,CAAC","ignoreList":[]}
@@ -1,37 +0,0 @@
1
- import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.mjs";
3
- import { bordered, circular, elevate } from "./variants.mjs";
4
- const chromelessStyle = {
5
- backgroundColor: "transparent",
6
- borderColor: "transparent",
7
- shadowColor: "transparent",
8
- hoverStyle: {
9
- borderColor: "transparent"
10
- }
11
- };
12
- const themeableVariants = {
13
- circular,
14
- elevate,
15
- bordered: {
16
- true: bordered
17
- },
18
- transparent: {
19
- true: {
20
- backgroundColor: "transparent"
21
- }
22
- },
23
- chromeless: {
24
- true: chromelessStyle,
25
- all: {
26
- ...chromelessStyle,
27
- hoverStyle: chromelessStyle,
28
- pressStyle: chromelessStyle,
29
- focusStyle: chromelessStyle
30
- }
31
- }
32
- };
33
- const ThemeableStack = styled(YStack, {
34
- variants: themeableVariants
35
- });
36
- export { ThemeableStack, themeableVariants };
37
- //# sourceMappingURL=ThemeableStack.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["styled","YStack","bordered","circular","elevate","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","themeableVariants","true","transparent","chromeless","all","pressStyle","focusStyle","ThemeableStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEvB,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAE5C,MAAMC,eAAA,GAAkB;EACtBC,eAAA,EAAiB;EACjBC,WAAA,EAAa;EACbC,WAAA,EAAa;EAEbC,UAAA,EAAY;IACVF,WAAA,EAAa;EACf;AACF;AAEO,MAAMG,iBAAA,GAAoB;EAC/BP,QAAA;EACAC,OAAA;EAEAF,QAAA,EAAU;IACRS,IAAA,EAAMT;EACR;EAEAU,WAAA,EAAa;IACXD,IAAA,EAAM;MACJL,eAAA,EAAiB;IACnB;EACF;EAEAO,UAAA,EAAY;IACVF,IAAA,EAAMN,eAAA;IACNS,GAAA,EAAK;MACH,GAAGT,eAAA;MACHI,UAAA,EAAYJ,eAAA;MACZU,UAAA,EAAYV,eAAA;MACZW,UAAA,EAAYX;IACd;EACF;AACF;AAEO,MAAMY,cAAA,GAAiBjB,MAAA,CAAOC,MAAA,EAAQ;EAC3CiB,QAAA,EAAUR;AACZ,CAAC","ignoreList":[]}
@@ -1,37 +0,0 @@
1
- import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.native.js";
3
- import { bordered, circular, elevate } from "./variants.native.js";
4
- var chromelessStyle = {
5
- backgroundColor: "transparent",
6
- borderColor: "transparent",
7
- shadowColor: "transparent",
8
- hoverStyle: {
9
- borderColor: "transparent"
10
- }
11
- };
12
- var themeableVariants = {
13
- circular,
14
- elevate,
15
- bordered: {
16
- true: bordered
17
- },
18
- transparent: {
19
- true: {
20
- backgroundColor: "transparent"
21
- }
22
- },
23
- chromeless: {
24
- true: chromelessStyle,
25
- all: {
26
- ...chromelessStyle,
27
- hoverStyle: chromelessStyle,
28
- pressStyle: chromelessStyle,
29
- focusStyle: chromelessStyle
30
- }
31
- }
32
- };
33
- var ThemeableStack = styled(YStack, {
34
- variants: themeableVariants
35
- });
36
- export { ThemeableStack, themeableVariants };
37
- //# sourceMappingURL=ThemeableStack.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["styled","YStack","bordered","circular","elevate","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","themeableVariants","true","transparent","chromeless","all","pressStyle","focusStyle","ThemeableStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEvB,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAE5C,IAAAC,eAAM;EACJC,eAAA,EAAiB;EACjBC,WAAA,EAAa;EACbC,WAAA,EAAa;EAEbC,UAAA,EAAY;IACVF,WAAA,EAAa;EACf;AACF;AAEO,IAAAG,iBAAM;EACXP,QAAA;EACAC,OAAA;EAEAF,QAAA,EAAU;IACRS,IAAA,EAAMT;EACR;EAEAU,WAAA,EAAa;IACXD,IAAA,EAAM;MACJL,eAAA,EAAiB;IACnB;EACF;EAEAO,UAAA,EAAY;IACVF,IAAA,EAAMN,eAAA;IACNS,GAAA,EAAK;MACH,GAAGT,eAAA;MACHI,UAAA,EAAYJ,eAAA;MACZU,UAAA,EAAYV,eAAA;MACZW,UAAA,EAAYX;IACd;EACF;AACF;AAEO,IAAAY,cAAM,GAAAjB,MAAiB,CAAAC,MAAO;EACnCiB,QAAA,EAAUR;AACZ,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1,41 +0,0 @@
1
- import { getElevation } from "./getElevation.mjs";
2
- const elevate = {
3
- true: (_, extras) => {
4
- return getElevation(extras.props["size"], extras);
5
- }
6
- };
7
- const bordered = (val, {
8
- props
9
- }) => {
10
- return {
11
- // TODO size it with size in '...size'
12
- borderWidth: typeof val === "number" ? val : 1,
13
- borderColor: "$borderColor"
14
- };
15
- };
16
- const circularStyle = {
17
- borderRadius: 1e5,
18
- padding: 0
19
- };
20
- const circular = {
21
- true: (_, {
22
- props,
23
- tokens
24
- }) => {
25
- if (!("size" in props)) {
26
- return circularStyle;
27
- }
28
- const size = typeof props.size === "number" ? props.size : tokens.size[props.size];
29
- return {
30
- ...circularStyle,
31
- width: size,
32
- height: size,
33
- maxWidth: size,
34
- maxHeight: size,
35
- minWidth: size,
36
- minHeight: size
37
- };
38
- }
39
- };
40
- export { bordered, circular, elevate };
41
- //# sourceMappingURL=variants.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getElevation","elevate","true","_","extras","props","bordered","val","borderWidth","borderColor","circularStyle","borderRadius","padding","circular","tokens","size","width","height","maxWidth","maxHeight","minWidth","minHeight"],"sources":["../../src/variants.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAEtB,MAAMC,OAAA,GAAU;EACrBC,IAAA,EAAMA,CAACC,CAAA,EAAYC,MAAA,KAAgB;IACjC,OAAOJ,YAAA,CAAaI,MAAA,CAAOC,KAAA,CAAM,MAAM,GAAGD,MAAM;EAClD;AACF;AAEO,MAAME,QAAA,GAAWA,CAACC,GAAA,EAAuB;EAAEF;AAAM,MAAM;EAC5D,OAAO;IAAA;IAELG,WAAA,EAAa,OAAOD,GAAA,KAAQ,WAAWA,GAAA,GAAM;IAC7CE,WAAA,EAAa;EACf;AACF;AAEA,MAAMC,aAAA,GAAgB;EACpBC,YAAA,EAAc;EACdC,OAAA,EAAS;AACX;AAEO,MAAMC,QAAA,GAAW;EACtBX,IAAA,EAAMA,CAACC,CAAA,EAAG;IAAEE,KAAA;IAAOS;EAAO,MAAM;IAC9B,IAAI,EAAE,UAAUT,KAAA,GAAQ;MACtB,OAAOK,aAAA;IACT;IACA,MAAMK,IAAA,GAAO,OAAOV,KAAA,CAAMU,IAAA,KAAS,WAAWV,KAAA,CAAMU,IAAA,GAAOD,MAAA,CAAOC,IAAA,CAAKV,KAAA,CAAMU,IAAI;IACjF,OAAO;MACL,GAAGL,aAAA;MACHM,KAAA,EAAOD,IAAA;MACPE,MAAA,EAAQF,IAAA;MACRG,QAAA,EAAUH,IAAA;MACVI,SAAA,EAAWJ,IAAA;MACXK,QAAA,EAAUL,IAAA;MACVM,SAAA,EAAWN;IACb;EACF;AACF","ignoreList":[]}
@@ -1,43 +0,0 @@
1
- import { getElevation } from "./getElevation.native.js";
2
- var elevate = {
3
- true: function (_, extras) {
4
- return getElevation(extras.props["size"], extras);
5
- }
6
- };
7
- var bordered = function (val, param) {
8
- var {
9
- props
10
- } = param;
11
- return {
12
- // TODO size it with size in '...size'
13
- borderWidth: typeof val === "number" ? val : 1,
14
- borderColor: "$borderColor"
15
- };
16
- };
17
- var circularStyle = {
18
- borderRadius: 1e5,
19
- padding: 0
20
- };
21
- var circular = {
22
- true: function (_, param) {
23
- var {
24
- props,
25
- tokens
26
- } = param;
27
- if (!("size" in props)) {
28
- return circularStyle;
29
- }
30
- var size = typeof props.size === "number" ? props.size : tokens.size[props.size];
31
- return {
32
- ...circularStyle,
33
- width: size,
34
- height: size,
35
- maxWidth: size,
36
- maxHeight: size,
37
- minWidth: size,
38
- minHeight: size
39
- };
40
- }
41
- };
42
- export { bordered, circular, elevate };
43
- //# sourceMappingURL=variants.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getElevation","elevate","true","_","extras","props","bordered","val","param","borderWidth","borderColor","circularStyle","borderRadius","padding","circular","tokens","size","width","height","maxWidth","maxHeight","minWidth","minHeight"],"sources":["../../src/variants.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAEtB,IAAAC,OAAM;EACXC,IAAA,EAAM,SAAAA,CAAaC,CAAA,EAAAC,MAAgB;IACjC,OAAOJ,YAAA,CAAaI,MAAA,CAAOC,KAAA,CAAM,MAAM,GAAGD,MAAM;EAClD;AACF;AAEO,IAAAE,QAAM,YAAAA,CAAmCC,GAAE,EAAAC,KAAM;EACtD;IAAAH;EAAO,IAAAG,KAAA;EAAA;IAEL;IACAC,WAAA,EAAa,OAAAF,GAAA,gBAAAA,GAAA;IACfG,WAAA;EACF;AAEA;AAAsB,IACpBC,aAAc;EACdC,YAAS;EACXC,OAAA;AAEO;AAAiB,IACtBC,QAAU,GAAE;EACVZ,IAAA,EAAI,SAAAA,CAAEC,CAAA,EAAUK,KAAA;IACd;MAAAH,KAAO;MAAAU;IAAA,IAAAP,KAAA;IACT,gBAAAH,KAAA;MACA,OAAMM,aAAc;IACpB;IAAO,IACLK,IAAG,UAAAX,KAAA,CAAAW,IAAA,gBAAAX,KAAA,CAAAW,IAAA,GAAAD,MAAA,CAAAC,IAAA,CAAAX,KAAA,CAAAW,IAAA;IAAA,OACH;MACA,GAAAL,aAAQ;MACRM,KAAA,EAAAD,IAAU;MACVE,MAAA,EAAAF,IAAW;MACXG,QAAA,EAAUH,IAAA;MACVI,SAAA,EAAWJ,IAAA;MACbK,QAAA,EAAAL,IAAA;MACFM,SAAA,EAAAN;IACF","ignoreList":[]}
@@ -1,27 +0,0 @@
1
- import { styled } from "@tamagui/core";
2
- import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { ThemeableStack } from "./ThemeableStack.mjs";
4
- import { bordered, circular, elevate } from "./variants.mjs";
5
- const SizableStack = styled(ThemeableStack, {
6
- name: "SizableStack",
7
- variants: {
8
- unstyled: {
9
- true: {
10
- elevate: false,
11
- bordered: false
12
- }
13
- },
14
- circular,
15
- elevate,
16
- bordered: {
17
- true: bordered
18
- },
19
- size: {
20
- "...size": (val, extras) => {
21
- return getButtonSized(val, extras);
22
- }
23
- }
24
- }
25
- });
26
- export { SizableStack };
27
- //# sourceMappingURL=SizableStack.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["styled","getButtonSized","ThemeableStack","bordered","circular","elevate","SizableStack","name","variants","unstyled","true","size","...size","val","extras"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAE/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAErC,MAAMC,YAAA,GAAeN,MAAA,CAAOE,cAAA,EAAgB;EACjDK,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJL,OAAA,EAAS;QACTF,QAAA,EAAU;MACZ;IACF;IAEAC,QAAA;IACAC,OAAA;IAEAF,QAAA,EAAU;MACRO,IAAA,EAAMP;IACR;IAEAQ,IAAA,EAAM;MACJ,WAAWC,CAACC,GAAA,EAAKC,MAAA,KAAW;QAC1B,OAAOb,cAAA,CAAeY,GAAA,EAAKC,MAAM;MACnC;IACF;EACF;AACF,CAAC","ignoreList":[]}
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
25
- var SizableStack_exports = {};
26
- __export(SizableStack_exports, {
27
- SizableStack: () => SizableStack
28
- });
29
- module.exports = __toCommonJS(SizableStack_exports);
30
- var import_core = require("@tamagui/core");
31
- var import_get_button_sized = require("@tamagui/get-button-sized");
32
- var import_ThemeableStack = require("./ThemeableStack.native.js");
33
- var import_variants = require("./variants.native.js");
34
- var SizableStack = (0, import_core.styled)(import_ThemeableStack.ThemeableStack, {
35
- name: "SizableStack",
36
- variants: {
37
- unstyled: {
38
- true: {
39
- elevate: false,
40
- bordered: false
41
- }
42
- },
43
- circular: import_variants.circular,
44
- elevate: import_variants.elevate,
45
- bordered: {
46
- true: import_variants.bordered
47
- },
48
- size: {
49
- "...size": function (val, extras) {
50
- return (0, import_get_button_sized.getButtonSized)(val, extras);
51
- }
52
- }
53
- }
54
- });
55
- //# sourceMappingURL=SizableStack.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SizableStack_exports","SizableStack","module","exports","import_core","require","import_get_button_sized"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAsB;AAE/B,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAsB;AAC/B,IAAAC,iBAAmB,GAAAJ,MAAU,CAAAK,mBAAe;AAErC,IAAAC,YAAM,GAAAN,MAAe,CAAAO,SAAO,CAAAC,cAAgB;AAAA,IACjDC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAEN,SAAAC,IAAU,IAAAD,GAAA,EACRZ,SAAA,CAAUW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACF,IAAAC,WACJ,GAASA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACT,WAAUA,IAAA,wBAAAA,IAAA;IAAA,KACZ,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACF,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACA,OAEAE,EAAA;AAAU;AACF,IACRM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAEAE,oBAAM;AAAAhB,QACJ,CAAAgB,oBAAiB;EACfC,YAAA,EAAOA,CAAA,KAAAA;AAA0B;AACnCC,MACF,CAAAC,OAAA,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IACFI,WAAA,GAAAC,OAAA;AACF,IAACC,uBAAA,GAAAD,OAAA","ignoreList":[]}
@@ -1,37 +0,0 @@
1
- import { styled } from "@tamagui/core";
2
- import { YStack } from "./Stacks.mjs";
3
- import { bordered, circular, elevate } from "./variants.mjs";
4
- const chromelessStyle = {
5
- backgroundColor: "transparent",
6
- borderColor: "transparent",
7
- shadowColor: "transparent",
8
- hoverStyle: {
9
- borderColor: "transparent"
10
- }
11
- };
12
- const themeableVariants = {
13
- circular,
14
- elevate,
15
- bordered: {
16
- true: bordered
17
- },
18
- transparent: {
19
- true: {
20
- backgroundColor: "transparent"
21
- }
22
- },
23
- chromeless: {
24
- true: chromelessStyle,
25
- all: {
26
- ...chromelessStyle,
27
- hoverStyle: chromelessStyle,
28
- pressStyle: chromelessStyle,
29
- focusStyle: chromelessStyle
30
- }
31
- }
32
- };
33
- const ThemeableStack = styled(YStack, {
34
- variants: themeableVariants
35
- });
36
- export { ThemeableStack, themeableVariants };
37
- //# sourceMappingURL=ThemeableStack.mjs.map