@tamagui/demos 1.63.0 → 1.64.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/SheetDemo.js +4 -1
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js +4 -1
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.js +29 -26
- package/dist/cjs/TokensDemo.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +29 -26
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.js +4 -4
- package/dist/cjs/useOnIntersecting.js.map +1 -1
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +25 -0
- package/dist/esm/AccordionDemo.mjs.map +6 -0
- package/dist/esm/AddThemeDemo.mjs +35 -0
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +53 -0
- package/dist/esm/AlertDialogDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +86 -0
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +35 -0
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +27 -0
- package/dist/esm/AnimationsHoverDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +68 -0
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +26 -0
- package/dist/esm/AnimationsTimingDemo.mjs.map +1 -1
- package/dist/esm/AvatarDemo.mjs +30 -0
- package/dist/esm/AvatarDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +43 -0
- package/dist/esm/BuildAButtonDemo.mjs.map +6 -0
- package/dist/esm/ButtonDemo.mjs +25 -0
- package/dist/esm/ButtonDemo.mjs.map +1 -1
- package/dist/esm/CardDemo.mjs +48 -0
- package/dist/esm/CardDemo.mjs.map +1 -1
- package/dist/esm/CheckboxDemo.mjs +22 -0
- package/dist/esm/CheckboxDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.mjs +89 -0
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.mjs +109 -0
- package/dist/esm/DialogDemo.mjs.map +2 -2
- package/dist/esm/FormsDemo.mjs +35 -0
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/Grid.mjs +37 -0
- package/dist/esm/Grid.mjs.map +6 -0
- package/dist/esm/GroupDemo.mjs +25 -0
- package/dist/esm/GroupDemo.mjs.map +1 -1
- package/dist/esm/HeadingsDemo.mjs +16 -0
- package/dist/esm/HeadingsDemo.mjs.map +1 -1
- package/dist/esm/ImageDemo.mjs +18 -0
- package/dist/esm/ImageDemo.mjs.map +1 -1
- package/dist/esm/InputsDemo.mjs +31 -0
- package/dist/esm/InputsDemo.mjs.map +1 -1
- package/dist/esm/LabelDemo.mjs +18 -0
- package/dist/esm/LabelDemo.mjs.map +1 -1
- package/dist/esm/LinearGradientDemo.mjs +33 -0
- package/dist/esm/LinearGradientDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.mjs +47 -0
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +53 -0
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.mjs +82 -0
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.mjs +56 -0
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupDemo.mjs +21 -0
- package/dist/esm/RadioGroupDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +45 -0
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ScrollViewDemo.mjs +28 -0
- package/dist/esm/ScrollViewDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.mjs +173 -0
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +20 -0
- package/dist/esm/SeparatorDemo.mjs.map +1 -1
- package/dist/esm/ShapesDemo.mjs +12 -0
- package/dist/esm/ShapesDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.mjs +100 -0
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SliderDemo.mjs +19 -0
- package/dist/esm/SliderDemo.mjs.map +1 -1
- package/dist/esm/SpinnerDemo.mjs +12 -0
- package/dist/esm/SpinnerDemo.mjs.map +1 -1
- package/dist/esm/StacksDemo.mjs +78 -0
- package/dist/esm/StacksDemo.mjs.map +1 -1
- package/dist/esm/SwitchDemo.mjs +45 -0
- package/dist/esm/SwitchDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +239 -0
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.mjs +131 -0
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TextDemo.mjs +16 -0
- package/dist/esm/TextDemo.mjs.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +134 -0
- package/dist/esm/ThemeBuilderDemo.mjs.map +6 -0
- package/dist/esm/ThemeInverseDemo.mjs +41 -0
- package/dist/esm/ThemeInverseDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.mjs +91 -0
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +44 -0
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +49 -0
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.mjs +77 -0
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.mjs +67 -0
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +51 -0
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/index.mjs +50 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/tamagui.config.mjs +8 -0
- package/dist/esm/tamagui.config.mjs.map +2 -2
- package/dist/esm/useOnIntersecting.mjs +50 -0
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/jsx/SheetDemo.native.js +4 -1
- package/dist/jsx/SheetDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +27 -24
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/useOnIntersecting.native.js +4 -4
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +19 -18
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as Config from "@tamagui/site-config";
|
|
2
|
+
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import {
|
|
5
|
+
Button,
|
|
6
|
+
Square,
|
|
7
|
+
Theme,
|
|
8
|
+
XStack,
|
|
9
|
+
YStack,
|
|
10
|
+
getVariableValue,
|
|
11
|
+
useForceUpdate,
|
|
12
|
+
useIsomorphicLayoutEffect
|
|
13
|
+
} from "tamagui";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
+
const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
|
|
16
|
+
function UpdateThemeDemo() {
|
|
17
|
+
const [theme, setTheme] = useState(), update = useForceUpdate();
|
|
18
|
+
return useIsomorphicLayoutEffect(() => {
|
|
19
|
+
addTheme({
|
|
20
|
+
name: "custom",
|
|
21
|
+
insertCSS: !0,
|
|
22
|
+
theme: {
|
|
23
|
+
color: "red",
|
|
24
|
+
color2: "blue"
|
|
25
|
+
}
|
|
26
|
+
}), setTheme("custom");
|
|
27
|
+
}, []), /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
|
|
28
|
+
/* @__PURE__ */ jsx(XStack, { gap: "$5", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
|
|
29
|
+
/* @__PURE__ */ jsx(
|
|
30
|
+
Button,
|
|
31
|
+
{
|
|
32
|
+
onPress: () => {
|
|
33
|
+
const randomColor = getVariableValue(
|
|
34
|
+
colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]
|
|
35
|
+
);
|
|
36
|
+
updateTheme({
|
|
37
|
+
name: "custom",
|
|
38
|
+
theme: {
|
|
39
|
+
color: randomColor
|
|
40
|
+
}
|
|
41
|
+
}), update();
|
|
42
|
+
},
|
|
43
|
+
children: "Set to random color"
|
|
44
|
+
}
|
|
45
|
+
)
|
|
46
|
+
] });
|
|
47
|
+
}
|
|
48
|
+
export {
|
|
49
|
+
UpdateThemeDemo
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=UpdateThemeDemo.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,YAAY,YAAY;AACxB,SAAS,UAAU,mBAAmB;AACtC,SAAgB,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsBH,SAGM,KAHN;AApBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export * from "./AccordionDemo";
|
|
2
|
+
export * from "./AddThemeDemo";
|
|
3
|
+
export * from "./AlertDialogDemo";
|
|
4
|
+
export * from "./AnimationsDemo";
|
|
5
|
+
export * from "./AnimationsEnterDemo";
|
|
6
|
+
export * from "./AnimationsHoverDemo";
|
|
7
|
+
export * from "./AnimationsPresenceDemo";
|
|
8
|
+
export * from "./AnimationsTimingDemo";
|
|
9
|
+
export * from "./AvatarDemo";
|
|
10
|
+
export * from "./BuildAButtonDemo";
|
|
11
|
+
export * from "./ButtonDemo";
|
|
12
|
+
export * from "./ThemeBuilderDemo";
|
|
13
|
+
export * from "./CardDemo";
|
|
14
|
+
export * from "./CheckboxDemo";
|
|
15
|
+
export * from "./ColorsDemo";
|
|
16
|
+
export * from "./DialogDemo";
|
|
17
|
+
export * from "./FormsDemo";
|
|
18
|
+
export * from "./GroupDemo";
|
|
19
|
+
export * from "./HeadingsDemo";
|
|
20
|
+
export * from "./ImageDemo";
|
|
21
|
+
export * from "./InputsDemo";
|
|
22
|
+
export * from "./LabelDemo";
|
|
23
|
+
export * from "./LinearGradientDemo";
|
|
24
|
+
export * from "./ListItemDemo";
|
|
25
|
+
export * from "./LucideIconsDemo";
|
|
26
|
+
export * from "./PopoverDemo";
|
|
27
|
+
export * from "./ProgressDemo";
|
|
28
|
+
export * from "./RadioGroupDemo";
|
|
29
|
+
export * from "./ReplaceThemeDemo";
|
|
30
|
+
export * from "./ScrollViewDemo";
|
|
31
|
+
export * from "./SelectDemo";
|
|
32
|
+
export * from "./SeparatorDemo";
|
|
33
|
+
export * from "./ShapesDemo";
|
|
34
|
+
export * from "./SheetDemo";
|
|
35
|
+
export * from "./SliderDemo";
|
|
36
|
+
export * from "./SpinnerDemo";
|
|
37
|
+
export * from "./StacksDemo";
|
|
38
|
+
export * from "./SwitchDemo";
|
|
39
|
+
export * from "./TabsAdvancedDemo";
|
|
40
|
+
export * from "./TabsDemo";
|
|
41
|
+
export * from "./TextDemo";
|
|
42
|
+
export * from "./ThemeInverseDemo";
|
|
43
|
+
export * from "./ToastDemo";
|
|
44
|
+
export * from "./ToastDuplicateDemo";
|
|
45
|
+
export * from "./ToggleGroupDemo";
|
|
46
|
+
export * from "./TokensDemo";
|
|
47
|
+
export * from "./TooltipDemo";
|
|
48
|
+
export * from "./UpdateThemeDemo";
|
|
49
|
+
export * from "./useOnIntersecting";
|
|
50
|
+
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
4
|
+
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { isWeb, useEvent } from "tamagui";
|
|
3
|
+
function useIsIntersecting(refs, { once, ...opts } = {}) {
|
|
4
|
+
const [values, setValues] = useState([]);
|
|
5
|
+
return isWeb && useOnIntersecting(
|
|
6
|
+
refs,
|
|
7
|
+
(entries) => {
|
|
8
|
+
const intersecting = entries.some((x) => x?.isIntersecting);
|
|
9
|
+
once && !intersecting || setValues((prev) => {
|
|
10
|
+
const next = entries.map((e) => e?.isIntersecting ?? !1);
|
|
11
|
+
return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
|
|
12
|
+
});
|
|
13
|
+
},
|
|
14
|
+
opts
|
|
15
|
+
), Array.isArray(refs) ? values : values[0];
|
|
16
|
+
}
|
|
17
|
+
function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
|
|
18
|
+
const onIntersectEvent = useEvent(incomingCbRaw);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
|
|
21
|
+
if (!refs.length)
|
|
22
|
+
return;
|
|
23
|
+
let dispose = null, currentEntries = [];
|
|
24
|
+
const options = {
|
|
25
|
+
threshold,
|
|
26
|
+
root,
|
|
27
|
+
rootMargin
|
|
28
|
+
}, io = new IntersectionObserver((entries) => {
|
|
29
|
+
currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
30
|
+
}, options);
|
|
31
|
+
for (const ref of refs)
|
|
32
|
+
ref.current && io.observe(ref.current);
|
|
33
|
+
return () => {
|
|
34
|
+
dispose?.(), io.disconnect();
|
|
35
|
+
};
|
|
36
|
+
}, [
|
|
37
|
+
onIntersectEvent,
|
|
38
|
+
refsIn,
|
|
39
|
+
root,
|
|
40
|
+
rootMargin,
|
|
41
|
+
threshold,
|
|
42
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
|
+
...mountArgs
|
|
44
|
+
]);
|
|
45
|
+
}
|
|
46
|
+
export {
|
|
47
|
+
useIsIntersecting,
|
|
48
|
+
useOnIntersecting
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=useOnIntersecting.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useOnIntersecting.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,
|
|
4
|
+
"mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,UAAU,GACV,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,gBAAU,GACV,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -66,7 +66,10 @@ function InnerSheet(props) {
|
|
|
66
66
|
circular
|
|
67
67
|
alignSelf="center"
|
|
68
68
|
icon={ChevronDown}
|
|
69
|
-
onPress={() =>
|
|
69
|
+
onPress={() => {
|
|
70
|
+
var _a;
|
|
71
|
+
return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, !1);
|
|
72
|
+
}}
|
|
70
73
|
/>
|
|
71
74
|
<H2>Hello world</H2>
|
|
72
75
|
{[1, 2, 3, 4, 5, 6, 7, 8].map((i) => <Paragraph key={i} size="$8">Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.</Paragraph>)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "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
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -36,30 +36,33 @@ function SizeSection({ section }) {
|
|
|
36
36
|
return <YStack flex={1} space>
|
|
37
37
|
<H2>Sizes</H2>
|
|
38
38
|
<YStack width="100%" space="$2" separator={<Separator />}>{(section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
|
|
39
|
-
(token) =>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
backgroundColor
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
39
|
+
(token) => {
|
|
40
|
+
var _a, _b, _c, _d, _e;
|
|
41
|
+
return <XStack width="100%" alignItems="center" key={token}>
|
|
42
|
+
<YStack width="25%"><H3 size="$6">
|
|
43
|
+
{"$"}
|
|
44
|
+
{token}
|
|
45
|
+
</H3></YStack>
|
|
46
|
+
<YStack width="20%"><H4 size="$5">
|
|
47
|
+
{(_a = tokens[token]) == null ? void 0 : _a.val}
|
|
48
|
+
{"px"}
|
|
49
|
+
</H4></YStack>
|
|
50
|
+
<Square
|
|
51
|
+
size={(_b = tokens[token]) == null ? void 0 : _b.val}
|
|
52
|
+
backgroundColor="$color5"
|
|
53
|
+
{...section === "spaceNegative" && {
|
|
54
|
+
backgroundColor: "$red5",
|
|
55
|
+
size: -((_c = tokens[spaceTokensNegative.find(
|
|
56
|
+
(t) => parseFloat(t) === -parseFloat(token)
|
|
57
|
+
) ?? token]) == null ? void 0 : _c.val)
|
|
58
|
+
}}
|
|
59
|
+
{...section === "radius" && {
|
|
60
|
+
size: (_d = allTokens.size[token]) == null ? void 0 : _d.val,
|
|
61
|
+
borderRadius: (_e = tokens[token]) == null ? void 0 : _e.val
|
|
62
|
+
}}
|
|
63
|
+
/>
|
|
64
|
+
</XStack>;
|
|
65
|
+
}
|
|
63
66
|
)}</YStack>
|
|
64
67
|
</YStack>;
|
|
65
68
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TokensDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAiB,iBAAiB;AAClC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AAI9E,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,WAAW,SAAS,UAAU,UACnC,SAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,CAAC,OAAO,KAAK,KAAK,KAChB,CAAC;AAAA,MACC,KAAK;AAAA,MACL,OAAO,YAAY,MAAM,WAAW;AAAA,MACpC,WAAW;AAAA,MACX,SAAS,MAAM,WAAW,GAAG;AAAA,MAE5B,KACH,EAPC,OAQH,EATC,OAAO,KAWX,EACH,EAfC;AAAA,MAiBC,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,CAAC,YAAY,SAAS,SAAS;AAAA,EAC5D,EAtBC;AAwBL;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,CAAC,OAAO,MAAM,GAAG;AAAA,IACf,CAAC,GAAG,KAAK,EAAR;AAAA,IACD,CAAC,OAAO,MAAM,OAAO,MAAM,KAAK,WAAW,CAAC,UAAU,MAClD,YAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,
|
|
4
|
+
"mappings": "AAAA,SAAiB,iBAAiB;AAClC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AAI9E,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,WAAW,SAAS,UAAU,UACnC,SAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,CAAC,OAAO,KAAK,KAAK,KAChB,CAAC;AAAA,MACC,KAAK;AAAA,MACL,OAAO,YAAY,MAAM,WAAW;AAAA,MACpC,WAAW;AAAA,MACX,SAAS,MAAM,WAAW,GAAG;AAAA,MAE5B,KACH,EAPC,OAQH,EATC,OAAO,KAWX,EACH,EAfC;AAAA,MAiBC,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,CAAC,YAAY,SAAS,SAAS;AAAA,EAC5D,EAtBC;AAwBL;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,CAAC,OAAO,MAAM,GAAG;AAAA,IACf,CAAC,GAAG,KAAK,EAAR;AAAA,IACD,CAAC,OAAO,MAAM,OAAO,MAAM,KAAK,WAAW,CAAC,UAAU,MAClD,YAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAAU;AArErB;AAsEY,eACE,CAAC,OAAO,MAAM,OAAO,WAAW,SAAS,KAAK;AAAA,UAC5C,CAAC,OAAO,MAAM,MACZ,CAAC,GAAG,KAAK;AAAA,aAAK;AAAA,aAAE;AAAA,UAAM,EAArB,GACH,EAFC;AAAA,UAGD,CAAC,OAAO,MAAM,MACZ,CAAC,GAAG,KAAK;AAAA,cAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,aAAI;AAAA,UAAE,EAAnC,GACH,EAFC;AAAA,UAGD,CAAC;AAAA,YACC,OAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,YACrB,gBAAgB;AAAA,gBACX,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MAAM,GAAC,YACL,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,MAJO,mBAIJ;AAAA,YACL;AAAA,gBACK,YAAY,YAAY;AAAA,cAC3B,OAAM,eAAU,KAAK,KAAK,MAApB,mBAAuB;AAAA,cAC7B,eAAc,YAAO,KAAK,MAAZ,mBAAe;AAAA,YAC/B;AAAA,UACF;AAAA,QACF,EAvBC;AAAA,MAyBL;AAAA,IACF,EACF,EA/BC;AAAA,EAgCH,EAlCC;AAoCL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -5,9 +5,9 @@ function useIsIntersecting(refs, { once, ...opts } = {}) {
|
|
|
5
5
|
return isWeb && useOnIntersecting(
|
|
6
6
|
refs,
|
|
7
7
|
(entries) => {
|
|
8
|
-
const intersecting = entries.some((x) => x
|
|
8
|
+
const intersecting = entries.some((x) => x == null ? void 0 : x.isIntersecting);
|
|
9
9
|
once && !intersecting || setValues((prev) => {
|
|
10
|
-
const next = entries.map((e) => e
|
|
10
|
+
const next = entries.map((e) => (e == null ? void 0 : e.isIntersecting) ?? !1);
|
|
11
11
|
return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
|
|
12
12
|
});
|
|
13
13
|
},
|
|
@@ -26,12 +26,12 @@ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMar
|
|
|
26
26
|
root,
|
|
27
27
|
rootMargin
|
|
28
28
|
}, io = new IntersectionObserver((entries) => {
|
|
29
|
-
currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose
|
|
29
|
+
currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose == null || dispose(), dispose = onIntersectEvent(currentEntries) || null;
|
|
30
30
|
}, options);
|
|
31
31
|
for (const ref of refs)
|
|
32
32
|
ref.current && io.observe(ref.current);
|
|
33
33
|
return () => {
|
|
34
|
-
dispose
|
|
34
|
+
dispose == null || dispose(), io.disconnect();
|
|
35
35
|
};
|
|
36
36
|
}, [
|
|
37
37
|
onIntersectEvent,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useOnIntersecting.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,
|
|
4
|
+
"mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,8BACA,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,oCACA,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.64.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,34 +28,35 @@
|
|
|
28
28
|
},
|
|
29
29
|
"./demo/*": {
|
|
30
30
|
"types": "./types/*.d.ts",
|
|
31
|
+
"node": "./dist/cjs/*.js",
|
|
31
32
|
"import": "./dist/esm/*.js",
|
|
32
33
|
"require": "./dist/cjs/*.js"
|
|
33
34
|
}
|
|
34
35
|
},
|
|
35
36
|
"dependencies": {
|
|
36
|
-
"@tamagui/avatar": "1.
|
|
37
|
-
"@tamagui/button": "1.
|
|
38
|
-
"@tamagui/core": "1.
|
|
39
|
-
"@tamagui/list-item": "1.
|
|
40
|
-
"@tamagui/logo": "1.
|
|
41
|
-
"@tamagui/menu": "1.
|
|
42
|
-
"@tamagui/popover": "1.
|
|
43
|
-
"@tamagui/progress": "1.
|
|
44
|
-
"@tamagui/radio-group": "1.
|
|
45
|
-
"@tamagui/select": "1.
|
|
46
|
-
"@tamagui/sheet": "1.
|
|
47
|
-
"@tamagui/site-config": "1.
|
|
48
|
-
"@tamagui/slider": "1.
|
|
49
|
-
"@tamagui/stacks": "1.
|
|
50
|
-
"@tamagui/toast": "1.
|
|
51
|
-
"tamagui": "1.
|
|
37
|
+
"@tamagui/avatar": "1.64.0",
|
|
38
|
+
"@tamagui/button": "1.64.0",
|
|
39
|
+
"@tamagui/core": "1.64.0",
|
|
40
|
+
"@tamagui/list-item": "1.64.0",
|
|
41
|
+
"@tamagui/logo": "1.64.0",
|
|
42
|
+
"@tamagui/menu": "1.64.0",
|
|
43
|
+
"@tamagui/popover": "1.64.0",
|
|
44
|
+
"@tamagui/progress": "1.64.0",
|
|
45
|
+
"@tamagui/radio-group": "1.64.0",
|
|
46
|
+
"@tamagui/select": "1.64.0",
|
|
47
|
+
"@tamagui/sheet": "1.64.0",
|
|
48
|
+
"@tamagui/site-config": "1.64.0",
|
|
49
|
+
"@tamagui/slider": "1.64.0",
|
|
50
|
+
"@tamagui/stacks": "1.64.0",
|
|
51
|
+
"@tamagui/toast": "1.64.0",
|
|
52
|
+
"tamagui": "1.64.0"
|
|
52
53
|
},
|
|
53
54
|
"peerDependencies": {
|
|
54
55
|
"react": "*",
|
|
55
56
|
"react-dom": "*"
|
|
56
57
|
},
|
|
57
58
|
"devDependencies": {
|
|
58
|
-
"@tamagui/build": "1.
|
|
59
|
+
"@tamagui/build": "1.64.0",
|
|
59
60
|
"react": "^18.2.0",
|
|
60
61
|
"react-dom": "^18.2.0"
|
|
61
62
|
},
|