@tamagui/stacks 1.125.6 → 1.125.8
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/esm/NestingContext.native.js +3 -5
- package/dist/esm/NestingContext.native.js.map +1 -6
- package/dist/esm/SizableStack.native.js +5 -7
- package/dist/esm/SizableStack.native.js.map +1 -6
- package/dist/esm/Stacks.native.js +29 -31
- package/dist/esm/Stacks.native.js.map +1 -6
- package/dist/esm/ThemeableStack.native.js +39 -40
- package/dist/esm/ThemeableStack.native.js.map +1 -6
- package/dist/esm/getElevation.native.js +38 -35
- package/dist/esm/getElevation.native.js.map +1 -6
- package/dist/esm/index.native.js +5 -5
- package/dist/esm/index.native.js.map +1 -6
- package/dist/esm/variants.native.js +93 -84
- package/dist/esm/variants.native.js.map +1 -6
- package/package.json +4 -4
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
var ButtonNestingContext = /* @__PURE__ */
|
|
3
|
-
export {
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
//# sourceMappingURL=NestingContext.js.map
|
|
2
|
+
var ButtonNestingContext = /* @__PURE__ */React.createContext(!1);
|
|
3
|
+
export { ButtonNestingContext };
|
|
4
|
+
//# sourceMappingURL=NestingContext.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/NestingContext.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAOA,WAAW;AAEX,IAAMC,uBAAuBD,sBAAME,cAAc,EAAA;",
|
|
5
|
-
"names": ["React", "ButtonNestingContext", "createContext"]
|
|
6
|
-
}
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import { styled } from "@tamagui/core";
|
|
2
2
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
3
|
-
import { XStack } from "./Stacks";
|
|
4
|
-
import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants";
|
|
3
|
+
import { XStack } from "./Stacks.native.js";
|
|
4
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants.native.js";
|
|
5
5
|
var SizableStack = styled(XStack, {
|
|
6
6
|
name: "SizableStack",
|
|
7
7
|
variants: {
|
|
@@ -21,13 +21,11 @@ var SizableStack = styled(XStack, {
|
|
|
21
21
|
elevate,
|
|
22
22
|
bordered,
|
|
23
23
|
size: {
|
|
24
|
-
"...size": function(val, extras) {
|
|
24
|
+
"...size": function (val, extras) {
|
|
25
25
|
return getButtonSized(val, extras);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
export {
|
|
31
|
-
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=SizableStack.js.map
|
|
30
|
+
export { SizableStack };
|
|
31
|
+
//# sourceMappingURL=SizableStack.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/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
|
-
}
|
|
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,31 +1,34 @@
|
|
|
1
1
|
import { View, styled } from "@tamagui/core";
|
|
2
|
-
import { getElevation } from "./getElevation";
|
|
2
|
+
import { getElevation } from "./getElevation.native.js";
|
|
3
3
|
var fullscreenStyle = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, getInset = function(val) {
|
|
10
|
-
return val && typeof val == "object" ? val : {
|
|
11
|
-
top: val,
|
|
12
|
-
left: val,
|
|
13
|
-
bottom: val,
|
|
14
|
-
right: val
|
|
15
|
-
};
|
|
16
|
-
}, variants = {
|
|
17
|
-
fullscreen: {
|
|
18
|
-
true: fullscreenStyle
|
|
4
|
+
position: "absolute",
|
|
5
|
+
top: 0,
|
|
6
|
+
left: 0,
|
|
7
|
+
right: 0,
|
|
8
|
+
bottom: 0
|
|
19
9
|
},
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
|
|
10
|
+
getInset = function (val) {
|
|
11
|
+
return val && typeof val == "object" ? val : {
|
|
12
|
+
top: val,
|
|
13
|
+
left: val,
|
|
14
|
+
bottom: val,
|
|
15
|
+
right: val
|
|
16
|
+
};
|
|
23
17
|
},
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
+
});
|
|
29
32
|
YStack.displayName = "YStack";
|
|
30
33
|
var XStack = styled(View, {
|
|
31
34
|
flexDirection: "row",
|
|
@@ -39,10 +42,5 @@ var ZStack = styled(YStack, {
|
|
|
39
42
|
isZStack: !0
|
|
40
43
|
});
|
|
41
44
|
ZStack.displayName = "ZStack";
|
|
42
|
-
export {
|
|
43
|
-
|
|
44
|
-
YStack,
|
|
45
|
-
ZStack,
|
|
46
|
-
fullscreenStyle
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=Stacks.js.map
|
|
45
|
+
export { XStack, YStack, ZStack, fullscreenStyle };
|
|
46
|
+
//# sourceMappingURL=Stacks.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/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,GAMaO,SAASf,OAAOD,MAAM;EACjCiB,eAAe;EACfN;AACF,CAAA;AAEAK,OAAO,cAAiB;AAMjB,IAAME,SAASjB,OAAOD,MAAM;EACjCiB,eAAe;EACfN;AACF,CAAA;AAEAO,OAAO,cAAiB;AAMjB,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
|
-
}
|
|
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,CAMa;IACXa,KAAA,EAAAN;EAAe;EACfO,MAAA,GAAAf,MAAA,CAAAD,IAAA;IACDiB,aAAA;IAEDN;EAMO;AAA4BK,MACjC,CAAAE,WAAe;AAAA,IACfC,MAAA,GAAAlB,MAAA,CAAAD,IAAA;EACDiB,aAAA;EAEDN;AAMO;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,46 +1,45 @@
|
|
|
1
1
|
import { styled } from "@tamagui/core";
|
|
2
|
-
import { YStack } from "./Stacks";
|
|
3
|
-
import { bordered, circular, elevate, focusTheme, hoverTheme, padded, pressTheme, radiused } from "./variants";
|
|
2
|
+
import { YStack } from "./Stacks.native.js";
|
|
3
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, padded, pressTheme, radiused } from "./variants.native.js";
|
|
4
4
|
var chromelessStyle = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
}, themeableVariants = {
|
|
12
|
-
backgrounded: {
|
|
13
|
-
true: {
|
|
14
|
-
backgroundColor: "$background"
|
|
5
|
+
backgroundColor: "transparent",
|
|
6
|
+
borderColor: "transparent",
|
|
7
|
+
shadowColor: "transparent",
|
|
8
|
+
hoverStyle: {
|
|
9
|
+
borderColor: "transparent"
|
|
15
10
|
}
|
|
16
11
|
},
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
+
}
|
|
28
39
|
}
|
|
29
40
|
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
pressStyle: chromelessStyle,
|
|
36
|
-
focusStyle: chromelessStyle
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}, ThemeableStack = styled(YStack, {
|
|
40
|
-
variants: themeableVariants
|
|
41
|
-
});
|
|
42
|
-
export {
|
|
43
|
-
ThemeableStack,
|
|
44
|
-
themeableVariants
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=ThemeableStack.js.map
|
|
41
|
+
ThemeableStack = styled(YStack, {
|
|
42
|
+
variants: themeableVariants
|
|
43
|
+
});
|
|
44
|
+
export { ThemeableStack, themeableVariants };
|
|
45
|
+
//# sourceMappingURL=ThemeableStack.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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;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
|
-
"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
|
-
}
|
|
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,36 +1,39 @@
|
|
|
1
1
|
import { getVariableValue, isAndroid, isVariable } from "@tamagui/core";
|
|
2
|
-
var getElevation = function(size, extras) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
2
|
+
var getElevation = function (size, extras) {
|
|
3
|
+
if (size) {
|
|
4
|
+
var {
|
|
5
|
+
tokens
|
|
6
|
+
} = extras,
|
|
7
|
+
token = tokens.size[size],
|
|
8
|
+
sizeNum = isVariable(token) ? +token.val : size;
|
|
9
|
+
return getSizedElevation(sizeNum, extras);
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
getSizedElevation = function (val, param) {
|
|
13
|
+
var {
|
|
14
|
+
theme,
|
|
15
|
+
tokens
|
|
16
|
+
} = param,
|
|
17
|
+
num = 0;
|
|
18
|
+
if (val === !0) {
|
|
19
|
+
var _$val = getVariableValue(tokens.size.true);
|
|
20
|
+
typeof _$val == "number" ? num = _$val : num = 10;
|
|
21
|
+
} else num = +val;
|
|
22
|
+
if (num !== 0) {
|
|
23
|
+
var [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)],
|
|
24
|
+
shadow = {
|
|
25
|
+
shadowColor: theme.shadowColor,
|
|
26
|
+
shadowRadius,
|
|
27
|
+
shadowOffset: {
|
|
28
|
+
height,
|
|
29
|
+
width: 0
|
|
30
|
+
},
|
|
31
|
+
...(isAndroid ? {
|
|
32
|
+
elevationAndroid: 2 * height
|
|
33
|
+
} : {})
|
|
34
|
+
};
|
|
35
|
+
return shadow;
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
export { getElevation, getSizedElevation };
|
|
39
|
+
//# sourceMappingURL=getElevation.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/getElevation.tsx"],
|
|
4
|
-
"mappings": "AAMA,SAASA,kBAAkBC,WAAWC,kBAAkB;AAEjD,IAAMC,eAAsD,SAACC,MAAMC,QAAAA;AACxE,MAAKD,MACL;QAAM,EAAEE,OAAM,IAAKD,QACbE,QAAQD,OAAOF,KAAKA,IAAAA,GACpBI,UAAWN,WAAWK,KAAAA,IAAS,CAACA,MAAME,MAAML;AAClD,WAAOM,kBAAkBF,SAASH,MAAAA;;AACpC,GAEaK,oBAAoB,SAC/BD,KAAAA,OAAAA;MACA,EAAEE,OAAOL,OAAM,IAA4B,OAEvCM,MAAM;AACV,MAAIH,QAAQ,IAAM;AAChB,QAAMA,QAAMT,iBAAiBM,OAAOF,KAAK,IAAO;AAChD,IAAI,OAAOK,SAAQ,WACjBG,MAAMH,QAENG,MAAM;EAEV;AACEA,UAAM,CAACH;AAET,MAAIG,QAAQ,GAGZ;QAAM,CAACC,QAAQC,YAAAA,IAAgB;MAACC,KAAKC,MAAMJ,MAAM,IAAI,CAAA;MAAIG,KAAKC,MAAMJ,MAAM,IAAI,CAAA;OACxEK,SAAS;MACbC,aAAaP,MAAMO;MACnBJ;MACAK,cAAc;QAAEN;QAAQO,OAAO;MAAE;MACjC,GAAInB,YACA;QACEoB,kBAAkB,IAAIR;MACxB,IACA,CAAC;IACP;AACA,WAAOI;;AACT;",
|
|
5
|
-
"names": ["getVariableValue", "isAndroid", "isVariable", "getElevation", "size", "extras", "tokens", "token", "sizeNum", "val", "getSizedElevation", "theme", "num", "height", "shadowRadius", "Math", "round", "shadow", "shadowColor", "shadowOffset", "width", "elevationAndroid"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["getVariableValue","isAndroid","isVariable","getElevation","size","extras","tokens","token","sizeNum","val","getSizedElevation","param","theme","num","_$val","true","height","shadowRadius","Math","round","shadow","shadowColor","shadowOffset","width"],"sources":["../../src/getElevation.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,gBAAA,EAAkBC,SAAA,EAAWC,UAAA,QAAkB;AAEjD,IAAAC,YAAM,YAAAA,CAA6DC,IAAA,EAAAC,MAAW;IACnF,IAAID,IAAC,EAAM;MACX,IAAM;UAAEE;QAAO,IAAID,MAAA;QACbE,KAAA,GAAQD,MAAA,CAAOF,IAAA,CAAKA,IAAI;QACxBI,OAAA,GAAWN,UAAA,CAAWK,KAAK,IAAI,CAACA,KAAA,CAAME,GAAA,GAAML,IAAA;MAClD,OAAOM,iBAAkB,CAAAF,OAAS,EAAAH,MAAM;IAC1C;EAME;EAAAK,iBAAU,YAAAA,CAAAD,GAAA,EAAAE,KAAA;IACV,IAAI;QAAAC,KAAA;QAAQN;MAAM,IAAAK,KAAA;MAAAE,GAAA;IAChB,IAAAJ,GAAA,KAAM,IAAM;MACR,IAAAK,KAAO,GAAAd,gBACT,CAAAM,MAAM,CAAAF,IAEN,CAAAW,IAAM;MAEV,OAAAD,KAAA,eAAAD,GAAA,GAAAC,KAAA,GAAAD,GAAA;IACE,OAEFA,GAAI,IAAAJ,GAAQ;IACV,IAAAI,GAAA;MAEF,IAAM,CAACG,MAAA,EAAQC,YAAY,IAAI,CAW/BC,IAVe,CAAAC,KAAA,CAAAN,GAAA,WACbK,IAAA,CAAAC,KAAA,CAAaN,GAAA,GAAM,OACnB;QAAAO,MAAA;UACAC,WAAA,EAAcT,KAAE,CAAAS,WAAe;UAC/BJ,YAAI;UAEEK,YAAA;YAEFN,MAAC;YACPO,KAAA;UAEF","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from "./Stacks";
|
|
2
|
-
export * from "./SizableStack";
|
|
3
|
-
export * from "./ThemeableStack";
|
|
4
|
-
export * from "./NestingContext";
|
|
5
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export * from "./Stacks.native.js";
|
|
2
|
+
export * from "./SizableStack.native.js";
|
|
3
|
+
export * from "./ThemeableStack.native.js";
|
|
4
|
+
export * from "./NestingContext.native.js";
|
|
5
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/index.ts"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -1,97 +1,106 @@
|
|
|
1
|
-
import { getElevation } from "./getElevation";
|
|
1
|
+
import { getElevation } from "./getElevation.native.js";
|
|
2
2
|
var elevate = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
},
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
true: function (_, extras) {
|
|
4
|
+
return getElevation(extras.props.size, extras);
|
|
5
|
+
}
|
|
6
|
+
},
|
|
7
|
+
bordered = function (val, param) {
|
|
8
|
+
var {
|
|
9
|
+
props
|
|
10
|
+
} = param;
|
|
11
|
+
return {
|
|
12
|
+
// TODO size it with size in '...size'
|
|
13
|
+
borderWidth: typeof val == "number" ? val : 1,
|
|
14
|
+
borderColor: "$borderColor",
|
|
15
|
+
...(props.hoverTheme && {
|
|
16
|
+
hoverStyle: {
|
|
17
|
+
borderColor: "$borderColorHover"
|
|
18
|
+
}
|
|
19
|
+
}),
|
|
20
|
+
...(props.pressTheme && {
|
|
21
|
+
pressStyle: {
|
|
22
|
+
borderColor: "$borderColorPress"
|
|
23
|
+
}
|
|
24
|
+
}),
|
|
25
|
+
...(props.focusTheme && {
|
|
26
|
+
focusStyle: {
|
|
27
|
+
borderColor: "$borderColorFocus"
|
|
28
|
+
}
|
|
29
|
+
})
|
|
30
|
+
};
|
|
31
|
+
},
|
|
32
|
+
padded = {
|
|
33
|
+
true: function (_, extras) {
|
|
34
|
+
var {
|
|
35
|
+
tokens,
|
|
36
|
+
props
|
|
37
|
+
} = extras;
|
|
38
|
+
return {
|
|
39
|
+
padding: tokens.space[props.size] || tokens.space.$true
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
radiused = {
|
|
44
|
+
true: function (_, extras) {
|
|
45
|
+
var {
|
|
46
|
+
tokens,
|
|
47
|
+
props
|
|
48
|
+
} = extras;
|
|
49
|
+
return {
|
|
50
|
+
borderRadius: tokens.radius[props.size] || tokens.radius.$true
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
circularStyle = {
|
|
55
|
+
borderRadius: 1e5,
|
|
56
|
+
padding: 0
|
|
57
|
+
},
|
|
58
|
+
circular = {
|
|
59
|
+
true: function (_, param) {
|
|
60
|
+
var {
|
|
61
|
+
props,
|
|
62
|
+
tokens
|
|
63
|
+
} = param;
|
|
64
|
+
if (!("size" in props)) return circularStyle;
|
|
65
|
+
var size = typeof props.size == "number" ? props.size : tokens.size[props.size];
|
|
66
|
+
return {
|
|
67
|
+
...circularStyle,
|
|
68
|
+
width: size,
|
|
69
|
+
height: size,
|
|
70
|
+
maxWidth: size,
|
|
71
|
+
maxHeight: size,
|
|
72
|
+
minWidth: size,
|
|
73
|
+
minHeight: size
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
hoverTheme = {
|
|
78
|
+
true: {
|
|
13
79
|
hoverStyle: {
|
|
80
|
+
backgroundColor: "$backgroundHover",
|
|
14
81
|
borderColor: "$borderColorHover"
|
|
15
82
|
}
|
|
16
83
|
},
|
|
17
|
-
|
|
84
|
+
false: {}
|
|
85
|
+
},
|
|
86
|
+
pressTheme = {
|
|
87
|
+
true: {
|
|
88
|
+
cursor: "pointer",
|
|
18
89
|
pressStyle: {
|
|
90
|
+
backgroundColor: "$backgroundPress",
|
|
19
91
|
borderColor: "$borderColorPress"
|
|
20
92
|
}
|
|
21
93
|
},
|
|
22
|
-
|
|
94
|
+
false: {}
|
|
95
|
+
},
|
|
96
|
+
focusTheme = {
|
|
97
|
+
true: {
|
|
23
98
|
focusStyle: {
|
|
99
|
+
backgroundColor: "$backgroundFocus",
|
|
24
100
|
borderColor: "$borderColorFocus"
|
|
25
101
|
}
|
|
26
|
-
}
|
|
102
|
+
},
|
|
103
|
+
false: {}
|
|
27
104
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var { tokens, props } = extras;
|
|
31
|
-
return {
|
|
32
|
-
padding: tokens.space[props.size] || tokens.space.$true
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
}, radiused = {
|
|
36
|
-
true: function(_, extras) {
|
|
37
|
-
var { tokens, props } = extras;
|
|
38
|
-
return {
|
|
39
|
-
borderRadius: tokens.radius[props.size] || tokens.radius.$true
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
}, circularStyle = {
|
|
43
|
-
borderRadius: 1e5,
|
|
44
|
-
padding: 0
|
|
45
|
-
}, circular = {
|
|
46
|
-
true: function(_, param) {
|
|
47
|
-
var { props, tokens } = param;
|
|
48
|
-
if (!("size" in props))
|
|
49
|
-
return circularStyle;
|
|
50
|
-
var size = typeof props.size == "number" ? props.size : tokens.size[props.size];
|
|
51
|
-
return {
|
|
52
|
-
...circularStyle,
|
|
53
|
-
width: size,
|
|
54
|
-
height: size,
|
|
55
|
-
maxWidth: size,
|
|
56
|
-
maxHeight: size,
|
|
57
|
-
minWidth: size,
|
|
58
|
-
minHeight: size
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
}, hoverTheme = {
|
|
62
|
-
true: {
|
|
63
|
-
hoverStyle: {
|
|
64
|
-
backgroundColor: "$backgroundHover",
|
|
65
|
-
borderColor: "$borderColorHover"
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
false: {}
|
|
69
|
-
}, pressTheme = {
|
|
70
|
-
true: {
|
|
71
|
-
cursor: "pointer",
|
|
72
|
-
pressStyle: {
|
|
73
|
-
backgroundColor: "$backgroundPress",
|
|
74
|
-
borderColor: "$borderColorPress"
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
false: {}
|
|
78
|
-
}, focusTheme = {
|
|
79
|
-
true: {
|
|
80
|
-
focusStyle: {
|
|
81
|
-
backgroundColor: "$backgroundFocus",
|
|
82
|
-
borderColor: "$borderColorFocus"
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
false: {}
|
|
86
|
-
};
|
|
87
|
-
export {
|
|
88
|
-
bordered,
|
|
89
|
-
circular,
|
|
90
|
-
elevate,
|
|
91
|
-
focusTheme,
|
|
92
|
-
hoverTheme,
|
|
93
|
-
padded,
|
|
94
|
-
pressTheme,
|
|
95
|
-
radiused
|
|
96
|
-
};
|
|
97
|
-
//# sourceMappingURL=variants.js.map
|
|
105
|
+
export { bordered, circular, elevate, focusTheme, hoverTheme, padded, pressTheme, radiused };
|
|
106
|
+
//# sourceMappingURL=variants.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/stacks/src/variants.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,oBAAoB;AAEtB,IAAMC,UAAU;EACrBC,MAAM,SAACC,GAAYC,QAAAA;AACjB,WAAOJ,aAAaI,OAAOC,MAAM,MAASD,MAAAA;EAC5C;AACF,GAEaE,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;EACpBd,MAAM,SAACC,GAAGC,QAAAA;AACR,QAAM,EAAEa,QAAQZ,MAAK,IAAKD;AAC1B,WAAO;MACLc,SAASD,OAAOE,MAAMd,MAAMe,IAAI,KAAKH,OAAOE,MAAM;IACpD;EACF;AACF,GAEaE,WAAW;EACtBnB,MAAM,SAACC,GAAGC,QAAAA;AACR,QAAM,EAAEa,QAAQZ,MAAK,IAAKD;AAC1B,WAAO;MACLkB,cAAcL,OAAOM,OAAOlB,MAAMe,IAAI,KAAKH,OAAOM,OAAO;IAC3D;EACF;AACF,GAEMC,gBAAgB;EACpBF,cAAc;EACdJ,SAAS;AACX,GAEaO,WAAW;EACtBvB,MAAM,SAACC,GAAAA,OAAAA;QAAG,EAAEE,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;EACxBR,MAAM;IACJS,YAAY;MACVqB,iBAAiB;MACjBvB,aAAa;IACf;EACF;EACAwB,OAAO,CAAC;AACV,GAEarB,aAAa;EACxBV,MAAM;IACJgC,QAAQ;IACRrB,YAAY;MACVmB,iBAAiB;MACjBvB,aAAa;IACf;EACF;EACAwB,OAAO,CAAC;AACV,GAEanB,aAAa;EACxBZ,MAAM;IACJa,YAAY;MACViB,iBAAiB;MACjBvB,aAAa;IACf;EACF;EACAwB,OAAO,CAAC;AACV;",
|
|
5
|
-
"names": ["getElevation", "elevate", "true", "_", "extras", "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
|
-
}
|
|
1
|
+
{"version":3,"names":["getElevation","elevate","true","_","extras","props","size","bordered","val","param","borderWidth","borderColor","hoverTheme","hoverStyle","pressTheme","pressStyle","focusTheme","focusStyle","padded","tokens","padding","space","$true","radiused","borderRadius","radius","circularStyle","circular","width","height","maxWidth","maxHeight","minWidth","minHeight","backgroundColor","false","cursor"],"sources":["../../src/variants.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAEtB,IAAAC,OAAM;IACXC,IAAA,EAAM,SAAAA,CAAaC,CAAA,EAAAC,MACV;MAIE,OAAAJ,YAAqC,CAAAI,MAAM,CAAAC,KAC/C,CAAAC,IAAA,EAAAF,MAAA;IAAA;EAAA;EAELG,QAAA,YAAAA,CAAoBC,GAAA,EAAAC,KAAQ;IAC5B;MAAAJ;IAAA,CAAa,GAAAI,KAAA;IAEb,OAAI;MACF;MAAYC,WACV,SAAaF,GAAA,eAAAA,GAAA;MACfG,WAAA;MACF,IAAAN,KAAA,CAAAO,UAAA;QAEIC,UAAM;UACRF,WAAY;QACV;MACF;MACF,IAAAN,KAAA,CAAAS,UAAA;QAEIC,UAAM;UACRJ,WAAY;QACV;MACF;MACF,IAAAN,KAAA,CAAAW,UAAA;QAISC,UAAS;UACdN,WAAI;QACR;MACA;IAAO;EAC6C;EAAAO,MACpD;IACFhB,IAAA,WAAAA,CAAAC,CAAA,EAAAC,MAAA;MAGW;QAAAe,MAAW;QAAAd;MAAA,IAAAD,MAAA;MACtB,OAAO;QACLgB,OAAQ,EAAAD,MAAQ,CAAAE,KAAM,CAAAhB,KAAI,CAAAC,IAAA,KAAAa,MAAA,CAAAE,KAAA,CAAAC;MAC1B;IAAO;EACoD;EAAAC,QAC3D;IACFrB,IAAA,WAAAA,CAAAC,CAAA,EAAAC,MAAA;MAGI;QAAAe,MAAA;QAAAd;MAAgB,IAAAD,MAAA;MACpB;QACAoB,YAAS,EAAAL,MAAA,CAAAM,MAAA,CAAApB,KAAA,CAAAC,IAAA,KAAAa,MAAA,CAAAM,MAAA,CAAAH;MAGE;IACX;EACE;EAAAI,aAAM;IACJF,YAAO;IAETJ,OAAA,EAAM;EACN;EAAAO,QAAO;IAAAzB,IACL,WAAAA,CAAGC,CAAA,EAAAM,KAAA;MAAA,IACH;QAAAJ,KAAO;QAAAc;MAAA,IAAAV,KAAA;MAAA,IACP,QAAQ,IAAAJ,KAAA,GACR,OAAAqB,aAAU;MAAA,IACVpB,IAAA,UAAWD,KAAA,CAAAC,IAAA,eAAAD,KAAA,CAAAC,IAAA,GAAAa,MAAA,CAAAb,IAAA,CAAAD,KAAA,CAAAC,IAAA;MAAA,OACX;QACA,GAAAoB,aAAW;QACbE,KAAA,EAAAtB,IAAA;QACFuB,MAAA,EAAAvB,IAAA;QAGWwB,QAAA,EAAaxB,IAAA;QACxByB,SAAM,EAAAzB,IAAA;QACJ0B,QAAA,EAAY1B,IAAA;QACV2B,SAAA,EAAA3B;MAAiB;IACJ;EACf;EACFM,UAAA;IACAV,IAAA;MAGWW,UAAA,EAAa;QACxBqB,eAAM;QACJvB,WAAQ;MACR;IAAY;IACOwB,KACjB;EAAa;EAAArB,UACf;IACFZ,IAAA;MACAkC,MAAQ;MAGGrB,UAAA,EAAa;QACxBmB,eAAM;QACJvB,WAAY;MAAA;IACO;IACJwB,KACf;EAAA;EACFnB,UAAA;IACAd,IAAA;MACFe,UAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/stacks",
|
|
3
|
-
"version": "1.125.
|
|
3
|
+
"version": "1.125.8",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@tamagui/core": "1.125.
|
|
39
|
+
"@tamagui/core": "1.125.8"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "1.125.
|
|
43
|
-
"@tamagui/get-button-sized": "1.125.
|
|
42
|
+
"@tamagui/build": "1.125.8",
|
|
43
|
+
"@tamagui/get-button-sized": "1.125.8",
|
|
44
44
|
"react": "*"
|
|
45
45
|
},
|
|
46
46
|
"publishConfig": {
|