@tamagui/stacks 1.110.4 → 1.111.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/SizableStack.native.js.map +1 -1
- package/dist/cjs/Stacks.native.js +2 -7
- package/dist/cjs/Stacks.native.js.map +1 -1
- package/dist/cjs/ThemeableStack.native.js +4 -38
- package/dist/cjs/ThemeableStack.native.js.map +1 -1
- package/dist/cjs/getElevation.native.js +10 -29
- package/dist/cjs/getElevation.native.js.map +2 -2
- package/dist/cjs/variants.native.js +25 -56
- package/dist/cjs/variants.native.js.map +1 -1
- package/dist/esm/NestingContext.native.mjs +4 -0
- package/dist/esm/NestingContext.native.mjs.map +1 -0
- package/dist/esm/SizableStack.native.mjs +31 -0
- package/dist/esm/SizableStack.native.mjs.map +1 -0
- package/dist/esm/Stacks.native.js +1 -5
- package/dist/esm/Stacks.native.js.map +1 -1
- package/dist/esm/Stacks.native.mjs +46 -0
- package/dist/esm/Stacks.native.mjs.map +1 -0
- package/dist/esm/ThemeableStack.native.js +3 -36
- package/dist/esm/ThemeableStack.native.js.map +1 -1
- package/dist/esm/ThemeableStack.native.mjs +45 -0
- package/dist/esm/ThemeableStack.native.mjs.map +1 -0
- package/dist/esm/getElevation.native.js +9 -27
- package/dist/esm/getElevation.native.js.map +2 -2
- package/dist/esm/getElevation.native.mjs +39 -0
- package/dist/esm/getElevation.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +5 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/esm/variants.native.js +24 -54
- package/dist/esm/variants.native.js.map +1 -1
- package/dist/esm/variants.native.mjs +106 -0
- package/dist/esm/variants.native.mjs.map +1 -0
- package/dist/jsx/Stacks.native.js +1 -5
- package/dist/jsx/Stacks.native.js.map +1 -1
- package/dist/jsx/ThemeableStack.native.js +3 -36
- package/dist/jsx/ThemeableStack.native.js.map +1 -1
- package/dist/jsx/getElevation.native.js +9 -27
- package/dist/jsx/getElevation.native.js.map +2 -2
- package/dist/jsx/variants.native.js +24 -54
- package/dist/jsx/variants.native.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/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
|
|
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;IACAC;IACAC;IACAG;IACAF;IACAC;IAEAE,MAAM;MACJ,WAAW,SAACC,KAAKC,QAAAA;AACf,mBAAOC,wCAAeF,KAAKC,MAAAA;MAC7B;IACF;EACF;AACF,CAAA;",
|
|
5
5
|
"names": ["SizableStack", "styled", "XStack", "name", "variants", "unstyled", "true", "hoverTheme", "pressTheme", "focusTheme", "elevate", "bordered", "circular", "size", "val", "extras", "getButtonSized"]
|
|
6
6
|
}
|
|
@@ -21,19 +21,14 @@ __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
|
-
function _type_of(obj) {
|
|
26
|
-
"@swc/helpers - typeof";
|
|
27
|
-
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
28
|
-
}
|
|
29
|
-
var fullscreenStyle = {
|
|
24
|
+
var import_core = require("@tamagui/core"), import_getElevation = require("./getElevation"), fullscreenStyle = {
|
|
30
25
|
position: "absolute",
|
|
31
26
|
top: 0,
|
|
32
27
|
left: 0,
|
|
33
28
|
right: 0,
|
|
34
29
|
bottom: 0
|
|
35
30
|
}, getInset = function(val) {
|
|
36
|
-
return val &&
|
|
31
|
+
return val && typeof val == "object" ? val : {
|
|
37
32
|
top: val,
|
|
38
33
|
left: val,
|
|
39
34
|
bottom: val,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/Stacks.tsx"],
|
|
4
|
-
"mappings": "
|
|
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
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
|
}
|
|
@@ -19,42 +19,7 @@ __export(ThemeableStack_exports, {
|
|
|
19
19
|
themeableVariants: () => themeableVariants
|
|
20
20
|
});
|
|
21
21
|
module.exports = __toCommonJS(ThemeableStack_exports);
|
|
22
|
-
var import_core = require("@tamagui/core"), import_Stacks = require("./Stacks"), import_variants = require("./variants")
|
|
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 = {
|
|
22
|
+
var import_core = require("@tamagui/core"), import_Stacks = require("./Stacks"), import_variants = require("./variants"), chromelessStyle = {
|
|
58
23
|
backgroundColor: "transparent",
|
|
59
24
|
borderColor: "transparent",
|
|
60
25
|
shadowColor: "transparent",
|
|
@@ -82,11 +47,12 @@ var chromelessStyle = {
|
|
|
82
47
|
},
|
|
83
48
|
chromeless: {
|
|
84
49
|
true: chromelessStyle,
|
|
85
|
-
all:
|
|
50
|
+
all: {
|
|
51
|
+
...chromelessStyle,
|
|
86
52
|
hoverStyle: chromelessStyle,
|
|
87
53
|
pressStyle: chromelessStyle,
|
|
88
54
|
focusStyle: chromelessStyle
|
|
89
|
-
}
|
|
55
|
+
}
|
|
90
56
|
}
|
|
91
57
|
}, ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
|
|
92
58
|
variants: themeableVariants
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/ThemeableStack.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AACA;;;;;;kBAAuB,0BAEvB,gBAAuB,qBAEvB,kBASO,uBAEDA,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;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EAEAC,aAAa;IACXT,MAAM;MACJN,iBAAiB;IACnB;EACF;EAEAgB,YAAY;IACVV,MAAMP;IACNkB,KAAK;MACH,GAAGlB;MACHI,YAAYJ;MACZmB,YAAYnB;MACZoB,YAAYpB;IACd;EACF;AACF,GAEaqB,qBAAiBC,oBAAOC,sBAAQ;EAC3CC,UAAUnB;AACZ,CAAA;",
|
|
5
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
|
}
|
|
@@ -19,52 +19,33 @@ __export(getElevation_exports, {
|
|
|
19
19
|
getSizedElevation: () => getSizedElevation
|
|
20
20
|
});
|
|
21
21
|
module.exports = __toCommonJS(getElevation_exports);
|
|
22
|
-
var import_core = require("@tamagui/core")
|
|
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) {
|
|
22
|
+
var import_core = require("@tamagui/core"), getElevation = function(size, extras) {
|
|
43
23
|
if (size) {
|
|
44
|
-
var tokens = extras
|
|
24
|
+
var { tokens } = extras, token = tokens.size[size], sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
|
|
45
25
|
return getSizedElevation(sizeNum, extras);
|
|
46
26
|
}
|
|
47
27
|
}, getSizedElevation = function(val, param) {
|
|
48
|
-
var
|
|
28
|
+
var { theme, tokens } = param, num = 0;
|
|
49
29
|
if (val === !0) {
|
|
50
30
|
var _$val = (0, import_core.getVariableValue)(tokens.size.true);
|
|
51
31
|
typeof _$val == "number" ? num = _$val : num = 10;
|
|
52
32
|
} else
|
|
53
33
|
num = +val;
|
|
54
34
|
if (num !== 0) {
|
|
55
|
-
var
|
|
35
|
+
var [height, shadowRadius] = [
|
|
56
36
|
Math.round(num / 4 + 1),
|
|
57
37
|
Math.round(num / 2 + 2)
|
|
58
|
-
],
|
|
38
|
+
], shadow = {
|
|
59
39
|
shadowColor: theme.shadowColor,
|
|
60
40
|
shadowRadius,
|
|
61
41
|
shadowOffset: {
|
|
62
42
|
height,
|
|
63
43
|
width: 0
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
44
|
+
},
|
|
45
|
+
...import_core.isAndroid ? {
|
|
46
|
+
elevationAndroid: 2 * height
|
|
47
|
+
} : {}
|
|
48
|
+
};
|
|
68
49
|
return shadow;
|
|
69
50
|
}
|
|
70
51
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/getElevation.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["getElevation", "size", "extras", "tokens", "token", "sizeNum", "isVariable", "val", "getSizedElevation", "theme", "num", "getVariableValue", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAMA;;;;;;kBAAwD,0BAE3CA,eAAsD,SAACC,MAAMC,QAAAA;AACxE,MAAKD,MACL;QAAM,EAAEE,OAAM,IAAKD,QACbE,QAAQD,OAAOF,KAAKA,IAAAA,GACpBI,cAAWC,wBAAWF,KAAAA,IAAS,CAACA,MAAMG,MAAMN;AAClD,WAAOO,kBAAkBH,SAASH,MAAAA;;AACpC,GAEaM,oBAAoB,SAC/BD,KAAAA,OAAAA;MACA,EAAEE,OAAON,OAAM,IAA4B,OAEvCO,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;QAAM,CAACE,QAAQC,YAAAA,IAAgB;MAACC,KAAKC,MAAML,MAAM,IAAI,CAAA;MAAII,KAAKC,MAAML,MAAM,IAAI,CAAA;OACxEM,SAAS;MACbC,aAAaR,MAAMQ;MACnBJ;MACAK,cAAc;QAAEN;QAAQO,OAAO;MAAE;MACjC,GAAIC,wBACA;QACEC,kBAAkB,IAAIT;MACxB,IACA,CAAC;IACP;AACA,WAAOI;;AACT;",
|
|
5
|
+
"names": ["getElevation", "size", "extras", "tokens", "token", "sizeNum", "isVariable", "val", "getSizedElevation", "theme", "num", "getVariableValue", "height", "shadowRadius", "Math", "round", "shadow", "shadowColor", "shadowOffset", "width", "isAndroid", "elevationAndroid"]
|
|
6
6
|
}
|
|
@@ -25,74 +25,42 @@ __export(variants_exports, {
|
|
|
25
25
|
radiused: () => radiused
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(variants_exports);
|
|
28
|
-
var import_getElevation = require("./getElevation")
|
|
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 = {
|
|
28
|
+
var import_getElevation = require("./getElevation"), elevate = {
|
|
64
29
|
true: function(_, extras) {
|
|
65
30
|
return (0, import_getElevation.getElevation)(extras.props.size, extras);
|
|
66
31
|
}
|
|
67
32
|
}, bordered = function(val, param) {
|
|
68
|
-
var props = param
|
|
69
|
-
return
|
|
33
|
+
var { props } = param;
|
|
34
|
+
return {
|
|
70
35
|
// TODO size it with size in '...size'
|
|
71
36
|
borderWidth: typeof val == "number" ? val : 1,
|
|
72
|
-
borderColor: "$borderColor"
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
37
|
+
borderColor: "$borderColor",
|
|
38
|
+
...props.hoverTheme && {
|
|
39
|
+
hoverStyle: {
|
|
40
|
+
borderColor: "$borderColorHover"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
...props.pressTheme && {
|
|
44
|
+
pressStyle: {
|
|
45
|
+
borderColor: "$borderColorPress"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
...props.focusTheme && {
|
|
49
|
+
focusStyle: {
|
|
50
|
+
borderColor: "$borderColorFocus"
|
|
51
|
+
}
|
|
84
52
|
}
|
|
85
|
-
}
|
|
53
|
+
};
|
|
86
54
|
}, padded = {
|
|
87
55
|
true: function(_, extras) {
|
|
88
|
-
var
|
|
56
|
+
var { tokens, props } = extras;
|
|
89
57
|
return {
|
|
90
58
|
padding: tokens.space[props.size] || tokens.space.$true
|
|
91
59
|
};
|
|
92
60
|
}
|
|
93
61
|
}, radiused = {
|
|
94
62
|
true: function(_, extras) {
|
|
95
|
-
var
|
|
63
|
+
var { tokens, props } = extras;
|
|
96
64
|
return {
|
|
97
65
|
borderRadius: tokens.radius[props.size] || tokens.radius.$true
|
|
98
66
|
};
|
|
@@ -102,18 +70,19 @@ var elevate = {
|
|
|
102
70
|
padding: 0
|
|
103
71
|
}, circular = {
|
|
104
72
|
true: function(_, param) {
|
|
105
|
-
var
|
|
73
|
+
var { props, tokens } = param;
|
|
106
74
|
if (!("size" in props))
|
|
107
75
|
return circularStyle;
|
|
108
76
|
var size = typeof props.size == "number" ? props.size : tokens.size[props.size];
|
|
109
|
-
return
|
|
77
|
+
return {
|
|
78
|
+
...circularStyle,
|
|
110
79
|
width: size,
|
|
111
80
|
height: size,
|
|
112
81
|
maxWidth: size,
|
|
113
82
|
maxHeight: size,
|
|
114
83
|
minWidth: size,
|
|
115
84
|
minHeight: size
|
|
116
|
-
}
|
|
85
|
+
};
|
|
117
86
|
}
|
|
118
87
|
}, hoverTheme = {
|
|
119
88
|
true: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/variants.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;0BAA6B,2BAEhBA,UAAU;EACrBC,MAAM,SAACC,GAAYC,QAAAA;AACjB,eAAOC,kCAAaD,OAAOE,MAAM,MAASF,MAAAA;EAC5C;AACF,GAEaG,WAAW,SAACC,KAAAA,OAAAA;MAAuB,EAAEF,MAAK,IAAE;AACvD,SAAO;;IAELG,aAAa,OAAOD,OAAQ,WAAWA,MAAM;IAC7CE,aAAa;IAEb,GAAIJ,MAAMK,cAAc;MACtBC,YAAY;QACVF,aAAa;MACf;IACF;IAEA,GAAIJ,MAAMO,cAAc;MACtBC,YAAY;QACVJ,aAAa;MACf;IACF;IAEA,GAAIJ,MAAMS,cAAc;MACtBC,YAAY;QACVN,aAAa;MACf;IACF;EACF;AACF,GAEaO,SAAS;EACpBf,MAAM,SAACC,GAAGC,QAAAA;AACR,QAAM,EAAEc,QAAQZ,MAAK,IAAKF;AAC1B,WAAO;MACLe,SAASD,OAAOE,MAAMd,MAAMe,IAAI,KAAKH,OAAOE,MAAM;IACpD;EACF;AACF,GAEaE,WAAW;EACtBpB,MAAM,SAACC,GAAGC,QAAAA;AACR,QAAM,EAAEc,QAAQZ,MAAK,IAAKF;AAC1B,WAAO;MACLmB,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;QAAG,EAAEG,OAAOY,OAAM,IAAE;AACzB,QAAI,EAAE,UAAUZ;AACd,aAAOmB;AAET,QAAMJ,OAAO,OAAOf,MAAMe,QAAS,WAAWf,MAAMe,OAAOH,OAAOG,KAAKf,MAAMe,IAAI;AACjF,WAAO;MACL,GAAGI;MACHE,OAAON;MACPO,QAAQP;MACRQ,UAAUR;MACVS,WAAWT;MACXU,UAAUV;MACVW,WAAWX;IACb;EACF;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
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
|
}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { styled } from "@tamagui/core";
|
|
2
|
+
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
3
|
+
import { XStack } from "./Stacks.mjs";
|
|
4
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants.mjs";
|
|
5
|
+
var SizableStack = styled(XStack, {
|
|
6
|
+
name: "SizableStack",
|
|
7
|
+
variants: {
|
|
8
|
+
unstyled: {
|
|
9
|
+
true: {
|
|
10
|
+
hoverTheme: !1,
|
|
11
|
+
pressTheme: !1,
|
|
12
|
+
focusTheme: !1,
|
|
13
|
+
elevate: !1,
|
|
14
|
+
bordered: !1
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
hoverTheme,
|
|
18
|
+
pressTheme,
|
|
19
|
+
focusTheme,
|
|
20
|
+
circular,
|
|
21
|
+
elevate,
|
|
22
|
+
bordered,
|
|
23
|
+
size: {
|
|
24
|
+
"...size": function (val, extras) {
|
|
25
|
+
return getButtonSized(val, extras);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
export { SizableStack };
|
|
31
|
+
//# sourceMappingURL=SizableStack.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","getButtonSized","XStack","bordered","circular","elevate","focusTheme","hoverTheme","pressTheme","SizableStack","name","variants","unstyled","true","size","...size","val","extras"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAE/B,SAASC,MAAA,QAAc;AACvB,SAAAC,QAAA,EAAAC,QAAA,EAAAC,OAAA,EAAAC,UAAA,EAAAC,UAAA,EAAAC,UAAA;AAAA,IACEC,YAAA,GAAAT,MAAA,CAAAE,MAAA;EACAQ,IAAA;EACAC,QAAA;IACAC,QAAA;MACAC,IAAA;QACAN,UAAA;QACKC,UAAA;QAEMF,UAAA,GAAe;QACpBD,OAAA;QAENF,QAAU;MACR;IAAU;IACFI,UACJ;IAAYC,UACZ;IAAYF,UACZ;IAAYF,QACZ;IAASC,OACT;IAAUF,QACZ;IACFW,IAAA;MAEA,oBAAAC,CAAAC,GAAA,EAAAC,MAAA;QACA,OAAAhB,cAAA,CAAAe,GAAA,EAAAC,MAAA;MACA;IACA;EAAA;AACA;AACA,SAEMR,YACJ","ignoreList":[]}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { View, styled } from "@tamagui/core";
|
|
2
2
|
import { getElevation } from "./getElevation";
|
|
3
|
-
function _type_of(obj) {
|
|
4
|
-
"@swc/helpers - typeof";
|
|
5
|
-
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
6
|
-
}
|
|
7
3
|
var fullscreenStyle = {
|
|
8
4
|
position: "absolute",
|
|
9
5
|
top: 0,
|
|
@@ -11,7 +7,7 @@ var fullscreenStyle = {
|
|
|
11
7
|
right: 0,
|
|
12
8
|
bottom: 0
|
|
13
9
|
}, getInset = function(val) {
|
|
14
|
-
return val &&
|
|
10
|
+
return val && typeof val == "object" ? val : {
|
|
15
11
|
top: val,
|
|
16
12
|
left: val,
|
|
17
13
|
bottom: val,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/Stacks.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,MAAMC,cAAc;AAE7B,SAASC,oBAAoB
|
|
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
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
|
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { View, styled } from "@tamagui/core";
|
|
2
|
+
import { getElevation } from "./getElevation.mjs";
|
|
3
|
+
var fullscreenStyle = {
|
|
4
|
+
position: "absolute",
|
|
5
|
+
top: 0,
|
|
6
|
+
left: 0,
|
|
7
|
+
right: 0,
|
|
8
|
+
bottom: 0
|
|
9
|
+
},
|
|
10
|
+
getInset = function (val) {
|
|
11
|
+
return val && typeof val == "object" ? val : {
|
|
12
|
+
top: val,
|
|
13
|
+
left: val,
|
|
14
|
+
bottom: val,
|
|
15
|
+
right: val
|
|
16
|
+
};
|
|
17
|
+
},
|
|
18
|
+
variants = {
|
|
19
|
+
fullscreen: {
|
|
20
|
+
true: fullscreenStyle
|
|
21
|
+
},
|
|
22
|
+
elevation: {
|
|
23
|
+
"...size": getElevation,
|
|
24
|
+
":number": getElevation
|
|
25
|
+
},
|
|
26
|
+
inset: getInset
|
|
27
|
+
},
|
|
28
|
+
YStack = styled(View, {
|
|
29
|
+
flexDirection: "column",
|
|
30
|
+
variants
|
|
31
|
+
});
|
|
32
|
+
YStack.displayName = "YStack";
|
|
33
|
+
var XStack = styled(View, {
|
|
34
|
+
flexDirection: "row",
|
|
35
|
+
variants
|
|
36
|
+
});
|
|
37
|
+
XStack.displayName = "XStack";
|
|
38
|
+
var ZStack = styled(YStack, {
|
|
39
|
+
position: "relative"
|
|
40
|
+
}, {
|
|
41
|
+
neverFlatten: !0,
|
|
42
|
+
isZStack: !0
|
|
43
|
+
});
|
|
44
|
+
ZStack.displayName = "ZStack";
|
|
45
|
+
export { XStack, YStack, ZStack, fullscreenStyle };
|
|
46
|
+
//# sourceMappingURL=Stacks.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","styled","getElevation","fullscreenStyle","position","top","left","right","bottom","getInset","val","variants","fullscreen","true","elevation","inset","YStack","flexDirection","displayName","XStack","ZStack","neverFlatten","isZStack"],"sources":["../../src/Stacks.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAE7B,SAASC,YAAA,QAAoB;AAOtB,IAAAC,eAAM;IACXC,QAAA,EAAU;IACVC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EASMC,QAAA,GAAW,SAAAA,CACfC,GAAA;IAGM,OAAKA,GAAA,WAAAA,GAAA,eAAAA,GAAA;MACLL,GAAA,EAAMK,GAAA;MACNJ,IAAA,EAAQI,GAAA;MACRF,MAAO,EAAAE,GAAA;MAGTH,KAAA,EAAAG;IACJ;EAAY;EAAAC,QACJ;IACRC,UAAA;MAEAC,IAAA,EAAAV;IAAW;IACEW,SACX;MACF,WAAAZ,YAAA;MAEA,SAAO,EAAAA;IACT,CAEa;IACXa,KAAA,EAAAN;EAAe;EACfO,MAAA,GAAAf,MAAA,CAAAD,IAAA;IACDiB,aAAA;IAEDN;EAEO;AAA4BK,MACjC,CAAAE,WAAe;AAAA,IACfC,MAAA,GAAAlB,MAAA,CAAAD,IAAA;EACDiB,aAAA;EAEDN;AAEO;AAAeQ,MACpB,CAAAD,WAAA;AAAA,IACAE,MAAA,GAAAnB,MAAA,CAAAe,MAAA;EAAAZ,QACE;AAAU,GACZ;EACAiB,YAAA;EAAAC,QACE;AAAc;AACJF,MACZ,CAAAF,WAAA;AACF,SAEAC,MAAO,E","ignoreList":[]}
|
|
@@ -1,40 +1,6 @@
|
|
|
1
1
|
import { styled } from "@tamagui/core";
|
|
2
2
|
import { YStack } from "./Stacks";
|
|
3
3
|
import { bordered, circular, elevate, focusTheme, hoverTheme, padded, pressTheme, radiused } from "./variants";
|
|
4
|
-
function _define_property(obj, key, value) {
|
|
5
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
6
|
-
value,
|
|
7
|
-
enumerable: !0,
|
|
8
|
-
configurable: !0,
|
|
9
|
-
writable: !0
|
|
10
|
-
}) : obj[key] = value, obj;
|
|
11
|
-
}
|
|
12
|
-
function _object_spread(target) {
|
|
13
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
14
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
15
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
16
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
17
|
-
}))), ownKeys2.forEach(function(key) {
|
|
18
|
-
_define_property(target, key, source[key]);
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
return target;
|
|
22
|
-
}
|
|
23
|
-
function ownKeys(object, enumerableOnly) {
|
|
24
|
-
var keys = Object.keys(object);
|
|
25
|
-
if (Object.getOwnPropertySymbols) {
|
|
26
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
28
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
29
|
-
})), keys.push.apply(keys, symbols);
|
|
30
|
-
}
|
|
31
|
-
return keys;
|
|
32
|
-
}
|
|
33
|
-
function _object_spread_props(target, source) {
|
|
34
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
35
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
36
|
-
}), target;
|
|
37
|
-
}
|
|
38
4
|
var chromelessStyle = {
|
|
39
5
|
backgroundColor: "transparent",
|
|
40
6
|
borderColor: "transparent",
|
|
@@ -63,11 +29,12 @@ var chromelessStyle = {
|
|
|
63
29
|
},
|
|
64
30
|
chromeless: {
|
|
65
31
|
true: chromelessStyle,
|
|
66
|
-
all:
|
|
32
|
+
all: {
|
|
33
|
+
...chromelessStyle,
|
|
67
34
|
hoverStyle: chromelessStyle,
|
|
68
35
|
pressStyle: chromelessStyle,
|
|
69
36
|
focusStyle: chromelessStyle
|
|
70
|
-
}
|
|
37
|
+
}
|
|
71
38
|
}
|
|
72
39
|
}, ThemeableStack = styled(YStack, {
|
|
73
40
|
variants: themeableVariants
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/ThemeableStack.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,cAAc;AAEvB,SAASC,cAAc;AAEvB,SACEC,UACAC,UACAC,SACAC,YACAC,YACAC,QACAC,YACAC,gBACK
|
|
4
|
+
"mappings": "AACA,SAASA,cAAc;AAEvB,SAASC,cAAc;AAEvB,SACEC,UACAC,UACAC,SACAC,YACAC,YACAC,QACAC,YACAC,gBACK;AAEP,IAAMC,kBAAkB;EACtBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EAEbC,YAAY;IACVF,aAAa;EACf;AACF,GAEaG,oBAAoB;EAC/BC,cAAc;IACZC,MAAM;MACJN,iBAAiB;IACnB;EACF;EAEAF;EACAH;EACAE;EACAH;EACAF;EACAI;EACAH;EACAF;EAEAgB,aAAa;IACXD,MAAM;MACJN,iBAAiB;IACnB;EACF;EAEAQ,YAAY;IACVF,MAAMP;IACNU,KAAK;MACH,GAAGV;MACHI,YAAYJ;MACZW,YAAYX;MACZY,YAAYZ;IACd;EACF;AACF,GAEaa,iBAAiBvB,OAAOC,QAAQ;EAC3CuB,UAAUT;AACZ,CAAA;",
|
|
5
5
|
"names": ["styled", "YStack", "bordered", "circular", "elevate", "focusTheme", "hoverTheme", "padded", "pressTheme", "radiused", "chromelessStyle", "backgroundColor", "borderColor", "shadowColor", "hoverStyle", "themeableVariants", "backgrounded", "true", "transparent", "chromeless", "all", "pressStyle", "focusStyle", "ThemeableStack", "variants"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { styled } from "@tamagui/core";
|
|
2
|
+
import { YStack } from "./Stacks.mjs";
|
|
3
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, padded, pressTheme, radiused } from "./variants.mjs";
|
|
4
|
+
var chromelessStyle = {
|
|
5
|
+
backgroundColor: "transparent",
|
|
6
|
+
borderColor: "transparent",
|
|
7
|
+
shadowColor: "transparent",
|
|
8
|
+
hoverStyle: {
|
|
9
|
+
borderColor: "transparent"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
themeableVariants = {
|
|
13
|
+
backgrounded: {
|
|
14
|
+
true: {
|
|
15
|
+
backgroundColor: "$background"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
radiused,
|
|
19
|
+
hoverTheme,
|
|
20
|
+
pressTheme,
|
|
21
|
+
focusTheme,
|
|
22
|
+
circular,
|
|
23
|
+
padded,
|
|
24
|
+
elevate,
|
|
25
|
+
bordered,
|
|
26
|
+
transparent: {
|
|
27
|
+
true: {
|
|
28
|
+
backgroundColor: "transparent"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
chromeless: {
|
|
32
|
+
true: chromelessStyle,
|
|
33
|
+
all: {
|
|
34
|
+
...chromelessStyle,
|
|
35
|
+
hoverStyle: chromelessStyle,
|
|
36
|
+
pressStyle: chromelessStyle,
|
|
37
|
+
focusStyle: chromelessStyle
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
ThemeableStack = styled(YStack, {
|
|
42
|
+
variants: themeableVariants
|
|
43
|
+
});
|
|
44
|
+
export { ThemeableStack, themeableVariants };
|
|
45
|
+
//# sourceMappingURL=ThemeableStack.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","YStack","bordered","circular","elevate","focusTheme","hoverTheme","padded","pressTheme","radiused","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","themeableVariants","backgrounded","true","transparent","chromeless","all","pressStyle","focusStyle","ThemeableStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEvB,SAAAC,QAAA,EAAAC,QAAA,EAAAC,OAAA,EAAAC,UAAA,EAAAC,UAAA,EAAAC,MAAA,EAAAC,UAAA,EAAAC,QAAA;AAAA,IACEC,eAAA;IACAC,eAAA;IACAC,WAAA;IACAC,WAAA;IACAC,UAAA;MACAF,WAAA;IACA;EAAA;EACAG,iBAAA;IAAAC,YACK;MAEPC,IAAM;QACJN,eAAiB;MACjB;IACA;IAEAF,QAAA;IAAYH,UACV;IACFE,UAAA;IACFH,UAEa;IACXF,QAAA;IAAcI,MACZ;IAAMH,OACJ;IAAiBF,QACnB;IACFgB,WAAA;MAEAD,IAAA;QACAN,eAAA;MACA;IACA;IACAQ,UAAA;MACAF,IAAA,EAAAP,eAAA;MACAU,GAAA;QACA,GAAAV,eAAA;QAEAI,UAAa,EAAAJ,eAAA;QACXW,UAAM,EAAAX,eAAA;QACJY,UAAA,EAAAZ;MACF;IACF;EAAA;EAEAa,cAAY,GAAAvB,MAAA,CAAAC,MAAA;IAAAuB,QACJ,EAAAT;EAAA;AACD,SACAQ,cACH,EAAYR,iBACA","ignoreList":[]}
|
|
@@ -1,49 +1,31 @@
|
|
|
1
1
|
import { getVariableValue, isAndroid, isVariable } from "@tamagui/core";
|
|
2
|
-
function _define_property(obj, key, value) {
|
|
3
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
4
|
-
value,
|
|
5
|
-
enumerable: !0,
|
|
6
|
-
configurable: !0,
|
|
7
|
-
writable: !0
|
|
8
|
-
}) : obj[key] = value, obj;
|
|
9
|
-
}
|
|
10
|
-
function _object_spread(target) {
|
|
11
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
12
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
|
|
13
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
14
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
15
|
-
}))), ownKeys.forEach(function(key) {
|
|
16
|
-
_define_property(target, key, source[key]);
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
return target;
|
|
20
|
-
}
|
|
21
2
|
var getElevation = function(size, extras) {
|
|
22
3
|
if (size) {
|
|
23
|
-
var tokens = extras
|
|
4
|
+
var { tokens } = extras, token = tokens.size[size], sizeNum = isVariable(token) ? +token.val : size;
|
|
24
5
|
return getSizedElevation(sizeNum, extras);
|
|
25
6
|
}
|
|
26
7
|
}, getSizedElevation = function(val, param) {
|
|
27
|
-
var
|
|
8
|
+
var { theme, tokens } = param, num = 0;
|
|
28
9
|
if (val === !0) {
|
|
29
10
|
var _$val = getVariableValue(tokens.size.true);
|
|
30
11
|
typeof _$val == "number" ? num = _$val : num = 10;
|
|
31
12
|
} else
|
|
32
13
|
num = +val;
|
|
33
14
|
if (num !== 0) {
|
|
34
|
-
var
|
|
15
|
+
var [height, shadowRadius] = [
|
|
35
16
|
Math.round(num / 4 + 1),
|
|
36
17
|
Math.round(num / 2 + 2)
|
|
37
|
-
],
|
|
18
|
+
], shadow = {
|
|
38
19
|
shadowColor: theme.shadowColor,
|
|
39
20
|
shadowRadius,
|
|
40
21
|
shadowOffset: {
|
|
41
22
|
height,
|
|
42
23
|
width: 0
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
24
|
+
},
|
|
25
|
+
...isAndroid ? {
|
|
26
|
+
elevationAndroid: 2 * height
|
|
27
|
+
} : {}
|
|
28
|
+
};
|
|
47
29
|
return shadow;
|
|
48
30
|
}
|
|
49
31
|
};
|