@tamagui/tabs 2.0.0-rc.8 → 2.0.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/StyledContext.cjs +12 -10
- package/dist/cjs/StyledContext.native.js +17 -15
- package/dist/cjs/StyledContext.native.js.map +1 -1
- package/dist/cjs/Tabs.cjs +63 -61
- package/dist/cjs/Tabs.native.js +63 -61
- package/dist/cjs/Tabs.native.js.map +1 -1
- package/dist/cjs/createTabs.cjs +247 -216
- package/dist/cjs/createTabs.native.js +259 -231
- package/dist/cjs/createTabs.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -13
- package/dist/cjs/index.native.js +15 -13
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Tabs.mjs +48 -48
- package/dist/esm/Tabs.mjs.map +1 -1
- package/dist/esm/Tabs.native.js +48 -48
- package/dist/esm/Tabs.native.js.map +1 -1
- package/dist/esm/createTabs.mjs +210 -181
- package/dist/esm/createTabs.mjs.map +1 -1
- package/dist/esm/createTabs.native.js +222 -196
- package/dist/esm/createTabs.native.js.map +1 -1
- package/dist/esm/index.js +5 -7
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/StyledContext.native.js +17 -15
- package/dist/jsx/Tabs.mjs +48 -48
- package/dist/jsx/Tabs.mjs.map +1 -1
- package/dist/jsx/Tabs.native.js +63 -61
- package/dist/jsx/Tabs.native.js.map +1 -1
- package/dist/jsx/createTabs.mjs +210 -181
- package/dist/jsx/createTabs.mjs.map +1 -1
- package/dist/jsx/createTabs.native.js +259 -231
- package/dist/jsx/createTabs.native.js.map +1 -1
- package/dist/jsx/index.js +5 -7
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +15 -13
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +21 -25
- package/src/createTabs.tsx +6 -1
- package/types/createTabs.d.ts +4 -4
- package/types/createTabs.d.ts.map +1 -1
- package/types/index.d.ts +4 -4
- package/dist/cjs/StyledContext.js +0 -23
- package/dist/cjs/StyledContext.js.map +0 -6
- package/dist/cjs/Tabs.js +0 -73
- package/dist/cjs/Tabs.js.map +0 -6
- package/dist/cjs/createTabs.js +0 -229
- package/dist/cjs/createTabs.js.map +0 -6
- package/dist/cjs/index.js +0 -28
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/StyledContext.js +0 -7
- package/dist/esm/StyledContext.js.map +0 -6
- package/dist/esm/Tabs.js +0 -59
- package/dist/esm/Tabs.js.map +0 -6
- package/dist/esm/createTabs.js +0 -217
- package/dist/esm/createTabs.js.map +0 -6
- package/dist/jsx/StyledContext.js +0 -7
- package/dist/jsx/StyledContext.js.map +0 -6
- package/dist/jsx/Tabs.js +0 -59
- package/dist/jsx/Tabs.js.map +0 -6
- package/dist/jsx/createTabs.js +0 -217
- package/dist/jsx/createTabs.js.map +0 -6
package/dist/jsx/Tabs.mjs
CHANGED
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
import { styled, View } from "@tamagui/core";
|
|
2
2
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
3
3
|
import { SizableStack, ThemeableStack } from "@tamagui/stacks";
|
|
4
|
-
const TABS_NAME = "Tabs"
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
unstyled: {
|
|
22
|
-
false: {
|
|
23
|
-
borderWidth: 0,
|
|
24
|
-
backgroundColor: "$background",
|
|
25
|
-
userSelect: "none",
|
|
26
|
-
justifyContent: "center",
|
|
27
|
-
alignItems: "center",
|
|
28
|
-
flexWrap: "nowrap",
|
|
29
|
-
flexDirection: "row",
|
|
30
|
-
cursor: "pointer",
|
|
31
|
-
pressStyle: {
|
|
32
|
-
backgroundColor: "$backgroundPress"
|
|
33
|
-
},
|
|
34
|
-
focusVisibleStyle: {
|
|
35
|
-
outlineColor: "$outlineColor",
|
|
36
|
-
outlineWidth: 2,
|
|
37
|
-
outlineStyle: "solid",
|
|
38
|
-
zIndex: 10
|
|
39
|
-
}
|
|
40
|
-
}
|
|
4
|
+
const TABS_NAME = "Tabs";
|
|
5
|
+
const DefaultTabsFrame = styled(SizableStack, {
|
|
6
|
+
name: TABS_NAME
|
|
7
|
+
});
|
|
8
|
+
const TRIGGER_NAME = "TabsTrigger";
|
|
9
|
+
const DefaultTabsTabFrame = styled(View, {
|
|
10
|
+
name: TRIGGER_NAME,
|
|
11
|
+
role: "tab",
|
|
12
|
+
variants: {
|
|
13
|
+
size: {
|
|
14
|
+
"...size": getButtonSized
|
|
15
|
+
},
|
|
16
|
+
disabled: {
|
|
17
|
+
true: {
|
|
18
|
+
pointerEvents: "none"
|
|
41
19
|
}
|
|
42
20
|
},
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
21
|
+
unstyled: {
|
|
22
|
+
false: {
|
|
23
|
+
borderWidth: 0,
|
|
24
|
+
backgroundColor: "$background",
|
|
25
|
+
userSelect: "none",
|
|
26
|
+
justifyContent: "center",
|
|
27
|
+
alignItems: "center",
|
|
28
|
+
flexWrap: "nowrap",
|
|
29
|
+
flexDirection: "row",
|
|
30
|
+
cursor: "pointer",
|
|
31
|
+
pressStyle: {
|
|
32
|
+
backgroundColor: "$backgroundPress"
|
|
33
|
+
},
|
|
34
|
+
focusVisibleStyle: {
|
|
35
|
+
outlineColor: "$outlineColor",
|
|
36
|
+
outlineWidth: 2,
|
|
37
|
+
outlineStyle: "solid",
|
|
38
|
+
zIndex: 10
|
|
39
|
+
}
|
|
40
|
+
}
|
|
49
41
|
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
42
|
+
},
|
|
43
|
+
defaultVariants: {
|
|
44
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
45
|
+
}
|
|
46
|
+
}, {
|
|
47
|
+
accept: {
|
|
48
|
+
activeStyle: "style"
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
const CONTENT_NAME = "TabsContent";
|
|
52
|
+
const DefaultTabsContentFrame = styled(ThemeableStack, {
|
|
53
|
+
name: CONTENT_NAME
|
|
54
|
+
});
|
|
55
55
|
export { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame };
|
|
56
56
|
//# sourceMappingURL=Tabs.mjs.map
|
package/dist/jsx/Tabs.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styled","View","getButtonSized","SizableStack","ThemeableStack","TABS_NAME","DefaultTabsFrame","name","TRIGGER_NAME","DefaultTabsTabFrame","role","variants","size","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CONTENT_NAME","DefaultTabsContentFrame"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,EAAcC,cAAA,QAAsB;AAE7C,MAAMC,SAAA,GAAY;
|
|
1
|
+
{"version":3,"names":["styled","View","getButtonSized","SizableStack","ThemeableStack","TABS_NAME","DefaultTabsFrame","name","TRIGGER_NAME","DefaultTabsTabFrame","role","variants","size","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CONTENT_NAME","DefaultTabsContentFrame"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,EAAcC,cAAA,QAAsB;AAE7C,MAAMC,SAAA,GAAY;AACX,MAAMC,gBAAA,GAAmBN,MAAA,CAAOG,YAAA,EAAc;EACnDI,IAAA,EAAMF;AACR,CAAC;AAED,MAAMG,YAAA,GAAe;AAEd,MAAMC,mBAAA,GAAsBT,MAAA,CACjCC,IAAA,EACA;EACEM,IAAA,EAAMC,YAAA;EACNE,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,IAAA,EAAM;MACJ,WAAWV;IACb;IAEAW,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;MACjB;IACF;IAEAC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,eAAA,EAAiB;QACjBC,UAAA,EAAY;QACZC,cAAA,EAAgB;QAChBC,UAAA,EAAY;QACZC,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,MAAA,EAAQ;QAERC,UAAA,EAAY;UACVP,eAAA,EAAiB;QACnB;QAEAQ,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,MAAA,EAAQ;QACV;MACF;IACF;EACF;EAEAC,eAAA,EAAiB;IACfhB,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF;AAEA,MAAMC,YAAA,GAAe;AAEd,MAAMC,uBAAA,GAA0BvC,MAAA,CAAOI,cAAA,EAAgB;EAC5DG,IAAA,EAAM+B;AACR,CAAC","ignoreList":[]}
|
package/dist/jsx/Tabs.native.js
CHANGED
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var Tabs_exports = {};
|
|
24
26
|
__export(Tabs_exports, {
|
|
@@ -27,58 +29,58 @@ __export(Tabs_exports, {
|
|
|
27
29
|
DefaultTabsTabFrame: () => DefaultTabsTabFrame
|
|
28
30
|
});
|
|
29
31
|
module.exports = __toCommonJS(Tabs_exports);
|
|
30
|
-
var import_core = require("@tamagui/core")
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
unstyled: {
|
|
51
|
-
false: {
|
|
52
|
-
borderWidth: 0,
|
|
53
|
-
backgroundColor: "$background",
|
|
54
|
-
userSelect: "none",
|
|
55
|
-
justifyContent: "center",
|
|
56
|
-
alignItems: "center",
|
|
57
|
-
flexWrap: "nowrap",
|
|
58
|
-
flexDirection: "row",
|
|
59
|
-
cursor: "pointer",
|
|
60
|
-
pressStyle: {
|
|
61
|
-
backgroundColor: "$backgroundPress"
|
|
62
|
-
},
|
|
63
|
-
focusVisibleStyle: {
|
|
64
|
-
outlineColor: "$outlineColor",
|
|
65
|
-
outlineWidth: 2,
|
|
66
|
-
outlineStyle: "solid",
|
|
67
|
-
zIndex: 10
|
|
68
|
-
}
|
|
69
|
-
}
|
|
32
|
+
var import_core = require("@tamagui/core");
|
|
33
|
+
var import_get_button_sized = require("@tamagui/get-button-sized");
|
|
34
|
+
var import_stacks = require("@tamagui/stacks");
|
|
35
|
+
var TABS_NAME = "Tabs";
|
|
36
|
+
var DefaultTabsFrame = (0, import_core.styled)(import_stacks.SizableStack, {
|
|
37
|
+
name: TABS_NAME
|
|
38
|
+
});
|
|
39
|
+
var TRIGGER_NAME = "TabsTrigger";
|
|
40
|
+
var DefaultTabsTabFrame = (0, import_core.styled)(import_core.View, {
|
|
41
|
+
name: TRIGGER_NAME,
|
|
42
|
+
role: "tab",
|
|
43
|
+
variants: {
|
|
44
|
+
size: {
|
|
45
|
+
"...size": import_get_button_sized.getButtonSized
|
|
46
|
+
},
|
|
47
|
+
disabled: {
|
|
48
|
+
true: {
|
|
49
|
+
pointerEvents: "none"
|
|
70
50
|
}
|
|
71
51
|
},
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
52
|
+
unstyled: {
|
|
53
|
+
false: {
|
|
54
|
+
borderWidth: 0,
|
|
55
|
+
backgroundColor: "$background",
|
|
56
|
+
userSelect: "none",
|
|
57
|
+
justifyContent: "center",
|
|
58
|
+
alignItems: "center",
|
|
59
|
+
flexWrap: "nowrap",
|
|
60
|
+
flexDirection: "row",
|
|
61
|
+
cursor: "pointer",
|
|
62
|
+
pressStyle: {
|
|
63
|
+
backgroundColor: "$backgroundPress"
|
|
64
|
+
},
|
|
65
|
+
focusVisibleStyle: {
|
|
66
|
+
outlineColor: "$outlineColor",
|
|
67
|
+
outlineWidth: 2,
|
|
68
|
+
outlineStyle: "solid",
|
|
69
|
+
zIndex: 10
|
|
70
|
+
}
|
|
71
|
+
}
|
|
78
72
|
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
73
|
+
},
|
|
74
|
+
defaultVariants: {
|
|
75
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
76
|
+
}
|
|
77
|
+
}, {
|
|
78
|
+
accept: {
|
|
79
|
+
activeStyle: "style"
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
var CONTENT_NAME = "TabsContent";
|
|
83
|
+
var DefaultTabsContentFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
84
|
+
name: CONTENT_NAME
|
|
85
|
+
});
|
|
84
86
|
//# sourceMappingURL=Tabs.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Tabs_exports","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","module","exports","import_core","require","import_get_button_sized","import_stacks","TABS_NAME","styled","SizableStack","TRIGGER_NAME","View","role","variants","size","getButtonSized","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle"
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Tabs_exports","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","module","exports","import_core","require","import_get_button_sized","import_stacks","TABS_NAME","styled","SizableStack","TRIGGER_NAME","View","role","variants","size","getButtonSized","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAsB;AAC/B,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAsB;AAE7C,IAAAC,iBAAkB,GAAAJ,MAAA,CAAAK,mBAAA;AACX,IAAAC,YAAM,GAAAN,MAAmB,CAAAO,SAAO,CAAAC,cAAc;AAAA,IACnDC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACP,SAAAC,IAAA,IAAAD,GAAA,EAEDZ,SAAM,CAAAW,MAAA,EAAeE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEd;AAA4B,IACjCC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACE,SAAMG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACN,IAAM,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAENnB,SAAU,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACF,OACJE,EAAA;AAAW;AACb,IAAAM,YAEU,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,YACF;AAAAhB,QAAA,CAAAgB,YACJ;EAAeC,uBACjB,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,gBACF,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAEU,EAAAA,CAAA,KAAAA;AAAA;AACDC,MAAA,CAAAC,OACL,GAAAR,YAAa,CAAAG,YAAA;AAAA,IAAAM,WACb,GAAAC,OAAA,gBAAiB;AAAA,IAAAC,uBACL,GAAAD,OAAA;AAAA,IAAAE,aACZ,GAAAF,OAAgB;AAAA,IAAAG,SAChB,SAAY;AAAA,IAAAR,gBACF,OAAAI,WAAA,CAAAK,MAAA,EAAAF,aAAA,CAAAG,YAAA;EAAAzB,IAAA,EAAAuB;AACK;AACP,IAAAG,YAER,gBAAY;AAAA,IAAAV,mBACV,OAAiBG,WAAA,CAAAK,MAAA,EAAAL,WAAA,CAAAQ,IAAA;EAAA3B,IAAA,EAAA0B,YACnB;EAAAE,IAAA,OAEA;EAAmBC,QAAA,EACjB;IAAcC,IAAA;MACA,SACd,EAAAT,uBAAc,CAAAU;IAAA;IACNC,QACV;MAAAC,IACF;QACFC,aAAA;MACF;IAEA;IAAiBC,QACf;MACFC,KAAA;QACFC,WAAA;QACAC,eAAA;QACEC,UAAQ;QACNC,cAAa;QACfC,UAAA;QACFC,QAAA;QACFC,aAAA;QAEMC,MAAA,WAAe;QAERC,UAAA;UACLP,eAAA;QACP","ignoreList":[]}
|