@tamagui/demos 1.125.6 → 1.125.8

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 (121) hide show
  1. package/dist/esm/AccordionDemo.native.js +66 -79
  2. package/dist/esm/AccordionDemo.native.js.map +1 -6
  3. package/dist/esm/AddThemeDemo.native.js +25 -34
  4. package/dist/esm/AddThemeDemo.native.js.map +1 -6
  5. package/dist/esm/AlertDialogDemo.native.js +66 -84
  6. package/dist/esm/AlertDialogDemo.native.js.map +1 -6
  7. package/dist/esm/AnimationsDemo.native.js +65 -75
  8. package/dist/esm/AnimationsDemo.native.js.map +1 -6
  9. package/dist/esm/AnimationsEnterDemo.native.js +33 -38
  10. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -6
  11. package/dist/esm/AnimationsHoverDemo.native.js +4 -6
  12. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -6
  13. package/dist/esm/AnimationsPresenceDemo.native.js +78 -91
  14. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -6
  15. package/dist/esm/AnimationsTimingDemo.native.js +4 -6
  16. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -6
  17. package/dist/esm/AvatarDemo.native.js +23 -34
  18. package/dist/esm/AvatarDemo.native.js.map +1 -6
  19. package/dist/esm/BuildAButtonDemo.native.js +73 -94
  20. package/dist/esm/BuildAButtonDemo.native.js.map +1 -6
  21. package/dist/esm/ButtonDemo.native.js +51 -68
  22. package/dist/esm/ButtonDemo.native.js.map +1 -6
  23. package/dist/esm/CardDemo.native.js +47 -63
  24. package/dist/esm/CardDemo.native.js.map +1 -6
  25. package/dist/esm/CheckboxDemo.native.js +31 -36
  26. package/dist/esm/CheckboxDemo.native.js.map +1 -6
  27. package/dist/esm/CheckboxHeadlessDemo.native.js +26 -33
  28. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -6
  29. package/dist/esm/CheckboxUnstyledDemo.native.js +36 -40
  30. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -6
  31. package/dist/esm/ColorsDemo.native.js +84 -106
  32. package/dist/esm/ColorsDemo.native.js.map +1 -6
  33. package/dist/esm/DialogDemo.native.js +130 -168
  34. package/dist/esm/DialogDemo.native.js.map +1 -6
  35. package/dist/esm/FormsDemo.native.js +18 -25
  36. package/dist/esm/FormsDemo.native.js.map +1 -6
  37. package/dist/esm/Grid.native.js +23 -22
  38. package/dist/esm/Grid.native.js.map +1 -6
  39. package/dist/esm/GroupDemo.native.js +55 -72
  40. package/dist/esm/GroupDemo.native.js.map +1 -6
  41. package/dist/esm/HeadingsDemo.native.js +16 -25
  42. package/dist/esm/HeadingsDemo.native.js.map +1 -6
  43. package/dist/esm/ImageDemo.native.js +3 -5
  44. package/dist/esm/ImageDemo.native.js.map +1 -6
  45. package/dist/esm/InputsDemo.native.js +21 -31
  46. package/dist/esm/InputsDemo.native.js.map +1 -6
  47. package/dist/esm/LabelDemo.native.js +29 -40
  48. package/dist/esm/LabelDemo.native.js.map +1 -6
  49. package/dist/esm/LinearGradientDemo.native.js +20 -43
  50. package/dist/esm/LinearGradientDemo.native.js.map +1 -6
  51. package/dist/esm/ListItemDemo.native.js +50 -63
  52. package/dist/esm/ListItemDemo.native.js.map +1 -6
  53. package/dist/esm/LucideIconsDemo.native.js +38 -44
  54. package/dist/esm/LucideIconsDemo.native.js.map +1 -6
  55. package/dist/esm/NewInputsDemo.native.js +21 -31
  56. package/dist/esm/NewInputsDemo.native.js.map +1 -6
  57. package/dist/esm/PopoverDemo.native.js +112 -143
  58. package/dist/esm/PopoverDemo.native.js.map +1 -6
  59. package/dist/esm/ProgressDemo.native.js +68 -85
  60. package/dist/esm/ProgressDemo.native.js.map +1 -6
  61. package/dist/esm/RadioGroupDemo.native.js +28 -38
  62. package/dist/esm/RadioGroupDemo.native.js.map +1 -6
  63. package/dist/esm/RadioGroupHeadlessDemo.native.js +75 -65
  64. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -6
  65. package/dist/esm/RadioGroupUnstyledDemo.native.js +94 -96
  66. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -6
  67. package/dist/esm/ReplaceThemeDemo.native.js +25 -29
  68. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -6
  69. package/dist/esm/ScrollViewDemo.native.js +37 -48
  70. package/dist/esm/ScrollViewDemo.native.js.map +1 -6
  71. package/dist/esm/SelectDemo.native.js +183 -263
  72. package/dist/esm/SelectDemo.native.js.map +1 -6
  73. package/dist/esm/SeparatorDemo.native.js +29 -42
  74. package/dist/esm/SeparatorDemo.native.js.map +1 -6
  75. package/dist/esm/ShapesDemo.native.js +12 -17
  76. package/dist/esm/ShapesDemo.native.js.map +1 -6
  77. package/dist/esm/SheetDemo.native.js +146 -189
  78. package/dist/esm/SheetDemo.native.js.map +1 -6
  79. package/dist/esm/SliderDemo.native.js +22 -30
  80. package/dist/esm/SliderDemo.native.js.map +1 -6
  81. package/dist/esm/SpinnerDemo.native.js +10 -15
  82. package/dist/esm/SpinnerDemo.native.js.map +1 -6
  83. package/dist/esm/StacksDemo.native.js +67 -85
  84. package/dist/esm/StacksDemo.native.js.map +1 -6
  85. package/dist/esm/SwitchDemo.native.js +57 -76
  86. package/dist/esm/SwitchDemo.native.js.map +1 -6
  87. package/dist/esm/SwitchHeadlessDemo.native.js +45 -63
  88. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -6
  89. package/dist/esm/SwitchUnstyledDemo.native.js +46 -50
  90. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -6
  91. package/dist/esm/TabsAdvancedDemo.native.js +297 -297
  92. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -6
  93. package/dist/esm/TabsDemo.native.js +135 -158
  94. package/dist/esm/TabsDemo.native.js.map +1 -6
  95. package/dist/esm/TextDemo.native.js +21 -30
  96. package/dist/esm/TextDemo.native.js.map +1 -6
  97. package/dist/esm/ThemeBuilderDemo.native.js +137 -170
  98. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -6
  99. package/dist/esm/ThemeInverseDemo.native.js +30 -43
  100. package/dist/esm/ThemeInverseDemo.native.js.map +1 -6
  101. package/dist/esm/ToastDemo.native.js +73 -83
  102. package/dist/esm/ToastDemo.native.js.map +1 -6
  103. package/dist/esm/ToastDuplicateDemo.native.js +45 -61
  104. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -6
  105. package/dist/esm/ToggleGroupDemo.native.js +58 -76
  106. package/dist/esm/ToggleGroupDemo.native.js.map +1 -6
  107. package/dist/esm/TokensDemo.native.js +94 -107
  108. package/dist/esm/TokensDemo.native.js.map +1 -6
  109. package/dist/esm/TooltipDemo.native.js +85 -109
  110. package/dist/esm/TooltipDemo.native.js.map +1 -6
  111. package/dist/esm/UpdateThemeDemo.native.js +28 -31
  112. package/dist/esm/UpdateThemeDemo.native.js.map +1 -6
  113. package/dist/esm/WebNativeImageDemo.native.js +3 -5
  114. package/dist/esm/WebNativeImageDemo.native.js.map +1 -6
  115. package/dist/esm/index.native.js +58 -58
  116. package/dist/esm/index.native.js.map +1 -6
  117. package/dist/esm/tamagui.config.native.js +4 -5
  118. package/dist/esm/tamagui.config.native.js.map +1 -6
  119. package/dist/esm/useOnIntersecting.native.js +42 -39
  120. package/dist/esm/useOnIntersecting.native.js.map +1 -6
  121. package/package.json +20 -20
@@ -1,188 +1,155 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Square, XStack, YStack } from "tamagui";
3
3
  function ThemeBuilderDemo() {
4
- return /* @__PURE__ */ _jsx(YStack, {
4
+ return /* @__PURE__ */_jsx(YStack, {
5
5
  fullscreen: !0,
6
6
  overflow: "hidden",
7
- children: /* @__PURE__ */ _jsxs(XStack, {
7
+ children: /* @__PURE__ */_jsxs(XStack, {
8
8
  maxHeight: 200,
9
9
  y: -100,
10
10
  x: -50,
11
11
  rotate: "-10deg",
12
- children: [
13
- /* @__PURE__ */ _jsx(Col, {
14
- y: 35,
15
- backgroundColor: "$color9"
16
- }),
17
- /* @__PURE__ */ _jsx(Col, {
18
- size: "$8",
19
- y: 30,
20
- backgroundColor: "$color7"
21
- }),
22
- /* @__PURE__ */ _jsx(Col, {
23
- size: "$6",
24
- y: -50,
25
- backgroundColor: "$color5"
26
- }),
27
- /* @__PURE__ */ _jsx(Col, {
28
- size: "$4",
29
- backgroundColor: "$color3"
30
- }),
31
- /* @__PURE__ */ _jsx(Col, {
32
- size: "$2",
33
- backgroundColor: "$color1"
34
- }),
35
- /* @__PURE__ */ _jsx(Col, {
36
- size: "$4",
37
- y: 50,
38
- backgroundColor: "$color3"
39
- }),
40
- /* @__PURE__ */ _jsx(Col, {
41
- size: "$6",
42
- y: 80,
43
- backgroundColor: "$color5"
44
- }),
45
- /* @__PURE__ */ _jsx(Col, {
46
- size: "$8",
47
- backgroundColor: "$color7"
48
- }),
49
- /* @__PURE__ */ _jsx(Col, {
50
- backgroundColor: "$color9"
51
- }),
52
- /* @__PURE__ */ _jsx(Col, {
53
- size: "$8",
54
- backgroundColor: "$color7"
55
- }),
56
- /* @__PURE__ */ _jsx(Col, {
57
- size: "$6",
58
- y: 80,
59
- backgroundColor: "$color5"
60
- }),
61
- /* @__PURE__ */ _jsx(Col, {
62
- size: "$4",
63
- y: 50,
64
- backgroundColor: "$color3"
65
- }),
66
- /* @__PURE__ */ _jsx(Col, {
67
- size: "$2",
68
- backgroundColor: "$color1"
69
- }),
70
- /* @__PURE__ */ _jsx(Col, {
71
- size: "$4",
72
- backgroundColor: "$color3"
73
- }),
74
- /* @__PURE__ */ _jsx(Col, {
75
- size: "$6",
76
- y: -50,
77
- backgroundColor: "$color5"
78
- }),
79
- /* @__PURE__ */ _jsx(Col, {
80
- size: "$8",
81
- y: 30,
82
- backgroundColor: "$color7"
83
- }),
84
- /* @__PURE__ */ _jsx(Col, {
85
- y: 35,
86
- backgroundColor: "$color9"
87
- })
88
- ]
12
+ children: [/* @__PURE__ */_jsx(Col, {
13
+ y: 35,
14
+ backgroundColor: "$color9"
15
+ }), /* @__PURE__ */_jsx(Col, {
16
+ size: "$8",
17
+ y: 30,
18
+ backgroundColor: "$color7"
19
+ }), /* @__PURE__ */_jsx(Col, {
20
+ size: "$6",
21
+ y: -50,
22
+ backgroundColor: "$color5"
23
+ }), /* @__PURE__ */_jsx(Col, {
24
+ size: "$4",
25
+ backgroundColor: "$color3"
26
+ }), /* @__PURE__ */_jsx(Col, {
27
+ size: "$2",
28
+ backgroundColor: "$color1"
29
+ }), /* @__PURE__ */_jsx(Col, {
30
+ size: "$4",
31
+ y: 50,
32
+ backgroundColor: "$color3"
33
+ }), /* @__PURE__ */_jsx(Col, {
34
+ size: "$6",
35
+ y: 80,
36
+ backgroundColor: "$color5"
37
+ }), /* @__PURE__ */_jsx(Col, {
38
+ size: "$8",
39
+ backgroundColor: "$color7"
40
+ }), /* @__PURE__ */_jsx(Col, {
41
+ backgroundColor: "$color9"
42
+ }), /* @__PURE__ */_jsx(Col, {
43
+ size: "$8",
44
+ backgroundColor: "$color7"
45
+ }), /* @__PURE__ */_jsx(Col, {
46
+ size: "$6",
47
+ y: 80,
48
+ backgroundColor: "$color5"
49
+ }), /* @__PURE__ */_jsx(Col, {
50
+ size: "$4",
51
+ y: 50,
52
+ backgroundColor: "$color3"
53
+ }), /* @__PURE__ */_jsx(Col, {
54
+ size: "$2",
55
+ backgroundColor: "$color1"
56
+ }), /* @__PURE__ */_jsx(Col, {
57
+ size: "$4",
58
+ backgroundColor: "$color3"
59
+ }), /* @__PURE__ */_jsx(Col, {
60
+ size: "$6",
61
+ y: -50,
62
+ backgroundColor: "$color5"
63
+ }), /* @__PURE__ */_jsx(Col, {
64
+ size: "$8",
65
+ y: 30,
66
+ backgroundColor: "$color7"
67
+ }), /* @__PURE__ */_jsx(Col, {
68
+ y: 35,
69
+ backgroundColor: "$color9"
70
+ })]
89
71
  })
90
72
  });
91
73
  }
92
74
  function Col(props) {
93
75
  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
94
- return /* @__PURE__ */ _jsxs(YStack, {
76
+ return /* @__PURE__ */_jsxs(YStack, {
95
77
  padding: "$2.5",
96
78
  space: "$3.5",
97
- children: [
98
- /* @__PURE__ */ _jsx(Square, {
99
- borderRadius: "$6",
100
- size: "$10",
101
- theme: props.subTheme,
102
- backgroundColor: "$background",
103
- ...props
104
- }),
105
- /* @__PURE__ */ _jsx(Square, {
106
- borderRadius: "$6",
107
- size: "$10",
108
- theme: "orange" + subTheme,
109
- backgroundColor: "$background",
110
- ...props
111
- }),
112
- /* @__PURE__ */ _jsx(Square, {
113
- borderRadius: "$6",
114
- size: "$10",
115
- theme: "yellow" + subTheme,
116
- backgroundColor: "$background",
117
- ...props
118
- }),
119
- /* @__PURE__ */ _jsx(Square, {
120
- borderRadius: "$6",
121
- size: "$10",
122
- theme: "green" + subTheme,
123
- backgroundColor: "$background",
124
- ...props
125
- }),
126
- /* @__PURE__ */ _jsx(Square, {
127
- borderRadius: "$6",
128
- size: "$10",
129
- theme: "blue" + subTheme,
130
- backgroundColor: "$background",
131
- ...props
132
- }),
133
- /* @__PURE__ */ _jsx(Square, {
134
- borderRadius: "$6",
135
- size: "$10",
136
- theme: "purple" + subTheme,
137
- backgroundColor: "$background",
138
- ...props
139
- }),
140
- /* @__PURE__ */ _jsx(Square, {
141
- borderRadius: "$6",
142
- size: "$10",
143
- theme: "pink" + subTheme,
144
- backgroundColor: "$background",
145
- ...props
146
- }),
147
- /* @__PURE__ */ _jsx(Square, {
148
- borderRadius: "$6",
149
- size: "$10",
150
- theme: "red" + subTheme,
151
- backgroundColor: "$background",
152
- ...props
153
- }),
154
- /* @__PURE__ */ _jsx(Square, {
155
- borderRadius: "$6",
156
- size: "$10",
157
- theme: props.subTheme,
158
- backgroundColor: "$background",
159
- ...props
160
- }),
161
- /* @__PURE__ */ _jsx(Square, {
162
- borderRadius: "$6",
163
- size: "$10",
164
- theme: "orange" + subTheme,
165
- backgroundColor: "$background",
166
- ...props
167
- }),
168
- /* @__PURE__ */ _jsx(Square, {
169
- borderRadius: "$6",
170
- size: "$10",
171
- theme: "yellow" + subTheme,
172
- backgroundColor: "$background",
173
- ...props
174
- }),
175
- /* @__PURE__ */ _jsx(Square, {
176
- borderRadius: "$6",
177
- size: "$10",
178
- theme: "green" + subTheme,
179
- backgroundColor: "$background",
180
- ...props
181
- })
182
- ]
79
+ children: [/* @__PURE__ */_jsx(Square, {
80
+ borderRadius: "$6",
81
+ size: "$10",
82
+ theme: props.subTheme,
83
+ backgroundColor: "$background",
84
+ ...props
85
+ }), /* @__PURE__ */_jsx(Square, {
86
+ borderRadius: "$6",
87
+ size: "$10",
88
+ theme: "orange" + subTheme,
89
+ backgroundColor: "$background",
90
+ ...props
91
+ }), /* @__PURE__ */_jsx(Square, {
92
+ borderRadius: "$6",
93
+ size: "$10",
94
+ theme: "yellow" + subTheme,
95
+ backgroundColor: "$background",
96
+ ...props
97
+ }), /* @__PURE__ */_jsx(Square, {
98
+ borderRadius: "$6",
99
+ size: "$10",
100
+ theme: "green" + subTheme,
101
+ backgroundColor: "$background",
102
+ ...props
103
+ }), /* @__PURE__ */_jsx(Square, {
104
+ borderRadius: "$6",
105
+ size: "$10",
106
+ theme: "blue" + subTheme,
107
+ backgroundColor: "$background",
108
+ ...props
109
+ }), /* @__PURE__ */_jsx(Square, {
110
+ borderRadius: "$6",
111
+ size: "$10",
112
+ theme: "purple" + subTheme,
113
+ backgroundColor: "$background",
114
+ ...props
115
+ }), /* @__PURE__ */_jsx(Square, {
116
+ borderRadius: "$6",
117
+ size: "$10",
118
+ theme: "pink" + subTheme,
119
+ backgroundColor: "$background",
120
+ ...props
121
+ }), /* @__PURE__ */_jsx(Square, {
122
+ borderRadius: "$6",
123
+ size: "$10",
124
+ theme: "red" + subTheme,
125
+ backgroundColor: "$background",
126
+ ...props
127
+ }), /* @__PURE__ */_jsx(Square, {
128
+ borderRadius: "$6",
129
+ size: "$10",
130
+ theme: props.subTheme,
131
+ backgroundColor: "$background",
132
+ ...props
133
+ }), /* @__PURE__ */_jsx(Square, {
134
+ borderRadius: "$6",
135
+ size: "$10",
136
+ theme: "orange" + subTheme,
137
+ backgroundColor: "$background",
138
+ ...props
139
+ }), /* @__PURE__ */_jsx(Square, {
140
+ borderRadius: "$6",
141
+ size: "$10",
142
+ theme: "yellow" + subTheme,
143
+ backgroundColor: "$background",
144
+ ...props
145
+ }), /* @__PURE__ */_jsx(Square, {
146
+ borderRadius: "$6",
147
+ size: "$10",
148
+ theme: "green" + subTheme,
149
+ backgroundColor: "$background",
150
+ ...props
151
+ })]
183
152
  });
184
153
  }
185
- export {
186
- ThemeBuilderDemo
187
- };
188
- //# sourceMappingURL=ThemeBuilderDemo.js.map
154
+ export { ThemeBuilderDemo };
155
+ //# sourceMappingURL=ThemeBuilderDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/ThemeBuilderDemo.tsx"],
4
- "mappings": "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",
5
- "names": ["Square", "XStack", "YStack", "ThemeBuilderDemo", "fullscreen", "overflow", "maxHeight", "y", "x", "rotate", "Col", "backgroundColor", "size", "props", "subTheme", "padding", "space", "borderRadius", "theme"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Square","XStack","YStack","ThemeBuilderDemo","fullscreen","overflow","children","maxHeight","y","x","rotate","Col","backgroundColor","size","props","subTheme","padding","space","borderRadius","theme"],"sources":["../../src/ThemeBuilderDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,59 +1,46 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
3
3
  function ThemeInverseDemo() {
4
- var themeName = useThemeName(), opposite = themeName.includes("dark") ? "light" : "dark";
5
- return /* @__PURE__ */ _jsxs(XStack, {
4
+ var themeName = useThemeName(),
5
+ opposite = themeName.includes("dark") ? "light" : "dark";
6
+ return /* @__PURE__ */_jsxs(XStack, {
6
7
  gap: "$4",
7
- children: [
8
- /* @__PURE__ */ _jsx(Buttons, {
9
- title: "Normal",
10
- name: themeName
11
- }),
12
- /* @__PURE__ */ _jsx(Theme, {
13
- inverse: !0,
14
- children: /* @__PURE__ */ _jsx(Buttons, {
15
- title: "Inversed",
16
- name: themeName.replace(themeName.split("_")[0], opposite)
17
- })
8
+ children: [/* @__PURE__ */_jsx(Buttons, {
9
+ title: "Normal",
10
+ name: themeName
11
+ }), /* @__PURE__ */_jsx(Theme, {
12
+ inverse: !0,
13
+ children: /* @__PURE__ */_jsx(Buttons, {
14
+ title: "Inversed",
15
+ name: themeName.replace(themeName.split("_")[0], opposite)
18
16
  })
19
- ]
17
+ })]
20
18
  });
21
19
  }
22
20
  function Buttons(props) {
23
- return /* @__PURE__ */ _jsxs(YStack, {
21
+ return /* @__PURE__ */_jsxs(YStack, {
24
22
  elevation: "$4",
25
23
  backgroundColor: "$background",
26
24
  padding: "$4",
27
25
  borderRadius: "$4",
28
26
  gap: "$3",
29
- children: [
30
- /* @__PURE__ */ _jsx(H5, {
31
- children: props.title
32
- }),
33
- /* @__PURE__ */ _jsx(Button, {
34
- children: props.name
35
- }),
36
- /* @__PURE__ */ _jsx(Button, {
37
- themeInverse: !0,
38
- children: "inversed"
39
- }),
40
- /* @__PURE__ */ _jsxs(Button, {
41
- theme: "alt1",
42
- children: [
43
- props.name,
44
- "_alt1"
45
- ]
46
- }),
47
- /* @__PURE__ */ _jsx(Theme, {
48
- name: "yellow",
49
- children: /* @__PURE__ */ _jsx(Button, {
50
- children: props.name.split("_")[0] + "_yellow"
51
- })
27
+ children: [/* @__PURE__ */_jsx(H5, {
28
+ children: props.title
29
+ }), /* @__PURE__ */_jsx(Button, {
30
+ children: props.name
31
+ }), /* @__PURE__ */_jsx(Button, {
32
+ themeInverse: !0,
33
+ children: "inversed"
34
+ }), /* @__PURE__ */_jsxs(Button, {
35
+ theme: "alt1",
36
+ children: [props.name, "_alt1"]
37
+ }), /* @__PURE__ */_jsx(Theme, {
38
+ name: "yellow",
39
+ children: /* @__PURE__ */_jsx(Button, {
40
+ children: props.name.split("_")[0] + "_yellow"
52
41
  })
53
- ]
42
+ })]
54
43
  });
55
44
  }
56
- export {
57
- ThemeInverseDemo
58
- };
59
- //# sourceMappingURL=ThemeInverseDemo.js.map
45
+ export { ThemeInverseDemo };
46
+ //# sourceMappingURL=ThemeInverseDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/ThemeInverseDemo.tsx"],
4
- "mappings": ";AAAA,SAASA,QAAQC,IAAIC,OAAOC,QAAQC,QAAQC,oBAAoB;AAEzD,SAASC,mBAAAA;AACd,MAAMC,YAAYF,aAAAA,GACZG,WAAWD,UAAUE,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,sBAACN,QAAAA;IAAOO,KAAI;;MACV,qBAACC,SAAAA;QAAQC,OAAM;QAASC,MAAMN;;MAC9B,qBAACL,OAAAA;QAAMY,SAAO;kBACZ,qBAACH,SAAAA;UACCC,OAAM;UACNC,MAAMN,UAAUQ,QAAQR,UAAUS,MAAM,GAAA,EAAK,CAAA,GAAIR,QAAAA;;;;;AAK3D;AAEA,SAASG,QAAQM,OAAsC;AACrD,SACE,sBAACb,QAAAA;IACCc,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbX,KAAI;;MAEJ,qBAACT,IAAAA;kBAAIgB,MAAML;;MACX,qBAACZ,QAAAA;kBAAQiB,MAAMJ;;MACf,qBAACb,QAAAA;QAAOsB,cAAY;kBAAC;;MACrB,sBAACtB,QAAAA;QAAOuB,OAAM;;UAAQN,MAAMJ;UAAK;;;MACjC,qBAACX,OAAAA;QAAMW,MAAK;kBACV,qBAACb,QAAAA;oBAAQiB,MAAMJ,KAAKG,MAAM,GAAA,EAAK,CAAA,IAAK;;;;;AAI5C;",
5
- "names": ["Button", "H5", "Theme", "XStack", "YStack", "useThemeName", "ThemeInverseDemo", "themeName", "opposite", "includes", "gap", "Buttons", "title", "name", "inverse", "replace", "split", "props", "elevation", "backgroundColor", "padding", "borderRadius", "themeInverse", "theme"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","H5","Theme","XStack","YStack","useThemeName","ThemeInverseDemo","themeName","opposite","includes","gap","children","Buttons","title","name","inverse","replace","split","props","elevation","backgroundColor","padding","borderRadius","themeInverse"],"sources":["../../src/ThemeInverseDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAIC,IAAA,IAAOC,KAAA,QAAQ,mBAAQ;AAOxC,SACEC,MADF,EAAAC,EAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,YAAA;AALG,SAASC,iBAAA,EAAmB;EACjC,IAAAC,SAAM,GAAAF,YAAY;IAAaG,QACzB,GAAAD,SAAW,CAAAE,QAAU,OAAS,IAAM,OAAI,SAAU;EAExD,OACE,eAAAV,KAAC,CAAAI,MAAA;IACCO,GAAA;IACAC,QAAA,GACG,eAAAd,IAAA,CAAAe,OAAA;MAAAC,KAAA;MACCC,IAAA,EAAAP;IAAM,EACN,EAAyD,eAAAV,IAAA,CAAAK,KAAA;MAE7Da,OAAA;MACFJ,QAAA,iBAAAd,IAAA,CAAAe,OAAA;QAEJC,KAAA;QAESC,IAAA,EAAAP,SAAgD,CAAAS,OAAA,CAAAT,SAAA,CAAAU,KAAA,UAAAT,QAAA;MACvD,CACE;IAAC;EAAA;AACW;AACM,SAChBI,OAAQA,CAAAM,KAAA;EAAA,OACR,eAAanB,KAAA,CAAAK,MAAA;IAAAe,SACT;IAAAC,eAEJ;IAAAC,OAAA;IAAiBC,YACjB;IAAoBZ,GAAA,EACpB;IAA6BC,QAC7B,GAAsB,eAAMd,IAAA,CAAAI,EAAA;MAAAU,QAAK,EAAAO,KAAA,CAAAL;IAAA,IAAK,eACtChB,IAAA,CAAAG,MAAC;MAEDW,QAAA,EAAAO,KAAA,CAAAJ;IAAA,IACF,eAAAjB,IAAA,CAAAG,MAAA;MAEJuB,YAAA","ignoreList":[]}
@@ -2,118 +2,108 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Toast, useToastController, useToastState } from "@tamagui/toast";
3
3
  import React from "react";
4
4
  import { Button, Label, Switch, XStack, YStack } from "tamagui";
5
- var ToastDemo = function() {
6
- var [native, setNative] = React.useState(!1);
7
- return /* @__PURE__ */ _jsxs(YStack, {
8
- space: !0,
9
- alignItems: "center",
10
- children: [
11
- /* @__PURE__ */ _jsx(ToastControl, {
5
+ var ToastDemo = function () {
6
+ var [native, setNative] = React.useState(!1);
7
+ return /* @__PURE__ */_jsxs(YStack, {
8
+ space: !0,
9
+ alignItems: "center",
10
+ children: [/* @__PURE__ */_jsx(ToastControl, {
12
11
  native
13
- }),
14
- /* @__PURE__ */ _jsx(CurrentToast, {}),
15
- /* @__PURE__ */ _jsx(NativeOptions, {
12
+ }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
16
13
  native,
17
14
  setNative
18
- })
19
- ]
20
- });
21
- }, CurrentToast = function() {
22
- var currentToast = useToastState();
23
- return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ _jsx(Toast, {
24
- duration: currentToast.duration,
25
- enterStyle: {
26
- opacity: 0,
27
- scale: 0.5,
28
- y: -25
29
- },
30
- exitStyle: {
31
- opacity: 0,
15
+ })]
16
+ });
17
+ },
18
+ CurrentToast = function () {
19
+ var currentToast = useToastState();
20
+ return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */_jsx(Toast, {
21
+ duration: currentToast.duration,
22
+ enterStyle: {
23
+ opacity: 0,
24
+ scale: 0.5,
25
+ y: -25
26
+ },
27
+ exitStyle: {
28
+ opacity: 0,
29
+ scale: 1,
30
+ y: -20
31
+ },
32
+ y: 0,
33
+ opacity: 1,
32
34
  scale: 1,
33
- y: -20
34
- },
35
- y: 0,
36
- opacity: 1,
37
- scale: 1,
38
- animation: "100ms",
39
- viewportName: currentToast.viewportName,
40
- children: /* @__PURE__ */ _jsxs(YStack, {
41
- children: [
42
- /* @__PURE__ */ _jsx(Toast.Title, {
35
+ animation: "100ms",
36
+ viewportName: currentToast.viewportName,
37
+ children: /* @__PURE__ */_jsxs(YStack, {
38
+ children: [/* @__PURE__ */_jsx(Toast.Title, {
43
39
  children: currentToast.title
44
- }),
45
- !!currentToast.message && /* @__PURE__ */ _jsx(Toast.Description, {
40
+ }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
46
41
  children: currentToast.message
47
- })
48
- ]
49
- })
50
- }, currentToast.id);
51
- }, ToastControl = function(param) {
52
- var { native } = param, toast = useToastController();
53
- return /* @__PURE__ */ _jsxs(XStack, {
54
- gap: "$2",
55
- justifyContent: "center",
56
- children: [
57
- /* @__PURE__ */ _jsx(Button, {
58
- onPress: function() {
42
+ })]
43
+ })
44
+ }, currentToast.id);
45
+ },
46
+ ToastControl = function (param) {
47
+ var {
48
+ native
49
+ } = param,
50
+ toast = useToastController();
51
+ return /* @__PURE__ */_jsxs(XStack, {
52
+ gap: "$2",
53
+ justifyContent: "center",
54
+ children: [/* @__PURE__ */_jsx(Button, {
55
+ onPress: function () {
59
56
  toast.show("Successfully saved!", {
60
57
  message: "Don't worry, we've got your data.",
61
58
  native
62
59
  });
63
60
  },
64
61
  children: "Show"
65
- }),
66
- /* @__PURE__ */ _jsx(Button, {
67
- onPress: function() {
62
+ }), /* @__PURE__ */_jsx(Button, {
63
+ onPress: function () {
68
64
  toast.hide();
69
65
  },
70
66
  children: "Hide"
71
- })
72
- ]
73
- });
74
- }, NativeOptions = function(param) {
75
- var { native, setNative } = param;
76
- return /* @__PURE__ */ _jsxs(XStack, {
77
- gap: "$3",
78
- children: [
79
- /* @__PURE__ */ _jsx(Label, {
67
+ })]
68
+ });
69
+ },
70
+ NativeOptions = function (param) {
71
+ var {
72
+ native,
73
+ setNative
74
+ } = param;
75
+ return /* @__PURE__ */_jsxs(XStack, {
76
+ gap: "$3",
77
+ children: [/* @__PURE__ */_jsx(Label, {
80
78
  size: "$1",
81
- onPress: function() {
79
+ onPress: function () {
82
80
  return setNative(!1);
83
81
  },
84
82
  children: "Custom"
85
- }),
86
- /* @__PURE__ */ _jsx(Switch, {
83
+ }), /* @__PURE__ */_jsx(Switch, {
87
84
  id: "native-toggle",
88
85
  nativeID: "native-toggle",
89
86
  theme: "accent",
90
87
  size: "$1",
91
88
  checked: !!native,
92
- onCheckedChange: function(val) {
89
+ onCheckedChange: function (val) {
93
90
  return setNative(val);
94
91
  },
95
- children: /* @__PURE__ */ _jsx(Switch.Thumb, {
96
- animation: [
97
- "quick",
98
- {
99
- transform: {
100
- overshootClamping: !0
101
- }
92
+ children: /* @__PURE__ */_jsx(Switch.Thumb, {
93
+ animation: ["quick", {
94
+ transform: {
95
+ overshootClamping: !0
102
96
  }
103
- ]
97
+ }]
104
98
  })
105
- }),
106
- /* @__PURE__ */ _jsx(Label, {
99
+ }), /* @__PURE__ */_jsx(Label, {
107
100
  size: "$1",
108
- onPress: function() {
101
+ onPress: function () {
109
102
  return setNative(!0);
110
103
  },
111
104
  children: "Native"
112
- })
113
- ]
114
- });
115
- };
116
- export {
117
- ToastDemo
118
- };
119
- //# sourceMappingURL=ToastDemo.js.map
105
+ })]
106
+ });
107
+ };
108
+ export { ToastDemo };
109
+ //# sourceMappingURL=ToastDemo.native.js.map