@tamagui/demos 1.123.17-1738863858128 → 1.124.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AlertDialogDemo.cjs +2 -2
- package/dist/cjs/AlertDialogDemo.js +2 -2
- package/dist/cjs/AlertDialogDemo.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.native.js +2 -2
- package/dist/cjs/AlertDialogDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.cjs +4 -4
- package/dist/cjs/AnimationsPresenceDemo.js +4 -4
- package/dist/cjs/AnimationsPresenceDemo.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.native.js +4 -4
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/ButtonDemo.cjs +1 -1
- package/dist/cjs/ButtonDemo.js +1 -1
- package/dist/cjs/ButtonDemo.native.js +1 -1
- package/dist/cjs/DialogDemo.cjs +4 -2
- package/dist/cjs/DialogDemo.js +3 -2
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/DialogDemo.native.js +4 -2
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.cjs +1 -1
- package/dist/cjs/ScrollViewDemo.js +1 -1
- package/dist/cjs/ScrollViewDemo.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.native.js +1 -1
- package/dist/cjs/SelectDemo.cjs +1 -1
- package/dist/cjs/SelectDemo.js +1 -1
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +1 -1
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.cjs +2 -1
- package/dist/cjs/SheetDemo.js +2 -1
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js +2 -1
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.cjs +2 -2
- package/dist/cjs/TabsAdvancedDemo.js +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +2 -2
- package/dist/cjs/ThemeBuilderDemo.cjs +43 -43
- package/dist/cjs/ThemeBuilderDemo.js +58 -40
- package/dist/cjs/ThemeBuilderDemo.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.native.js +43 -43
- package/dist/cjs/ThemeBuilderDemo.native.js.map +2 -2
- package/dist/cjs/ToastDemo.cjs +1 -1
- package/dist/cjs/ToastDemo.js +1 -1
- package/dist/cjs/ToastDemo.native.js +1 -1
- package/dist/cjs/TokensDemo.cjs +1 -1
- package/dist/cjs/TokensDemo.js +1 -1
- package/dist/cjs/TokensDemo.native.js +1 -1
- package/dist/cjs/tamagui.config.cjs +4 -6
- package/dist/cjs/tamagui.config.js +3 -4
- package/dist/cjs/tamagui.config.js.map +2 -2
- package/dist/cjs/tamagui.config.native.js +1 -6
- package/dist/cjs/tamagui.config.native.js.map +2 -2
- package/dist/esm/AlertDialogDemo.js +2 -2
- package/dist/esm/AlertDialogDemo.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +2 -2
- package/dist/esm/AlertDialogDemo.mjs.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +2 -2
- package/dist/esm/AlertDialogDemo.native.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.js +4 -4
- package/dist/esm/AnimationsPresenceDemo.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +4 -4
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +4 -4
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/ButtonDemo.js +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/DialogDemo.js +3 -2
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +4 -2
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +4 -2
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/ScrollViewDemo.js +1 -1
- package/dist/esm/ScrollViewDemo.js.map +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.mjs.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.js +1 -1
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +1 -1
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +1 -1
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SheetDemo.js +2 -1
- package/dist/esm/SheetDemo.js.map +1 -1
- package/dist/esm/SheetDemo.mjs +2 -1
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +2 -1
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.js +2 -2
- package/dist/esm/TabsAdvancedDemo.mjs +2 -2
- package/dist/esm/TabsAdvancedDemo.native.js +2 -2
- package/dist/esm/ThemeBuilderDemo.js +58 -40
- package/dist/esm/ThemeBuilderDemo.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +43 -43
- package/dist/esm/ThemeBuilderDemo.mjs.map +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +43 -43
- package/dist/esm/ThemeBuilderDemo.native.js.map +2 -2
- package/dist/esm/ToastDemo.js +1 -1
- package/dist/esm/ToastDemo.mjs +1 -1
- package/dist/esm/ToastDemo.native.js +1 -1
- package/dist/esm/TokensDemo.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/tamagui.config.js +3 -5
- package/dist/esm/tamagui.config.js.map +2 -2
- package/dist/esm/tamagui.config.mjs +4 -5
- package/dist/esm/tamagui.config.mjs.map +1 -1
- package/dist/esm/tamagui.config.native.js +2 -4
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/package.json +20 -19
- package/src/AlertDialogDemo.tsx +2 -2
- package/src/AnimationsPresenceDemo.tsx +4 -4
- package/src/ButtonDemo.tsx +1 -1
- package/src/DialogDemo.tsx +3 -3
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +1 -1
- package/src/SheetDemo.tsx +2 -1
- package/src/TabsAdvancedDemo.tsx +2 -2
- package/src/ThemeBuilderDemo.tsx +53 -41
- package/src/ToastDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/tamagui.config.ts +9 -7
|
@@ -117,7 +117,7 @@ const demos = ["background", "underline"],
|
|
|
117
117
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
|
|
118
118
|
children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
119
119
|
borderRadius: "$4",
|
|
120
|
-
theme: "
|
|
120
|
+
theme: "accent",
|
|
121
121
|
width: activeAt.width,
|
|
122
122
|
height: activeAt.height,
|
|
123
123
|
x: activeAt.x,
|
|
@@ -229,7 +229,7 @@ const demos = ["background", "underline"],
|
|
|
229
229
|
})
|
|
230
230
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
|
|
231
231
|
children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
232
|
-
theme: "
|
|
232
|
+
theme: "accent",
|
|
233
233
|
active: !0,
|
|
234
234
|
width: activeAt.width,
|
|
235
235
|
height: "$0.5",
|
|
@@ -85,7 +85,7 @@ const demos = ["background", "underline"], demosTitle = {
|
|
|
85
85
|
TabsRovingIndicator,
|
|
86
86
|
{
|
|
87
87
|
borderRadius: "$4",
|
|
88
|
-
theme: "
|
|
88
|
+
theme: "accent",
|
|
89
89
|
width: activeAt.width,
|
|
90
90
|
height: activeAt.height,
|
|
91
91
|
x: activeAt.x,
|
|
@@ -177,7 +177,7 @@ const demos = ["background", "underline"], demosTitle = {
|
|
|
177
177
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
178
178
|
TabsRovingIndicator,
|
|
179
179
|
{
|
|
180
|
-
theme: "
|
|
180
|
+
theme: "accent",
|
|
181
181
|
active: !0,
|
|
182
182
|
width: activeAt.width,
|
|
183
183
|
height: "$0.5",
|
|
@@ -123,7 +123,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
123
123
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
|
|
124
124
|
children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
125
125
|
borderRadius: "$4",
|
|
126
|
-
theme: "
|
|
126
|
+
theme: "accent",
|
|
127
127
|
width: activeAt.width,
|
|
128
128
|
height: activeAt.height,
|
|
129
129
|
x: activeAt.x,
|
|
@@ -253,7 +253,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
253
253
|
}),
|
|
254
254
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
|
|
255
255
|
children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
256
|
-
theme: "
|
|
256
|
+
theme: "accent",
|
|
257
257
|
active: !0,
|
|
258
258
|
width: activeAt.width,
|
|
259
259
|
height: "$0.5",
|
|
@@ -28,70 +28,70 @@ var import_tamagui = require("tamagui"),
|
|
|
28
28
|
function ThemeBuilderDemo() {
|
|
29
29
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
30
30
|
fullscreen: !0,
|
|
31
|
-
|
|
31
|
+
overflow: "hidden",
|
|
32
32
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
33
|
-
|
|
33
|
+
maxHeight: 200,
|
|
34
34
|
y: -100,
|
|
35
35
|
x: -50,
|
|
36
36
|
rotate: "-10deg",
|
|
37
37
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
38
38
|
y: 35,
|
|
39
|
-
|
|
39
|
+
backgroundColor: "$color9"
|
|
40
40
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
41
41
|
size: "$8",
|
|
42
42
|
y: 30,
|
|
43
|
-
|
|
43
|
+
backgroundColor: "$color7"
|
|
44
44
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
45
45
|
size: "$6",
|
|
46
46
|
y: -50,
|
|
47
|
-
|
|
47
|
+
backgroundColor: "$color5"
|
|
48
48
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
49
49
|
size: "$4",
|
|
50
|
-
|
|
50
|
+
backgroundColor: "$color3"
|
|
51
51
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
52
52
|
size: "$2",
|
|
53
|
-
|
|
53
|
+
backgroundColor: "$color1"
|
|
54
54
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
55
55
|
size: "$4",
|
|
56
56
|
y: 50,
|
|
57
|
-
|
|
57
|
+
backgroundColor: "$color3"
|
|
58
58
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
59
59
|
size: "$6",
|
|
60
60
|
y: 80,
|
|
61
|
-
|
|
61
|
+
backgroundColor: "$color5"
|
|
62
62
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
63
63
|
size: "$8",
|
|
64
|
-
|
|
64
|
+
backgroundColor: "$color7"
|
|
65
65
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
66
|
-
|
|
66
|
+
backgroundColor: "$color9"
|
|
67
67
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
68
68
|
size: "$8",
|
|
69
|
-
|
|
69
|
+
backgroundColor: "$color7"
|
|
70
70
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
71
71
|
size: "$6",
|
|
72
72
|
y: 80,
|
|
73
|
-
|
|
73
|
+
backgroundColor: "$color5"
|
|
74
74
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
75
75
|
size: "$4",
|
|
76
76
|
y: 50,
|
|
77
|
-
|
|
77
|
+
backgroundColor: "$color3"
|
|
78
78
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
79
79
|
size: "$2",
|
|
80
|
-
|
|
80
|
+
backgroundColor: "$color1"
|
|
81
81
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
82
82
|
size: "$4",
|
|
83
|
-
|
|
83
|
+
backgroundColor: "$color3"
|
|
84
84
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
85
85
|
size: "$6",
|
|
86
86
|
y: -50,
|
|
87
|
-
|
|
87
|
+
backgroundColor: "$color5"
|
|
88
88
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
89
89
|
size: "$8",
|
|
90
90
|
y: 30,
|
|
91
|
-
|
|
91
|
+
backgroundColor: "$color7"
|
|
92
92
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
|
|
93
93
|
y: 35,
|
|
94
|
-
|
|
94
|
+
backgroundColor: "$color9"
|
|
95
95
|
})]
|
|
96
96
|
})
|
|
97
97
|
});
|
|
@@ -102,76 +102,76 @@ function Col(props) {
|
|
|
102
102
|
padding: "$2.5",
|
|
103
103
|
space: "$3.5",
|
|
104
104
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
105
|
-
|
|
105
|
+
borderRadius: "$6",
|
|
106
106
|
size: "$10",
|
|
107
107
|
theme: props.subTheme,
|
|
108
|
-
|
|
108
|
+
backgroundColor: "$background",
|
|
109
109
|
...props
|
|
110
110
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
111
|
-
|
|
111
|
+
borderRadius: "$6",
|
|
112
112
|
size: "$10",
|
|
113
113
|
theme: "orange" + subTheme,
|
|
114
|
-
|
|
114
|
+
backgroundColor: "$background",
|
|
115
115
|
...props
|
|
116
116
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
117
|
-
|
|
117
|
+
borderRadius: "$6",
|
|
118
118
|
size: "$10",
|
|
119
119
|
theme: "yellow" + subTheme,
|
|
120
|
-
|
|
120
|
+
backgroundColor: "$background",
|
|
121
121
|
...props
|
|
122
122
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
123
|
-
|
|
123
|
+
borderRadius: "$6",
|
|
124
124
|
size: "$10",
|
|
125
125
|
theme: "green" + subTheme,
|
|
126
|
-
|
|
126
|
+
backgroundColor: "$background",
|
|
127
127
|
...props
|
|
128
128
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
129
|
-
|
|
129
|
+
borderRadius: "$6",
|
|
130
130
|
size: "$10",
|
|
131
131
|
theme: "blue" + subTheme,
|
|
132
|
-
|
|
132
|
+
backgroundColor: "$background",
|
|
133
133
|
...props
|
|
134
134
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
135
|
-
|
|
135
|
+
borderRadius: "$6",
|
|
136
136
|
size: "$10",
|
|
137
137
|
theme: "purple" + subTheme,
|
|
138
|
-
|
|
138
|
+
backgroundColor: "$background",
|
|
139
139
|
...props
|
|
140
140
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
141
|
-
|
|
141
|
+
borderRadius: "$6",
|
|
142
142
|
size: "$10",
|
|
143
143
|
theme: "pink" + subTheme,
|
|
144
|
-
|
|
144
|
+
backgroundColor: "$background",
|
|
145
145
|
...props
|
|
146
146
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
147
|
-
|
|
147
|
+
borderRadius: "$6",
|
|
148
148
|
size: "$10",
|
|
149
149
|
theme: "red" + subTheme,
|
|
150
|
-
|
|
150
|
+
backgroundColor: "$background",
|
|
151
151
|
...props
|
|
152
152
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
153
|
-
|
|
153
|
+
borderRadius: "$6",
|
|
154
154
|
size: "$10",
|
|
155
155
|
theme: props.subTheme,
|
|
156
|
-
|
|
156
|
+
backgroundColor: "$background",
|
|
157
157
|
...props
|
|
158
158
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
159
|
-
|
|
159
|
+
borderRadius: "$6",
|
|
160
160
|
size: "$10",
|
|
161
161
|
theme: "orange" + subTheme,
|
|
162
|
-
|
|
162
|
+
backgroundColor: "$background",
|
|
163
163
|
...props
|
|
164
164
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
165
|
-
|
|
165
|
+
borderRadius: "$6",
|
|
166
166
|
size: "$10",
|
|
167
167
|
theme: "yellow" + subTheme,
|
|
168
|
-
|
|
168
|
+
backgroundColor: "$background",
|
|
169
169
|
...props
|
|
170
170
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
171
|
-
|
|
171
|
+
borderRadius: "$6",
|
|
172
172
|
size: "$10",
|
|
173
173
|
theme: "green" + subTheme,
|
|
174
|
-
|
|
174
|
+
backgroundColor: "$background",
|
|
175
175
|
...props
|
|
176
176
|
})]
|
|
177
177
|
});
|
|
@@ -19,128 +19,146 @@ __export(ThemeBuilderDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(ThemeBuilderDemo_exports);
|
|
20
20
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function ThemeBuilderDemo() {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0,
|
|
23
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35,
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30,
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50,
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4",
|
|
27
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2",
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50,
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80,
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8",
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8",
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80,
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50,
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2",
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4",
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50,
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30,
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35,
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { maxHeight: 200, y: -100, x: -50, rotate: "-10deg", children: [
|
|
23
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, backgroundColor: "$color9" }),
|
|
24
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, backgroundColor: "$color7" }),
|
|
25
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, backgroundColor: "$color5" }),
|
|
26
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", backgroundColor: "$color3" }),
|
|
27
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", backgroundColor: "$color1" }),
|
|
28
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, backgroundColor: "$color3" }),
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, backgroundColor: "$color5" }),
|
|
30
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", backgroundColor: "$color7" }),
|
|
31
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { backgroundColor: "$color9" }),
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", backgroundColor: "$color7" }),
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, backgroundColor: "$color5" }),
|
|
34
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, backgroundColor: "$color3" }),
|
|
35
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", backgroundColor: "$color1" }),
|
|
36
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", backgroundColor: "$color3" }),
|
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, backgroundColor: "$color5" }),
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, backgroundColor: "$color7" }),
|
|
39
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, backgroundColor: "$color9" })
|
|
40
40
|
] }) });
|
|
41
41
|
}
|
|
42
42
|
function Col(props) {
|
|
43
43
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
44
44
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2.5", space: "$3.5", children: [
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
|
|
46
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
46
|
import_tamagui.Square,
|
|
48
47
|
{
|
|
49
|
-
|
|
48
|
+
borderRadius: "$6",
|
|
49
|
+
size: "$10",
|
|
50
|
+
theme: props.subTheme,
|
|
51
|
+
backgroundColor: "$background",
|
|
52
|
+
...props
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
56
|
+
import_tamagui.Square,
|
|
57
|
+
{
|
|
58
|
+
borderRadius: "$6",
|
|
50
59
|
size: "$10",
|
|
51
60
|
theme: "orange" + subTheme,
|
|
52
|
-
|
|
61
|
+
backgroundColor: "$background",
|
|
53
62
|
...props
|
|
54
63
|
}
|
|
55
64
|
),
|
|
56
65
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
57
66
|
import_tamagui.Square,
|
|
58
67
|
{
|
|
59
|
-
|
|
68
|
+
borderRadius: "$6",
|
|
60
69
|
size: "$10",
|
|
61
70
|
theme: "yellow" + subTheme,
|
|
62
|
-
|
|
71
|
+
backgroundColor: "$background",
|
|
63
72
|
...props
|
|
64
73
|
}
|
|
65
74
|
),
|
|
66
75
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
67
76
|
import_tamagui.Square,
|
|
68
77
|
{
|
|
69
|
-
|
|
78
|
+
borderRadius: "$6",
|
|
70
79
|
size: "$10",
|
|
71
80
|
theme: "green" + subTheme,
|
|
72
|
-
|
|
81
|
+
backgroundColor: "$background",
|
|
73
82
|
...props
|
|
74
83
|
}
|
|
75
84
|
),
|
|
76
85
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
77
86
|
import_tamagui.Square,
|
|
78
87
|
{
|
|
79
|
-
|
|
88
|
+
borderRadius: "$6",
|
|
80
89
|
size: "$10",
|
|
81
90
|
theme: "blue" + subTheme,
|
|
82
|
-
|
|
91
|
+
backgroundColor: "$background",
|
|
83
92
|
...props
|
|
84
93
|
}
|
|
85
94
|
),
|
|
86
95
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
87
96
|
import_tamagui.Square,
|
|
88
97
|
{
|
|
89
|
-
|
|
98
|
+
borderRadius: "$6",
|
|
90
99
|
size: "$10",
|
|
91
100
|
theme: "purple" + subTheme,
|
|
92
|
-
|
|
101
|
+
backgroundColor: "$background",
|
|
93
102
|
...props
|
|
94
103
|
}
|
|
95
104
|
),
|
|
96
105
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
97
106
|
import_tamagui.Square,
|
|
98
107
|
{
|
|
99
|
-
|
|
108
|
+
borderRadius: "$6",
|
|
100
109
|
size: "$10",
|
|
101
110
|
theme: "pink" + subTheme,
|
|
102
|
-
|
|
111
|
+
backgroundColor: "$background",
|
|
103
112
|
...props
|
|
104
113
|
}
|
|
105
114
|
),
|
|
106
115
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
107
116
|
import_tamagui.Square,
|
|
108
117
|
{
|
|
109
|
-
|
|
118
|
+
borderRadius: "$6",
|
|
110
119
|
size: "$10",
|
|
111
120
|
theme: "red" + subTheme,
|
|
112
|
-
|
|
121
|
+
backgroundColor: "$background",
|
|
122
|
+
...props
|
|
123
|
+
}
|
|
124
|
+
),
|
|
125
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
126
|
+
import_tamagui.Square,
|
|
127
|
+
{
|
|
128
|
+
borderRadius: "$6",
|
|
129
|
+
size: "$10",
|
|
130
|
+
theme: props.subTheme,
|
|
131
|
+
backgroundColor: "$background",
|
|
113
132
|
...props
|
|
114
133
|
}
|
|
115
134
|
),
|
|
116
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { br: "$6", size: "$10", theme: props.subTheme, bg: "$background", ...props }),
|
|
117
135
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
118
136
|
import_tamagui.Square,
|
|
119
137
|
{
|
|
120
|
-
|
|
138
|
+
borderRadius: "$6",
|
|
121
139
|
size: "$10",
|
|
122
140
|
theme: "orange" + subTheme,
|
|
123
|
-
|
|
141
|
+
backgroundColor: "$background",
|
|
124
142
|
...props
|
|
125
143
|
}
|
|
126
144
|
),
|
|
127
145
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
128
146
|
import_tamagui.Square,
|
|
129
147
|
{
|
|
130
|
-
|
|
148
|
+
borderRadius: "$6",
|
|
131
149
|
size: "$10",
|
|
132
150
|
theme: "yellow" + subTheme,
|
|
133
|
-
|
|
151
|
+
backgroundColor: "$background",
|
|
134
152
|
...props
|
|
135
153
|
}
|
|
136
154
|
),
|
|
137
155
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
156
|
import_tamagui.Square,
|
|
139
157
|
{
|
|
140
|
-
|
|
158
|
+
borderRadius: "$6",
|
|
141
159
|
size: "$10",
|
|
142
160
|
theme: "green" + subTheme,
|
|
143
|
-
|
|
161
|
+
backgroundColor: "$background",
|
|
144
162
|
...props
|
|
145
163
|
}
|
|
146
164
|
)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ThemeBuilderDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAuC,oBAKjC;AAHC,SAAS,mBAAmB;AACjC,SACE,4CAAC,yBAAO,YAAU,IAAC,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|