@tamagui/stacks 1.89.26 → 1.89.27-1708112217600
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.
- package/dist/cjs/NestingContext.native.js +1 -2
- package/dist/cjs/NestingContext.native.js.map +3 -3
- package/dist/cjs/SizableStack.native.js +4 -3
- package/dist/cjs/SizableStack.native.js.map +3 -3
- package/dist/cjs/Stacks.native.js +15 -18
- package/dist/cjs/Stacks.native.js.map +3 -3
- package/dist/cjs/ThemeableStack.native.js +37 -4
- package/dist/cjs/ThemeableStack.native.js.map +3 -3
- package/dist/cjs/getElevation.native.js +43 -19
- package/dist/cjs/getElevation.native.js.map +3 -3
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/cjs/variants.native.js +58 -22
- package/dist/cjs/variants.native.js.map +3 -3
- package/dist/esm/NestingContext.native.js +1 -1
- package/dist/esm/NestingContext.native.js.map +3 -3
- package/dist/esm/SizableStack.native.js +5 -10
- package/dist/esm/SizableStack.native.js.map +3 -3
- package/dist/esm/Stacks.native.js +15 -17
- package/dist/esm/Stacks.native.js.map +3 -3
- package/dist/esm/ThemeableStack.native.js +38 -14
- package/dist/esm/ThemeableStack.native.js.map +3 -3
- package/dist/esm/getElevation.native.js +43 -19
- package/dist/esm/getElevation.native.js.map +3 -3
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/variants.native.js +58 -22
- package/dist/esm/variants.native.js.map +3 -3
- package/dist/jsx/NestingContext.native.js +1 -1
- package/dist/jsx/NestingContext.native.js.map +3 -3
- package/dist/jsx/SizableStack.native.js +5 -10
- package/dist/jsx/SizableStack.native.js.map +3 -3
- package/dist/jsx/Stacks.native.js +15 -17
- package/dist/jsx/Stacks.native.js.map +3 -3
- package/dist/jsx/ThemeableStack.native.js +38 -14
- package/dist/jsx/ThemeableStack.native.js.map +3 -3
- package/dist/jsx/getElevation.native.js +43 -19
- package/dist/jsx/getElevation.native.js.map +3 -3
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/variants.native.js +58 -22
- package/dist/jsx/variants.native.js.map +3 -3
- package/package.json +4 -4
|
@@ -18,8 +18,7 @@ __export(NestingContext_exports, {
|
|
|
18
18
|
ButtonNestingContext: () => ButtonNestingContext
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(NestingContext_exports);
|
|
21
|
-
var import_react = require("react");
|
|
22
|
-
const ButtonNestingContext = (0, import_react.createContext)(!1);
|
|
21
|
+
var import_react = require("react"), ButtonNestingContext = /* @__PURE__ */ (0, import_react.createContext)(!1);
|
|
23
22
|
// Annotate the CommonJS export names for ESM import in node:
|
|
24
23
|
0 && (module.exports = {
|
|
25
24
|
ButtonNestingContext
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/NestingContext.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/NestingContext.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mBAA8B,kBAEjBA,uBAAuBC,gDAAc,EAAA;",
|
|
5
|
+
"names": ["ButtonNestingContext", "createContext"]
|
|
6
6
|
}
|
|
@@ -18,8 +18,7 @@ __export(SizableStack_exports, {
|
|
|
18
18
|
SizableStack: () => SizableStack
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(SizableStack_exports);
|
|
21
|
-
var import_core = require("@tamagui/core"), import_get_button_sized = require("@tamagui/get-button-sized"), import_Stacks = require("./Stacks"), import_variants = require("./variants")
|
|
22
|
-
const SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
|
|
21
|
+
var import_core = require("@tamagui/core"), import_get_button_sized = require("@tamagui/get-button-sized"), import_Stacks = require("./Stacks"), import_variants = require("./variants"), SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
|
|
23
22
|
name: "SizableStack",
|
|
24
23
|
variants: {
|
|
25
24
|
unstyled: {
|
|
@@ -38,7 +37,9 @@ const SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
|
|
|
38
37
|
elevate: import_variants.elevate,
|
|
39
38
|
bordered: import_variants.bordered,
|
|
40
39
|
size: {
|
|
41
|
-
"...size": (val, extras)
|
|
40
|
+
"...size": function(val, extras) {
|
|
41
|
+
return (0, import_get_button_sized.getButtonSized)(val, extras);
|
|
42
|
+
}
|
|
42
43
|
}
|
|
43
44
|
}
|
|
44
45
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/SizableStack.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/SizableStack.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AACA;;;;;kBAAuB,0BACvB,0BAA+B,sCAE/B,gBAAuB,qBACvB,kBAOO,uBAEMA,mBAAeC,oBAAOC,sBAAQ;EACzCC,MAAM;EAENC,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,YAAY;QACZC,YAAY;QACZC,YAAY;QACZC,SAAS;QACTC,UAAU;MACZ;IACF;IAEAJ,YAAAA;IACAC,YAAAA;IACAC,YAAAA;IACAG,UAAAA;IACAF,SAAAA;IACAC,UAAAA;IAEAE,MAAM;MACJ,WAAW,SAACC,KAAKC,QAAAA;AACf,mBAAOC,wCAAeF,KAAKC,MAAAA;MAC7B;IACF;EACF;AACF,CAAA;",
|
|
5
|
+
"names": ["SizableStack", "styled", "XStack", "name", "variants", "unstyled", "true", "hoverTheme", "pressTheme", "focusTheme", "elevate", "bordered", "circular", "size", "val", "extras", "getButtonSized"]
|
|
6
6
|
}
|
|
@@ -21,18 +21,19 @@ __export(Stacks_exports, {
|
|
|
21
21
|
fullscreenStyle: () => fullscreenStyle
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(Stacks_exports);
|
|
24
|
-
var import_core = require("@tamagui/core"), import_getElevation = require("./getElevation")
|
|
25
|
-
const fullscreenStyle = {
|
|
24
|
+
var import_core = require("@tamagui/core"), import_getElevation = require("./getElevation"), fullscreenStyle = {
|
|
26
25
|
position: "absolute",
|
|
27
26
|
top: 0,
|
|
28
27
|
left: 0,
|
|
29
28
|
right: 0,
|
|
30
29
|
bottom: 0
|
|
31
|
-
}, getInset = (val)
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
}, getInset = function(val) {
|
|
31
|
+
return val && typeof val == "object" ? val : {
|
|
32
|
+
top: val,
|
|
33
|
+
left: val,
|
|
34
|
+
bottom: val,
|
|
35
|
+
right: val
|
|
36
|
+
};
|
|
36
37
|
}, variants = {
|
|
37
38
|
fullscreen: {
|
|
38
39
|
true: fullscreenStyle
|
|
@@ -47,21 +48,17 @@ const fullscreenStyle = {
|
|
|
47
48
|
variants
|
|
48
49
|
});
|
|
49
50
|
YStack.displayName = "YStack";
|
|
50
|
-
|
|
51
|
+
var XStack = (0, import_core.styled)(import_core.View, {
|
|
51
52
|
flexDirection: "row",
|
|
52
53
|
variants
|
|
53
54
|
});
|
|
54
55
|
XStack.displayName = "XStack";
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
neverFlatten: !0,
|
|
62
|
-
isZStack: !0
|
|
63
|
-
}
|
|
64
|
-
);
|
|
56
|
+
var ZStack = (0, import_core.styled)(YStack, {
|
|
57
|
+
position: "relative"
|
|
58
|
+
}, {
|
|
59
|
+
neverFlatten: !0,
|
|
60
|
+
isZStack: !0
|
|
61
|
+
});
|
|
65
62
|
ZStack.displayName = "ZStack";
|
|
66
63
|
// Annotate the CommonJS export names for ESM import in node:
|
|
67
64
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/Stacks.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/Stacks.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AACA;;;;;;;;kBAA6B,0BAE7B,sBAA6B,2BAOhBA,kBAAkB;EAC7BC,UAAU;EACVC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;AACV,GASMC,WAAW,SAACC,KAAAA;SAChBA,OAAO,OAAOA,OAAQ,WAClBA,MACA;IACEL,KAAKK;IACLJ,MAAMI;IACNF,QAAQE;IACRH,OAAOG;EACT;GAEAC,WAAW;EACfC,YAAY;IACVC,MAAMV;EACR;EAEAW,WAAW;IACT,WAAWC;IACX,WAAWA;EACb;EAEAC,OAAOP;AACT,GAEaQ,aAASC,oBAAOC,kBAAM;EACjCC,eAAe;EACfT;AACF,CAAA;AAEAM,OAAO,cAAiB;AAEjB,IAAMI,aAASH,oBAAOC,kBAAM;EACjCC,eAAe;EACfT;AACF,CAAA;AAEAU,OAAO,cAAiB;AAEjB,IAAMC,aAASJ,oBACpBD,QACA;EACEb,UAAU;AACZ,GACA;EACEmB,cAAc;EACdC,UAAU;AACZ,CAAA;AAGFF,OAAO,cAAiB;",
|
|
5
|
+
"names": ["fullscreenStyle", "position", "top", "left", "right", "bottom", "getInset", "val", "variants", "fullscreen", "true", "elevation", "getElevation", "inset", "YStack", "styled", "View", "flexDirection", "XStack", "ZStack", "neverFlatten", "isZStack"]
|
|
6
6
|
}
|
|
@@ -20,7 +20,41 @@ __export(ThemeableStack_exports, {
|
|
|
20
20
|
});
|
|
21
21
|
module.exports = __toCommonJS(ThemeableStack_exports);
|
|
22
22
|
var import_core = require("@tamagui/core"), import_Stacks = require("./Stacks"), import_variants = require("./variants");
|
|
23
|
-
|
|
23
|
+
function _define_property(obj, key, value) {
|
|
24
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
25
|
+
value,
|
|
26
|
+
enumerable: !0,
|
|
27
|
+
configurable: !0,
|
|
28
|
+
writable: !0
|
|
29
|
+
}) : obj[key] = value, obj;
|
|
30
|
+
}
|
|
31
|
+
function _object_spread(target) {
|
|
32
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
33
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
34
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
36
|
+
}))), ownKeys2.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
function ownKeys(object, enumerableOnly) {
|
|
43
|
+
var keys = Object.keys(object);
|
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
|
45
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
47
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
48
|
+
})), keys.push.apply(keys, symbols);
|
|
49
|
+
}
|
|
50
|
+
return keys;
|
|
51
|
+
}
|
|
52
|
+
function _object_spread_props(target, source) {
|
|
53
|
+
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
54
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
55
|
+
}), target;
|
|
56
|
+
}
|
|
57
|
+
var chromelessStyle = {
|
|
24
58
|
backgroundColor: "transparent",
|
|
25
59
|
borderColor: "transparent",
|
|
26
60
|
shadowColor: "transparent",
|
|
@@ -48,12 +82,11 @@ const chromelessStyle = {
|
|
|
48
82
|
},
|
|
49
83
|
chromeless: {
|
|
50
84
|
true: chromelessStyle,
|
|
51
|
-
all: {
|
|
52
|
-
...chromelessStyle,
|
|
85
|
+
all: _object_spread_props(_object_spread({}, chromelessStyle), {
|
|
53
86
|
hoverStyle: chromelessStyle,
|
|
54
87
|
pressStyle: chromelessStyle,
|
|
55
88
|
focusStyle: chromelessStyle
|
|
56
|
-
}
|
|
89
|
+
})
|
|
57
90
|
}
|
|
58
91
|
}, ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
|
|
59
92
|
variants: themeableVariants
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/ThemeableStack.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/ThemeableStack.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AACA,kBAAuB,0BAEvB,gBAAuB,qBAEvB,kBASO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMA,kBAAkB;EACtBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EAEbC,YAAY;IACVF,aAAa;EACf;AACF,GAEaG,oBAAoB;EAC/BC,cAAc;IACZC,MAAM;MACJN,iBAAiB;IACnB;EACF;EAEAO,UAAAA;EACAC,YAAAA;EACAC,YAAAA;EACAC,YAAAA;EACAC,UAAAA;EACAC,QAAAA;EACAC,SAAAA;EACAC,UAAAA;EAEAC,aAAa;IACXT,MAAM;MACJN,iBAAiB;IACnB;EACF;EAEAgB,YAAY;IACVV,MAAMP;IACNkB,KAAK,qBAAA,eAAA,CAAA,GACAlB,eAAAA,GAAAA;MACHI,YAAYJ;MACZmB,YAAYnB;MACZoB,YAAYpB;;EAEhB;AACF,GAEaqB,qBAAiBC,oBAAOC,sBAAQ;EAC3CC,UAAUnB;AACZ,CAAA;",
|
|
5
|
+
"names": ["chromelessStyle", "backgroundColor", "borderColor", "shadowColor", "hoverStyle", "themeableVariants", "backgrounded", "true", "radiused", "hoverTheme", "pressTheme", "focusTheme", "circular", "padded", "elevate", "bordered", "transparent", "chromeless", "all", "pressStyle", "focusStyle", "ThemeableStack", "styled", "YStack", "variants"]
|
|
6
6
|
}
|
|
@@ -20,29 +20,53 @@ __export(getElevation_exports, {
|
|
|
20
20
|
});
|
|
21
21
|
module.exports = __toCommonJS(getElevation_exports);
|
|
22
22
|
var import_core = require("@tamagui/core");
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
function _define_property(obj, key, value) {
|
|
24
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
25
|
+
value,
|
|
26
|
+
enumerable: !0,
|
|
27
|
+
configurable: !0,
|
|
28
|
+
writable: !0
|
|
29
|
+
}) : obj[key] = value, obj;
|
|
30
|
+
}
|
|
31
|
+
function _object_spread(target) {
|
|
32
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
33
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
|
|
34
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
36
|
+
}))), ownKeys.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
var getElevation = function(size, extras) {
|
|
43
|
+
if (size) {
|
|
44
|
+
var tokens = extras.tokens, token = tokens.size[size], sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
|
|
45
|
+
return getSizedElevation(sizeNum, extras);
|
|
46
|
+
}
|
|
47
|
+
}, getSizedElevation = function(val, param) {
|
|
48
|
+
var theme = param.theme, tokens = param.tokens, num = 0;
|
|
30
49
|
if (val === !0) {
|
|
31
|
-
|
|
32
|
-
typeof
|
|
50
|
+
var _$val = (0, import_core.getVariableValue)(tokens.size.true);
|
|
51
|
+
typeof _$val == "number" ? num = _$val : num = 10;
|
|
33
52
|
} else
|
|
34
53
|
num = +val;
|
|
35
|
-
if (num
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
54
|
+
if (num !== 0) {
|
|
55
|
+
var _ref = [
|
|
56
|
+
Math.round(num / 4 + 1),
|
|
57
|
+
Math.round(num / 2 + 2)
|
|
58
|
+
], height = _ref[0], shadowRadius = _ref[1], shadow = _object_spread({
|
|
59
|
+
shadowColor: theme.shadowColor,
|
|
60
|
+
shadowRadius,
|
|
61
|
+
shadowOffset: {
|
|
62
|
+
height,
|
|
63
|
+
width: 0
|
|
64
|
+
}
|
|
65
|
+
}, import_core.isAndroid ? {
|
|
43
66
|
elevationAndroid: 2 * height
|
|
44
|
-
} : {}
|
|
45
|
-
|
|
67
|
+
} : {});
|
|
68
|
+
return shadow;
|
|
69
|
+
}
|
|
46
70
|
};
|
|
47
71
|
// Annotate the CommonJS export names for ESM import in node:
|
|
48
72
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/getElevation.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["val"]
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/getElevation.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAMA,kBAAwD;;;;;;;;;;;;;;;;;;;;AAEjD,IAAMA,eAAsD,SAACC,MAAMC,QAAAA;AACxE,MAAKD,MACL;QAAQE,SAAWD,OAAXC,QACFC,QAAQD,OAAOF,KAAKA,IAAAA,GACpBI,cAAWC,wBAAWF,KAAAA,IAAS,CAACA,MAAMG,MAAMN;AAClD,WAAOO,kBAAkBH,SAASH,MAAAA;;AACpC,GAEaM,oBAAoB,SAC/BD,KAAAA,OAAAA;MACEE,QAAAA,MAAAA,OAAON,SAAAA,MAAAA,QAELO,MAAM;AACV,MAAIH,QAAQ,IAAM;AAChB,QAAMA,YAAMI,8BAAiBR,OAAOF,KAAK,IAAO;AAChD,IAAI,OAAOM,SAAQ,WACjBG,MAAMH,QAENG,MAAM;EAEV;AACEA,UAAM,CAACH;AAET,MAAIG,QAAQ,GAGZ;QAA+B,OAAA;MAACE,KAAKC,MAAMH,MAAM,IAAI,CAAA;MAAIE,KAAKC,MAAMH,MAAM,IAAI,CAAA;OAAvEI,SAAwB,KAAA,CAAA,GAAhBC,eAAgB,KAAA,CAAA,GACzBC,SAAS,eAAA;MACbC,aAAaR,MAAMQ;MACnBF;MACAG,cAAc;QAAEJ;QAAQK,OAAO;MAAE;OAC7BC,wBACA;MACEC,kBAAkB,IAAIP;IACxB,IACA,CAAC,CAAA;AAEP,WAAOE;;AACT;",
|
|
5
|
+
"names": ["getElevation", "size", "extras", "tokens", "token", "sizeNum", "isVariable", "val", "getSizedElevation", "theme", "num", "getVariableValue", "Math", "round", "height", "shadowRadius", "shadow", "shadowColor", "shadowOffset", "width", "isAndroid", "elevationAndroid"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/index.ts"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;AAAA;;wBAAc,qBAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,6BAFd;AAGA,wBAAc,6BAHd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -26,37 +26,73 @@ __export(variants_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(variants_exports);
|
|
28
28
|
var import_getElevation = require("./getElevation");
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
function _define_property(obj, key, value) {
|
|
30
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
31
|
+
value,
|
|
32
|
+
enumerable: !0,
|
|
33
|
+
configurable: !0,
|
|
34
|
+
writable: !0
|
|
35
|
+
}) : obj[key] = value, obj;
|
|
36
|
+
}
|
|
37
|
+
function _object_spread(target) {
|
|
38
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
39
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
40
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
41
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
42
|
+
}))), ownKeys2.forEach(function(key) {
|
|
43
|
+
_define_property(target, key, source[key]);
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return target;
|
|
47
|
+
}
|
|
48
|
+
function ownKeys(object, enumerableOnly) {
|
|
49
|
+
var keys = Object.keys(object);
|
|
50
|
+
if (Object.getOwnPropertySymbols) {
|
|
51
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
52
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
53
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
54
|
+
})), keys.push.apply(keys, symbols);
|
|
55
|
+
}
|
|
56
|
+
return keys;
|
|
57
|
+
}
|
|
58
|
+
function _object_spread_props(target, source) {
|
|
59
|
+
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
60
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
61
|
+
}), target;
|
|
62
|
+
}
|
|
63
|
+
var elevate = {
|
|
64
|
+
true: function(_, extras) {
|
|
65
|
+
return (0, import_getElevation.getElevation)(extras.props.size, extras);
|
|
66
|
+
}
|
|
67
|
+
}, bordered = function(val, param) {
|
|
68
|
+
var props = param.props;
|
|
69
|
+
return _object_spread({
|
|
70
|
+
// TODO size it with size in '...size'
|
|
71
|
+
borderWidth: typeof val == "number" ? val : 1,
|
|
72
|
+
borderColor: "$borderColor"
|
|
73
|
+
}, props.hoverTheme && {
|
|
36
74
|
hoverStyle: {
|
|
37
75
|
borderColor: "$borderColorHover"
|
|
38
76
|
}
|
|
39
|
-
},
|
|
40
|
-
...props.pressTheme && {
|
|
77
|
+
}, props.pressTheme && {
|
|
41
78
|
pressStyle: {
|
|
42
79
|
borderColor: "$borderColorPress"
|
|
43
80
|
}
|
|
44
|
-
},
|
|
45
|
-
...props.focusTheme && {
|
|
81
|
+
}, props.focusTheme && {
|
|
46
82
|
focusStyle: {
|
|
47
83
|
borderColor: "$borderColorFocus"
|
|
48
84
|
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
true: (_, extras)
|
|
52
|
-
|
|
85
|
+
});
|
|
86
|
+
}, padded = {
|
|
87
|
+
true: function(_, extras) {
|
|
88
|
+
var tokens = extras.tokens, props = extras.props;
|
|
53
89
|
return {
|
|
54
90
|
padding: tokens.space[props.size] || tokens.space.$true
|
|
55
91
|
};
|
|
56
92
|
}
|
|
57
93
|
}, radiused = {
|
|
58
|
-
true: (_, extras)
|
|
59
|
-
|
|
94
|
+
true: function(_, extras) {
|
|
95
|
+
var tokens = extras.tokens, props = extras.props;
|
|
60
96
|
return {
|
|
61
97
|
borderRadius: tokens.radius[props.size] || tokens.radius.$true
|
|
62
98
|
};
|
|
@@ -65,19 +101,19 @@ const elevate = {
|
|
|
65
101
|
borderRadius: 1e5,
|
|
66
102
|
padding: 0
|
|
67
103
|
}, circular = {
|
|
68
|
-
true: (_,
|
|
104
|
+
true: function(_, param) {
|
|
105
|
+
var props = param.props, tokens = param.tokens;
|
|
69
106
|
if (!("size" in props))
|
|
70
107
|
return circularStyle;
|
|
71
|
-
|
|
72
|
-
return {
|
|
73
|
-
...circularStyle,
|
|
108
|
+
var size = typeof props.size == "number" ? props.size : tokens.size[props.size];
|
|
109
|
+
return _object_spread_props(_object_spread({}, circularStyle), {
|
|
74
110
|
width: size,
|
|
75
111
|
height: size,
|
|
76
112
|
maxWidth: size,
|
|
77
113
|
maxHeight: size,
|
|
78
114
|
minWidth: size,
|
|
79
115
|
minHeight: size
|
|
80
|
-
};
|
|
116
|
+
});
|
|
81
117
|
}
|
|
82
118
|
}, hoverTheme = {
|
|
83
119
|
true: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/variants.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/variants.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtB,IAAMA,UAAU;EACrBC,MAAM,SAACC,GAAYC,QAAAA;AACjB,eAAOC,kCAAaD,OAAOE,MAAM,MAASF,MAAAA;EAC5C;AACF,GAEaG,WAAW,SAACC,KAAAA,OAAAA;MAAyBF,QAAAA,MAAAA;AAChD,SAAO,eAAA;;IAELG,aAAa,OAAOD,OAAQ,WAAWA,MAAM;IAC7CE,aAAa;KAETJ,MAAMK,cAAc;IACtBC,YAAY;MACVF,aAAa;IACf;EACF,GAEIJ,MAAMO,cAAc;IACtBC,YAAY;MACVJ,aAAa;IACf;EACF,GAEIJ,MAAMS,cAAc;IACtBC,YAAY;MACVN,aAAa;IACf;EACF,CAAA;AAEJ,GAEaO,SAAS;EACpBf,MAAM,SAACC,GAAGC,QAAAA;AACR,QAAQc,SAAkBd,OAAlBc,QAAQZ,QAAUF,OAAVE;AAChB,WAAO;MACLa,SAASD,OAAOE,MAAMd,MAAMe,IAAI,KAAKH,OAAOE,MAAM;IACpD;EACF;AACF,GAEaE,WAAW;EACtBpB,MAAM,SAACC,GAAGC,QAAAA;AACR,QAAQc,SAAkBd,OAAlBc,QAAQZ,QAAUF,OAAVE;AAChB,WAAO;MACLiB,cAAcL,OAAOM,OAAOlB,MAAMe,IAAI,KAAKH,OAAOM,OAAO;IAC3D;EACF;AACF,GAEMC,gBAAgB;EACpBF,cAAc;EACdJ,SAAS;AACX,GAEaO,WAAW;EACtBxB,MAAM,SAACC,GAAAA,OAAAA;QAAKG,QAAAA,MAAAA,OAAOY,SAAAA,MAAAA;AACjB,QAAI,EAAE,UAAUZ;AACd,aAAOmB;AAET,QAAMJ,OAAO,OAAOf,MAAMe,QAAS,WAAWf,MAAMe,OAAOH,OAAOG,KAAKf,MAAMe,IAAI;AACjF,WAAO,qBAAA,eAAA,CAAA,GACFI,aAAAA,GAAAA;MACHE,OAAON;MACPO,QAAQP;MACRQ,UAAUR;MACVS,WAAWT;MACXU,UAAUV;MACVW,WAAWX;;EAEf;AACF,GAEaV,aAAa;EACxBT,MAAM;IACJU,YAAY;MACVqB,iBAAiB;MACjBvB,aAAa;IACf;EACF;EACAwB,OAAO,CAAC;AACV,GAEarB,aAAa;EACxBX,MAAM;IACJiC,QAAQ;IACRrB,YAAY;MACVmB,iBAAiB;MACjBvB,aAAa;IACf;EACF;EACAwB,OAAO,CAAC;AACV,GAEanB,aAAa;EACxBb,MAAM;IACJc,YAAY;MACViB,iBAAiB;MACjBvB,aAAa;IACf;EACF;EACAwB,OAAO,CAAC;AACV;",
|
|
5
|
+
"names": ["elevate", "true", "_", "extras", "getElevation", "props", "bordered", "val", "borderWidth", "borderColor", "hoverTheme", "hoverStyle", "pressTheme", "pressStyle", "focusTheme", "focusStyle", "padded", "tokens", "padding", "space", "size", "radiused", "borderRadius", "radius", "circularStyle", "circular", "width", "height", "maxWidth", "maxHeight", "minWidth", "minHeight", "backgroundColor", "false", "cursor"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/NestingContext.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/NestingContext.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAASA,qBAAqB;AAEvB,IAAMC,uBAAuBD,8BAAc,EAAA;",
|
|
5
|
+
"names": ["createContext", "ButtonNestingContext"]
|
|
6
6
|
}
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import { styled } from "@tamagui/core";
|
|
2
2
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
3
3
|
import { XStack } from "./Stacks";
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
circular,
|
|
7
|
-
elevate,
|
|
8
|
-
focusTheme,
|
|
9
|
-
hoverTheme,
|
|
10
|
-
pressTheme
|
|
11
|
-
} from "./variants";
|
|
12
|
-
const SizableStack = styled(XStack, {
|
|
4
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants";
|
|
5
|
+
var SizableStack = styled(XStack, {
|
|
13
6
|
name: "SizableStack",
|
|
14
7
|
variants: {
|
|
15
8
|
unstyled: {
|
|
@@ -28,7 +21,9 @@ const SizableStack = styled(XStack, {
|
|
|
28
21
|
elevate,
|
|
29
22
|
bordered,
|
|
30
23
|
size: {
|
|
31
|
-
"...size": (val, extras)
|
|
24
|
+
"...size": function(val, extras) {
|
|
25
|
+
return getButtonSized(val, extras);
|
|
26
|
+
}
|
|
32
27
|
}
|
|
33
28
|
}
|
|
34
29
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/SizableStack.tsx"],
|
|
4
|
-
"mappings": "AACA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/SizableStack.tsx"],
|
|
4
|
+
"mappings": "AACA,SAASA,cAAc;AACvB,SAASC,sBAAsB;AAE/B,SAASC,cAAc;AACvB,SACEC,UACAC,UACAC,SACAC,YACAC,YACAC,kBACK;AAEA,IAAMC,eAAeT,OAAOE,QAAQ;EACzCQ,MAAM;EAENC,UAAU;IACRC,UAAU;MACRC,MAAM;QACJN,YAAY;QACZC,YAAY;QACZF,YAAY;QACZD,SAAS;QACTF,UAAU;MACZ;IACF;IAEAI;IACAC;IACAF;IACAF;IACAC;IACAF;IAEAW,MAAM;MACJ,WAAW,SAACC,KAAKC,QAAAA;AACf,eAAOf,eAAec,KAAKC,MAAAA;MAC7B;IACF;EACF;AACF,CAAA;",
|
|
5
|
+
"names": ["styled", "getButtonSized", "XStack", "bordered", "circular", "elevate", "focusTheme", "hoverTheme", "pressTheme", "SizableStack", "name", "variants", "unstyled", "true", "size", "val", "extras"]
|
|
6
6
|
}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { View, styled } from "@tamagui/core";
|
|
2
2
|
import { getElevation } from "./getElevation";
|
|
3
|
-
|
|
3
|
+
var fullscreenStyle = {
|
|
4
4
|
position: "absolute",
|
|
5
5
|
top: 0,
|
|
6
6
|
left: 0,
|
|
7
7
|
right: 0,
|
|
8
8
|
bottom: 0
|
|
9
|
-
}, getInset = (val)
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
}, getInset = function(val) {
|
|
10
|
+
return val && typeof val == "object" ? val : {
|
|
11
|
+
top: val,
|
|
12
|
+
left: val,
|
|
13
|
+
bottom: val,
|
|
14
|
+
right: val
|
|
15
|
+
};
|
|
14
16
|
}, variants = {
|
|
15
17
|
fullscreen: {
|
|
16
18
|
true: fullscreenStyle
|
|
@@ -25,21 +27,17 @@ const fullscreenStyle = {
|
|
|
25
27
|
variants
|
|
26
28
|
});
|
|
27
29
|
YStack.displayName = "YStack";
|
|
28
|
-
|
|
30
|
+
var XStack = styled(View, {
|
|
29
31
|
flexDirection: "row",
|
|
30
32
|
variants
|
|
31
33
|
});
|
|
32
34
|
XStack.displayName = "XStack";
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
neverFlatten: !0,
|
|
40
|
-
isZStack: !0
|
|
41
|
-
}
|
|
42
|
-
);
|
|
35
|
+
var ZStack = styled(YStack, {
|
|
36
|
+
position: "relative"
|
|
37
|
+
}, {
|
|
38
|
+
neverFlatten: !0,
|
|
39
|
+
isZStack: !0
|
|
40
|
+
});
|
|
43
41
|
ZStack.displayName = "ZStack";
|
|
44
42
|
export {
|
|
45
43
|
XStack,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/Stacks.tsx"],
|
|
4
|
-
"mappings": "AACA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/stacks/src/Stacks.tsx"],
|
|
4
|
+
"mappings": "AACA,SAASA,MAAMC,cAAc;AAE7B,SAASC,oBAAoB;AAOtB,IAAMC,kBAAkB;EAC7BC,UAAU;EACVC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;AACV,GASMC,WAAW,SAACC,KAAAA;SAChBA,OAAO,OAAOA,OAAQ,WAClBA,MACA;IACEL,KAAKK;IACLJ,MAAMI;IACNF,QAAQE;IACRH,OAAOG;EACT;GAEAC,WAAW;EACfC,YAAY;IACVC,MAAMV;EACR;EAEAW,WAAW;IACT,WAAWZ;IACX,WAAWA;EACb;EAEAa,OAAON;AACT,GAEaO,SAASf,OAAOD,MAAM;EACjCiB,eAAe;EACfN;AACF,CAAA;AAEAK,OAAO,cAAiB;AAEjB,IAAME,SAASjB,OAAOD,MAAM;EACjCiB,eAAe;EACfN;AACF,CAAA;AAEAO,OAAO,cAAiB;AAEjB,IAAMC,SAASlB,OACpBe,QACA;EACEZ,UAAU;AACZ,GACA;EACEgB,cAAc;EACdC,UAAU;AACZ,CAAA;AAGFF,OAAO,cAAiB;",
|
|
5
|
+
"names": ["View", "styled", "getElevation", "fullscreenStyle", "position", "top", "left", "right", "bottom", "getInset", "val", "variants", "fullscreen", "true", "elevation", "inset", "YStack", "flexDirection", "XStack", "ZStack", "neverFlatten", "isZStack"]
|
|
6
6
|
}
|