@umituz/react-native-image 1.3.11 → 1.3.13
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": "@umituz/react-native-image",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.13",
|
|
4
4
|
"description": "Image manipulation and viewing for React Native apps - resize, crop, rotate, flip, compress, gallery viewer",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -30,7 +30,8 @@
|
|
|
30
30
|
"url": "https://github.com/umituz/react-native-image"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"expo-image-manipulator": ">=12.0.0"
|
|
33
|
+
"expo-image-manipulator": ">=12.0.0",
|
|
34
|
+
"@react-native-community/slider": ">=4.0.0"
|
|
34
35
|
},
|
|
35
36
|
"peerDependencies": {
|
|
36
37
|
"@umituz/react-native-design-system": "latest",
|
|
@@ -40,8 +41,7 @@
|
|
|
40
41
|
"react": ">=18.2.0",
|
|
41
42
|
"react-native": ">=0.74.0",
|
|
42
43
|
"react-native-gesture-handler": ">=2.0.0",
|
|
43
|
-
"react-native-reanimated": ">=3.0.0"
|
|
44
|
-
"@react-native-community/slider": ">=4.0.0"
|
|
44
|
+
"react-native-reanimated": ">=3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@umituz/react-native-design-system": "latest",
|
|
@@ -43,7 +43,7 @@ export const FilterPickerSheet = forwardRef<BottomSheetModalRef, FilterPickerShe
|
|
|
43
43
|
width: 100,
|
|
44
44
|
height: 120,
|
|
45
45
|
backgroundColor: activeFilterId === preset.id ? tokens.colors.primaryContainer : tokens.colors.surfaceVariant,
|
|
46
|
-
borderRadius: tokens.
|
|
46
|
+
borderRadius: tokens.radius.lg,
|
|
47
47
|
alignItems: 'center',
|
|
48
48
|
justifyContent: 'center',
|
|
49
49
|
borderWidth: 2,
|
|
@@ -42,7 +42,7 @@ export const StickerPickerSheet = forwardRef<BottomSheetModalRef, StickerPickerS
|
|
|
42
42
|
width: (SCREEN_WIDTH - 64) / 3,
|
|
43
43
|
aspectRatio: 1,
|
|
44
44
|
backgroundColor: tokens.colors.surfaceVariant,
|
|
45
|
-
borderRadius: tokens.
|
|
45
|
+
borderRadius: tokens.radius.md,
|
|
46
46
|
padding: tokens.spacing.sm,
|
|
47
47
|
alignItems: 'center',
|
|
48
48
|
justifyContent: 'center',
|
|
@@ -23,7 +23,7 @@ export const TextContentTab: React.FC<TabProps & { text: string; onTextChange: (
|
|
|
23
23
|
...tokens.typography.bodyLarge,
|
|
24
24
|
borderWidth: 1,
|
|
25
25
|
borderColor: tokens.colors.border,
|
|
26
|
-
borderRadius: tokens.
|
|
26
|
+
borderRadius: tokens.radius.md,
|
|
27
27
|
padding: tokens.spacing.md,
|
|
28
28
|
minHeight: 120,
|
|
29
29
|
textAlignVertical: 'top',
|
|
@@ -50,7 +50,7 @@ export const TextStyleTab: React.FC<TabProps & {
|
|
|
50
50
|
<ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{ gap: tokens.spacing.sm }}>
|
|
51
51
|
{fonts.map(f => (
|
|
52
52
|
<TouchableOpacity key={f} onPress={() => setFontFamily(f)} style={{
|
|
53
|
-
paddingHorizontal: tokens.spacing.md, paddingVertical: tokens.spacing.xs, borderRadius: tokens.
|
|
53
|
+
paddingHorizontal: tokens.spacing.md, paddingVertical: tokens.spacing.xs, borderRadius: tokens.radius.full,
|
|
54
54
|
borderWidth: 1, borderColor: fontFamily === f ? tokens.colors.primary : tokens.colors.border,
|
|
55
55
|
backgroundColor: fontFamily === f ? tokens.colors.primaryContainer : tokens.colors.surface
|
|
56
56
|
}}>
|
|
@@ -100,7 +100,7 @@ export const TextTransformTab: React.FC<TabProps & {
|
|
|
100
100
|
{onDelete && (
|
|
101
101
|
<TouchableOpacity onPress={onDelete} style={{
|
|
102
102
|
flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: tokens.spacing.sm,
|
|
103
|
-
padding: tokens.spacing.md, borderRadius: tokens.
|
|
103
|
+
padding: tokens.spacing.md, borderRadius: tokens.radius.md, borderWidth: 1, borderColor: tokens.colors.error
|
|
104
104
|
}}>
|
|
105
105
|
<AtomicIcon name="trash" size={20} color="error" />
|
|
106
106
|
<AtomicText style={{ ...tokens.typography.labelMedium, color: tokens.colors.error }}>Delete Layer</AtomicText>
|