@tamagui/stacks 1.113.0 → 1.113.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.
- package/dist/esm/NestingContext.native.js +5 -3
- package/dist/esm/NestingContext.native.js.map +6 -1
- package/dist/esm/SizableStack.native.js +7 -5
- package/dist/esm/SizableStack.native.js.map +6 -1
- package/dist/esm/Stacks.native.js +31 -29
- package/dist/esm/Stacks.native.js.map +6 -1
- package/dist/esm/ThemeableStack.native.js +40 -39
- package/dist/esm/ThemeableStack.native.js.map +6 -1
- package/dist/esm/getElevation.native.js +35 -38
- package/dist/esm/getElevation.native.js.map +6 -1
- package/dist/esm/index.native.js +5 -5
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/variants.native.js +84 -93
- package/dist/esm/variants.native.js.map +6 -1
- package/package.json +4 -4
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
var ButtonNestingContext = /* @__PURE__ */React.createContext(!1);
|
|
3
|
-
export {
|
|
4
|
-
|
|
2
|
+
var ButtonNestingContext = /* @__PURE__ */ React.createContext(!1);
|
|
3
|
+
export {
|
|
4
|
+
ButtonNestingContext
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=NestingContext.js.map
|
|
@@ -1 +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,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";
|
|
4
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants";
|
|
5
5
|
var SizableStack = styled(XStack, {
|
|
6
6
|
name: "SizableStack",
|
|
7
7
|
variants: {
|
|
@@ -21,11 +21,13 @@ var SizableStack = styled(XStack, {
|
|
|
21
21
|
elevate,
|
|
22
22
|
bordered,
|
|
23
23
|
size: {
|
|
24
|
-
"...size": function
|
|
24
|
+
"...size": function(val, extras) {
|
|
25
25
|
return getButtonSized(val, extras);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
export {
|
|
31
|
-
|
|
30
|
+
export {
|
|
31
|
+
SizableStack
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=SizableStack.js.map
|
|
@@ -1 +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,34 +1,31 @@
|
|
|
1
1
|
import { View, styled } from "@tamagui/core";
|
|
2
|
-
import { getElevation } from "./getElevation
|
|
2
|
+
import { getElevation } from "./getElevation";
|
|
3
3
|
var fullscreenStyle = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
position: "absolute",
|
|
5
|
+
top: 0,
|
|
6
|
+
left: 0,
|
|
7
|
+
right: 0,
|
|
8
|
+
bottom: 0
|
|
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
|
|
9
19
|
},
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
left: val,
|
|
14
|
-
bottom: val,
|
|
15
|
-
right: val
|
|
16
|
-
};
|
|
20
|
+
elevation: {
|
|
21
|
+
"...size": getElevation,
|
|
22
|
+
":number": getElevation
|
|
17
23
|
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"...size": getElevation,
|
|
24
|
-
":number": getElevation
|
|
25
|
-
},
|
|
26
|
-
inset: getInset
|
|
27
|
-
},
|
|
28
|
-
YStack = styled(View, {
|
|
29
|
-
flexDirection: "column",
|
|
30
|
-
variants
|
|
31
|
-
});
|
|
24
|
+
inset: getInset
|
|
25
|
+
}, YStack = styled(View, {
|
|
26
|
+
flexDirection: "column",
|
|
27
|
+
variants
|
|
28
|
+
});
|
|
32
29
|
YStack.displayName = "YStack";
|
|
33
30
|
var XStack = styled(View, {
|
|
34
31
|
flexDirection: "row",
|
|
@@ -42,5 +39,10 @@ var ZStack = styled(YStack, {
|
|
|
42
39
|
isZStack: !0
|
|
43
40
|
});
|
|
44
41
|
ZStack.displayName = "ZStack";
|
|
45
|
-
export {
|
|
46
|
-
|
|
42
|
+
export {
|
|
43
|
+
XStack,
|
|
44
|
+
YStack,
|
|
45
|
+
ZStack,
|
|
46
|
+
fullscreenStyle
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=Stacks.js.map
|
|
@@ -1 +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,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
|
+
}
|
|
@@ -1,45 +1,46 @@
|
|
|
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";
|
|
3
|
+
import { bordered, circular, elevate, focusTheme, hoverTheme, padded, pressTheme, radiused } from "./variants";
|
|
4
4
|
var chromelessStyle = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
backgroundColor: "transparent",
|
|
6
|
+
borderColor: "transparent",
|
|
7
|
+
shadowColor: "transparent",
|
|
8
|
+
hoverStyle: {
|
|
9
|
+
borderColor: "transparent"
|
|
10
|
+
}
|
|
11
|
+
}, themeableVariants = {
|
|
12
|
+
backgrounded: {
|
|
13
|
+
true: {
|
|
14
|
+
backgroundColor: "$background"
|
|
10
15
|
}
|
|
11
16
|
},
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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
|
-
}
|
|
17
|
+
radiused,
|
|
18
|
+
hoverTheme,
|
|
19
|
+
pressTheme,
|
|
20
|
+
focusTheme,
|
|
21
|
+
circular,
|
|
22
|
+
padded,
|
|
23
|
+
elevate,
|
|
24
|
+
bordered,
|
|
25
|
+
transparent: {
|
|
26
|
+
true: {
|
|
27
|
+
backgroundColor: "transparent"
|
|
39
28
|
}
|
|
40
29
|
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
30
|
+
chromeless: {
|
|
31
|
+
true: chromelessStyle,
|
|
32
|
+
all: {
|
|
33
|
+
...chromelessStyle,
|
|
34
|
+
hoverStyle: chromelessStyle,
|
|
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
|
|
@@ -1 +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,39 +1,36 @@
|
|
|
1
1
|
import { getVariableValue, isAndroid, isVariable } from "@tamagui/core";
|
|
2
|
-
var getElevation = function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
num
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
};
|
|
38
|
-
export { getElevation, getSizedElevation };
|
|
39
|
-
//# sourceMappingURL=getElevation.native.js.map
|
|
2
|
+
var getElevation = function(size, extras) {
|
|
3
|
+
if (size) {
|
|
4
|
+
var { tokens } = extras, token = tokens.size[size], sizeNum = isVariable(token) ? +token.val : size;
|
|
5
|
+
return getSizedElevation(sizeNum, extras);
|
|
6
|
+
}
|
|
7
|
+
}, getSizedElevation = function(val, param) {
|
|
8
|
+
var { theme, tokens } = param, num = 0;
|
|
9
|
+
if (val === !0) {
|
|
10
|
+
var _$val = getVariableValue(tokens.size.true);
|
|
11
|
+
typeof _$val == "number" ? num = _$val : num = 10;
|
|
12
|
+
} else
|
|
13
|
+
num = +val;
|
|
14
|
+
if (num !== 0) {
|
|
15
|
+
var [height, shadowRadius] = [
|
|
16
|
+
Math.round(num / 4 + 1),
|
|
17
|
+
Math.round(num / 2 + 2)
|
|
18
|
+
], shadow = {
|
|
19
|
+
shadowColor: theme.shadowColor,
|
|
20
|
+
shadowRadius,
|
|
21
|
+
shadowOffset: {
|
|
22
|
+
height,
|
|
23
|
+
width: 0
|
|
24
|
+
},
|
|
25
|
+
...isAndroid ? {
|
|
26
|
+
elevationAndroid: 2 * height
|
|
27
|
+
} : {}
|
|
28
|
+
};
|
|
29
|
+
return shadow;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
getElevation,
|
|
34
|
+
getSizedElevation
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=getElevation.js.map
|
|
@@ -1 +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
|
+
}
|
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.
|
|
1
|
+
export * from "./Stacks";
|
|
2
|
+
export * from "./SizableStack";
|
|
3
|
+
export * from "./ThemeableStack";
|
|
4
|
+
export * from "./NestingContext";
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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,106 +1,97 @@
|
|
|
1
|
-
import { getElevation } from "./getElevation
|
|
1
|
+
import { getElevation } from "./getElevation";
|
|
2
2
|
var elevate = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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: {
|
|
3
|
+
true: function(_, extras) {
|
|
4
|
+
return getElevation(extras.props.size, extras);
|
|
5
|
+
}
|
|
6
|
+
}, bordered = function(val, param) {
|
|
7
|
+
var { props } = param;
|
|
8
|
+
return {
|
|
9
|
+
// TODO size it with size in '...size'
|
|
10
|
+
borderWidth: typeof val == "number" ? val : 1,
|
|
11
|
+
borderColor: "$borderColor",
|
|
12
|
+
...props.hoverTheme && {
|
|
79
13
|
hoverStyle: {
|
|
80
|
-
backgroundColor: "$backgroundHover",
|
|
81
14
|
borderColor: "$borderColorHover"
|
|
82
15
|
}
|
|
83
16
|
},
|
|
84
|
-
|
|
85
|
-
},
|
|
86
|
-
pressTheme = {
|
|
87
|
-
true: {
|
|
88
|
-
cursor: "pointer",
|
|
17
|
+
...props.pressTheme && {
|
|
89
18
|
pressStyle: {
|
|
90
|
-
backgroundColor: "$backgroundPress",
|
|
91
19
|
borderColor: "$borderColorPress"
|
|
92
20
|
}
|
|
93
21
|
},
|
|
94
|
-
|
|
95
|
-
},
|
|
96
|
-
focusTheme = {
|
|
97
|
-
true: {
|
|
22
|
+
...props.focusTheme && {
|
|
98
23
|
focusStyle: {
|
|
99
|
-
backgroundColor: "$backgroundFocus",
|
|
100
24
|
borderColor: "$borderColorFocus"
|
|
101
25
|
}
|
|
102
|
-
}
|
|
103
|
-
false: {}
|
|
26
|
+
}
|
|
104
27
|
};
|
|
105
|
-
|
|
106
|
-
|
|
28
|
+
}, padded = {
|
|
29
|
+
true: function(_, extras) {
|
|
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
|
|
@@ -1 +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
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/stacks",
|
|
3
|
-
"version": "1.113.
|
|
3
|
+
"version": "1.113.2",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/core": "1.113.
|
|
36
|
+
"@tamagui/core": "1.113.2"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "1.113.
|
|
40
|
-
"@tamagui/get-button-sized": "1.113.
|
|
39
|
+
"@tamagui/build": "1.113.2",
|
|
40
|
+
"@tamagui/get-button-sized": "1.113.2",
|
|
41
41
|
"react": "^18.2.0 || ^19.0.0"
|
|
42
42
|
},
|
|
43
43
|
"publishConfig": {
|