@tamagui/demos 1.123.17 → 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.
Files changed (123) hide show
  1. package/dist/cjs/AlertDialogDemo.cjs +2 -2
  2. package/dist/cjs/AlertDialogDemo.js +2 -2
  3. package/dist/cjs/AlertDialogDemo.js.map +1 -1
  4. package/dist/cjs/AlertDialogDemo.native.js +2 -2
  5. package/dist/cjs/AlertDialogDemo.native.js.map +2 -2
  6. package/dist/cjs/AnimationsPresenceDemo.cjs +4 -4
  7. package/dist/cjs/AnimationsPresenceDemo.js +4 -4
  8. package/dist/cjs/AnimationsPresenceDemo.js.map +1 -1
  9. package/dist/cjs/AnimationsPresenceDemo.native.js +4 -4
  10. package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
  11. package/dist/cjs/ButtonDemo.cjs +1 -1
  12. package/dist/cjs/ButtonDemo.js +1 -1
  13. package/dist/cjs/ButtonDemo.native.js +1 -1
  14. package/dist/cjs/DialogDemo.cjs +4 -2
  15. package/dist/cjs/DialogDemo.js +3 -2
  16. package/dist/cjs/DialogDemo.js.map +1 -1
  17. package/dist/cjs/DialogDemo.native.js +4 -2
  18. package/dist/cjs/DialogDemo.native.js.map +2 -2
  19. package/dist/cjs/ScrollViewDemo.cjs +1 -1
  20. package/dist/cjs/ScrollViewDemo.js +1 -1
  21. package/dist/cjs/ScrollViewDemo.js.map +1 -1
  22. package/dist/cjs/ScrollViewDemo.native.js +1 -1
  23. package/dist/cjs/SelectDemo.cjs +1 -1
  24. package/dist/cjs/SelectDemo.js +1 -1
  25. package/dist/cjs/SelectDemo.js.map +1 -1
  26. package/dist/cjs/SelectDemo.native.js +1 -1
  27. package/dist/cjs/SelectDemo.native.js.map +2 -2
  28. package/dist/cjs/SheetDemo.cjs +2 -1
  29. package/dist/cjs/SheetDemo.js +2 -1
  30. package/dist/cjs/SheetDemo.js.map +1 -1
  31. package/dist/cjs/SheetDemo.native.js +2 -1
  32. package/dist/cjs/SheetDemo.native.js.map +2 -2
  33. package/dist/cjs/TabsAdvancedDemo.cjs +2 -2
  34. package/dist/cjs/TabsAdvancedDemo.js +2 -2
  35. package/dist/cjs/TabsAdvancedDemo.native.js +2 -2
  36. package/dist/cjs/ThemeBuilderDemo.cjs +43 -43
  37. package/dist/cjs/ThemeBuilderDemo.js +58 -40
  38. package/dist/cjs/ThemeBuilderDemo.js.map +1 -1
  39. package/dist/cjs/ThemeBuilderDemo.native.js +43 -43
  40. package/dist/cjs/ThemeBuilderDemo.native.js.map +2 -2
  41. package/dist/cjs/ToastDemo.cjs +1 -1
  42. package/dist/cjs/ToastDemo.js +1 -1
  43. package/dist/cjs/ToastDemo.native.js +1 -1
  44. package/dist/cjs/TokensDemo.cjs +1 -1
  45. package/dist/cjs/TokensDemo.js +1 -1
  46. package/dist/cjs/TokensDemo.native.js +1 -1
  47. package/dist/cjs/tamagui.config.cjs +4 -6
  48. package/dist/cjs/tamagui.config.js +3 -4
  49. package/dist/cjs/tamagui.config.js.map +2 -2
  50. package/dist/cjs/tamagui.config.native.js +1 -6
  51. package/dist/cjs/tamagui.config.native.js.map +2 -2
  52. package/dist/esm/AlertDialogDemo.js +2 -2
  53. package/dist/esm/AlertDialogDemo.js.map +1 -1
  54. package/dist/esm/AlertDialogDemo.mjs +2 -2
  55. package/dist/esm/AlertDialogDemo.mjs.map +1 -1
  56. package/dist/esm/AlertDialogDemo.native.js +2 -2
  57. package/dist/esm/AlertDialogDemo.native.js.map +2 -2
  58. package/dist/esm/AnimationsPresenceDemo.js +4 -4
  59. package/dist/esm/AnimationsPresenceDemo.js.map +1 -1
  60. package/dist/esm/AnimationsPresenceDemo.mjs +4 -4
  61. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
  62. package/dist/esm/AnimationsPresenceDemo.native.js +4 -4
  63. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  64. package/dist/esm/ButtonDemo.js +1 -1
  65. package/dist/esm/ButtonDemo.mjs +1 -1
  66. package/dist/esm/ButtonDemo.native.js +1 -1
  67. package/dist/esm/DialogDemo.js +3 -2
  68. package/dist/esm/DialogDemo.js.map +1 -1
  69. package/dist/esm/DialogDemo.mjs +4 -2
  70. package/dist/esm/DialogDemo.mjs.map +1 -1
  71. package/dist/esm/DialogDemo.native.js +4 -2
  72. package/dist/esm/DialogDemo.native.js.map +2 -2
  73. package/dist/esm/ScrollViewDemo.js +1 -1
  74. package/dist/esm/ScrollViewDemo.js.map +1 -1
  75. package/dist/esm/ScrollViewDemo.mjs +1 -1
  76. package/dist/esm/ScrollViewDemo.mjs.map +1 -1
  77. package/dist/esm/ScrollViewDemo.native.js +1 -1
  78. package/dist/esm/SelectDemo.js +1 -1
  79. package/dist/esm/SelectDemo.js.map +1 -1
  80. package/dist/esm/SelectDemo.mjs +1 -1
  81. package/dist/esm/SelectDemo.mjs.map +1 -1
  82. package/dist/esm/SelectDemo.native.js +1 -1
  83. package/dist/esm/SelectDemo.native.js.map +2 -2
  84. package/dist/esm/SheetDemo.js +2 -1
  85. package/dist/esm/SheetDemo.js.map +1 -1
  86. package/dist/esm/SheetDemo.mjs +2 -1
  87. package/dist/esm/SheetDemo.mjs.map +1 -1
  88. package/dist/esm/SheetDemo.native.js +2 -1
  89. package/dist/esm/SheetDemo.native.js.map +2 -2
  90. package/dist/esm/TabsAdvancedDemo.js +2 -2
  91. package/dist/esm/TabsAdvancedDemo.mjs +2 -2
  92. package/dist/esm/TabsAdvancedDemo.native.js +2 -2
  93. package/dist/esm/ThemeBuilderDemo.js +58 -40
  94. package/dist/esm/ThemeBuilderDemo.js.map +1 -1
  95. package/dist/esm/ThemeBuilderDemo.mjs +43 -43
  96. package/dist/esm/ThemeBuilderDemo.mjs.map +1 -1
  97. package/dist/esm/ThemeBuilderDemo.native.js +43 -43
  98. package/dist/esm/ThemeBuilderDemo.native.js.map +2 -2
  99. package/dist/esm/ToastDemo.js +1 -1
  100. package/dist/esm/ToastDemo.mjs +1 -1
  101. package/dist/esm/ToastDemo.native.js +1 -1
  102. package/dist/esm/TokensDemo.js +1 -1
  103. package/dist/esm/TokensDemo.mjs +1 -1
  104. package/dist/esm/TokensDemo.native.js +1 -1
  105. package/dist/esm/tamagui.config.js +3 -5
  106. package/dist/esm/tamagui.config.js.map +2 -2
  107. package/dist/esm/tamagui.config.mjs +4 -5
  108. package/dist/esm/tamagui.config.mjs.map +1 -1
  109. package/dist/esm/tamagui.config.native.js +2 -4
  110. package/dist/esm/tamagui.config.native.js.map +2 -2
  111. package/package.json +20 -19
  112. package/src/AlertDialogDemo.tsx +2 -2
  113. package/src/AnimationsPresenceDemo.tsx +4 -4
  114. package/src/ButtonDemo.tsx +1 -1
  115. package/src/DialogDemo.tsx +3 -3
  116. package/src/ScrollViewDemo.tsx +1 -1
  117. package/src/SelectDemo.tsx +1 -1
  118. package/src/SheetDemo.tsx +2 -1
  119. package/src/TabsAdvancedDemo.tsx +2 -2
  120. package/src/ThemeBuilderDemo.tsx +53 -41
  121. package/src/ToastDemo.tsx +1 -1
  122. package/src/TokensDemo.tsx +1 -1
  123. 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: "active",
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: "active",
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: "active",
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: "active",
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: "active",
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: "active",
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
- ov: "hidden",
31
+ overflow: "hidden",
32
32
  children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
