@tamagui/demos 1.37.2 → 1.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/cjs/ThemeBuilderDemo.js +150 -0
  2. package/dist/cjs/ThemeBuilderDemo.js.map +6 -0
  3. package/dist/cjs/index.js +2 -0
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/esm/ThemeBuilderDemo.js +126 -0
  6. package/dist/esm/ThemeBuilderDemo.js.map +6 -0
  7. package/dist/esm/index.js +1 -0
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/jsx/ThemeBuilderDemo.js +95 -0
  10. package/dist/jsx/ThemeBuilderDemo.js.map +6 -0
  11. package/dist/jsx/ThemeBuilderDemo.mjs +95 -0
  12. package/dist/jsx/ThemeBuilderDemo.mjs.map +6 -0
  13. package/dist/jsx/index.js +1 -0
  14. package/dist/jsx/index.js.map +1 -1
  15. package/dist/jsx/index.mjs +1 -0
  16. package/dist/jsx/index.mjs.map +1 -1
  17. package/package.json +18 -18
  18. package/src/ThemeBuilderDemo.tsx +104 -0
  19. package/src/index.tsx +1 -0
  20. package/types/ThemeBuilderDemo.d.ts +3 -0
  21. package/types/ThemeBuilderDemo.d.ts.map +1 -0
  22. package/types/index.d.ts +1 -0
  23. package/types/index.d.ts.map +1 -1
package/dist/cjs/ThemeBuilderDemo.js ADDED
@@ -0,0 +1,150 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var ThemeBuilderDemo_exports = {};
20
+ __export(ThemeBuilderDemo_exports, {
21
+ ThemeBuilderDemo: () => ThemeBuilderDemo
22
+ });
23
+ module.exports = __toCommonJS(ThemeBuilderDemo_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_tamagui = require("tamagui");
26
+ function ThemeBuilderDemo() {
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bc: "$color9" }),
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bc: "$color7" }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bc: "$color5" }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bc: "$color3" }),
32
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bc: "$color1" }),
33
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bc: "$color3" }),
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bc: "$color5" }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bc: "$color7" }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bc: "$color9" })
37
+ ] }) });
38
+ }
39
+ function Col(props) {
40
+ const subTheme = props.subTheme ? `_${props.subTheme}` : "";
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2.5", space: "$3.5", children: [
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
44
+ import_tamagui.Square,
45
+ {
46
+ br: "$6",
47
+ size: "$10",
48
+ theme: "orange" + subTheme,
49
+ bg: "$background",
50
+ ...props
51
+ }
52
+ ),
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
+ import_tamagui.Square,
55
+ {
56
+ br: "$6",
57
+ size: "$10",
58
+ theme: "yellow" + subTheme,
59
+ bg: "$background",
60
+ ...props
61
+ }
62
+ ),
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
64
+ import_tamagui.Square,
65
+ {
66
+ br: "$6",
67
+ size: "$10",
68
+ theme: "green" + subTheme,
69
+ bg: "$background",
70
+ ...props
71
+ }
72
+ ),
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
74
+ import_tamagui.Square,
75
+ {
76
+ br: "$6",
77
+ size: "$10",
78
+ theme: "blue" + subTheme,
79
+ bg: "$background",
80
+ ...props
81
+ }
82
+ ),
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
84
+ import_tamagui.Square,
85
+ {
86
+ br: "$6",
87
+ size: "$10",
88
+ theme: "purple" + subTheme,
89
+ bg: "$background",
90
+ ...props
91
+ }
92
+ ),
93
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
94
+ import_tamagui.Square,
95
+ {
96
+ br: "$6",
97
+ size: "$10",
98
+ theme: "pink" + subTheme,
99
+ bg: "$background",
100
+ ...props
101
+ }
102
+ ),
103
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
104
+ import_tamagui.Square,
105
+ {
106
+ br: "$6",
107
+ size: "$10",
108
+ theme: "red" + subTheme,
109
+ bg: "$background",
110
+ ...props
111
+ }
112
+ ),
113
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
114
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
115
+ import_tamagui.Square,
116
+ {
117
+ br: "$6",
118
+ size: "$10",
119
+ theme: "orange" + subTheme,
120
+ bg: "$background",
121
+ ...props
122
+ }
123
+ ),
124
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
125
+ import_tamagui.Square,
126
+ {
127
+ br: "$6",
128
+ size: "$10",
129
+ theme: "yellow" + subTheme,
130
+ bg: "$background",
131
+ ...props
132
+ }
133
+ ),
134
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
135
+ import_tamagui.Square,
136
+ {
137
+ br: "$6",
138
+ size: "$10",
139
+ theme: "green" + subTheme,
140
+ bg: "$background",
141
+ ...props
142
+ }
143
+ )
144
+ ] });
145
+ }
146
+ // Annotate the CommonJS export names for ESM import in node:
147
+ 0 && (module.exports = {
148
+ ThemeBuilderDemo
149
+ });
150
+ //# sourceMappingURL=ThemeBuilderDemo.js.map
package/dist/cjs/ThemeBuilderDemo.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeBuilderDemo.tsx"],
4
+ "mappings": "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",
5
+ "names": []
6
+ }
package/dist/cjs/index.js CHANGED
@@ -24,6 +24,7 @@ __reExport(src_exports, require("./AnimationsPresenceDemo"), module.exports);
24
24
  __reExport(src_exports, require("./AvatarDemo"), module.exports);
