@tamagui/demos 1.67.0 → 1.68.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.
Files changed (14) hide show
  1. package/dist/cjs/CheckboxDemo.js +9 -5
  2. package/dist/cjs/CheckboxDemo.js.map +1 -1
  3. package/dist/cjs/CheckboxDemo.native.js +9 -5
  4. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  5. package/dist/esm/CheckboxDemo.js +9 -5
  6. package/dist/esm/CheckboxDemo.js.map +1 -1
  7. package/dist/jsx/CheckboxDemo.js +9 -5
  8. package/dist/jsx/CheckboxDemo.js.map +1 -1
  9. package/dist/jsx/CheckboxDemo.native.js +9 -5
  10. package/dist/jsx/CheckboxDemo.native.js.map +1 -1
  11. package/package.json +18 -18
  12. package/src/CheckboxDemo.tsx +11 -7
  13. package/types/CheckboxDemo.d.ts +3 -3
  14. package/types/CheckboxDemo.d.ts.map +1 -1
package/dist/cjs/CheckboxDemo.js CHANGED
@@ -23,14 +23,18 @@ function CheckboxDemo() {
23
23
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$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
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5" })
26
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
27
27
  ] });
28
28
  }
29
- function CheckboxWithLabel(props) {
30
- const id = `checkbox-${props.size.toString().slice(1)}`;
29
+ function CheckboxWithLabel({
30
+ size,
31
+ label = "Accept terms and conditions",
32
+ ...checkboxProps
33
+ }) {
34
+ const id = `checkbox-${size.toString().slice(1)}`;
31
35
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: "Accept terms and conditions" })
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
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size, htmlFor: id, children: label })
34
38
  ] });
35
39
  }
36
40
  // Annotate the CommonJS export names for ESM import in node:
package/dist/cjs/CheckboxDemo.js.map CHANGED
@@ -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,kCACnC,iBAA4D,oBAIxD;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,4CAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,4CAAC,qBAAkB,MAAK,MAAK;AAAA,KAC/B;AAEJ;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,KAAK,YAAY,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACrD,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAS,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACxD,sDAAC,wBAAS,WAAT,EACC,sDAAC,oBAAAA,OAAA,EAAU,GACb,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAAI,yCAEtC;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmC,kCACnC,iBAA2E,oBAIvE;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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
  }
package/dist/cjs/CheckboxDemo.native.js CHANGED
@@ -24,14 +24,18 @@ function CheckboxDemo() {
24
24
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
25
25
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$3" }),
26
26
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5" })
27
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
28
28
  ] });
29
29
  }
30
- function CheckboxWithLabel(props) {
31
- const id = `checkbox-${props.size.toString().slice(1)}`;
30
+ function CheckboxWithLabel({
31
+ size,
32
+ label = "Accept terms and conditions",
33
+ ...checkboxProps
34
+ }) {
35
+ const id = `checkbox-${size.toString().slice(1)}`;
32
36
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {}) }) }),
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: "Accept terms and conditions" })
37
+ /* @__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, {}) }) }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size, htmlFor: id, children: label })
35
39
  ] });
36
40
  }
37
41
  // Annotate the CommonJS export names for ESM import in node:
package/dist/cjs/CheckboxDemo.native.js.map CHANGED
@@ -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,kCACnC,iBAA4D,oBAIxD;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,4CAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,4CAAC,qBAAkB,MAAK,MAAK;AAAA,KAC/B;AAEJ;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,KAAK,YAAY,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACrD,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAS,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACxD,sDAAC,wBAAS,WAAT,EACC,sDAAC,oBAAAA,OAAA,EAAU,GACb,GACF;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAAI,yCAEtC;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAmC,kCACnC,iBAA2E,oBAIvE;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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
  }
package/dist/esm/CheckboxDemo.js CHANGED
@@ -5,14 +5,18 @@ function CheckboxDemo() {
5
5
  return /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", space: "$2", children: [
6
6
  /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$3" }),
7
7
  /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
8
- /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$5" })
8
+ /* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
9
9
  ] });
10
10
  }
11
- function CheckboxWithLabel(props) {
12
- const id = `checkbox-${props.size.toString().slice(1)}`;
11
+ function CheckboxWithLabel({
12
+ size,
13
+ label = "Accept terms and conditions",
14
+ ...checkboxProps
15
+ }) {
16
+ const id = `checkbox-${size.toString().slice(1)}`;
13
17
  return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", space: "$4", children: [
14
- /* @__PURE__ */ jsx(Checkbox, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
15
- /* @__PURE__ */ jsx(Label, { size: props.size, htmlFor: id, children: "Accept terms and conditions" })
18
+ /* @__PURE__ */ jsx(Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
19
+ /* @__PURE__ */ jsx(Label, { size, htmlFor: id, children: label })
16
20
  ] });