33
- mah: 200,
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
- bg: "$color9"
39
+ backgroundColor: "$color9"
40
40
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
41
41
  size: "$8",
42
42
  y: 30,
43
- bg: "$color7"
43
+ backgroundColor: "$color7"
44
44
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
45
45
  size: "$6",
46
46
  y: -50,
47
- bg: "$color5"
47
+ backgroundColor: "$color5"
48
48
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
49
49
  size: "$4",
50
- bg: "$color3"
50
+ backgroundColor: "$color3"
51
51
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
52
52
  size: "$2",
53
- bg: "$color1"
53
+ backgroundColor: "$color1"
54
54
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
55
55
  size: "$4",
56
56
  y: 50,
57
- bg: "$color3"
57
+ backgroundColor: "$color3"
58
58
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
59
59
  size: "$6",
60
60
  y: 80,
61
- bg: "$color5"
61
+ backgroundColor: "$color5"
62
62
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
63
63
  size: "$8",
64
- bg: "$color7"
64
+ backgroundColor: "$color7"
65
65
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
66
- bg: "$color9"
66
+ backgroundColor: "$color9"
67
67
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
68
68
  size: "$8",
69
- bg: "$color7"
69
+ backgroundColor: "$color7"
70
70
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
71
71
  size: "$6",