25
25
  __reExport(src_exports, require("./ButtonDemo"), module.exports);
26
26
  __reExport(src_exports, require("./BuildAButtonDemo"), module.exports);
27
+ __reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
27
28
  __reExport(src_exports, require("./CardDemo"), module.exports);
28
29
  __reExport(src_exports, require("./DialogDemo"), module.exports);
29
30
  __reExport(src_exports, require("./AddThemeDemo"), module.exports);
@@ -73,6 +74,7 @@ __reExport(src_exports, require("./useOnIntersecting"), module.exports);
73
74
  ...require("./AvatarDemo"),
74
75
  ...require("./ButtonDemo"),
75
76
  ...require("./BuildAButtonDemo"),
77
+ ...require("./ThemeBuilderDemo"),
76
78
  ...require("./CardDemo"),
77
79
  ...require("./DialogDemo"),
78
80
  ...require("./AddThemeDemo"),
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,8BAAd;AACA,wBAAc,6BADd;AAEA,wBAAc,kCAFd;AAGA,wBAAc,kCAHd;AAIA,wBAAc,mCAJd;AAKA,wBAAc,qCALd;AAMA,wBAAc,yBANd;AAOA,wBAAc,yBAPd;AAQA,wBAAc,+BARd;AASA,wBAAc,uBATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,2BAXd;AAYA,wBAAc,8BAZd;AAaA,wBAAc,+BAbd;AAcA,wBAAc,wBAdd;AAeA,wBAAc,yBAfd;AAgBA,wBAAc,wBAhBd;AAiBA,wBAAc,2BAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,iCApBd;AAqBA,wBAAc,2BArBd;AAsBA,wBAAc,8BAtBd;AAuBA,wBAAc,0BAvBd;AAwBA,wBAAc,2BAxBd;AAyBA,wBAAc,6BAzBd;AA0BA,wBAAc,yBA1Bd;AA2BA,wBAAc,4BA3Bd;AA4BA,wBAAc,yBA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,wBA9Bd;AA+BA,wBAAc,yBA/Bd;AAgCA,wBAAc,0BAhCd;AAiCA,wBAAc,yBAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,2BAnCd;AAoCA,wBAAc,uBApCd;AAqCA,wBAAc,+BArCd;AAsCA,wBAAc,0BAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,yBAxCd;AAyCA,wBAAc,wBAzCd;AA0CA,wBAAc,iCA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,+BA5Cd;AA6CA,wBAAc,8BA7Cd;AA8CA,wBAAc,gCA9Cd;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,8BAAd;AACA,wBAAc,6BADd;AAEA,wBAAc,kCAFd;AAGA,wBAAc,kCAHd;AAIA,wBAAc,mCAJd;AAKA,wBAAc,qCALd;AAMA,wBAAc,yBANd;AAOA,wBAAc,yBAPd;AAQA,wBAAc,+BARd;AASA,wBAAc,+BATd;AAUA,wBAAc,uBAVd;AAWA,wBAAc,yBAXd;AAYA,wBAAc,2BAZd;AAaA,wBAAc,8BAbd;AAcA,wBAAc,+BAdd;AAeA,wBAAc,wBAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,wBAjBd;AAkBA,wBAAc,2BAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,wBApBd;AAqBA,wBAAc,iCArBd;AAsBA,wBAAc,2BAtBd;AAuBA,wBAAc,8BAvBd;AAwBA,wBAAc,0BAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,6BA1Bd;AA2BA,wBAAc,yBA3Bd;AA4BA,wBAAc,4BA5Bd;AA6BA,wBAAc,yBA7Bd;AA8BA,wBAAc,6BA9Bd;AA+BA,wBAAc,wBA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,0BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,yBAnCd;AAoCA,wBAAc,2BApCd;AAqCA,wBAAc,uBArCd;AAsCA,wBAAc,+BAtCd;AAuCA,wBAAc,0BAvCd;AAwCA,wBAAc,yBAxCd;AAyCA,wBAAc,yBAzCd;AA0CA,wBAAc,wBA1Cd;AA2CA,wBAAc,iCA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,8BA9Cd;AA+CA,wBAAc,gCA/Cd;",
5
5
  "names": []