17
21
  }
18
22
  export {
package/dist/esm/CheckboxDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/CheckboxDemo.tsx"],
4
- "mappings": "AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU,OAAmB,QAAQ,cAAc;AAIxD,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,oBAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,oBAAC,qBAAkB,MAAK,MAAK;AAAA,KAC/B;AAEJ;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,KAAK,YAAY,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACrD,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,YAAS,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACxD,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb,GACF;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAAI,yCAEtC;AAAA,KACF;AAEJ;",
4
+ "mappings": "AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAyB,OAAmB,QAAQ,cAAc;AAIvE,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;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
  }
package/dist/jsx/CheckboxDemo.js CHANGED
@@ -4,14 +4,18 @@ function CheckboxDemo() {
4
4
  return <YStack width={300} alignItems="center" space="$2">
5
5
  <CheckboxWithLabel size="$3" />
6
6
  <CheckboxWithLabel size="$4" defaultChecked />
7
- <CheckboxWithLabel size="$5" />
7
+ <CheckboxWithLabel size="$5" disabled label="Accept terms (disabled)" />
8
8
  </YStack>;
9
9
  }
10
- function CheckboxWithLabel(props) {
11
- const id = `checkbox-${props.size.toString().slice(1)}`;
10
+ function CheckboxWithLabel({
11
+ size,
12
+ label = "Accept terms and conditions",
13
+ ...checkboxProps
14
+ }) {
15
+ const id = `checkbox-${size.toString().slice(1)}`;
12
16
  return <XStack width={300} alignItems="center" space="$4">
13
- <Checkbox id={id} size={props.size} defaultChecked={props.defaultChecked}><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
14
- <Label size={props.size} htmlFor={id}>Accept terms and conditions</Label>
17
+ <Checkbox id={id} size={size} {...checkboxProps}><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
18
+ <Label size={size} htmlFor={id}>{label}</Label>
15
19
  </XStack>;
16
20
  }
17
21
  export {
package/dist/jsx/CheckboxDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/CheckboxDemo.tsx"],
4
- "mappings": "AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU,OAAmB,QAAQ,cAAc;AAErD,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK;AAAA,IAC7B,CAAC,kBAAkB,KAAK,KAAK,eAAe;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK;AAAA,EAC/B,EAJC;AAML;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,KAAK,YAAY,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACrD,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,SAAS,IAAI,IAAI,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACxD,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAJC;AAAA,IAMD,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,IAAI,2BAEtC,EAFC;AAAA,EAGH,EAVC;AAYL;",
4
+ "mappings": "AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAyB,OAAmB,QAAQ,cAAc;AAEpE,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK;AAAA,IAC7B,CAAC,kBAAkB,KAAK,KAAK,eAAe;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK,SAAS,MAAM,0BAA0B;AAAA,EACxE,EAJC;AAML;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,SAAS,IAAI,IAAI,MAAM,UAAU,eAChC,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAJC;AAAA,IAMD,CAAC,MAAM,MAAM,MAAM,SAAS,KACzB,MACH,EAFC;AAAA,EAGH,EAVC;AAYL;",
5
5
  "names": []
6
6
  }
package/dist/jsx/CheckboxDemo.native.js CHANGED
@@ -4,14 +4,18 @@ function CheckboxDemo() {
4
4
  return <YStack width={300} alignItems="center" space="$2">
5
5
  <CheckboxWithLabel size="$3" />
6
6
  <CheckboxWithLabel size="$4" defaultChecked />
7
- <CheckboxWithLabel size="$5" />
7
+ <CheckboxWithLabel size="$5" disabled label="Accept terms (disabled)" />
8
8
  </YStack>;
9
9
  }
10
- function CheckboxWithLabel(props) {
11
- const id = `checkbox-${props.size.toString().slice(1)}`;
10
+ function CheckboxWithLabel({
11
+ size,
12
+ label = "Accept terms and conditions",
13
+ ...checkboxProps
14
+ }) {
15
+ const id = `checkbox-${size.toString().slice(1)}`;
12
16
  return <XStack width={300} alignItems="center" space="$4">
13
- <Checkbox id={id} size={props.size} defaultChecked={props.defaultChecked}><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
14
- <Label size={props.size} htmlFor={id}>Accept terms and conditions</Label>
17
+ <Checkbox id={id} size={size} {...checkboxProps}><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
18
+ <Label size={size} htmlFor={id}>{label}</Label>
15
19
  </XStack>;
16
20
  }
17
21
  export {
package/dist/jsx/CheckboxDemo.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/CheckboxDemo.tsx"],
4
- "mappings": "AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU,OAAmB,QAAQ,cAAc;AAErD,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK;AAAA,IAC7B,CAAC,kBAAkB,KAAK,KAAK,eAAe;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK;AAAA,EAC/B,EAJC;AAML;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,KAAK,YAAY,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AACrD,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,SAAS,IAAI,IAAI,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACxD,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAJC;AAAA,IAMD,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,IAAI,2BAEtC,EAFC;AAAA,EAGH,EAVC;AAYL;",
4
+ "mappings": "AAAA,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAyB,OAAmB,QAAQ,cAAc;AAEpE,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK;AAAA,IAC7B,CAAC,kBAAkB,KAAK,KAAK,eAAe;AAAA,IAC5C,CAAC,kBAAkB,KAAK,KAAK,SAAS,MAAM,0BAA0B;AAAA,EACxE,EAJC;AAML;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,SAAS,IAAI,IAAI,MAAM,UAAU,eAChC,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAJC;AAAA,IAMD,CAAC,MAAM,MAAM,MAAM,SAAS,KACzB,MACH,EAFC;AAAA,EAGH,EAVC;AAYL;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.67.0",
3
+ "version": "1.68.1",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -34,29 +34,29 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "@tamagui/avatar": "1.67.0",
38
- "@tamagui/button": "1.67.0",
39
- "@tamagui/core": "1.67.0",
40
- "@tamagui/list-item": "1.67.0",
41
- "@tamagui/logo": "1.67.0",
42
- "@tamagui/menu": "1.67.0",
43
- "@tamagui/popover": "1.67.0",
44
- "@tamagui/progress": "1.67.0",
45
- "@tamagui/radio-group": "1.67.0",
46
- "@tamagui/select": "1.67.0",
47
- "@tamagui/sheet": "1.67.0",
48
- "@tamagui/site-config": "1.67.0",
49
- "@tamagui/slider": "1.67.0",
50
- "@tamagui/stacks": "1.67.0",
51
- "@tamagui/toast": "1.67.0",
52
- "tamagui": "1.67.0"
37
+ "@tamagui/avatar": "1.68.1",
38
+ "@tamagui/button": "1.68.1",
39
+ "@tamagui/core": "1.68.1",
40
+ "@tamagui/list-item": "1.68.1",
41
+ "@tamagui/logo": "1.68.1",
42
+ "@tamagui/menu": "1.68.1",
43
+ "@tamagui/popover": "1.68.1",
44
+ "@tamagui/progress": "1.68.1",
45
+ "@tamagui/radio-group": "1.68.1",
46
+ "@tamagui/select": "1.68.1",
47
+ "@tamagui/sheet": "1.68.1",
48
+ "@tamagui/site-config": "1.68.1",
49
+ "@tamagui/slider": "1.68.1",
50
+ "@tamagui/stacks": "1.68.1",
51
+ "@tamagui/toast": "1.68.1",
52
+ "tamagui": "1.68.1"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "react": "*",
56
56
  "react-dom": "*"
57
57
  },
58
58
  "devDependencies": {
59
- "@tamagui/build": "1.67.0",
59
+ "@tamagui/build": "1.68.1",
60
60
  "react": "^18.2.0",
61
61
  "react-dom": "^18.2.0"
62
62
  },
package/src/CheckboxDemo.tsx CHANGED
@@ -1,28 +1,32 @@
1
1
  import { Check as CheckIcon } from '@tamagui/lucide-icons'
2
- import { Checkbox, Label, SizeTokens, XStack, YStack } from 'tamagui'
2
+ import { Checkbox, CheckboxProps, Label, SizeTokens, XStack, YStack } from 'tamagui'
3
3
 
4
4
  export function CheckboxDemo() {
5
5
  return (
6
6
  <YStack width={300} alignItems="center" space="$2">
7
7
  <CheckboxWithLabel size="$3" />
8
8
  <CheckboxWithLabel size="$4" defaultChecked />
9
- <CheckboxWithLabel size="$5" />
9
+ <CheckboxWithLabel size="$5" disabled label="Accept terms (disabled)" />
10
10
  </YStack>
11
11
  )
12
12
  }
13
13
 
14
- export function CheckboxWithLabel(props: { size: SizeTokens; defaultChecked?: boolean }) {
15
- const id = `checkbox-${props.size.toString().slice(1)}`
14
+ export function CheckboxWithLabel({
15
+ size,
16
+ label = 'Accept terms and conditions',
17
+ ...checkboxProps
18
+ }: CheckboxProps & { size: SizeTokens; label?: string }) {
19
+ const id = `checkbox-${size.toString().slice(1)}`
16
20
  return (
17
21
  <XStack width={300} alignItems="center" space="$4">
18
- <Checkbox id={id} size={props.size} defaultChecked={props.defaultChecked}>
22
+ <Checkbox id={id} size={size} {...checkboxProps}>
19
23
  <Checkbox.Indicator>
20
24
  <CheckIcon />
21
25
  </Checkbox.Indicator>
22
26
  </Checkbox>
23
27
 
24
- <Label size={props.size} htmlFor={id}>
25
- Accept terms and conditions
28
+ <Label size={size} htmlFor={id}>
29
+ {label}
26
30
  </Label>
27
31
  </XStack>
28
32
  )
package/types/CheckboxDemo.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { SizeTokens } from 'tamagui';
2
+ import { CheckboxProps, SizeTokens } from 'tamagui';
3
3
  export declare function CheckboxDemo(): JSX.Element;
4
- export declare function CheckboxWithLabel(props: {
4
+ export declare function CheckboxWithLabel({ size, label, ...checkboxProps }: CheckboxProps & {
5
5
  size: SizeTokens;
6
- defaultChecked?: boolean;
6
+ label?: string;
7
7
  }): JSX.Element;
8
8
  //# sourceMappingURL=CheckboxDemo.d.ts.map
package/types/CheckboxDemo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,UAAU,EAAkB,MAAM,SAAS,CAAA;AAErE,wBAAgB,YAAY,gBAQ3B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,eAetF"}
1
+ {"version":3,"file":"CheckboxDemo.d.ts","sourceRoot":"","sources":["../src/CheckboxDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAY,aAAa,EAAS,UAAU,EAAkB,MAAM,SAAS,CAAA;AAEpF,wBAAgB,YAAY,gBAQ3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAqC,EACrC,GAAG,aAAa,EACjB,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAetD"}