72
72
  y: 80,
73
- bg: "$color5"
73
+ backgroundColor: "$color5"
74
74
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
75
75
  size: "$4",
76
76
  y: 50,
77
- bg: "$color3"
77
+ backgroundColor: "$color3"
78
78
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
79
79
  size: "$2",
80
- bg: "$color1"
80
+ backgroundColor: "$color1"
81
81
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
82
82
  size: "$4",
83
- bg: "$color3"
83
+ backgroundColor: "$color3"
84
84
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
85
85
  size: "$6",
86
86
  y: -50,
87
- bg: "$color5"
87
+ backgroundColor: "$color5"
88
88
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
89
89
  size: "$8",
90
90
  y: 30,
91
- bg: "$color7"
91
+ backgroundColor: "$color7"
92
92
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Col, {
93
93
  y: 35,
94
- bg: "$color9"
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
- br: "$6",
105
+ borderRadius: "$6",
106
106
  size: "$10",
107
107
  theme: props.subTheme,
108
- bg: "$background",
108
+ backgroundColor: "$background",
109
109
  ...props
110
110
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
111
- br: "$6",
111
+ borderRadius: "$6",
112
112
  size: "$10",
113
113
  theme: "orange" + subTheme,
114
- bg: "$background",
114
+ backgroundColor: "$background",
115
115
  ...props
116
116
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
117
- br: "$6",
117
+ borderRadius: "$6",
118
118
  size: "$10",
119
119
  theme: "yellow" + subTheme,
120
- bg: "$background",
120
+ backgroundColor: "$background",
121
121
  ...props
122
122
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
123
- br: "$6",
123
+ borderRadius: "$6",
124
124
  size: "$10",
125
125
  theme: "green" + subTheme,
126
- bg: "$background",
126
+ backgroundColor: "$background",
127
127
  ...props
128
128
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
129
- br: "$6",
129
+ borderRadius: "$6",
130
130
  size: "$10",
131
131
  theme: "blue" + subTheme,
132
- bg: "$background",
132
+ backgroundColor: "$background",
133
133
  ...props
134
134
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
135
- br: "$6",
135
+ borderRadius: "$6",
136
136
  size: "$10",
137
137
  theme: "purple" + subTheme,
138
- bg: "$background",
138
+ backgroundColor: "$background",
139
139
  ...props
140
140
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
141
- br: "$6",
141
+ borderRadius: "$6",
142
142
  size: "$10",
143
143
  theme: "pink" + subTheme,
144
- bg: "$background",
144
+ backgroundColor: "$background",
145
145
  ...props
146
146
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
147
- br: "$6",
147
+ borderRadius: "$6",
148
148
  size: "$10",
149
149
  theme: "red" + subTheme,
150
- bg: "$background",
150
+ backgroundColor: "$background",
151
151
  ...props
152
152
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
153
- br: "$6",
153
+ borderRadius: "$6",
154
154
  size: "$10",
155
155
  theme: props.subTheme,
156
- bg: "$background",
156
+ backgroundColor: "$background",
157
157
  ...props
158
158
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
159
- br: "$6",
159
+ borderRadius: "$6",
160
160
  size: "$10",
161
161
  theme: "orange" + subTheme,
162
- bg: "$background",
162
+ backgroundColor: "$background",
163
163
  ...props
164
164
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
165
- br: "$6",
165
+ borderRadius: "$6",
166
166
  size: "$10",
167
167
  theme: "yellow" + subTheme,
168
- bg: "$background",
168
+ backgroundColor: "$background",
169
169
  ...props
170
170
  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
171
- br: "$6",
171
+ borderRadius: "$6",
172
172
  size: "$10",
173
173
  theme: "green" + subTheme,
174
- bg: "$background",
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, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -50, rotate: "-10deg", children: [
23
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" }),
24
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "$color9" }),
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
37
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
38
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" })
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
- br: "$6",
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
- bg: "$background",
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
- br: "$6",
68
+ borderRadius: "$6",
60
69
  size: "$10",