6
6
  }
package/dist/esm/ThemeBuilderDemo.js ADDED
@@ -0,0 +1,126 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { Square, XStack, YStack } from "tamagui";
3
+ function ThemeBuilderDemo() {
4
+ return /* @__PURE__ */ jsx(YStack, { fullscreen: true, ov: "hidden", children: /* @__PURE__ */ jsxs(XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
5
+ /* @__PURE__ */ jsx(Col, { y: 35, bc: "$color9" }),
6
+ /* @__PURE__ */ jsx(Col, { size: "$8", y: 30, bc: "$color7" }),
7
+ /* @__PURE__ */ jsx(Col, { size: "$6", y: -50, bc: "$color5" }),
8
+ /* @__PURE__ */ jsx(Col, { size: "$4", bc: "$color3" }),
9
+ /* @__PURE__ */ jsx(Col, { size: "$2", bc: "$color1" }),
10
+ /* @__PURE__ */ jsx(Col, { size: "$4", y: 50, bc: "$color3" }),
11
+ /* @__PURE__ */ jsx(Col, { size: "$6", y: 80, bc: "$color5" }),
12
+ /* @__PURE__ */ jsx(Col, { size: "$8", bc: "$color7" }),
13
+ /* @__PURE__ */ jsx(Col, { bc: "$color9" })
14
+ ] }) });
15
+ }
16
+ function Col(props) {
17
+ const subTheme = props.subTheme ? `_${props.subTheme}` : "";
18
+ return /* @__PURE__ */ jsxs(YStack, { padding: "$2.5", space: "$3.5", children: [
19
+ /* @__PURE__ */ jsx(Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
20
+ /* @__PURE__ */ jsx(
21
+ Square,
22
+ {
23
+ br: "$6",
24
+ size: "$10",
25
+ theme: "orange" + subTheme,
26
+ bg: "$background",
27
+ ...props
28
+ }
29
+ ),
30
+ /* @__PURE__ */ jsx(
31
+ Square,
32
+ {
33
+ br: "$6",
34
+ size: "$10",
35
+ theme: "yellow" + subTheme,
36
+ bg: "$background",
37
+ ...props
38
+ }
39
+ ),
40
+ /* @__PURE__ */ jsx(
41
+ Square,
42
+ {
43
+ br: "$6",
44
+ size: "$10",
45
+ theme: "green" + subTheme,
46
+ bg: "$background",
47
+ ...props
48
+ }
49
+ ),
50
+ /* @__PURE__ */ jsx(
51
+ Square,
52
+ {
53
+ br: "$6",
54
+ size: "$10",
55
+ theme: "blue" + subTheme,
56
+ bg: "$background",
57
+ ...props
58
+ }
59
+ ),
60
+ /* @__PURE__ */ jsx(
61
+ Square,
62
+ {
63
+ br: "$6",
64
+ size: "$10",
65
+ theme: "purple" + subTheme,
66
+ bg: "$background",
67
+ ...props
68
+ }
69
+ ),
70
+ /* @__PURE__ */ jsx(
71
+ Square,
72
+ {
73
+ br: "$6",
74
+ size: "$10",
75
+ theme: "pink" + subTheme,
76
+ bg: "$background",
77
+ ...props
78
+ }
79
+ ),
80
+ /* @__PURE__ */ jsx(
81
+ Square,
82
+ {
83
+ br: "$6",
84
+ size: "$10",
85
+ theme: "red" + subTheme,
86
+ bg: "$background",
87
+ ...props
88
+ }
89
+ ),
90
+ /* @__PURE__ */ jsx(Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
91
+ /* @__PURE__ */ jsx(
92
+ Square,
93
+ {
94
+ br: "$6",
95
+ size: "$10",
96
+ theme: "orange" + subTheme,
97
+ bg: "$background",
98
+ ...props
99
+ }
100
+ ),
101
+ /* @__PURE__ */ jsx(
102
+ Square,
103
+ {
104
+ br: "$6",
105
+ size: "$10",
106
+ theme: "yellow" + subTheme,
107
+ bg: "$background",
108
+ ...props
109
+ }
110
+ ),
111
+ /* @__PURE__ */ jsx(
112
+ Square,
113
+ {
114
+ br: "$6",
115
+ size: "$10",
116
+ theme: "green" + subTheme,
117
+ bg: "$background",
118
+ ...props
119
+ }
120
+ )
121
+ ] });
122
+ }
123
+ export {
124
+ ThemeBuilderDemo
125
+ };
126
+ //# sourceMappingURL=ThemeBuilderDemo.js.map
package/dist/esm/ThemeBuilderDemo.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeBuilderDemo.tsx"],
4
+ "mappings": "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",
5
+ "names": []
6
+ }
package/dist/esm/index.js CHANGED
@@ -7,6 +7,7 @@ export * from "./AnimationsPresenceDemo";
7
7
  export * from "./AvatarDemo";
8
8
  export * from "./ButtonDemo";
9
9
  export * from "./BuildAButtonDemo";
10
+ export * from "./ThemeBuilderDemo";
10
11
  export * from "./CardDemo";
11
12
  export * from "./DialogDemo";
12
13
  export * from "./AddThemeDemo";
package/dist/esm/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
5
5
  "names": []
6
6
  }
