@hanzogui/stacks 8.3.1 → 8.3.2

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 (125) hide show
  1. package/dist/cjs/NestingContext.js +7 -0
  2. package/dist/cjs/NestingContext.js.map +1 -0
  3. package/dist/cjs/SizableStack.js +29 -0
  4. package/dist/cjs/SizableStack.js.map +1 -0
  5. package/dist/cjs/Stacks.js +48 -0
  6. package/dist/cjs/Stacks.js.map +1 -0
  7. package/dist/cjs/ThemeableStack.js +39 -0
  8. package/dist/cjs/ThemeableStack.js.map +1 -0
  9. package/dist/cjs/getElevation.js +45 -0
  10. package/dist/cjs/getElevation.js.map +1 -0
  11. package/dist/cjs/index.js +9 -0
  12. package/dist/cjs/index.js.map +1 -0
  13. package/dist/cjs/package.json +1 -0
  14. package/dist/cjs/variants.js +39 -0
  15. package/dist/cjs/variants.js.map +1 -0
  16. package/dist/esm/NestingContext.js +3 -0
  17. package/dist/esm/NestingContext.js.map +1 -0
  18. package/dist/esm/SizableStack.js +26 -0
  19. package/dist/esm/SizableStack.js.map +1 -0
  20. package/dist/esm/Stacks.js +45 -0
  21. package/dist/esm/Stacks.js.map +1 -0
  22. package/dist/esm/ThemeableStack.js +36 -0
  23. package/dist/esm/ThemeableStack.js.map +1 -0
  24. package/dist/esm/getElevation.js +40 -0
  25. package/dist/esm/getElevation.js.map +1 -0
  26. package/dist/esm/index.js +6 -6
  27. package/dist/esm/index.js.map +1 -1
  28. package/dist/esm/variants.js +35 -0
  29. package/dist/esm/variants.js.map +1 -0
  30. package/package.json +22 -17
  31. package/src/SizableStack.tsx +2 -2
  32. package/src/Stacks.tsx +1 -1
  33. package/src/ThemeableStack.tsx +2 -2
  34. package/src/index.ts +5 -5
  35. package/src/variants.tsx +1 -1
  36. package/types/SizableStack.d.ts +7 -7
  37. package/types/Stacks.d.ts +1 -1
  38. package/types/Stacks.d.ts.map +1 -1
  39. package/types/ThemeableStack.d.ts +13 -17
  40. package/types/ThemeableStack.d.ts.map +1 -1
  41. package/types/getElevation.d.ts +2 -2
  42. package/types/getElevation.d.ts.map +1 -1
  43. package/types/index.d.ts +5 -5
  44. package/types/index.d.ts.map +1 -1
  45. package/types/variants.d.ts +2 -2
  46. package/types/variants.d.ts.map +1 -1
  47. package/dist/cjs/NestingContext.cjs +0 -40
  48. package/dist/cjs/NestingContext.native.js +0 -43
  49. package/dist/cjs/NestingContext.native.js.map +0 -1
  50. package/dist/cjs/SizableStack.cjs +0 -52
  51. package/dist/cjs/SizableStack.native.js +0 -55
  52. package/dist/cjs/SizableStack.native.js.map +0 -1
  53. package/dist/cjs/Stacks.cjs +0 -62
  54. package/dist/cjs/Stacks.native.js +0 -65
  55. package/dist/cjs/Stacks.native.js.map +0 -1
  56. package/dist/cjs/ThemeableStack.cjs +0 -63
  57. package/dist/cjs/ThemeableStack.native.js +0 -66
  58. package/dist/cjs/ThemeableStack.native.js.map +0 -1
  59. package/dist/cjs/getElevation.cjs +0 -70
  60. package/dist/cjs/getElevation.native.js +0 -74
  61. package/dist/cjs/getElevation.native.js.map +0 -1
  62. package/dist/cjs/index.cjs +0 -24
  63. package/dist/cjs/index.native.js +0 -27
  64. package/dist/cjs/index.native.js.map +0 -1
  65. package/dist/cjs/variants.cjs +0 -68
  66. package/dist/cjs/variants.native.js +0 -73
  67. package/dist/cjs/variants.native.js.map +0 -1
  68. package/dist/esm/NestingContext.mjs +0 -4
  69. package/dist/esm/NestingContext.mjs.map +0 -1
  70. package/dist/esm/NestingContext.native.js +0 -4
  71. package/dist/esm/NestingContext.native.js.map +0 -1
  72. package/dist/esm/SizableStack.mjs +0 -27
  73. package/dist/esm/SizableStack.mjs.map +0 -1
  74. package/dist/esm/SizableStack.native.js +0 -27
  75. package/dist/esm/SizableStack.native.js.map +0 -1
  76. package/dist/esm/Stacks.mjs +0 -34
  77. package/dist/esm/Stacks.mjs.map +0 -1
  78. package/dist/esm/Stacks.native.js +0 -34
  79. package/dist/esm/Stacks.native.js.map +0 -1
  80. package/dist/esm/ThemeableStack.mjs +0 -37
  81. package/dist/esm/ThemeableStack.mjs.map +0 -1
  82. package/dist/esm/ThemeableStack.native.js +0 -37
  83. package/dist/esm/ThemeableStack.native.js.map +0 -1
  84. package/dist/esm/getElevation.mjs +0 -44
  85. package/dist/esm/getElevation.mjs.map +0 -1
  86. package/dist/esm/getElevation.native.js +0 -45
  87. package/dist/esm/getElevation.native.js.map +0 -1
  88. package/dist/esm/index.mjs +0 -6
  89. package/dist/esm/index.mjs.map +0 -1
  90. package/dist/esm/index.native.js +0 -6
  91. package/dist/esm/index.native.js.map +0 -1
  92. package/dist/esm/variants.mjs +0 -41
  93. package/dist/esm/variants.mjs.map +0 -1
  94. package/dist/esm/variants.native.js +0 -43
  95. package/dist/esm/variants.native.js.map +0 -1
  96. package/dist/jsx/NestingContext.mjs +0 -4
  97. package/dist/jsx/NestingContext.mjs.map +0 -1
  98. package/dist/jsx/NestingContext.native.js +0 -43
  99. package/dist/jsx/NestingContext.native.js.map +0 -1
  100. package/dist/jsx/SizableStack.mjs +0 -27
  101. package/dist/jsx/SizableStack.mjs.map +0 -1
  102. package/dist/jsx/SizableStack.native.js +0 -55
  103. package/dist/jsx/SizableStack.native.js.map +0 -1
  104. package/dist/jsx/Stacks.mjs +0 -34
  105. package/dist/jsx/Stacks.mjs.map +0 -1
  106. package/dist/jsx/Stacks.native.js +0 -65
  107. package/dist/jsx/Stacks.native.js.map +0 -1
  108. package/dist/jsx/ThemeableStack.mjs +0 -37
  109. package/dist/jsx/ThemeableStack.mjs.map +0 -1
  110. package/dist/jsx/ThemeableStack.native.js +0 -66
  111. package/dist/jsx/ThemeableStack.native.js.map +0 -1
  112. package/dist/jsx/getElevation.mjs +0 -44
  113. package/dist/jsx/getElevation.mjs.map +0 -1
  114. package/dist/jsx/getElevation.native.js +0 -74
  115. package/dist/jsx/getElevation.native.js.map +0 -1
  116. package/dist/jsx/index.js +0 -6
  117. package/dist/jsx/index.js.map +0 -1
  118. package/dist/jsx/index.mjs +0 -6
  119. package/dist/jsx/index.mjs.map +0 -1
  120. package/dist/jsx/index.native.js +0 -27
  121. package/dist/jsx/index.native.js.map +0 -1
  122. package/dist/jsx/variants.mjs +0 -41
  123. package/dist/jsx/variants.mjs.map +0 -1
  124. package/dist/jsx/variants.native.js +0 -73
  125. package/dist/jsx/variants.native.js.map +0 -1
