@tamagui/demos 1.102.3 → 1.103.1
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/AvatarDemo.js +1 -1
- package/dist/cjs/AvatarDemo.js.map +1 -1
- package/dist/cjs/AvatarDemo.native.js +1 -1
- package/dist/cjs/AvatarDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.js +1 -1
- package/dist/cjs/BuildAButtonDemo.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.native.js +1 -1
- package/dist/cjs/BuildAButtonDemo.native.js.map +2 -2
- package/dist/cjs/ButtonDemo.js +3 -3
- package/dist/cjs/ButtonDemo.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js +3 -3
- package/dist/cjs/ButtonDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxDemo.js +2 -2
- package/dist/cjs/CheckboxDemo.js.map +1 -1
- package/dist/cjs/CheckboxDemo.native.js +2 -2
- package/dist/cjs/CheckboxDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.js +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/esm/AvatarDemo.js +1 -1
- package/dist/esm/AvatarDemo.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.native.js.map +2 -2
- package/dist/esm/BuildAButtonDemo.js +1 -1
- package/dist/esm/BuildAButtonDemo.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +1 -1
- package/dist/esm/BuildAButtonDemo.native.js.map +2 -2
- package/dist/esm/ButtonDemo.js +3 -3
- package/dist/esm/ButtonDemo.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +3 -3
- package/dist/esm/ButtonDemo.native.js +3 -3
- package/dist/esm/ButtonDemo.native.js.map +2 -2
- package/dist/esm/CheckboxDemo.js +2 -2
- package/dist/esm/CheckboxDemo.js.map +1 -1
- package/dist/esm/CheckboxDemo.mjs +2 -2
- package/dist/esm/CheckboxDemo.native.js +2 -2
- package/dist/esm/CheckboxDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +2 -2
- package/dist/esm/CheckboxHeadlessDemo.native.js +2 -2
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/AvatarDemo.js +1 -1
- package/dist/jsx/AvatarDemo.js.map +1 -1
- package/dist/jsx/AvatarDemo.mjs +1 -1
- package/dist/jsx/AvatarDemo.native.js +1 -1
- package/dist/jsx/AvatarDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.js +1 -1
- package/dist/jsx/BuildAButtonDemo.js.map +1 -1
- package/dist/jsx/BuildAButtonDemo.mjs +1 -1
- package/dist/jsx/BuildAButtonDemo.native.js +1 -1
- package/dist/jsx/BuildAButtonDemo.native.js.map +2 -2
- package/dist/jsx/ButtonDemo.js +3 -3
- package/dist/jsx/ButtonDemo.js.map +1 -1
- package/dist/jsx/ButtonDemo.mjs +3 -3
- package/dist/jsx/ButtonDemo.native.js +3 -3
- package/dist/jsx/ButtonDemo.native.js.map +2 -2
- package/dist/jsx/CheckboxDemo.js +2 -2
- package/dist/jsx/CheckboxDemo.js.map +1 -1
- package/dist/jsx/CheckboxDemo.mjs +2 -2
- package/dist/jsx/CheckboxDemo.native.js +2 -2
- package/dist/jsx/CheckboxDemo.native.js.map +2 -2
- package/dist/jsx/CheckboxHeadlessDemo.js +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.mjs +2 -2
- package/dist/jsx/CheckboxHeadlessDemo.native.js +2 -2
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +2 -2
- package/package.json +19 -19
- package/src/AvatarDemo.tsx +1 -1
- package/src/BuildAButtonDemo.tsx +1 -1
- package/src/ButtonDemo.tsx +3 -3
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +2 -3
- package/types/CheckboxHeadlessDemo.d.ts.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CheckboxHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAC7B,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAC7B,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAC/D,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,mBAAmB,WAAwC,CAAC,OAAO,QAAQ;AAC/E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,eAAe,aAAa,YAAY,IAAI;AAAA,IAClD;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,iBAAiB,YAAY,KAAO,cAAc;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,oBAAY,mBAAmB,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -8,9 +8,9 @@ function CheckboxHeadlessDemo() {
|
|
|
8
8
|
return /* @__PURE__ */jsx(YStack, {
|
|
9
9
|
width: 200,
|
|
10
10
|
alignItems: "center",
|
|
11
|
-
|
|
11
|
+
gap: "$3",
|
|
12
12
|
children: /* @__PURE__ */jsxs(XStack, {
|
|
13
|
-
|
|
13
|
+
gap: "$3",
|
|
14
14
|
alignItems: "center",
|
|
15
15
|
children: [/* @__PURE__ */jsx(HeadlessCheckbox, {
|
|
16
16
|
defaultChecked: "indeterminate",
|
|
@@ -83,9 +83,9 @@ function CheckboxHeadlessDemo() {
|
|
|
83
83
|
return /* @__PURE__ */ _jsx(YStack, {
|
|
84
84
|
width: 200,
|
|
85
85
|
alignItems: "center",
|
|
86
|
-
|
|
86
|
+
gap: "$3",
|
|
87
87
|
children: /* @__PURE__ */ _jsxs(XStack, {
|
|
88
|
-
|
|
88
|
+
gap: "$3",
|
|
89
89
|
alignItems: "center",
|
|
90
90
|
children: [
|
|
91
91
|
/* @__PURE__ */ _jsx(HeadlessCheckbox, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SAASA,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAC7B,SAASC,YAAYC,gBAAgB;AAErC,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,
|
|
5
|
-
"names": ["useCheckbox", "Check", "Minus", "forwardRef", "useState", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "
|
|
4
|
+
"mappings": ";AACA,SAASA,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAC7B,SAASC,YAAYC,gBAAgB;AAErC,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;cAC1C,sBAACL,QAAAA;MAAOK,KAAI;MAAKD,YAAW;;QAC1B,qBAACE,kBAAAA;UAAiBC,gBAAe;UAAgBC,IAAG;;QACpD,qBAACT,OAAAA;UAAMU,SAAQ;oBAAW;;;;;AAIlC;AAEA,IAAMH,mBAAmBV,2BAAwC,SAACc,OAAOC,KAAAA;AACvE,MAA8Bd,YAAAA,iBAAAA,SAASa,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAAxDK,UAAuBf,UAAAA,CAAAA,GAAdgB,aAAchB,UAAAA,CAAAA,GACsBJ,eAAAA,YAClDiB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,gBAA4CrB,aAA5CqB,eAAeC,cAA6BtB,aAA7BsB,aAAaC,cAAgBvB,aAAhBuB;AAMpC,SACE,sBAAClB,WAAAA,qBAAAA,eAAAA;IACCmB,OAAO;MACLd,OAAO;MACPe,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBhB,YAAY;MACZiB,iBAAiBT,YAAY,KAAO,cAAc;IACpD;IACAD,KAAKI;KACDD,aAAAA,GAAAA;;MAEHF,YAAY,mBAAmB,qBAACjB,OAAAA;QAAMQ,OAAO;QAAIe,QAAQ;;MACzDN,YAAY,MAAQ,qBAAClB,OAAAA;QAAMS,OAAO;QAAIe,QAAQ;;MAC9CF;;;AAGP,CAAA;",
|
|
5
|
+
"names": ["useCheckbox", "Check", "Minus", "forwardRef", "useState", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "gap", "HeadlessCheckbox", "defaultChecked", "id", "htmlFor", "props", "ref", "checked", "setChecked", "checkboxProps", "checkboxRef", "bubbleInput", "style", "height", "borderRadius", "justifyContent", "backgroundColor"]
|
|
6
6
|
}
|
package/dist/jsx/AvatarDemo.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Avatar, XStack } from "tamagui";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
function AvatarDemo() {
|
|
4
|
-
return /* @__PURE__ */ jsxs(XStack, { alignItems: "center",
|
|
4
|
+
return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", gap: "$6", children: [
|
|
5
5
|
/* @__PURE__ */ jsxs(Avatar, { circular: !0, size: "$10", children: [
|
|
6
6
|
/* @__PURE__ */ jsx(
|
|
7
7
|
Avatar.Image,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,QAAQ,cAAc;AAKzB,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,YAAW,UAAS,
|
|
4
|
+
"mappings": "AACA,SAAS,QAAQ,cAAc;AAKzB,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,yBAAC,UAAO,UAAQ,IAAC,MAAK,OACpB;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,OAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,qBAAC,UAAO,UAAQ,IAAC,MAAK,MACpB;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,OAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/AvatarDemo.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAkB;AAClB,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,YAAW;IAASC,
|
|
5
|
-
"names": ["Avatar", "XStack", "AvatarDemo", "alignItems", "
|
|
4
|
+
"mappings": ";AAAA,OAAkB;AAClB,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,YAAW;IAASC,KAAI;;MAC9B,sBAACJ,QAAAA;QAAOK,UAAQ;QAACC,MAAK;;UACpB,qBAACN,OAAOO,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,qBAACT,OAAOU,UAAQ;YAACC,iBAAgB;;;;MAGnC,sBAACX,QAAAA;QAAOK,UAAQ;QAACC,MAAK;;UACpB,qBAACN,OAAOO,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,qBAACT,OAAOU,UAAQ;YAACE,SAAS;YAAKD,iBAAgB;;;;;;AAIvD;",
|
|
5
|
+
"names": ["Avatar", "XStack", "AvatarDemo", "alignItems", "gap", "circular", "size", "Image", "accessibilityLabel", "src", "Fallback", "backgroundColor", "delayMs"]
|
|
6
6
|
}
|
|
@@ -26,7 +26,7 @@ function BuildAButtonDemo() {
|
|
|
26
26
|
}
|
|
27
27
|
function ButtonCol(props) {
|
|
28
28
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
29
|
-
return /* @__PURE__ */ jsxs(YStack, { padding: "$2",
|
|
29
|
+
return /* @__PURE__ */ jsxs(YStack, { padding: "$2", gap: "$3", children: [
|
|
30
30
|
/* @__PURE__ */ jsx(Button, { theme: props.subTheme, ...props, children: "Hello" }),
|
|
31
31
|
/* @__PURE__ */ jsx(Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
|
|
32
32
|
/* @__PURE__ */ jsx(Button, { theme: "yellow" + subTheme, ...props, children: "Hello" }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/BuildAButtonDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,YAAY;AAEhC,SAAS,QAAQ,QAAQ,cAAc;AAiBjC,SACE,KADF;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,UAAO,YAAU,IAAC,IAAG,UACpB,+BAAC,UAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,wBAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,oBAAC,aAAU,GAAG,IAAI;AAAA,IAClB,oBAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,oBAAC,aAAW,GAAG,UAAU,MAAM,oBAAC,QAAK,GAAI;AAAA,IACzC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,oBAAC,aAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,oBAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,qBAAC,UAAO,SAAQ,MAAK,
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,YAAY;AAEhC,SAAS,QAAQ,QAAQ,cAAc;AAiBjC,SACE,KADF;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,UAAO,YAAU,IAAC,IAAG,UACpB,+BAAC,UAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,wBAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,oBAAC,aAAU,GAAG,IAAI;AAAA,IAClB,oBAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,oBAAC,aAAW,GAAG,UAAU,MAAM,oBAAC,QAAK,GAAI;AAAA,IACzC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,oBAAC,aAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,oBAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,qBAAC,UAAO,SAAQ,MAAK,KAAI,MACvB;AAAA,wBAAC,UAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -62,7 +62,7 @@ function ButtonCol(props) {
|
|
|
62
62
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
63
63
|
return /* @__PURE__ */jsxs(YStack, {
|
|
64
64
|
padding: "$2",
|
|
65
|
-
|
|
65
|
+
gap: "$3",
|
|
66
66
|
children: [/* @__PURE__ */jsx(Button, {
|
|
67
67
|
theme: props.subTheme,
|
|
68
68
|
...props,
|
|
@@ -102,7 +102,7 @@ function ButtonCol(props) {
|
|
|
102
102
|
var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
|
|
103
103
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
104
104
|
padding: "$2",
|
|
105
|
-
|
|
105
|
+
gap: "$3",
|
|
106
106
|
children: [
|
|
107
107
|
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
108
108
|
theme: props.subTheme
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/BuildAButtonDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,WAAWC,YAAY;AAEhC,SAASC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMC,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,qBAACP,QAAAA;IAAOQ,YAAU;IAACC,IAAG;cACpB,sBAACV,QAAAA;MAAOW,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,qBAACC,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASd,QAAAA,GAAAA;UAAUe,UAAS;UAAOb,aAAa;;QACvE,qBAACW,WAAAA;UAAUH,GAAG;;QACd,qBAACG,WAAAA,eAAAA;UAAUH,GAAG;WAASV,QAAAA,CAAAA;QACvB,qBAACa,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcb,QAAAA,GAAAA;UAAUgB,MAAM,qBAACpB,MAAAA,CAAAA,CAAAA;;QAChC,qBAACiB,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,qBAACF,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,CAAAA;QACzC,qBAACa,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOE,WAAW,qBAACtB,WAAAA,CAAAA,CAAAA;WAAkBK,QAAAA,CAAAA;QACnE,qBAACa,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,qBAACF,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASS,UACPK,OAEC;AAED,MAAMH,WAAWG,MAAMH,WAAY,IAAkB,OAAfG,MAAMH,QAAQ,IAAK;AACzD,SACE,sBAAChB,QAAAA;IAAOoB,SAAQ;IAAKC,
|
|
5
|
-
"names": ["Drumstick", "Hand", "Button", "XStack", "YStack", "outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "fullscreen", "ov", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "iconAfter", "props", "padding", "
|
|
4
|
+
"mappings": ";AAAA,SAASA,WAAWC,YAAY;AAEhC,SAASC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMC,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,qBAACP,QAAAA;IAAOQ,YAAU;IAACC,IAAG;cACpB,sBAACV,QAAAA;MAAOW,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,qBAACC,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASd,QAAAA,GAAAA;UAAUe,UAAS;UAAOb,aAAa;;QACvE,qBAACW,WAAAA;UAAUH,GAAG;;QACd,qBAACG,WAAAA,eAAAA;UAAUH,GAAG;WAASV,QAAAA,CAAAA;QACvB,qBAACa,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcb,QAAAA,GAAAA;UAAUgB,MAAM,qBAACpB,MAAAA,CAAAA,CAAAA;;QAChC,qBAACiB,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,qBAACF,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,CAAAA;QACzC,qBAACa,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOE,WAAW,qBAACtB,WAAAA,CAAAA,CAAAA;WAAkBK,QAAAA,CAAAA;QACnE,qBAACa,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,qBAACF,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASS,UACPK,OAEC;AAED,MAAMH,WAAWG,MAAMH,WAAY,IAAkB,OAAfG,MAAMH,QAAQ,IAAK;AACzD,SACE,sBAAChB,QAAAA;IAAOoB,SAAQ;IAAKC,KAAI;;MACvB,qBAACvB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAOH,MAAMH;SAAcG,KAAAA,GAAAA;kBAAO;;MAG1C,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,UAAUN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG7D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,SAASN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG5D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,SAASN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG5D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,QAAQN;SAA4BG,KAAAA,GAAAA;kBAAO;;;;AAKjE;",
|
|
5
|
+
"names": ["Drumstick", "Hand", "Button", "XStack", "YStack", "outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "fullscreen", "ov", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "iconAfter", "props", "padding", "gap", "theme"]
|
|
6
6
|
}
|
package/dist/jsx/ButtonDemo.js
CHANGED
|
@@ -2,14 +2,14 @@ import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
|
2
2
|
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function ButtonDemo(props) {
|
|
5
|
-
return /* @__PURE__ */ jsxs(YStack, { padding: "$3",
|
|
5
|
+
return /* @__PURE__ */ jsxs(YStack, { padding: "$3", gap: "$3", ...props, children: [
|
|
6
6
|
/* @__PURE__ */ jsx(Button, { children: "Plain" }),
|
|
7
7
|
/* @__PURE__ */ jsx(Button, { alignSelf: "center", icon: Airplay, size: "$6", children: "Large" }),
|
|
8
|
-
/* @__PURE__ */ jsxs(XStack, {
|
|
8
|
+
/* @__PURE__ */ jsxs(XStack, { gap: "$2", justifyContent: "center", children: [
|
|
9
9
|
/* @__PURE__ */ jsx(Button, { size: "$3", theme: "active", children: "Active" }),
|
|
10
10
|
/* @__PURE__ */ jsx(Button, { size: "$3", variant: "outlined", children: "Outlined" })
|
|
11
11
|
] }),
|
|
12
|
-
/* @__PURE__ */ jsxs(XStack, {
|
|
12
|
+
/* @__PURE__ */ jsxs(XStack, { gap: "$2", children: [
|
|
13
13
|
/* @__PURE__ */ jsx(Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
|
|
14
14
|
/* @__PURE__ */ jsx(Button, { iconAfter: Activity, size: "$3", children: "iconAfter" })
|
|
15
15
|
] }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAKzC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,
|
|
4
|
+
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAKzC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,KAAI,MAAM,GAAG,OAChC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,KAAI,MACV;AAAA,0BAAC,UAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/ButtonDemo.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
function ButtonDemo(props) {
|
|
5
5
|
return /* @__PURE__ */jsxs(YStack, {
|
|
6
6
|
padding: "$3",
|
|
7
|
-
|
|
7
|
+
gap: "$3",
|
|
8
8
|
...props,
|
|
9
9
|
children: [/* @__PURE__ */jsx(Button, {
|
|
10
10
|
children: "Plain"
|
|
@@ -14,7 +14,7 @@ function ButtonDemo(props) {
|
|
|
14
14
|
size: "$6",
|
|
15
15
|
children: "Large"
|
|
16
16
|
}), /* @__PURE__ */jsxs(XStack, {
|
|
17
|
-
|
|
17
|
+
gap: "$2",
|
|
18
18
|
justifyContent: "center",
|
|
19
19
|
children: [/* @__PURE__ */jsx(Button, {
|
|
20
20
|
size: "$3",
|
|
@@ -26,7 +26,7 @@ function ButtonDemo(props) {
|
|
|
26
26
|
children: "Outlined"
|
|
27
27
|
})]
|
|
28
28
|
}), /* @__PURE__ */jsxs(XStack, {
|
|
29
|
-
|
|
29
|
+
gap: "$2",
|
|
30
30
|
children: [/* @__PURE__ */jsx(Button, {
|
|
31
31
|
themeInverse: !0,
|
|
32
32
|
size: "$3",
|
|
@@ -38,7 +38,7 @@ function _object_spread_props(target, source) {
|
|
|
38
38
|
function ButtonDemo(props) {
|
|
39
39
|
return /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
|
|
40
40
|
padding: "$3",
|
|
41
|
-
|
|
41
|
+
gap: "$3"
|
|
42
42
|
}, props), {
|
|
43
43
|
children: [
|
|
44
44
|
/* @__PURE__ */ _jsx(Button, {
|
|
@@ -51,7 +51,7 @@ function ButtonDemo(props) {
|
|
|
51
51
|
children: "Large"
|
|
52
52
|
}),
|
|
53
53
|
/* @__PURE__ */ _jsxs(XStack, {
|
|
54
|
-
|
|
54
|
+
gap: "$2",
|
|
55
55
|
justifyContent: "center",
|
|
56
56
|
children: [
|
|
57
57
|
/* @__PURE__ */ _jsx(Button, {
|
|
@@ -67,7 +67,7 @@ function ButtonDemo(props) {
|
|
|
67
67
|
]
|
|
68
68
|
}),
|
|
69
69
|
/* @__PURE__ */ _jsxs(XStack, {
|
|
70
|
-
|
|
70
|
+
gap: "$2",
|
|
71
71
|
children: [
|
|
72
72
|
/* @__PURE__ */ _jsx(Button, {
|
|
73
73
|
themeInverse: !0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,SAASC,WAAWC,OAAK;AAC9B,SACE,sBAACF,QAAAA,qBAAAA,eAAAA;IAAOG,SAAQ;IAAKC,
|
|
5
|
-
"names": ["Activity", "Airplay", "Button", "XGroup", "XStack", "YStack", "ButtonDemo", "props", "padding", "
|
|
4
|
+
"mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,SAASC,WAAWC,OAAK;AAC9B,SACE,sBAACF,QAAAA,qBAAAA,eAAAA;IAAOG,SAAQ;IAAKC,KAAI;KAASF,KAAAA,GAAAA;;MAChC,qBAACL,QAAAA;kBAAO;;MACR,qBAACA,QAAAA;QAAOQ,WAAU;QAASC,MAAMV;QAASW,MAAK;kBAAK;;MAGpD,sBAACR,QAAAA;QAAOK,KAAI;QAAKI,gBAAe;;UAC9B,qBAACX,QAAAA;YAAOU,MAAK;YAAKE,OAAM;sBAAS;;UAGjC,qBAACZ,QAAAA;YAAOU,MAAK;YAAKG,SAAQ;sBAAW;;;;MAIvC,sBAACX,QAAAA;QAAOK,KAAI;;UACV,qBAACP,QAAAA;YAAOc,cAAY;YAACJ,MAAK;sBAAK;;UAG/B,qBAACV,QAAAA;YAAOe,WAAWjB;YAAUY,MAAK;sBAAK;;;;MAIzC,sBAACT,QAAAA;;UACC,qBAACA,OAAOe,MAAI;sBACV,qBAAChB,QAAAA;cAAOiB,OAAM;cAAMP,MAAK;cAAKQ,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,qBAAClB,OAAOe,MAAI;sBACV,qBAAChB,QAAAA;cAAOiB,OAAM;cAAMP,MAAK;cAAKU,YAAU;wBAAC;;;;;;;AAOnD;",
|
|
5
|
+
"names": ["Activity", "Airplay", "Button", "XGroup", "XStack", "YStack", "ButtonDemo", "props", "padding", "gap", "alignSelf", "icon", "size", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Item", "width", "disabled", "opacity", "chromeless"]
|
|
6
6
|
}
|
package/dist/jsx/CheckboxDemo.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Check as CheckIcon } from "@tamagui/lucide-icons";
|
|
|
2
2
|
import { Checkbox, Label, XStack, YStack } from "tamagui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function CheckboxDemo() {
|
|
5
|
-
return /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center",
|
|
5
|
+
return /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", gap: "$2", children: [
|
|
6
6
|
/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$3" }),
|
|
7
7
|
/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
|
|
8
8
|
/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
|
|
@@ -14,7 +14,7 @@ function CheckboxWithLabel({
|
|
|
14
14
|
...checkboxProps
|
|
15
15
|
}) {
|
|
16
16
|
const id = `checkbox-${(size || "").toString().slice(1)}`;
|
|
17
|
-
return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center",
|
|
17
|
+
return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", gap: "$4", children: [
|
|
18
18
|
/* @__PURE__ */ jsx(Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
|
|
19
19
|
/* @__PURE__ */ jsx(Label, { size, htmlFor: id, children: label })
|
|
20
20
|
] });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CheckboxDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU,OAAO,QAAQ,cAAc;AAI5C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU,OAAO,QAAQ,cAAc;AAI5C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,wBAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,oBAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,oBAAC,qBAAkB,MAAK,MAAK,UAAQ,IAAC,OAAM,2BAA0B;AAAA,KACxE;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAuC;AACrC,QAAM,KAAK,aAAa,QAAQ,IAAI,SAAS,EAAE,MAAM,CAAC,CAAC;AACvD,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,wBAAC,YAAS,IAAQ,MAAa,GAAG,eAChC,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb,GACF;AAAA,IAEA,oBAAC,SAAM,MAAY,SAAS,IACzB,iBACH;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -5,7 +5,7 @@ function CheckboxDemo() {
|
|
|
5
5
|
return /* @__PURE__ */jsxs(YStack, {
|
|
6
6
|
width: 300,
|
|
7
7
|
alignItems: "center",
|
|
8
|
-
|
|
8
|
+
gap: "$2",
|
|
9
9
|
children: [/* @__PURE__ */jsx(CheckboxWithLabel, {
|
|
10
10
|
size: "$3"
|
|
11
11
|
}), /* @__PURE__ */jsx(CheckboxWithLabel, {
|
|
@@ -27,7 +27,7 @@ function CheckboxWithLabel({
|
|
|
27
27
|
return /* @__PURE__ */jsxs(XStack, {
|
|
28
28
|
width: 300,
|
|
29
29
|
alignItems: "center",
|
|
30
|
-
|
|
30
|
+
gap: "$4",
|
|
31
31
|
children: [/* @__PURE__ */jsx(Checkbox, {
|
|
32
32
|
id,
|
|
33
33
|
size,
|
|
@@ -56,7 +56,7 @@ function CheckboxDemo() {
|
|
|
56
56
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
57
57
|
width: 300,
|
|
58
58
|
alignItems: "center",
|
|
59
|
-
|
|
59
|
+
gap: "$2",
|
|
60
60
|
children: [
|
|
61
61
|
/* @__PURE__ */ _jsx(CheckboxWithLabel, {
|
|
62
62
|
size: "$3"
|
|
@@ -81,7 +81,7 @@ function CheckboxWithLabel(_param) {
|
|
|
81
81
|
return /* @__PURE__ */ _jsxs(XStack, {
|
|
82
82
|
width: 300,
|
|
83
83
|
alignItems: "center",
|
|
84
|
-
|
|
84
|
+
gap: "$4",
|
|
85
85
|
children: [
|
|
86
86
|
/* @__PURE__ */ _jsx(Checkbox, _object_spread_props(_object_spread({
|
|
87
87
|
id,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,SAASC,iBAAiB;AAEnC,SAASC,UAAUC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzC,SAASC,eAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,
|
|
5
|
-
"names": ["Check", "CheckIcon", "Checkbox", "Label", "XStack", "YStack", "CheckboxDemo", "width", "alignItems", "
|
|
4
|
+
"mappings": ";AAAA,SAASA,SAASC,iBAAiB;AAEnC,SAASC,UAAUC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzC,SAASC,eAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,qBAACC,mBAAAA;QAAkBC,MAAK;;MACxB,qBAACD,mBAAAA;QAAkBC,MAAK;QAAKC,gBAAc;;MAC3C,qBAACF,mBAAAA;QAAkBC,MAAK;QAAKE,UAAQ;QAACC,OAAM;;;;AAGlD;AAEO,SAASJ,kBAAkB,QAAA;MAChCC,OADgC,OAChCA,MAAAA,eADgC,OAEhCG,OAAAA,QAAAA,iBAAAA,SAAQ,gCAAA,cACLC,gBAAAA,2BAH6B,QAAA;IAChCJ;IACAG;MAGME,KAAM,YAA4C,QAAhCL,QAAQ,IAAIM,SAAQ,EAAGC,MAAM,CAAA,CAAA;AACrD,SACE,sBAACd,QAAAA;IAAOG,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,qBAACP,UAAAA,qBAAAA,eAAAA;QAASc;QAAQL;SAAgBI,aAAAA,GAAAA;kBAChC,qBAACb,SAASiB,WAAS;oBACjB,qBAAClB,WAAAA,CAAAA,CAAAA;;;MAIL,qBAACE,OAAAA;QAAMQ;QAAYS,SAASJ;kBACzBF;;;;AAIT;",
|
|
5
|
+
"names": ["Check", "CheckIcon", "Checkbox", "Label", "XStack", "YStack", "CheckboxDemo", "width", "alignItems", "gap", "CheckboxWithLabel", "size", "defaultChecked", "disabled", "label", "checkboxProps", "id", "toString", "slice", "Indicator", "htmlFor"]
|
|
6
6
|
}
|
|
@@ -5,7 +5,7 @@ import { Pressable } from "react-native-web";
|
|
|
5
5
|
import { Label, XStack, YStack } from "tamagui";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
function CheckboxHeadlessDemo() {
|
|
8
|
-
return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center",
|
|
8
|
+
return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", alignItems: "center", children: [
|
|
9
9
|
/* @__PURE__ */ jsx(HeadlessCheckbox, { defaultChecked: "indeterminate", id: "headless" }),
|
|
10
10
|
/* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" })
|
|
11
11
|
] }) });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CheckboxHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAC7B,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAC7B,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAC/D,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,mBAAmB,WAAwC,CAAC,OAAO,QAAQ;AAC/E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,eAAe,aAAa,YAAY,IAAI;AAAA,IAClD;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,iBAAiB,YAAY,KAAO,cAAc;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,oBAAY,mBAAmB,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -8,9 +8,9 @@ function CheckboxHeadlessDemo() {
|
|
|
8
8
|
return /* @__PURE__ */jsx(YStack, {
|
|
9
9
|
width: 200,
|
|
10
10
|
alignItems: "center",
|
|
11
|
-
|
|
11
|
+
gap: "$3",
|
|
12
12
|
children: /* @__PURE__ */jsxs(XStack, {
|
|
13
|
-
|
|
13
|
+
gap: "$3",
|
|
14
14
|
alignItems: "center",
|
|
15
15
|
children: [/* @__PURE__ */jsx(HeadlessCheckbox, {
|
|
16
16
|
defaultChecked: "indeterminate",
|
|
@@ -83,9 +83,9 @@ function CheckboxHeadlessDemo() {
|
|
|
83
83
|
return /* @__PURE__ */ _jsx(YStack, {
|
|
84
84
|
width: 200,
|
|
85
85
|
alignItems: "center",
|
|
86
|
-
|
|
86
|
+
gap: "$3",
|
|
87
87
|
children: /* @__PURE__ */ _jsxs(XStack, {
|
|
88
|
-
|
|
88
|
+
gap: "$3",
|
|
89
89
|
alignItems: "center",
|
|
90
90
|
children: [
|
|
91
91
|
/* @__PURE__ */ _jsx(HeadlessCheckbox, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SAASA,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAC7B,SAASC,YAAYC,gBAAgB;AAErC,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,
|
|
5
|
-
"names": ["useCheckbox", "Check", "Minus", "forwardRef", "useState", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "
|
|
4
|
+
"mappings": ";AACA,SAASA,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAC7B,SAASC,YAAYC,gBAAgB;AAErC,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;cAC1C,sBAACL,QAAAA;MAAOK,KAAI;MAAKD,YAAW;;QAC1B,qBAACE,kBAAAA;UAAiBC,gBAAe;UAAgBC,IAAG;;QACpD,qBAACT,OAAAA;UAAMU,SAAQ;oBAAW;;;;;AAIlC;AAEA,IAAMH,mBAAmBV,2BAAwC,SAACc,OAAOC,KAAAA;AACvE,MAA8Bd,YAAAA,iBAAAA,SAASa,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAAxDK,UAAuBf,UAAAA,CAAAA,GAAdgB,aAAchB,UAAAA,CAAAA,GACsBJ,eAAAA,YAClDiB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,gBAA4CrB,aAA5CqB,eAAeC,cAA6BtB,aAA7BsB,aAAaC,cAAgBvB,aAAhBuB;AAMpC,SACE,sBAAClB,WAAAA,qBAAAA,eAAAA;IACCmB,OAAO;MACLd,OAAO;MACPe,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBhB,YAAY;MACZiB,iBAAiBT,YAAY,KAAO,cAAc;IACpD;IACAD,KAAKI;KACDD,aAAAA,GAAAA;;MAEHF,YAAY,mBAAmB,qBAACjB,OAAAA;QAAMQ,OAAO;QAAIe,QAAQ;;MACzDN,YAAY,MAAQ,qBAAClB,OAAAA;QAAMS,OAAO;QAAIe,QAAQ;;MAC9CF;;;AAGP,CAAA;",
|
|
5
|
+
"names": ["useCheckbox", "Check", "Minus", "forwardRef", "useState", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "gap", "HeadlessCheckbox", "defaultChecked", "id", "htmlFor", "props", "ref", "checked", "setChecked", "checkboxProps", "checkboxRef", "bubbleInput", "style", "height", "borderRadius", "justifyContent", "backgroundColor"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.103.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -39,29 +39,29 @@
|
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@tamagui/avatar": "1.
|
|
43
|
-
"@tamagui/button": "1.
|
|
44
|
-
"@tamagui/config": "1.
|
|
45
|
-
"@tamagui/core": "1.
|
|
46
|
-
"@tamagui/list-item": "1.
|
|
47
|
-
"@tamagui/logo": "1.
|
|
48
|
-
"@tamagui/lucide-icons": "1.
|
|
49
|
-
"@tamagui/menu": "1.
|
|
50
|
-
"@tamagui/popover": "1.
|
|
51
|
-
"@tamagui/progress": "1.
|
|
52
|
-
"@tamagui/radio-group": "1.
|
|
53
|
-
"@tamagui/select": "1.
|
|
54
|
-
"@tamagui/sheet": "1.
|
|
55
|
-
"@tamagui/slider": "1.
|
|
56
|
-
"@tamagui/stacks": "1.
|
|
57
|
-
"@tamagui/toast": "1.
|
|
58
|
-
"tamagui": "1.
|
|
42
|
+
"@tamagui/avatar": "1.103.1",
|
|
43
|
+
"@tamagui/button": "1.103.1",
|
|
44
|
+
"@tamagui/config": "1.103.1",
|
|
45
|
+
"@tamagui/core": "1.103.1",
|
|
46
|
+
"@tamagui/list-item": "1.103.1",
|
|
47
|
+
"@tamagui/logo": "1.103.1",
|
|
48
|
+
"@tamagui/lucide-icons": "1.103.1",
|
|
49
|
+
"@tamagui/menu": "1.103.1",
|
|
50
|
+
"@tamagui/popover": "1.103.1",
|
|
51
|
+
"@tamagui/progress": "1.103.1",
|
|
52
|
+
"@tamagui/radio-group": "1.103.1",
|
|
53
|
+
"@tamagui/select": "1.103.1",
|
|
54
|
+
"@tamagui/sheet": "1.103.1",
|
|
55
|
+
"@tamagui/slider": "1.103.1",
|
|
56
|
+
"@tamagui/stacks": "1.103.1",
|
|
57
|
+
"@tamagui/toast": "1.103.1",
|
|
58
|
+
"tamagui": "1.103.1"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
61
|
"react": "*"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
|
-
"@tamagui/build": "1.
|
|
64
|
+
"@tamagui/build": "1.103.1",
|
|
65
65
|
"react": "^18.2.0",
|
|
66
66
|
"react-dom": "^18.2.0"
|
|
67
67
|
},
|
package/src/AvatarDemo.tsx
CHANGED
package/src/BuildAButtonDemo.tsx
CHANGED
package/src/ButtonDemo.tsx
CHANGED
|
@@ -3,12 +3,12 @@ import { Button, XGroup, XStack, YStack } from 'tamagui'
|
|
|
3
3
|
|
|
4
4
|
export function ButtonDemo(props) {
|
|
5
5
|
return (
|
|
6
|
-
<YStack padding="$3"
|
|
6
|
+
<YStack padding="$3" gap="$3" {...props}>
|
|
7
7
|
<Button>Plain</Button>
|
|
8
8
|
<Button alignSelf="center" icon={Airplay} size="$6">
|
|
9
9
|
Large
|
|
10
10
|
</Button>
|
|
11
|
-
<XStack
|
|
11
|
+
<XStack gap="$2" justifyContent="center">
|
|
12
12
|
<Button size="$3" theme="active">
|
|
13
13
|
Active
|
|
14
14
|
</Button>
|
|
@@ -16,7 +16,7 @@ export function ButtonDemo(props) {
|
|
|
16
16
|
Outlined
|
|
17
17
|
</Button>
|
|
18
18
|
</XStack>
|
|
19
|
-
<XStack
|
|
19
|
+
<XStack gap="$2">
|
|
20
20
|
<Button themeInverse size="$3">
|
|
21
21
|
Inverse
|
|
22
22
|
</Button>
|
package/src/CheckboxDemo.tsx
CHANGED
|
@@ -4,7 +4,7 @@ import { Checkbox, Label, XStack, YStack } from 'tamagui'
|
|
|
4
4
|
|
|
5
5
|
export function CheckboxDemo() {
|
|
6
6
|
return (
|
|
7
|
-
<YStack width={300} alignItems="center"
|
|
7
|
+
<YStack width={300} alignItems="center" gap="$2">
|
|
8
8
|
<CheckboxWithLabel size="$3" />
|
|
9
9
|
<CheckboxWithLabel size="$4" defaultChecked />
|
|
10
10
|
<CheckboxWithLabel size="$5" disabled label="Accept terms (disabled)" />
|
|
@@ -19,7 +19,7 @@ export function CheckboxWithLabel({
|
|
|
19
19
|
}: CheckboxProps & { label?: string }) {
|
|
20
20
|
const id = `checkbox-${(size || '').toString().slice(1)}`
|
|
21
21
|
return (
|
|
22
|
-
<XStack width={300} alignItems="center"
|
|
22
|
+
<XStack width={300} alignItems="center" gap="$4">
|
|
23
23
|
<Checkbox id={id} size={size} {...checkboxProps}>
|
|
24
24
|
<Checkbox.Indicator>
|
|
25
25
|
<CheckIcon />
|
|
@@ -8,10 +8,9 @@ import { Label, XStack, YStack } from 'tamagui'
|
|
|
8
8
|
|
|
9
9
|
export function CheckboxHeadlessDemo() {
|
|
10
10
|
return (
|
|
11
|
-
<YStack width={200} alignItems="center"
|
|
12
|
-
<XStack
|
|
11
|
+
<YStack width={200} alignItems="center" gap="$3">
|
|
12
|
+
<XStack gap="$3" alignItems="center">
|
|
13
13
|
<HeadlessCheckbox defaultChecked="indeterminate" id="headless" />
|
|
14
|
-
|
|
15
14
|
<Label htmlFor="headless">Headless</Label>
|
|
16
15
|
</XStack>
|
|
17
16
|
</YStack>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxHeadlessDemo.tsx"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,
|
|
1
|
+
{"version":3,"file":"CheckboxHeadlessDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxHeadlessDemo.tsx"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,4CASnC"}
|