package/dist/jsx/ThemeBuilderDemo.js ADDED
@@ -0,0 +1,95 @@
1
+ import { Square, XStack, YStack } from "tamagui";
2
+ function ThemeBuilderDemo() {
3
+ return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-50} rotate="-10deg">
4
+ <Col y={35} bc="$color9" />
5
+ <Col size="$8" y={30} bc="$color7" />
6
+ <Col size="$6" y={-50} bc="$color5" />
7
+ <Col size="$4" bc="$color3" />
8
+ <Col size="$2" bc="$color1" />
9
+ <Col size="$4" y={50} bc="$color3" />
10
+ <Col size="$6" y={80} bc="$color5" />
11
+ <Col size="$8" bc="$color7" />
12
+ <Col bc="$color9" />
13
+ </XStack></YStack>;
14
+ }
15
+ function Col(props) {
16
+ const subTheme = props.subTheme ? `_${props.subTheme}` : "";
17
+ return <YStack padding="$2.5" space="$3.5">
18
+ <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
19
+ <Square
20
+ br="$6"
21
+ size="$10"
22
+ theme={"orange" + subTheme}
23
+ bg="$background"
24
+ {...props}
25
+ />
26
+ <Square
27
+ br="$6"
28
+ size="$10"
29
+ theme={"yellow" + subTheme}
30
+ bg="$background"
31
+ {...props}
32
+ />
33
+ <Square
34
+ br="$6"
35
+ size="$10"
36
+ theme={"green" + subTheme}
37
+ bg="$background"
38
+ {...props}
39
+ />
40
+ <Square
41
+ br="$6"
42
+ size="$10"
43
+ theme={"blue" + subTheme}
44
+ bg="$background"
45
+ {...props}
46
+ />
47
+ <Square
48
+ br="$6"
49
+ size="$10"
50
+ theme={"purple" + subTheme}
51
+ bg="$background"
52
+ {...props}
53
+ />
54
+ <Square
55
+ br="$6"
56
+ size="$10"
57
+ theme={"pink" + subTheme}
58
+ bg="$background"
59
+ {...props}
60
+ />
61
+ <Square
62
+ br="$6"
63
+ size="$10"
64
+ theme={"red" + subTheme}
65
+ bg="$background"
66
+ {...props}
67
+ />
68
+ <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
69
+ <Square
70
+ br="$6"
71
+ size="$10"
72
+ theme={"orange" + subTheme}
73
+ bg="$background"
74
+ {...props}
75
+ />
76
+ <Square
77
+ br="$6"
78
+ size="$10"
79
+ theme={"yellow" + subTheme}
80
+ bg="$background"
81
+ {...props}
82
+ />
83
+ <Square
84
+ br="$6"
85
+ size="$10"
86
+ theme={"green" + subTheme}
87
+ bg="$background"
88
+ {...props}
89
+ />
90
+ </YStack>;
91
+ }
92
+ export {
93
+ ThemeBuilderDemo
94
+ };
95
+ //# sourceMappingURL=ThemeBuilderDemo.js.map
package/dist/jsx/ThemeBuilderDemo.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeBuilderDemo.tsx"],
4
+ "mappings": "AACA,SAAsB,QAAgC,QAAQ,cAAc;AAErE,SAAS,mBAAmB;AACjC,SACE,CAAC,OAAO,WAAW,GAAG,SACpB,CAAC,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,OAAO;AAAA,IACxC,CAAC,IAAI,GAAG,IAAI,GAAG,UAAU;AAAA,IACzB,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,KAAK,GAAG,UAAU;AAAA,IACpC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,GAAG,UAAU;AAAA,EACpB,EAVC,OAWH,EAZC;AAcL;AAEA,SAAS,IACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,aAAa;AACzD,SACE,CAAC,OAAO,QAAQ,OAAO,MAAM;AAAA,IAC3B,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,MAAM,UAAU,GAAG,kBAAkB,OAAO;AAAA,IAC9E,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,UAAU;AAAA,MAClB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,SAAS;AAAA,MACjB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,SAAS;AAAA,MACjB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,QAAQ;AAAA,MAChB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,MAAM,UAAU,GAAG,kBAAkB,OAAO;AAAA,IAC9E,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,UAAU;AAAA,MAClB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,EACF,EAzEC;AA2EL;",
5
+ "names": []
6
+ }
package/dist/jsx/ThemeBuilderDemo.mjs ADDED
@@ -0,0 +1,95 @@
1
+ import { Square, XStack, YStack } from "tamagui";
2
+ function ThemeBuilderDemo() {
3
+ return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-50} rotate="-10deg">
4
+ <Col y={35} bc="$color9" />
5
+ <Col size="$8" y={30} bc="$color7" />
6
+ <Col size="$6" y={-50} bc="$color5" />
7
+ <Col size="$4" bc="$color3" />
8
+ <Col size="$2" bc="$color1" />
9
+ <Col size="$4" y={50} bc="$color3" />
10
+ <Col size="$6" y={80} bc="$color5" />
11
+ <Col size="$8" bc="$color7" />
12
+ <Col bc="$color9" />
13
+ </XStack></YStack>;
14
+ }
15
+ function Col(props) {
16
+ const subTheme = props.subTheme ? `_${props.subTheme}` : "";
17
+ return <YStack padding="$2.5" space="$3.5">
18
+ <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
19
+ <Square
20
+ br="$6"
21
+ size="$10"
22
+ theme={"orange" + subTheme}
23
+ bg="$background"
24
+ {...props}
25
+ />
26
+ <Square
27
+ br="$6"
28
+ size="$10"
29
+ theme={"yellow" + subTheme}
30
+ bg="$background"
31
+ {...props}
32
+ />
33
+ <Square
34
+ br="$6"
35
+ size="$10"
36
+ theme={"green" + subTheme}
37
+ bg="$background"
38
+ {...props}
39
+ />
40
+ <Square
41
+ br="$6"
42
+ size="$10"
43
+ theme={"blue" + subTheme}
44
+ bg="$background"
45
+ {...props}
46
+ />
47
+ <Square
48
+ br="$6"
49
+ size="$10"
50
+ theme={"purple" + subTheme}
51
+ bg="$background"
52
+ {...props}
53
+ />
54
+ <Square
55
+ br="$6"
56
+ size="$10"
57
+ theme={"pink" + subTheme}
58
+ bg="$background"
59
+ {...props}
60
+ />
61
+ <Square
62
+ br="$6"
63
+ size="$10"
64
+ theme={"red" + subTheme}
65
+ bg="$background"
66
+ {...props}
67
+ />
68
+ <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
69
+ <Square
70
+ br="$6"
71
+ size="$10"
72
+ theme={"orange" + subTheme}
73
+ bg="$background"
74
+ {...props}
75
+ />
76
+ <Square
77
+ br="$6"
78
+ size="$10"
79
+ theme={"yellow" + subTheme}
80
+ bg="$background"
81
+ {...props}
82
+ />
83
+ <Square
84
+ br="$6"
85
+ size="$10"
86
+ theme={"green" + subTheme}
87
+ bg="$background"
88
+ {...props}
89
+ />
90
+ </YStack>;
91
+ }
92
+ export {
93
+ ThemeBuilderDemo
94
+ };
95
+ //# sourceMappingURL=ThemeBuilderDemo.mjs.map
package/dist/jsx/ThemeBuilderDemo.mjs.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeBuilderDemo.tsx"],
4
+ "mappings": "AACA,SAAsB,QAAgC,QAAQ,cAAc;AAErE,SAAS,mBAAmB;AACjC,SACE,CAAC,OAAO,WAAW,GAAG,SACpB,CAAC,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,OAAO;AAAA,IACxC,CAAC,IAAI,GAAG,IAAI,GAAG,UAAU;AAAA,IACzB,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,KAAK,GAAG,UAAU;AAAA,IACpC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,UAAU;AAAA,IACnC,CAAC,IAAI,KAAK,KAAK,GAAG,UAAU;AAAA,IAC5B,CAAC,IAAI,GAAG,UAAU;AAAA,EACpB,EAVC,OAWH,EAZC;AAcL;AAEA,SAAS,IACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,aAAa;AACzD,SACE,CAAC,OAAO,QAAQ,OAAO,MAAM;AAAA,IAC3B,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,MAAM,UAAU,GAAG,kBAAkB,OAAO;AAAA,IAC9E,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,UAAU;AAAA,MAClB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,SAAS;AAAA,MACjB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,SAAS;AAAA,MACjB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,QAAQ;AAAA,MAChB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,MAAM,UAAU,GAAG,kBAAkB,OAAO;AAAA,IAC9E,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,WAAW;AAAA,MACnB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,OAAQ,UAAU;AAAA,MAClB,GAAG;AAAA,UACC;AAAA,IACN;AAAA,EACF,EAzEC;AA2EL;",
5
+ "names": []
6
+ }
package/dist/jsx/index.js CHANGED
@@ -7,6 +7,7 @@ export * from "./AnimationsPresenceDemo";
7
7
  export * from "./AvatarDemo";
