@umituz/react-native-design-system 2.3.11 → 2.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 +1 -1
- package/src/atoms/AtomicBadge.tsx +1 -1
- package/src/layouts/ScreenLayout/ScreenLayout.tsx +0 -2
- package/src/molecules/StepProgress/StepProgress.tsx +1 -1
- package/src/molecules/bottom-sheet/components/filter/FilterBottomSheet.tsx +1 -1
- package/src/molecules/bottom-sheet/components/filter/FilterSheet.tsx +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.13",
|
|
4
4
|
"description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -7,7 +7,7 @@ import React from "react";
|
|
|
7
7
|
import { View, StyleSheet, type StyleProp, type ViewStyle, type TextStyle } from "react-native";
|
|
8
8
|
import { AtomicText } from "./AtomicText";
|
|
9
9
|
import { AtomicIcon, type IconName } from "./AtomicIcon";
|
|
10
|
-
import { useAppDesignTokens } from
|
|
10
|
+
import { useAppDesignTokens } from '../theme';
|
|
11
11
|
|
|
12
12
|
export type BadgeVariant = "primary" | "secondary" | "success" | "warning" | "error" | "info";
|
|
13
13
|
export type BadgeSize = "sm" | "md" | "lg";
|
|
@@ -28,7 +28,6 @@ import { View, ScrollView, StyleSheet, type ViewStyle, RefreshControlProps } fro
|
|
|
28
28
|
import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
29
29
|
import type { Edge } from 'react-native-safe-area-context';
|
|
30
30
|
import { useAppDesignTokens } from '../../theme';
|
|
31
|
-
import { useResponsive } from '../../responsive/useResponsive';
|
|
32
31
|
import { getResponsiveMaxWidth } from '../../responsive/responsiveSizing';
|
|
33
32
|
import { getResponsiveHorizontalPadding } from '../../responsive/responsiveLayout';
|
|
34
33
|
|
|
@@ -161,7 +160,6 @@ export const ScreenLayout: React.FC<ScreenLayoutProps> = ({
|
|
|
161
160
|
}) => {
|
|
162
161
|
// Automatically uses current theme from global store
|
|
163
162
|
const tokens = useAppDesignTokens();
|
|
164
|
-
const { isTabletDevice } = useResponsive();
|
|
165
163
|
const insets = useSafeAreaInsets();
|
|
166
164
|
|
|
167
165
|
const finalMaxWidth = maxWidth || (responsiveEnabled ? getResponsiveMaxWidth() : undefined);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
2
|
import { View, StyleSheet, ViewStyle } from "react-native";
|
|
3
|
-
import { useAppDesignTokens } from
|
|
3
|
+
import { useAppDesignTokens } from '../../theme/hooks/useAppDesignTokens';
|
|
4
4
|
|
|
5
5
|
export interface StepProgressProps {
|
|
6
6
|
currentStep: number;
|
|
@@ -8,7 +8,7 @@ import React, { forwardRef, useCallback } from 'react';
|
|
|
8
8
|
import { View, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
|
|
9
9
|
import { BottomSheetModal } from '../BottomSheetModal';
|
|
10
10
|
import type { BottomSheetModalRef } from '../../types/BottomSheet';
|
|
11
|
-
import { AtomicText, AtomicIcon, AtomicButton } from
|
|
11
|
+
import { AtomicText, AtomicIcon, AtomicButton } from '../../../../atoms';
|
|
12
12
|
import { useAppDesignTokens } from '../../../../theme';
|
|
13
13
|
import type { FilterOption, FilterCategory } from '../../types/Filter';
|
|
14
14
|
import { FilterUtils } from '../../types/Filter';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
2
|
import { View, StyleSheet, ScrollView, Modal, Pressable } from "react-native";
|
|
3
3
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
4
|
-
import {
|
|
5
|
-
import { useAppDesignTokens } from
|
|
6
|
-
import type { FilterOption
|
|
4
|
+
import { AtomicButton } from '../../../../atoms';
|
|
5
|
+
import { useAppDesignTokens } from '../../../../theme';
|
|
6
|
+
import type { FilterOption } from "../../types/Filter";
|
|
7
7
|
import { FilterUtils } from "../../types/Filter";
|
|
8
8
|
import { FilterSheetHeader } from "./FilterSheetComponents/FilterSheetHeader";
|
|
9
9
|
import { FilterSheetOption } from "./FilterSheetComponents/FilterSheetOption";
|