@nativetail/ui 0.2.7 → 0.2.9
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/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@nativetail/ui",
|
3
|
-
"version": "0.2.
|
3
|
+
"version": "0.2.9",
|
4
4
|
"description": "",
|
5
5
|
"main": "src/index.ts",
|
6
6
|
"scripts": {},
|
@@ -30,7 +30,6 @@
|
|
30
30
|
"@nativetail/core": "^0.0.6",
|
31
31
|
"@shopify/flash-list": "^1.7.1",
|
32
32
|
"countries-list": "^3.1.0",
|
33
|
-
"expo-blur": "^13.0.2",
|
34
33
|
"expo-linear-gradient": "~13.0.2",
|
35
34
|
"lucide-react-native": "^0.427.0",
|
36
35
|
"moti": "^0.29.0",
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { cn, useTw, View } from "@nativetail/core";
|
2
2
|
import { forwardRef } from "react";
|
3
|
-
import { Blur } from "../blur";
|
4
3
|
import { Button } from "../button";
|
5
4
|
import { Dialog, DialogMethods } from "../dialog";
|
6
5
|
|
@@ -43,11 +42,6 @@ export const ActionSheet = forwardRef<DialogMethods, ActionSheetProps>(
|
|
43
42
|
ref={ref}
|
44
43
|
>
|
45
44
|
<View className="w-full rounded-xl bg-card/95">
|
46
|
-
{useBlur && (
|
47
|
-
<Blur
|
48
|
-
style={tw`absolute top-0 flex-1 left-0 right-0 bottom-0 rounded-xl bg-card`}
|
49
|
-
/>
|
50
|
-
)}
|
51
45
|
{options?.map((action, index) => (
|
52
46
|
<ActionSheetItem
|
53
47
|
key={index}
|
@@ -1,15 +1,4 @@
|
|
1
|
-
|
2
|
-
import { useColorScheme } from "@nativetail/core";
|
3
|
-
|
4
|
-
export type BlurProps = BlurViewProps;
|
1
|
+
export type BlurProps = {};
|
5
2
|
export const Blur = (props: BlurProps) => {
|
6
|
-
|
7
|
-
return (
|
8
|
-
<BlurView
|
9
|
-
intensity={50}
|
10
|
-
tint={colorScheme === "dark" ? "dark" : "light"}
|
11
|
-
experimentalBlurMethod="dimezisBlurView"
|
12
|
-
{...props}
|
13
|
-
/>
|
14
|
-
);
|
3
|
+
return null;
|
15
4
|
};
|
@@ -4,7 +4,6 @@ import ActionSheet, {
|
|
4
4
|
ActionSheetProps,
|
5
5
|
ActionSheetRef,
|
6
6
|
} from "react-native-actions-sheet";
|
7
|
-
import { Blur } from "../blur";
|
8
7
|
export type BottomSheetProps = ActionSheetProps & {
|
9
8
|
containerClassName?: string;
|
10
9
|
contentClassName?: string;
|
@@ -33,11 +32,6 @@ export const BottomSheet = forwardRef<ActionSheetRef, BottomSheetProps>(
|
|
33
32
|
indicatorStyle={tw.style("bg-muted/15", indicatorClassName)}
|
34
33
|
{...props}
|
35
34
|
>
|
36
|
-
{useBlur && (
|
37
|
-
<Blur
|
38
|
-
style={tw`absolute top-0 left-0 right-0 bottom-0 rounded-xl flex-1 bg-card`}
|
39
|
-
/>
|
40
|
-
)}
|
41
35
|
<View className={cn("p-4 ", contentClassName)}>{children}</View>
|
42
36
|
</ActionSheet>
|
43
37
|
);
|
@@ -1,6 +1,5 @@
|
|
1
|
-
import { BlurView } from "expo-blur";
|
2
|
-
import { AnimatePresence } from "moti";
|
3
1
|
import { cn, mergeClasses, Pressable, useTw, View } from "@nativetail/core";
|
2
|
+
import { AnimatePresence } from "moti";
|
4
3
|
import {
|
5
4
|
forwardRef,
|
6
5
|
useCallback,
|
@@ -9,7 +8,6 @@ import {
|
|
9
8
|
useState,
|
10
9
|
} from "react";
|
11
10
|
import { Modal } from "react-native";
|
12
|
-
import { Blur } from "../blur";
|
13
11
|
|
14
12
|
export type DialogProps = {
|
15
13
|
containerClassName?: string;
|
@@ -107,12 +105,6 @@ export const Dialog = forwardRef<DialogMethods, DialogProps>(function Dialog(
|
|
107
105
|
)}
|
108
106
|
onDidAnimate={onDidAnimate}
|
109
107
|
>
|
110
|
-
{useBlur && (
|
111
|
-
<Blur
|
112
|
-
style={tw`absolute top-0 left-0 right-0 bottom-0 rounded-xl flex-1 bg-card`}
|
113
|
-
/>
|
114
|
-
)}
|
115
|
-
|
116
108
|
{children}
|
117
109
|
</View>
|
118
110
|
)}
|
@@ -22,7 +22,6 @@ import {
|
|
22
22
|
useWindowDimensions,
|
23
23
|
ViewStyle,
|
24
24
|
} from "react-native";
|
25
|
-
import { Blur } from "../blur";
|
26
25
|
|
27
26
|
type PositionType = {
|
28
27
|
width: number;
|
@@ -256,9 +255,6 @@ const DropdownMenu = ({
|
|
256
255
|
animated
|
257
256
|
print
|
258
257
|
>
|
259
|
-
{useBlur && (
|
260
|
-
<Blur style={tw`absolute top-0 left-0 rounded-xl flex-1 `} />
|
261
|
-
)}
|
262
258
|
{renderChildren()}
|
263
259
|
</View>
|
264
260
|
)}
|