@@ -1,70 +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 getElevation_exports = {};
24
- __export(getElevation_exports, {
25
- getElevation: () => getElevation,
26
- getSizedElevation: () => getSizedElevation
27
- });
28
- module.exports = __toCommonJS(getElevation_exports);
29
- var import_core = require("@hanzogui/core");
30
- const getElevation = (size, extras) => {
31
- if (!size) return;
32
- const {
33
- tokens
34
- } = extras;
35
- const token = tokens.size[size];
36
- const sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
37
- return getSizedElevation(sizeNum, extras);
38
- };
39
- const getSizedElevation = (val, {
40
- theme,
41
- tokens
42
- }) => {
43
- let num = 0;
44
- if (val === true) {
45
- const val2 = (0, import_core.getVariableValue)(tokens.size["true"]);
46
- if (typeof val2 === "number") {
47
- num = val2;
48
- } else {
49
- num = 10;
50
- }
51
- } else {
52
- num = +val;
53
- }
54
- if (num === 0) {
55
- return;
56
- }
57
- const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
58
- const shadow = {
59
- shadowColor: theme.shadowColor,
60
- shadowRadius,
61
- shadowOffset: {
62
- height,
63
- width: 0
64
- },
65
- ...(import_core.isAndroid ? {
66
- elevationAndroid: 2 * height
67
- } : {})
68
- };
69
- return shadow;
70
- };
@@ -1,74 +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 getElevation_exports = {};
26
- __export(getElevation_exports, {
27
- getElevation: () => getElevation,
28
- getSizedElevation: () => getSizedElevation
29
- });
30
- module.exports = __toCommonJS(getElevation_exports);
31
- var import_core = require("@hanzogui/core");
32
- var getElevation = function (size, extras) {
33
- if (!size) return;
34
- var {
35
- tokens
36
- } = extras;
37
- var token = tokens.size[size];
38
- var sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
39
- return getSizedElevation(sizeNum, extras);
40
- };
41
- var getSizedElevation = function (val, param) {
42
- var {
43
- theme,
44
- tokens
45
- } = param;
46
- var num = 0;
47
- if (val === true) {
48
- var _$val = (0, import_core.getVariableValue)(tokens.size["true"]);
49
- if (typeof _$val === "number") {
50
- num = _$val;
51
- } else {
52
- num = 10;
53
- }
54
- } else {
55
- num = +val;
56
- }
57
- if (num === 0) {
58
- return;
59
- }
60
- var [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
61
- var shadow = {
62
- shadowColor: theme.shadowColor,
63
- shadowRadius,
64
- shadowOffset: {
65
- height,
66
- width: 0
67
- },
68
- ...(import_core.isAndroid ? {
69
- elevationAndroid: 2 * height
70
- } : {})
71
- };
72
- return shadow;
73
- };
74
- //# sourceMappingURL=getElevation.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getElevation_exports","__export","getElevation","getSizedElevation","module","exports","import_core","require","size","extras","tokens","token","sizeNum","isVariable","val","param","theme","num","_$val","getVariableValue","height","shadowRadius","Math","round","shadow","shadowColor","shadowOffset"],"sources":["../../src/getElevation.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAMAC,MAAA,CAAAC,OAAA,GAAAV,YAAwD,CAAAK,oBAAA;AAEjD,IAAAM,WAAM,GAAAC,OAAsD,iBAAiB;AAClF,IAAAL,YAAW,YAAAA,CAAAM,IAAA,EAAAC,MAAA;EACX,KAAAD,IAAQ;EACR;IAAME;EAAA,CAAQ,GAAAD,MAAO;EACrB,IAAAE,KAAM,GAAAD,MAAA,CAAAF,IAAW,CAAAA,IAAA;EACjB,IAAAI,OAAO,OAAAN,WAAkB,CAAAO,UAAe,EAAAF,KAAA,KAAAA,KAAA,CAAAG,GAAA,GAAAN,IAAA;EAC1C,OAAAL,iBAAA,CAAAS,OAAA,EAAAH,MAAA;AAEO;AAIL,IAAAN,iBAAU,YAAAA,CAAAW,GAAA,EAAAC,KAAA;EACV,IAAI;IAAAC,KAAA;IAAQN;EAAM,IAAAK,KAAA;EAChB,IAAAE,GAAA,GAAM;EACN,IAAAH,GAAI,SAAO;IACT,IAAAI,KAAM,OAAAZ,WAAA,CAAAa,gBAAA,EAAAT,MAAA,CAAAF,IAAA;IACR,WAAOU,KAAA;MACLD,GAAA,GAAMC,KAAA;IACR;MACFD,GAAO;IACL;EACF;IACAA,GAAI,IAAAH,GAAQ;EACV;EACF,IAAAG,GAAA;IACA;EACA;EAAe,IACb,CAAAG,MAAA,EAAAC,YAAmB,KACnBC,IAAA,CAAAC,KAAA,CAAAN,GAAA,WACAK,IAAA,CAAAC,KAAA,CAAAN,GAAc,GAAE,OAAiB;EAE7B,IACEO,MAAA;IACFC,WACC,EAAAT,KAAA,CAAAS,WAAA;IACPJ,YAAA;IACAK,YAAO;MACTN,MAAA","ignoreList":[]}
@@ -1,24 +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 __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
8
- get: () => from[key],
9
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
10
- });
11
- }
12
- return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
16
- value: true
17
- }), mod);
18
- var index_exports = {};
19
- module.exports = __toCommonJS(index_exports);
20
- __reExport(index_exports, require("./Stacks.cjs"), module.exports);
21
- __reExport(index_exports, require("./ThemeableStack.cjs"), module.exports);
22
- __reExport(index_exports, require("./SizableStack.cjs"), module.exports);
23
- __reExport(index_exports, require("./NestingContext.cjs"), module.exports);
24
- __reExport(index_exports, require("./getElevation.cjs"), module.exports);
@@ -1,27 +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 __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from === "object" || typeof from === "function") {
9
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
- get: () => from[key],
11
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
- });
13
- }
14
- return to;
15
- };
16
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
18
- value: true
19
- }), mod);
20
- var index_exports = {};
21
- module.exports = __toCommonJS(index_exports);
22
- __reExport(index_exports, require("./Stacks.native.js"), module.exports);
23
- __reExport(index_exports, require("./ThemeableStack.native.js"), module.exports);
24
- __reExport(index_exports, require("./SizableStack.native.js"), module.exports);
25
- __reExport(index_exports, require("./NestingContext.native.js"), module.exports);
26
- __reExport(index_exports, require("./getElevation.native.js"), module.exports);
27
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,wBAAAH,MAAA,CAAAC,OADd;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAFd,EAAAH,MAAA,CAAAC,OAAA;AAGAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAHd,CAAAC,OAAA;AAIAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAJd,EAAAH,MAAA,CAAAC,OAAA","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,4 +0,0 @@
1
- import React from "react";
2
- const ButtonNestingContext = React.createContext(false);
3
- export { ButtonNestingContext };
4
- //# sourceMappingURL=NestingContext.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","ButtonNestingContext","createContext"],"sources":["../../src/NestingContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAEX,MAAMC,oBAAA,GAAuBD,KAAA,CAAME,aAAA,CAAc,KAAK","ignoreList":[]}
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- var ButtonNestingContext = /* @__PURE__ */React.createContext(false);
3
- export { ButtonNestingContext };
4
- //# sourceMappingURL=NestingContext.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","ButtonNestingContext","createContext"],"sources":["../../src/NestingContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAEX,IAAAC,oBAAM,kBAA6BD,KAAA,CAAcE,aAAK","ignoreList":[]}
@@ -1,27 +0,0 @@
1
- import { styled } from "@hanzogui/core";
2
- import { getButtonSized } from "@hanzogui/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 "@hanzogui/core";
2
- import { getButtonSized } from "@hanzogui/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,34 +0,0 @@
1
- import { View, styled } from "@hanzogui/core";
2
- import { getElevation } from "./getElevation.mjs";
3
- const fullscreenStyle = {
4
- position: "absolute",
5
- inset: 0
6
- };
7
- const variants = {
8
- fullscreen: {
9
- true: fullscreenStyle
10
- },
11
- elevation: {
12
- "...size": getElevation,
13
- ":number": getElevation
14
- }
15
- };
16
- const YStack = styled(View, {
17
- flexDirection: "column",
18
- variants
19
- });
20
- YStack["displayName"] = "YStack";
21
- const XStack = styled(View, {
22
- flexDirection: "row",
23
- variants
24
- });
25
- XStack["displayName"] = "XStack";
26
- const ZStack = styled(YStack, {
27
- position: "relative"
28
- }, {
29
- neverFlatten: true,
30
- isZStack: true
31
- });
32
- ZStack["displayName"] = "ZStack";
33
- export { XStack, YStack, ZStack, fullscreenStyle };
34
- //# sourceMappingURL=Stacks.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["View","styled","getElevation","fullscreenStyle","position","inset","variants","fullscreen","true","elevation","YStack","flexDirection","XStack","ZStack","neverFlatten","isZStack"],"sources":["../../src/Stacks.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAE7B,SAASC,YAAA,QAAoB;AAiBtB,MAAMC,eAAA,GAAkB;EAC7BC,QAAA,EAAU;EACVC,KAAA,EAAO;AACT;AAEA,MAAMC,QAAA,GAAW;EACfC,UAAA,EAAY;IACVC,IAAA,EAAML;EACR;EAEAM,SAAA,EAAW;IACT,WAAWP,YAAA;IACX,WAAWA;EACb;AACF;AAMO,MAAMQ,MAAA,GAAST,MAAA,CAAOD,IAAA,EAAM;EACjCW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDI,MAAA,CAAO,aAAa,IAAI;AAMjB,MAAME,MAAA,GAASX,MAAA,CAAOD,IAAA,EAAM;EACjCW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDM,MAAA,CAAO,aAAa,IAAI;AAMjB,MAAMC,MAAA,GAASZ,MAAA,CACpBS,MAAA,EACA;EACEN,QAAA,EAAU;AACZ,GACA;EACEU,YAAA,EAAc;EACdC,QAAA,EAAU;AACZ,CACF;AAEAF,MAAA,CAAO,aAAa,IAAI","ignoreList":[]}
@@ -1,34 +0,0 @@
1
- import { View, styled } from "@hanzogui/core";
2
- import { getElevation } from "./getElevation.native.js";
3
- var fullscreenStyle = {
4
- position: "absolute",
5
- inset: 0
6
- };
7
- var variants = {
8
- fullscreen: {
9
- true: fullscreenStyle
10
- },
11
- elevation: {
12
- "...size": getElevation,
13
- ":number": getElevation
14
- }
15
- };
16
- var YStack = styled(View, {
17
- flexDirection: "column",
18
- variants
19
- });
20
- YStack["displayName"] = "YStack";
21
- var XStack = styled(View, {
22
- flexDirection: "row",
23
- variants
24
- });
25
- XStack["displayName"] = "XStack";
26
- var ZStack = styled(YStack, {
27
- position: "relative"
28
- }, {
29
- neverFlatten: true,
30
- isZStack: true
31
- });
32
- ZStack["displayName"] = "ZStack";
33
- export { XStack, YStack, ZStack, fullscreenStyle };
34
- //# sourceMappingURL=Stacks.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["View","styled","getElevation","fullscreenStyle","position","inset","variants","fullscreen","true","elevation","YStack","flexDirection","XStack","ZStack","neverFlatten","isZStack"],"sources":["../../src/Stacks.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAE7B,SAASC,YAAA,QAAoB;AAiBtB,IAAAC,eAAM;EACXC,QAAA,EAAU;EACVC,KAAA,EAAO;AACT;AAEA,IAAAC,QAAM;EACJC,UAAA,EAAY;IACVC,IAAA,EAAML;EACR;EAEAM,SAAA,EAAW;IACT,WAAWP,YAAA;IACX,WAAWA;EACb;AACF;AAMO,IAAAQ,MAAM,GAAAT,MAAS,CAAAD,IAAO;EAC3BW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDI,MAAA,CAAO,aAAa,IAAI;AAMjB,IAAAE,MAAM,GAAAX,MAAS,CAAAD,IAAO;EAC3BW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDM,MAAA,CAAO,aAAa,IAAI;AAMjB,IAAAC,MAAM,GAAAZ,MAAS,CAAAS,MAAA;EACpBN,QAAA;AAAA,GACA;EAAAU,YACY;EACZC,QAAA;AAAA,EACA;AAAAF,MACE,cAAc;AAAA,SAEhBD,MAAA,EACFF,MAAA,EAEAG,MAAO,E","ignoreList":[]}
@@ -1,37 +0,0 @@
1
- import { styled } from "@hanzogui/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 "@hanzogui/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,44 +0,0 @@
1
- import { getVariableValue, isAndroid, isVariable } from "@hanzogui/core";
2
- const getElevation = (size, extras) => {
3
- if (!size) return;
4
- const {
5
- tokens
6
- } = extras;
7
- const token = tokens.size[size];
8
- const sizeNum = isVariable(token) ? +token.val : size;
9
- return getSizedElevation(sizeNum, extras);
10
- };
11
- const getSizedElevation = (val, {
12
- theme,
13
- tokens
14
- }) => {
15
- 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 {
24
- num = +val;
25
- }
26
- if (num === 0) {
27
- return;
28
- }
29
- const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
30
- const shadow = {
31
- shadowColor: theme.shadowColor,
32
- shadowRadius,
33
- shadowOffset: {
34
- height,
35
- width: 0
36
- },
37
- ...(isAndroid ? {
38
- elevationAndroid: 2 * height
39
- } : {})
40
- };
41
- return shadow;
42
- };
43
- export { getElevation, getSizedElevation };
44
- //# sourceMappingURL=getElevation.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getVariableValue","isAndroid","isVariable","getElevation","size","extras","tokens","token","sizeNum","val","getSizedElevation","theme","num","height","shadowRadius","Math","round","shadow","shadowColor","shadowOffset","width","elevationAndroid"],"sources":["../../src/getElevation.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,gBAAA,EAAkBC,SAAA,EAAWC,UAAA,QAAkB;AAEjD,MAAMC,YAAA,GAAqDA,CAACC,IAAA,EAAMC,MAAA,KAAW;EAClF,IAAI,CAACD,IAAA,EAAM;EACX,MAAM;IAAEE;EAAO,IAAID,MAAA;EACnB,MAAME,KAAA,GAAQD,MAAA,CAAOF,IAAA,CAAKA,IAAI;EAC9B,MAAMI,OAAA,GAAWN,UAAA,CAAWK,KAAK,IAAI,CAACA,KAAA,CAAME,GAAA,GAAML,IAAA;EAClD,OAAOM,iBAAA,CAAkBF,OAAA,EAASH,MAAM;AAC1C;AAEO,MAAMK,iBAAA,GAAoBA,CAC/BD,GAAA,EACA;EAAEE,KAAA;EAAOL;AAAO,MACb;EACH,IAAIM,GAAA,GAAM;EACV,IAAIH,GAAA,KAAQ,MAAM;IAChB,MAAMA,IAAA,GAAMT,gBAAA,CAAiBM,MAAA,CAAOF,IAAA,CAAK,MAAM,CAAC;IAChD,IAAI,OAAOK,IAAA,KAAQ,UAAU;MAC3BG,GAAA,GAAMH,IAAA;IACR,OAAO;MACLG,GAAA,GAAM;IACR;EACF,OAAO;IACLA,GAAA,GAAM,CAACH,GAAA;EACT;EACA,IAAIG,GAAA,KAAQ,GAAG;IACb;EACF;EACA,MAAM,CAACC,MAAA,EAAQC,YAAY,IAAI,CAACC,IAAA,CAAKC,KAAA,CAAMJ,GAAA,GAAM,IAAI,CAAC,GAAGG,IAAA,CAAKC,KAAA,CAAMJ,GAAA,GAAM,IAAI,CAAC,CAAC;EAChF,MAAMK,MAAA,GAAS;IACbC,WAAA,EAAaP,KAAA,CAAMO,WAAA;IACnBJ,YAAA;IACAK,YAAA,EAAc;MAAEN,MAAA;MAAQO,KAAA,EAAO;IAAE;IACjC,IAAInB,SAAA,GACA;MACEoB,gBAAA,EAAkB,IAAIR;IACxB,IACA,CAAC;EACP;EACA,OAAOI,MAAA;AACT","ignoreList":[]}