@tamagui/demos 1.103.0 → 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
package/dist/cjs/AvatarDemo.js
CHANGED
|
@@ -19,7 +19,7 @@ __export(AvatarDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
20
20
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function AvatarDemo() {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center",
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", gap: "$6", children: [
|
|
23
23
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: !0, size: "$10", children: [
|
|
24
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
25
25
|
import_tamagui.Avatar.Image,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA+B,oBAKzB;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,YAAW,UAAS,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA+B,oBAKzB;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,YAAW,UAAS,KAAI,MAC9B;AAAA,iDAAC,yBAAO,UAAQ,IAAC,MAAK,OACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,6CAAC,yBAAO,UAAQ,IAAC,MAAK,MACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -22,7 +22,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("r
|
|
|
22
22
|
function AvatarDemo() {
|
|
23
23
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
24
24
|
alignItems: "center",
|
|
25
|
-
|
|
25
|
+
gap: "$6",
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
|
|
28
28
|
circular: !0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAA+B;AAExB,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,YAAW;IAASC,
|
|
5
|
-
"names": ["AvatarDemo", "_jsxs", "XStack", "alignItems", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAA+B;AAExB,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,YAAW;IAASC,KAAI;;MAC9B,uCAAAH,MAACI,uBAAAA;QAAOC,UAAQ;QAACC,MAAK;;UACpB,uCAAAC,KAACH,sBAAOI,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,uCAAAH,KAACH,sBAAOO,UAAQ;YAACC,iBAAgB;;;;MAGnC,uCAAAZ,MAACI,uBAAAA;QAAOC,UAAQ;QAACC,MAAK;;UACpB,uCAAAC,KAACH,sBAAOI,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,uCAAAH,KAACH,sBAAOO,UAAQ;YAACE,SAAS;YAAKD,iBAAgB;;;;;;AAIvD;",
|
|
5
|
+
"names": ["AvatarDemo", "_jsxs", "XStack", "alignItems", "gap", "Avatar", "circular", "size", "_jsx", "Image", "accessibilityLabel", "src", "Fallback", "backgroundColor", "delayMs"]
|
|
6
6
|
}
|
|
@@ -43,7 +43,7 @@ function BuildAButtonDemo() {
|
|
|
43
43
|
}
|
|
44
44
|
function ButtonCol(props) {
|
|
45
45
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
46
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2",
|
|
46
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2", gap: "$3", children: [
|
|
47
47
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: props.subTheme, ...props, children: "Hello" }),
|
|
48
48
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
|
|
49
49
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAEhC,iBAAuC,oBAiBjC;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,4CAAC,yBAAO,YAAU,IAAC,IAAG,UACpB,uDAAC,yBAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,gDAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,4CAAC,aAAU,GAAG,IAAI;AAAA,IAClB,4CAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,4CAAC,aAAW,GAAG,UAAU,MAAM,4CAAC,4BAAK,GAAI;AAAA,IACzC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,4CAAC,iCAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,4CAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,4CAAC,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,6CAAC,yBAAO,SAAQ,MAAK,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAEhC,iBAAuC,oBAiBjC;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,4CAAC,yBAAO,YAAU,IAAC,IAAG,UACpB,uDAAC,yBAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,gDAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,4CAAC,aAAU,GAAG,IAAI;AAAA,IAClB,4CAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,4CAAC,aAAW,GAAG,UAAU,MAAM,4CAAC,4BAAK,GAAI;AAAA,IACzC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,4CAAC,iCAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,4CAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,4CAAC,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,6CAAC,yBAAO,SAAQ,MAAK,KAAI,MACvB;AAAA,gDAAC,yBAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,4CAAC,yBAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,4CAAC,yBAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -120,7 +120,7 @@ function ButtonCol(props) {
|
|
|
120
120
|
var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
|
|
121
121
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
122
122
|
padding: "$2",
|
|
123
|
-
|
|
123
|
+
gap: "$3",
|
|
124
124
|
children: [
|
|
125
125
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
126
126
|
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": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAgC,kCAEhC,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMA,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,YAAU;IAACC,IAAG;cACpB,uCAAAC,MAACC,uBAAAA;MAAOC,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,uCAAAT,KAACU,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASlB,QAAAA,GAAAA;UAAUmB,UAAS;UAAOjB,aAAa;;QACvE,uCAAAK,KAACU,WAAAA;UAAUH,GAAG;;QACd,uCAAAP,KAACU,WAAAA,eAAAA;UAAUH,GAAG;WAASd,QAAAA,CAAAA;QACvB,uCAAAO,KAACU,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcjB,QAAAA,GAAAA;UAAUoB,MAAM,uCAAAb,KAACc,0BAAAA,CAAAA,CAAAA;;QAChC,uCAAAd,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,uCAAAZ,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,CAAAA;QACzC,uCAAAO,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOG,WAAW,uCAAAf,KAACgB,+BAAAA,CAAAA,CAAAA;WAAkBvB,QAAAA,CAAAA;QACnE,uCAAAO,KAACU,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,uCAAAZ,KAACU,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASa,UACPO,OAEC;AAED,MAAML,WAAWK,MAAML,WAAY,IAAkB,OAAfK,MAAML,QAAQ,IAAK;AACzD,SACE,uCAAAR,MAACH,uBAAAA;IAAOiB,SAAQ;IAAKC,
|
|
5
|
-
"names": ["outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "_jsx", "YStack", "fullscreen", "ov", "_jsxs", "XStack", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "Hand", "iconAfter", "Drumstick", "props", "padding", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAgC,kCAEhC,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMA,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,YAAU;IAACC,IAAG;cACpB,uCAAAC,MAACC,uBAAAA;MAAOC,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,uCAAAT,KAACU,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASlB,QAAAA,GAAAA;UAAUmB,UAAS;UAAOjB,aAAa;;QACvE,uCAAAK,KAACU,WAAAA;UAAUH,GAAG;;QACd,uCAAAP,KAACU,WAAAA,eAAAA;UAAUH,GAAG;WAASd,QAAAA,CAAAA;QACvB,uCAAAO,KAACU,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcjB,QAAAA,GAAAA;UAAUoB,MAAM,uCAAAb,KAACc,0BAAAA,CAAAA,CAAAA;;QAChC,uCAAAd,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,uCAAAZ,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,CAAAA;QACzC,uCAAAO,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOG,WAAW,uCAAAf,KAACgB,+BAAAA,CAAAA,CAAAA;WAAkBvB,QAAAA,CAAAA;QACnE,uCAAAO,KAACU,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,uCAAAZ,KAACU,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASa,UACPO,OAEC;AAED,MAAML,WAAWK,MAAML,WAAY,IAAkB,OAAfK,MAAML,QAAQ,IAAK;AACzD,SACE,uCAAAR,MAACH,uBAAAA;IAAOiB,SAAQ;IAAKC,KAAI;;MACvB,uCAAAnB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAOJ,MAAML;SAAcK,KAAAA,GAAAA;kBAAO;;MAG1C,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,UAAUT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG7D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,SAAST;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,SAAST;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,QAAQT;SAA4BK,KAAAA,GAAAA;kBAAO;;;;AAKjE;",
|
|
5
|
+
"names": ["outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "_jsx", "YStack", "fullscreen", "ov", "_jsxs", "XStack", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "Hand", "iconAfter", "Drumstick", "props", "padding", "gap", "Button", "theme"]
|
|
6
6
|
}
|
package/dist/cjs/ButtonDemo.js
CHANGED
|
@@ -19,14 +19,14 @@ __export(ButtonDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
20
20
|
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function ButtonDemo(props) {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3",
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", gap: "$3", ...props, children: [
|
|
23
23
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Plain" }),
|
|
24
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
25
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", justifyContent: "center", children: [
|
|
26
26
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "active", children: "Active" }),
|
|
27
27
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", variant: "outlined", children: "Outlined" })
|
|
28
28
|
] }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", children: [
|
|
30
30
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
|
|
31
31
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { iconAfter: import_lucide_icons.Activity, size: "$3", children: "iconAfter" })
|
|
32
32
|
] }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAA+C,oBAKzC;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAA+C,oBAKzC;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,KAAI,MAAM,GAAG,OAChC;AAAA,gDAAC,yBAAO,mBAAK;AAAA,IACb,4CAAC,yBAAO,WAAU,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,gBAAe,UAC9B;AAAA,kDAAC,yBAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,KAAI,MACV;AAAA,kDAAC,yBAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,4CAAC,yBAAO,WAAW,8BAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -56,7 +56,7 @@ function _object_spread_props(target, source) {
|
|
|
56
56
|
function ButtonDemo(props) {
|
|
57
57
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, _object_spread_props(_object_spread({
|
|
58
58
|
padding: "$3",
|
|
59
|
-
|
|
59
|
+
gap: "$3"
|
|
60
60
|
}, props), {
|
|
61
61
|
children: [
|
|
62
62
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -69,7 +69,7 @@ function ButtonDemo(props) {
|
|
|
69
69
|
children: "Large"
|
|
70
70
|
}),
|
|
71
71
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
72
|
-
|
|
72
|
+
gap: "$2",
|
|
73
73
|
justifyContent: "center",
|
|
74
74
|
children: [
|
|
75
75
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -85,7 +85,7 @@ function ButtonDemo(props) {
|
|
|
85
85
|
]
|
|
86
86
|
}),
|
|
87
87
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
88
|
-
|
|
88
|
+
gap: "$2",
|
|
89
89
|
children: [
|
|
90
90
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
91
91
|
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": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkC,kCAClC,iBAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,SAASA,WAAWC,OAAK;AAC9B,SACE,uCAAAC,MAACC,uBAAAA,qBAAAA,eAAAA;IAAOC,SAAQ;IAAKC,
|
|
5
|
-
"names": ["ButtonDemo", "props", "_jsxs", "YStack", "padding", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkC,kCAClC,iBAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,SAASA,WAAWC,OAAK;AAC9B,SACE,uCAAAC,MAACC,uBAAAA,qBAAAA,eAAAA;IAAOC,SAAQ;IAAKC,KAAI;KAASJ,KAAAA,GAAAA;;MAChC,uCAAAK,KAACC,uBAAAA;kBAAO;;MACR,uCAAAD,KAACC,uBAAAA;QAAOC,WAAU;QAASC,MAAMC;QAASC,MAAK;kBAAK;;MAGpD,uCAAAT,MAACU,uBAAAA;QAAOP,KAAI;QAAKQ,gBAAe;;UAC9B,uCAAAP,KAACC,uBAAAA;YAAOI,MAAK;YAAKG,OAAM;sBAAS;;UAGjC,uCAAAR,KAACC,uBAAAA;YAAOI,MAAK;YAAKI,SAAQ;sBAAW;;;;MAIvC,uCAAAb,MAACU,uBAAAA;QAAOP,KAAI;;UACV,uCAAAC,KAACC,uBAAAA;YAAOS,cAAY;YAACL,MAAK;sBAAK;;UAG/B,uCAAAL,KAACC,uBAAAA;YAAOU,WAAWC;YAAUP,MAAK;sBAAK;;;;MAIzC,uCAAAT,MAACiB,uBAAAA;;UACC,uCAAAb,KAACa,sBAAOC,MAAI;sBACV,uCAAAd,KAACC,uBAAAA;cAAOc,OAAM;cAAMV,MAAK;cAAKW,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,uCAAAjB,KAACa,sBAAOC,MAAI;sBACV,uCAAAd,KAACC,uBAAAA;cAAOc,OAAM;cAAMV,MAAK;cAAKa,YAAU;wBAAC;;;;;;;AAOnD;",
|
|
5
|
+
"names": ["ButtonDemo", "props", "_jsxs", "YStack", "padding", "gap", "_jsx", "Button", "alignSelf", "icon", "Airplay", "size", "XStack", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Activity", "XGroup", "Item", "width", "disabled", "opacity", "chromeless"]
|
|
6
6
|
}
|
package/dist/cjs/CheckboxDemo.js
CHANGED
|
@@ -20,7 +20,7 @@ __export(CheckboxDemo_exports, {
|
|
|
20
20
|
module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
21
21
|
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
22
|
function CheckboxDemo() {
|
|
23
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center",
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", gap: "$2", children: [
|
|
24
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$3" }),
|
|
25
25
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
|
|
26
26
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
|
|
@@ -32,7 +32,7 @@ function CheckboxWithLabel({
|
|
|
32
32
|
...checkboxProps
|
|
33
33
|
}) {
|
|
34
34
|
const id = `checkbox-${(size || "").toString().slice(1)}`;
|
|
35
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center",
|
|
35
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", gap: "$4", children: [
|
|
36
36
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
|
|
37
37
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size, htmlFor: id, children: label })
|
|
38
38
|
] });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CheckboxDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmC,kCAEnC,iBAAgD,oBAI5C;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmC,kCAEnC,iBAAgD,oBAI5C;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,gDAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,4CAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,4CAAC,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,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,gDAAC,2BAAS,IAAQ,MAAa,GAAG,eAChC,sDAAC,wBAAS,WAAT,EACC,sDAAC,oBAAAA,OAAA,EAAU,GACb,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAY,SAAS,IACzB,iBACH;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": ["CheckIcon"]
|
|
6
6
|
}
|
|
@@ -75,7 +75,7 @@ function CheckboxDemo() {
|
|
|
75
75
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
76
76
|
width: 300,
|
|
77
77
|
alignItems: "center",
|
|
78
|
-
|
|
78
|
+
gap: "$2",
|
|
79
79
|
children: [
|
|
80
80
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
81
81
|
size: "$3"
|
|
@@ -100,7 +100,7 @@ function CheckboxWithLabel(_param) {
|
|
|
100
100
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
101
101
|
width: 300,
|
|
102
102
|
alignItems: "center",
|
|
103
|
-
|
|
103
|
+
gap: "$4",
|
|
104
104
|
children: [
|
|
105
105
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, _object_spread_props(_object_spread({
|
|
106
106
|
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": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAmC,kCAEnC,iBAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzC,SAASA,eAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,
|
|
5
|
-
"names": ["CheckboxDemo", "_jsxs", "YStack", "width", "alignItems", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAmC,kCAEnC,iBAAgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzC,SAASA,eAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,uCAAAC,KAACC,mBAAAA;QAAkBC,MAAK;;MACxB,uCAAAF,KAACC,mBAAAA;QAAkBC,MAAK;QAAKC,gBAAc;;MAC3C,uCAAAH,KAACC,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,uCAAAd,MAACe,uBAAAA;IAAOb,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,uCAAAC,KAACW,yBAAAA,qBAAAA,eAAAA;QAASJ;QAAQL;SAAgBI,aAAAA,GAAAA;kBAChC,uCAAAN,KAACW,wBAASC,WAAS;oBACjB,uCAAAZ,KAACa,oBAAAA,OAAAA,CAAAA,CAAAA;;;MAIL,uCAAAb,KAACc,sBAAAA;QAAMZ;QAAYa,SAASR;kBACzBF;;;;AAIT;",
|
|
5
|
+
"names": ["CheckboxDemo", "_jsxs", "YStack", "width", "alignItems", "gap", "_jsx", "CheckboxWithLabel", "size", "defaultChecked", "disabled", "label", "checkboxProps", "id", "toString", "slice", "XStack", "Checkbox", "Indicator", "CheckIcon", "Label", "htmlFor"]
|
|
6
6
|
}
|
|
@@ -19,7 +19,7 @@ __export(CheckboxHeadlessDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(CheckboxHeadlessDemo_exports);
|
|
20
20
|
var import_checkbox_headless = require("@tamagui/checkbox-headless"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_react_native = require("react-native-web"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function CheckboxHeadlessDemo() {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center",
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", alignItems: "center", children: [
|
|
23
23
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessCheckbox, { defaultChecked: "indeterminate", id: "headless" }),
|
|
24
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "headless", children: "Headless" })
|
|
25
25
|
] }) });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CheckboxHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,+BAA4B,uCAC5B,sBAA6B,kCAC7B,eAAqC,kBAErC,sBAA0B,yBAC1B,iBAAsC,oBAKhC;AAHC,SAAS,uBAAuB;AACrC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,+BAA4B,uCAC5B,sBAA6B,kCAC7B,eAAqC,kBAErC,sBAA0B,yBAC1B,iBAAsC,oBAKhC;AAHC,SAAS,uBAAuB;AACrC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,uDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,gDAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAC/D,4CAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,uBAAmB,yBAAwC,CAAC,OAAO,QAAQ;AAC/E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,eAAe,aAAa,YAAY,QAAI;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,4CAAC,6BAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,4CAAC,6BAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -98,9 +98,9 @@ function CheckboxHeadlessDemo() {
|
|
|
98
98
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
99
99
|
width: 200,
|
|
100
100
|
alignItems: "center",
|
|
101
|
-
|
|
101
|
+
gap: "$3",
|
|
102
102
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
103
|
-
|
|
103
|
+
gap: "$3",
|
|
104
104
|
alignItems: "center",
|
|
105
105
|
children: [
|
|
106
106
|
/* @__PURE__ */ (0, import_jsx_runtime.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": ";;;;;;;;;;;;;;;;;;;;uDACA,2BAA4B,uCAC5B,sBAA6B,kCAC7B,eAAqC,kBAErC,sBAA0B,yBAC1B,iBAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASA,uBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,
|
|
5
|
-
"names": ["CheckboxHeadlessDemo", "_jsx", "YStack", "width", "alignItems", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,2BAA4B,uCAC5B,sBAA6B,kCAC7B,eAAqC,kBAErC,sBAA0B,yBAC1B,iBAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASA,uBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,OAAO;IAAKC,YAAW;IAASC,KAAI;cAC1C,uCAAAC,MAACC,uBAAAA;MAAOF,KAAI;MAAKD,YAAW;;QAC1B,uCAAAH,KAACO,kBAAAA;UAAiBC,gBAAe;UAAgBC,IAAG;;QACpD,uCAAAT,KAACU,sBAAAA;UAAMC,SAAQ;oBAAW;;;;;AAIlC;AAEA,IAAMJ,mBAAmBK,6CAAwC,SAACC,OAAOC,KAAAA;AACvE,MAA8BC,YAAAA,qBAAAA,uBAASF,MAAML,kBAAkB,EAAA,GAAA,CAAA,GAAxDQ,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA,GACsBG,mBAAAA,sCAClDL,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMK,gBAA4CD,aAA5CC,eAAeC,cAA6BF,aAA7BE,aAAaC,cAAgBH,aAAhBG;AAMpC,SACE,uCAAAhB,MAACiB,+BAAAA,qBAAAA,eAAAA;IACCC,OAAO;MACLrB,OAAO;MACPsB,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBvB,YAAY;MACZwB,iBAAiBX,YAAY,KAAO,cAAc;IACpD;IACAF,KAAKM;KACDD,aAAAA,GAAAA;;MAEHH,YAAY,mBAAmB,uCAAAhB,KAAC4B,2BAAAA;QAAM1B,OAAO;QAAIsB,QAAQ;;MACzDR,YAAY,MAAQ,uCAAAhB,KAAC6B,2BAAAA;QAAM3B,OAAO;QAAIsB,QAAQ;;MAC9CH;;;AAGP,CAAA;",
|
|
5
|
+
"names": ["CheckboxHeadlessDemo", "_jsx", "YStack", "width", "alignItems", "gap", "_jsxs", "XStack", "HeadlessCheckbox", "defaultChecked", "id", "Label", "htmlFor", "forwardRef", "props", "ref", "useState", "checked", "setChecked", "useCheckbox", "checkboxProps", "checkboxRef", "bubbleInput", "Pressable", "style", "height", "borderRadius", "justifyContent", "backgroundColor", "Minus", "Check"]
|
|
6
6
|
}
|
package/dist/esm/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/esm/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/esm/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/esm/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/esm/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
|
] }) });
|