8
8
  export * from "./ButtonDemo";
9
9
  export * from "./BuildAButtonDemo";
10
+ export * from "./ThemeBuilderDemo";
10
11
  export * from "./CardDemo";
11
12
  export * from "./DialogDemo";
12
13
  export * from "./AddThemeDemo";
package/dist/jsx/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
5
5
  "names": []
6
6
  }
package/dist/jsx/index.mjs CHANGED
@@ -7,6 +7,7 @@ export * from "./AnimationsPresenceDemo";
7
7
  export * from "./AvatarDemo";
8
8
  export * from "./ButtonDemo";
9
9
  export * from "./BuildAButtonDemo";
10
+ export * from "./ThemeBuilderDemo";
10
11
  export * from "./CardDemo";
11
12
  export * from "./DialogDemo";
12
13
  export * from "./AddThemeDemo";
package/dist/jsx/index.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.37.2",
3
+ "version": "1.38.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -33,29 +33,29 @@
33
33
  }
34
34
  },
35
35
  "dependencies": {
36
- "@tamagui/avatar": "1.37.2",
37
- "@tamagui/button": "1.37.2",
38
- "@tamagui/config": "1.37.2",
39
- "@tamagui/core": "1.37.2",
40
- "@tamagui/list-item": "1.37.2",
41
- "@tamagui/logo": "1.37.2",
42
- "@tamagui/menu": "1.37.2",
43
- "@tamagui/popover": "1.37.2",
44
- "@tamagui/progress": "1.37.2",
45
- "@tamagui/radio-group": "1.37.2",
46
- "@tamagui/select": "1.37.2",
47
- "@tamagui/sheet": "1.37.2",
48
- "@tamagui/slider": "1.37.2",
49
- "@tamagui/stacks": "1.37.2",
50
- "@tamagui/toast": "1.37.2",
51
- "tamagui": "1.37.2"
36
+ "@tamagui/avatar": "1.38.0",
37
+ "@tamagui/button": "1.38.0",
38
+ "@tamagui/config": "1.38.0",
39
+ "@tamagui/core": "1.38.0",
40
+ "@tamagui/list-item": "1.38.0",
41
+ "@tamagui/logo": "1.38.0",
42
+ "@tamagui/menu": "1.38.0",
43
+ "@tamagui/popover": "1.38.0",
44
+ "@tamagui/progress": "1.38.0",
45
+ "@tamagui/radio-group": "1.38.0",
46
+ "@tamagui/select": "1.38.0",
47
+ "@tamagui/sheet": "1.38.0",
48
+ "@tamagui/slider": "1.38.0",
49
+ "@tamagui/stacks": "1.38.0",
50
+ "@tamagui/toast": "1.38.0",
51
+ "tamagui": "1.38.0"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "react": "*",
55
55
  "react-dom": "*"
56
56
  },