61
70
  theme: "yellow" + subTheme,
62
- bg: "$background",
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
- br: "$6",
78
+ borderRadius: "$6",
70
79
  size: "$10",
71
80
  theme: "green" + subTheme,
72
- bg: "$background",
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
- br: "$6",
88
+ borderRadius: "$6",
80
89
  size: "$10",
81
90
  theme: "blue" + subTheme,
82
- bg: "$background",
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
- br: "$6",
98
+ borderRadius: "$6",
90
99
  size: "$10",
91
100
  theme: "purple" + subTheme,
92
- bg: "$background",
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
- br: "$6",
108
+ borderRadius: "$6",
100
109
  size: "$10",
101
110
  theme: "pink" + subTheme,
102
- bg: "$background",
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
- br: "$6",
118
+ borderRadius: "$6",
110
119
  size: "$10",
111
120
  theme: "red" + subTheme,
112
- bg: "$background",
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
- br: "$6",
138
+ borderRadius: "$6",
121
139
  size: "$10",
122
140
  theme: "orange" + subTheme,
123
- bg: "$background",
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
- br: "$6",
148
+ borderRadius: "$6",
131
149
  size: "$10",
132
150
  theme: "yellow" + subTheme,
133
- bg: "$background",
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
- br: "$6",
158
+ borderRadius: "$6",
141
159
  size: "$10",
142
160
  theme: "green" + subTheme,
143
- bg: "$background",
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": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }