@tamagui/demos 1.89.0-1706483140977 → 1.89.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/CheckboxHeadlessDemo.js +6 -1
- package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +6 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.js +72 -82
- package/dist/cjs/DialogDemo.js.map +2 -2
- package/dist/cjs/DialogDemo.native.js +72 -82
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.js +122 -132
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +122 -132
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.js +5 -9
- package/dist/cjs/SwitchDemo.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js +5 -9
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.js +17 -17
- package/dist/cjs/ThemeBuilderDemo.native.js +17 -17
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +8 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/AccordionDemo.native.js +16 -35
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +13 -31
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +17 -37
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +15 -34
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +14 -31
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +8 -27
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +21 -44
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.native.js +8 -27
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.native.js +13 -33
- package/dist/esm/AvatarDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +24 -43
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.js +17 -36
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.js +16 -37
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +12 -32
- package/dist/esm/CheckboxDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.js +7 -4
- package/dist/esm/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +2 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js +22 -33
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +12 -30
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.native.js +29 -40
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.js +71 -82
- package/dist/esm/DialogDemo.js.map +2 -2
- package/dist/esm/DialogDemo.mjs +2 -7
- package/dist/esm/DialogDemo.native.js +90 -106
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.js +11 -30
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.native.js +11 -37
- package/dist/esm/Grid.native.js.map +2 -2
- package/dist/esm/GroupDemo.native.js +17 -36
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +11 -31
- package/dist/esm/HeadingsDemo.native.js.map +1 -1
- package/dist/esm/ImageDemo.native.js +6 -26
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.js +13 -33
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.native.js +11 -31
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +10 -29
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.native.js +22 -41
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +18 -42
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.js +25 -45
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.native.js +18 -37
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +11 -32
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +22 -32
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +15 -35
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.js +122 -132
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +11 -7
- package/dist/esm/SelectDemo.native.js +130 -158
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.native.js +14 -34
- package/dist/esm/SeparatorDemo.native.js.map +1 -1
- package/dist/esm/ShapesDemo.native.js +7 -27
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.native.js +39 -56
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.native.js +10 -30
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +7 -27
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.native.js +22 -42
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.js +5 -9
- package/dist/esm/SwitchDemo.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +5 -16
- package/dist/esm/SwitchDemo.native.js +19 -44
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +20 -37
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +14 -33
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +57 -67
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.native.js +58 -77
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TextDemo.native.js +10 -30
- package/dist/esm/TextDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.js +17 -17
- package/dist/esm/ThemeBuilderDemo.native.js +45 -65
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +15 -35
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.native.js +30 -56
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.js +18 -43
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.native.js +20 -39
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.native.js +20 -38
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.js +30 -43
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +25 -41
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.native.js +53 -115
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js +6 -25
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/dist/esm/useOnIntersecting.native.js +8 -29
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.native.js +16 -35
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +13 -31
- package/dist/jsx/AddThemeDemo.native.js.map +1 -1
- package/dist/jsx/AlertDialogDemo.native.js +17 -37
- package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsDemo.native.js +15 -34
- package/dist/jsx/AnimationsDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +14 -31
- package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +8 -27
- package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +21 -44
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.native.js +8 -27
- package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/jsx/AvatarDemo.native.js +13 -33
- package/dist/jsx/AvatarDemo.native.js.map +1 -1
- package/dist/jsx/BuildAButtonDemo.native.js +24 -43
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +17 -36
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +16 -37
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +12 -32
- package/dist/jsx/CheckboxDemo.native.js.map +2 -2
- package/dist/jsx/CheckboxHeadlessDemo.js +7 -4
- package/dist/jsx/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.mjs +2 -0
- package/dist/jsx/CheckboxHeadlessDemo.native.js +22 -33
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxUnstyledDemo.native.js +12 -30
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ColorsDemo.native.js +29 -40
- package/dist/jsx/ColorsDemo.native.js.map +1 -1
- package/dist/jsx/DialogDemo.js +71 -82
- package/dist/jsx/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.mjs +2 -7
- package/dist/jsx/DialogDemo.native.js +90 -106
- package/dist/jsx/DialogDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +11 -30
- package/dist/jsx/FormsDemo.native.js.map +1 -1
- package/dist/jsx/Grid.native.js +11 -37
- package/dist/jsx/Grid.native.js.map +2 -2
- package/dist/jsx/GroupDemo.native.js +17 -36
- package/dist/jsx/GroupDemo.native.js.map +1 -1
- package/dist/jsx/HeadingsDemo.native.js +11 -31
- package/dist/jsx/HeadingsDemo.native.js.map +1 -1
- package/dist/jsx/ImageDemo.native.js +6 -26
- package/dist/jsx/ImageDemo.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +13 -33
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LabelDemo.native.js +11 -31
- package/dist/jsx/LabelDemo.native.js.map +1 -1
- package/dist/jsx/LinearGradientDemo.native.js +10 -29
- package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
- package/dist/jsx/ListItemDemo.native.js +22 -41
- package/dist/jsx/ListItemDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +18 -42
- package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +25 -45
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +18 -37
- package/dist/jsx/ProgressDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupDemo.native.js +11 -32
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +22 -32
- package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/jsx/ScrollViewDemo.native.js +15 -35
- package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
- package/dist/jsx/SelectDemo.js +122 -132
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +11 -7
- package/dist/jsx/SelectDemo.native.js +130 -158
- package/dist/jsx/SelectDemo.native.js.map +1 -1
- package/dist/jsx/SeparatorDemo.native.js +14 -34
- package/dist/jsx/SeparatorDemo.native.js.map +1 -1
- package/dist/jsx/ShapesDemo.native.js +7 -27
- package/dist/jsx/ShapesDemo.native.js.map +1 -1
- package/dist/jsx/SheetDemo.native.js +39 -56
- package/dist/jsx/SheetDemo.native.js.map +1 -1
- package/dist/jsx/SliderDemo.native.js +10 -30
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SpinnerDemo.native.js +7 -27
- package/dist/jsx/SpinnerDemo.native.js.map +1 -1
- package/dist/jsx/StacksDemo.native.js +22 -42
- package/dist/jsx/StacksDemo.native.js.map +1 -1
- package/dist/jsx/SwitchDemo.js +5 -9
- package/dist/jsx/SwitchDemo.js.map +1 -1
- package/dist/jsx/SwitchDemo.mjs +5 -16
- package/dist/jsx/SwitchDemo.native.js +19 -44
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +20 -37
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/SwitchUnstyledDemo.native.js +14 -33
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +57 -67
- package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/jsx/TabsDemo.native.js +58 -77
- package/dist/jsx/TabsDemo.native.js.map +1 -1
- package/dist/jsx/TextDemo.native.js +10 -30
- package/dist/jsx/TextDemo.native.js.map +1 -1
- package/dist/jsx/ThemeBuilderDemo.js +17 -17
- package/dist/jsx/ThemeBuilderDemo.native.js +45 -65
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ThemeInverseDemo.native.js +15 -35
- package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +30 -56
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +18 -43
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +20 -39
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +20 -38
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/TooltipDemo.native.js +30 -43
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +25 -41
- package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
- package/dist/jsx/index.js +4 -0
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +4 -0
- package/dist/jsx/index.native.js +53 -115
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/tamagui.config.native.js +6 -25
- package/dist/jsx/tamagui.config.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +8 -29
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +18 -18
- package/src/CheckboxHeadlessDemo.tsx +47 -0
- package/src/CheckboxUnstyledDemo.tsx +49 -0
- package/src/DialogDemo.tsx +3 -11
- package/src/SelectDemo.tsx +8 -14
- package/src/SwitchDemo.tsx +5 -9
- package/src/SwitchHeadlessDemo.tsx +73 -0
- package/src/SwitchUnstyledDemo.tsx +63 -0
- package/src/ThemeBuilderDemo.tsx +17 -17
- package/src/index.tsx +4 -0
- package/types/CheckboxHeadlessDemo.d.ts +3 -0
- package/types/CheckboxHeadlessDemo.d.ts.map +1 -0
- package/types/CheckboxUnstyledDemo.d.ts +157 -0
- package/types/CheckboxUnstyledDemo.d.ts.map +1 -0
- package/types/DialogDemo.d.ts.map +1 -1
- package/types/SelectDemo.d.ts.map +1 -1
- package/types/SwitchDemo.d.ts.map +1 -1
- package/types/SwitchHeadlessDemo.d.ts +3 -0
- package/types/SwitchHeadlessDemo.d.ts.map +1 -0
- package/types/SwitchUnstyledDemo.d.ts +111 -0
- package/types/SwitchUnstyledDemo.d.ts.map +1 -0
- package/types/index.d.ts +4 -0
- package/types/index.d.ts.map +1 -1
package/dist/cjs/SwitchDemo.js
CHANGED
|
@@ -20,28 +20,24 @@ __export(SwitchDemo_exports, {
|
|
|
20
20
|
module.exports = __toCommonJS(SwitchDemo_exports);
|
|
21
21
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
22
|
function SwitchDemo() {
|
|
23
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center",
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: [
|
|
24
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
|
|
25
25
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2" }),
|
|
26
26
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2", defaultChecked: !0 })
|
|
27
27
|
] }),
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
28
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
|
|
29
29
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3" }),
|
|
30
30
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3", defaultChecked: !0 })
|
|
31
31
|
] }),
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
|
|
33
33
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4" }),
|
|
34
34
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4", defaultChecked: !0 })
|
|
35
|
-
] }),
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" }),
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5", defaultChecked: !0 })
|
|
39
35
|
] })
|
|
40
36
|
] });
|
|
41
37
|
}
|
|
42
38
|
function SwitchWithLabel(props) {
|
|
43
39
|
const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
|
|
44
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center",
|
|
40
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", gap: "$4", children: [
|
|
45
41
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
46
42
|
import_tamagui.Label,
|
|
47
43
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SwitchDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,iDAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -21,28 +21,24 @@ __export(SwitchDemo_exports, {
|
|
|
21
21
|
module.exports = __toCommonJS(SwitchDemo_exports);
|
|
22
22
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
23
23
|
function SwitchDemo() {
|
|
24
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center",
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
24
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 200, alignItems: "center", gap: "$3", children: [
|
|
25
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
|
|
26
26
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2" }),
|
|
27
27
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2", defaultChecked: !0 })
|
|
28
28
|
] }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
|
|
30
30
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3" }),
|
|
31
31
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3", defaultChecked: !0 })
|
|
32
32
|
] }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
|
|
34
34
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4" }),
|
|
35
35
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4", defaultChecked: !0 })
|
|
36
|
-
] }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", $xs: { flexDirection: "column" }, children: [
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" }),
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5", defaultChecked: !0 })
|
|
40
36
|
] })
|
|
41
37
|
] });
|
|
42
38
|
}
|
|
43
39
|
function SwitchWithLabel(props) {
|
|
44
40
|
const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
|
|
45
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center",
|
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 200, alignItems: "center", gap: "$4", children: [
|
|
46
42
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
43
|
import_tamagui.Label,
|
|
48
44
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SwitchDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,iDAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SwitchHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,qBAAiB,yBAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,gBAAY,qBAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAE9D,qCAAU,MAAM;AACd,iCAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SwitchHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAA0B,qCAC1B,eAAwD,kBAExD,sBAAoC,yBACpC,iBAAsC,oBAKhC;AAHC,SAAS,qBAAqB;AACnC,SACE,4CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,uDAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,wBAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,4CAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,qBAAiB,yBAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,aAAa,WAAW,YAAY,QAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,gBAAY,qBAAO,IAAI,6BAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAE9D,qCAAU,MAAM;AACd,iCAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,6BAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -20,23 +20,23 @@ module.exports = __toCommonJS(ThemeBuilderDemo_exports);
|
|
|
20
20
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function ThemeBuilderDemo() {
|
|
22
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,
|
|
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,
|
|
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" })
|
|
40
40
|
] }) });
|
|
41
41
|
}
|
|
42
42
|
function Col(props) {
|
|
@@ -21,23 +21,23 @@ module.exports = __toCommonJS(ThemeBuilderDemo_exports);
|
|
|
21
21
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
22
|
function ThemeBuilderDemo() {
|
|
23
23
|
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: [
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35,
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30,
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50,
|
|
27
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4",
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2",
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50,
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80,
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8",
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8",
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80,
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50,
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2",
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4",
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50,
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30,
|
|
40
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35,
|
|
24
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" }),
|
|
25
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
|
|
26
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
|
|
27
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
|
|
28
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
|
|
30
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
|
|
31
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { bg: "$color9" }),
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", bg: "$color7" }),
|
|
34
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: 80, bg: "$color5" }),
|
|
35
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", y: 50, bg: "$color3" }),
|
|
36
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$2", bg: "$color1" }),
|
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$4", bg: "$color3" }),
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$6", y: -50, bg: "$color5" }),
|
|
39
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { size: "$8", y: 30, bg: "$color7" }),
|
|
40
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, { y: 35, bg: "$color9" })
|
|
41
41
|
] }) });
|
|
42
42
|
}
|
|
43
43
|
function Col(props) {
|
package/dist/cjs/index.js
CHANGED
|
@@ -25,6 +25,8 @@ __reExport(src_exports, require("./ButtonDemo"), module.exports);
|
|
|
25
25
|
__reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
|
|
26
26
|
__reExport(src_exports, require("./CardDemo"), module.exports);
|
|
27
27
|
__reExport(src_exports, require("./CheckboxDemo"), module.exports);
|
|
28
|
+
__reExport(src_exports, require("./CheckboxHeadlessDemo"), module.exports);
|
|
29
|
+
__reExport(src_exports, require("./CheckboxUnstyledDemo"), module.exports);
|
|
28
30
|
__reExport(src_exports, require("./ColorsDemo"), module.exports);
|
|
29
31
|
__reExport(src_exports, require("./DialogDemo"), module.exports);
|
|
30
32
|
__reExport(src_exports, require("./FormsDemo"), module.exports);
|
|
@@ -49,6 +51,8 @@ __reExport(src_exports, require("./SliderDemo"), module.exports);
|
|
|
49
51
|
__reExport(src_exports, require("./SpinnerDemo"), module.exports);
|
|
50
52
|
__reExport(src_exports, require("./StacksDemo"), module.exports);
|
|
51
53
|
__reExport(src_exports, require("./SwitchDemo"), module.exports);
|
|
54
|
+
__reExport(src_exports, require("./SwitchHeadlessDemo"), module.exports);
|
|
55
|
+
__reExport(src_exports, require("./SwitchUnstyledDemo"), module.exports);
|
|
52
56
|
__reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
|
|
53
57
|
__reExport(src_exports, require("./TabsDemo"), module.exports);
|
|
54
58
|
__reExport(src_exports, require("./TextDemo"), module.exports);
|
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,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,
|
|
4
|
+
"mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,mCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,yBAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,2BApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,yBAtBd;AAuBA,wBAAc,wBAvBd;AAwBA,wBAAc,iCAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,8BA1Bd;AA2BA,wBAAc,0BA3Bd;AA4BA,wBAAc,2BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,+BA9Bd;AA+BA,wBAAc,6BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,4BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,wBAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,0BArCd;AAsCA,wBAAc,yBAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,+BA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,wBA9Cd;AA+CA,wBAAc,iCA/Cd;AAgDA,wBAAc,8BAhDd;AAiDA,wBAAc,yBAjDd;AAkDA,wBAAc,0BAlDd;AAmDA,wBAAc,8BAnDd;AAoDA,wBAAc,gCApDd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -26,6 +26,8 @@ __reExport(src_exports, require("./ButtonDemo"), module.exports);
|
|
|
26
26
|
__reExport(src_exports, require("./ThemeBuilderDemo"), module.exports);
|
|
27
27
|
__reExport(src_exports, require("./CardDemo"), module.exports);
|
|
28
28
|
__reExport(src_exports, require("./CheckboxDemo"), module.exports);
|
|
29
|
+
__reExport(src_exports, require("./CheckboxHeadlessDemo"), module.exports);
|
|
30
|
+
__reExport(src_exports, require("./CheckboxUnstyledDemo"), module.exports);
|
|
29
31
|
__reExport(src_exports, require("./ColorsDemo"), module.exports);
|
|
30
32
|
__reExport(src_exports, require("./DialogDemo"), module.exports);
|
|
31
33
|
__reExport(src_exports, require("./FormsDemo"), module.exports);
|
|
@@ -50,6 +52,8 @@ __reExport(src_exports, require("./SliderDemo"), module.exports);
|
|
|
50
52
|
__reExport(src_exports, require("./SpinnerDemo"), module.exports);
|
|
51
53
|
__reExport(src_exports, require("./StacksDemo"), module.exports);
|
|
52
54
|
__reExport(src_exports, require("./SwitchDemo"), module.exports);
|
|
55
|
+
__reExport(src_exports, require("./SwitchHeadlessDemo"), module.exports);
|
|
56
|
+
__reExport(src_exports, require("./SwitchUnstyledDemo"), module.exports);
|
|
53
57
|
__reExport(src_exports, require("./TabsAdvancedDemo"), module.exports);
|
|
54
58
|
__reExport(src_exports, require("./TabsDemo"), module.exports);
|
|
55
59
|
__reExport(src_exports, require("./TextDemo"), module.exports);
|
|
@@ -77,6 +81,8 @@ __reExport(src_exports, require("./useOnIntersecting"), module.exports);
|
|
|
77
81
|
...require("./ThemeBuilderDemo"),
|
|
78
82
|
...require("./CardDemo"),
|
|
79
83
|
...require("./CheckboxDemo"),
|
|
84
|
+
...require("./CheckboxHeadlessDemo"),
|
|
85
|
+
...require("./CheckboxUnstyledDemo"),
|
|
80
86
|
...require("./ColorsDemo"),
|
|
81
87
|
...require("./DialogDemo"),
|
|
82
88
|
...require("./FormsDemo"),
|
|
@@ -101,6 +107,8 @@ __reExport(src_exports, require("./useOnIntersecting"), module.exports);
|
|
|
101
107
|
...require("./SpinnerDemo"),
|
|
102
108
|
...require("./StacksDemo"),
|
|
103
109
|
...require("./SwitchDemo"),
|
|
110
|
+
...require("./SwitchHeadlessDemo"),
|
|
111
|
+
...require("./SwitchUnstyledDemo"),
|
|
104
112
|
...require("./TabsAdvancedDemo"),
|
|
105
113
|
...require("./TabsDemo"),
|
|
106
114
|
...require("./TextDemo"),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,6BAHd;AAIA,wBAAc,kCAJd;AAKA,wBAAc,kCALd;AAMA,wBAAc,qCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,yBARd;AASA,wBAAc,+BATd;AAUA,wBAAc,yBAVd;AAWA,wBAAc,+BAXd;AAYA,wBAAc,uBAZd;AAaA,wBAAc,2BAbd;AAcA,wBAAc,mCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,yBAhBd;AAiBA,wBAAc,yBAjBd;AAkBA,wBAAc,wBAlBd;AAmBA,wBAAc,wBAnBd;AAoBA,wBAAc,2BApBd;AAqBA,wBAAc,wBArBd;AAsBA,wBAAc,yBAtBd;AAuBA,wBAAc,wBAvBd;AAwBA,wBAAc,iCAxBd;AAyBA,wBAAc,2BAzBd;AA0BA,wBAAc,8BA1Bd;AA2BA,wBAAc,0BA3Bd;AA4BA,wBAAc,2BA5Bd;AA6BA,wBAAc,6BA7Bd;AA8BA,wBAAc,+BA9Bd;AA+BA,wBAAc,6BA/Bd;AAgCA,wBAAc,yBAhCd;AAiCA,wBAAc,4BAjCd;AAkCA,wBAAc,yBAlCd;AAmCA,wBAAc,wBAnCd;AAoCA,wBAAc,yBApCd;AAqCA,wBAAc,0BArCd;AAsCA,wBAAc,yBAtCd;AAuCA,wBAAc,yBAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,+BA1Cd;AA2CA,wBAAc,uBA3Cd;AA4CA,wBAAc,uBA5Cd;AA6CA,wBAAc,+BA7Cd;AA8CA,wBAAc,wBA9Cd;AA+CA,wBAAc,iCA/Cd;AAgDA,wBAAc,8BAhDd;AAiDA,wBAAc,yBAjDd;AAkDA,wBAAc,0BAlDd;AAmDA,wBAAc,8BAnDd;AAoDA,wBAAc,gCApDd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,44 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var AccordionDemo_exports = {};
|
|
17
|
-
__export(AccordionDemo_exports, {
|
|
18
|
-
AccordionDemo: () => AccordionDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AccordionDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { ChevronDown } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Accordion, Paragraph, Square } from "tamagui";
|
|
3
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
22
4
|
function AccordionDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsxs(Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
|
|
6
|
+
/* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
|
|
7
|
+
/* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
8
|
+
/* @__PURE__ */ jsx(Paragraph, { children: "1. Take a cold shower" }),
|
|
9
|
+
/* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
|
|
28
10
|
] }) }),
|
|
29
|
-
/* @__PURE__ */
|
|
11
|
+
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
|
|
30
12
|
] }),
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
13
|
+
/* @__PURE__ */ jsxs(Accordion.Item, { value: "a2", children: [
|
|
14
|
+
/* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15
|
+
/* @__PURE__ */ jsx(Paragraph, { children: "2. Eat 4 eggs" }),
|
|
16
|
+
/* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
|
|
35
17
|
] }) }),
|
|
36
|
-
/* @__PURE__ */
|
|
18
|
+
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
|
|
37
19
|
] })
|
|
38
20
|
] });
|
|
39
21
|
}
|
|
40
|
-
|
|
41
|
-
0 && (module.exports = {
|
|
22
|
+
export {
|
|
42
23
|
AccordionDemo
|
|
43
|
-
}
|
|
24
|
+
};
|
|
44
25
|
//# sourceMappingURL=AccordionDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AccordionDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAQjC,mBACE,KADF;AANL,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,mCAAqB;AAAA,QAChC,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,2BAAa;AAAA,QACxB,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,38 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var AddThemeDemo_exports = {};
|
|
17
|
-
__export(AddThemeDemo_exports, {
|
|
18
|
-
AddThemeDemo: () => AddThemeDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AddThemeDemo_exports);
|
|
21
|
-
var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { addTheme } from "@tamagui/theme";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { Button, H3, Square, Theme, YStack } from "tamagui";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
5
|
function AddThemeDemo() {
|
|
23
|
-
const [theme, setTheme] =
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
6
|
+
const [theme, setTheme] = useState();
|
|
7
|
+
return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
|
|
8
|
+
/* @__PURE__ */ jsxs(H3, { children: [
|
|
26
9
|
"Theme: ",
|
|
27
10
|
theme ?? "none"
|
|
28
11
|
] }),
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
12
|
+
/* @__PURE__ */ jsx(Theme, { name: theme ?? "red", children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
|
|
13
|
+
/* @__PURE__ */ jsx(
|
|
14
|
+
Button,
|
|
32
15
|
{
|
|
33
16
|
disabled: theme === "superblue",
|
|
34
17
|
onPress: () => {
|
|
35
|
-
|
|
18
|
+
addTheme({
|
|
36
19
|
name: "superblue",
|
|
37
20
|
insertCSS: !0,
|
|
38
21
|
theme: {
|
|
@@ -46,8 +29,7 @@ function AddThemeDemo() {
|
|
|
46
29
|
)
|
|
47
30
|
] });
|
|
48
31
|
}
|
|
49
|
-
|
|
50
|
-
0 && (module.exports = {
|
|
32
|
+
export {
|
|
51
33
|
AddThemeDemo
|
|
52
|
-
}
|
|
34
|
+
};
|
|
53
35
|
//# sourceMappingURL=AddThemeDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AddThemeDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAO5C,SAGE,KAHF;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,30 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var AlertDialogDemo_exports = {};
|
|
17
|
-
__export(AlertDialogDemo_exports, {
|
|
18
|
-
AlertDialogDemo: () => AlertDialogDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AlertDialogDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { AlertDialog, Button, XStack, YStack } from "tamagui";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
3
|
function AlertDialogDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
|
|
4
|
+
return /* @__PURE__ */ jsxs(AlertDialog, { native: !0, children: [
|
|
5
|
+
/* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Alert" }) }),
|
|
6
|
+
/* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
|
|
7
|
+
/* @__PURE__ */ jsx(
|
|
8
|
+
AlertDialog.Overlay,
|
|
28
9
|
{
|
|
29
10
|
animation: "quick",
|
|
30
11
|
opacity: 0.5,
|
|
@@ -33,8 +14,8 @@ function AlertDialogDemo() {
|
|
|
33
14
|
},
|
|
34
15
|
"overlay"
|
|
35
16
|
),
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
|
|
17
|
+
/* @__PURE__ */ jsx(
|
|
18
|
+
AlertDialog.Content,
|
|
38
19
|
{
|
|
39
20
|
bordered: !0,
|
|
40
21
|
elevate: !0,
|
|
@@ -52,12 +33,12 @@ function AlertDialogDemo() {
|
|
|
52
33
|
scale: 1,
|
|
53
34
|
opacity: 1,
|
|
54
35
|
y: 0,
|
|
55
|
-
children: /* @__PURE__ */
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
/* @__PURE__ */
|
|
60
|
-
/* @__PURE__ */
|
|
36
|
+
children: /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
|
|
37
|
+
/* @__PURE__ */ jsx(AlertDialog.Title, { children: "Accept" }),
|
|
38
|
+
/* @__PURE__ */ jsx(AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
|
|
39
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$3", justifyContent: "flex-end", children: [
|
|
40
|
+
/* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Cancel" }) }),
|
|
41
|
+
/* @__PURE__ */ jsx(AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", children: "Accept" }) })
|
|
61
42
|
] })
|
|
62
43
|
] })
|
|
63
44
|
},
|
|
@@ -66,8 +47,7 @@ function AlertDialogDemo() {
|
|
|
66
47
|
] })
|
|
67
48
|
] });
|
|
68
49
|
}
|
|
69
|
-
|
|
70
|
-
0 && (module.exports = {
|
|
50
|
+
export {
|
|
71
51
|
AlertDialogDemo
|
|
72
|
-
}
|
|
52
|
+
};
|
|
73
53
|
//# sourceMappingURL=AlertDialogDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AlertDialogDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAM5C,cAoCI,YApCJ;AAJD,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,IACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,IAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,IACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|