57
57
  "devDependencies": {
58
- "@tamagui/build": "1.37.2",
58
+ "@tamagui/build": "1.38.0",
59
59
  "react": "^18.2.0",
60
60
  "react-dom": "^18.2.0"
61
61
  },
package/src/ThemeBuilderDemo.tsx ADDED
@@ -0,0 +1,104 @@
1
+ import { Drumstick, Hand } from '@tamagui/lucide-icons'
2
+ import { ButtonProps, Square, SquareProps, ThemeName, XStack, YStack } from 'tamagui'
3
+
4
+ export function ThemeBuilderDemo() {
5
+ return (
6
+ <YStack fullscreen ov="hidden">
7
+ <XStack mah={200} y={-100} x={-50} rotate="-10deg">
8
+ <Col y={35} bc="$color9" />
9
+ <Col size="$8" y={30} bc="$color7" />
10
+ <Col size="$6" y={-50} bc="$color5" />
11
+ <Col size="$4" bc="$color3" />
12
+ <Col size="$2" bc="$color1" />
13
+ <Col size="$4" y={50} bc="$color3" />
14
+ <Col size="$6" y={80} bc="$color5" />
15
+ <Col size="$8" bc="$color7" />
16
+ <Col bc="$color9" />
17
+ </XStack>
18
+ </YStack>
19
+ )
20
+ }
21
+
22
+ function Col(
23
+ props: SquareProps & {
24
+ subTheme?: any
25
+ }
26
+ ) {
27
+ const subTheme = props.subTheme ? `_${props.subTheme}` : ''
28
+ return (
29
+ <YStack padding="$2.5" space="$3.5">
30
+ <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
31
+ <Square
32
+ br="$6"
33
+ size="$10"
34
+ theme={('orange' + subTheme) as ThemeName}
35
+ bg="$background"
36
+ {...props}
37
+ />
38
+ <Square
39
+ br="$6"
40
+ size="$10"
41
+ theme={('yellow' + subTheme) as ThemeName}
42
+ bg="$background"
43
+ {...props}
44
+ />
45
+ <Square
46
+ br="$6"
47
+ size="$10"
48
+ theme={('green' + subTheme) as ThemeName}
49
+ bg="$background"
50
+ {...props}
51
+ />
52
+ <Square
53
+ br="$6"
54
+ size="$10"
55
+ theme={('blue' + subTheme) as ThemeName}
56
+ bg="$background"
57
+ {...props}
58
+ />
59
+ <Square
60
+ br="$6"
61
+ size="$10"
62
+ theme={('purple' + subTheme) as ThemeName}
63
+ bg="$background"
64
+ {...props}
65
+ />
66
+ <Square
67
+ br="$6"
68
+ size="$10"
69
+ theme={('pink' + subTheme) as ThemeName}
70
+ bg="$background"
71
+ {...props}
72
+ />
73
+ <Square
74
+ br="$6"
75
+ size="$10"
76
+ theme={('red' + subTheme) as ThemeName}
77
+ bg="$background"
78
+ {...props}
79
+ />
80
+ <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
81
+ <Square
82
+ br="$6"
83
+ size="$10"
84
+ theme={('orange' + subTheme) as ThemeName}
85
+ bg="$background"
86
+ {...props}
87
+ />
88
+ <Square
89
+ br="$6"
90
+ size="$10"
91
+ theme={('yellow' + subTheme) as ThemeName}
92
+ bg="$background"
93
+ {...props}
94
+ />
95
+ <Square
96
+ br="$6"
97
+ size="$10"
98
+ theme={('green' + subTheme) as ThemeName}
99
+ bg="$background"
100
+ {...props}
101
+ />
102
+ </YStack>
103
+ )
104
+ }
package/src/index.tsx CHANGED
@@ -7,6 +7,7 @@ export * from './AnimationsPresenceDemo'
7
7
  export * from './AvatarDemo'
8
8
  export * from './ButtonDemo'
9
9
  export * from './BuildAButtonDemo'
10
+ export * from './ThemeBuilderDemo'
10
11
  export * from './CardDemo'
11
12
  export * from './DialogDemo'
12
13
  export * from './AddThemeDemo'
package/types/ThemeBuilderDemo.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare function ThemeBuilderDemo(): JSX.Element;
3
+ //# sourceMappingURL=ThemeBuilderDemo.d.ts.map
package/types/ThemeBuilderDemo.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeBuilderDemo.d.ts","sourceRoot":"","sources":["../src/ThemeBuilderDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,gBAAgB,gBAgB/B"}
package/types/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export * from './AnimationsPresenceDemo';
7
7
  export * from './AvatarDemo';
8
8
  export * from './ButtonDemo';
9
9
  export * from './BuildAButtonDemo';
10
+ export * from './ThemeBuilderDemo';
10
11
  export * from './CardDemo';
11
12
  export * from './DialogDemo';
12
13
  export * from './AddThemeDemo';
package/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}