@umituz/react-native-design-system 1.5.47 → 1.5.48
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/index.ts +106 -18
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.48",
|
|
4
4
|
"description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
package/src/index.ts
CHANGED
|
@@ -1,41 +1,117 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
// =============================================================================
|
|
2
|
+
// ATOMS - Atomic Design Components
|
|
3
|
+
// =============================================================================
|
|
3
4
|
export {
|
|
4
|
-
AtomicIcon as Icon,
|
|
5
|
-
type AtomicIconProps as IconProps,
|
|
6
|
-
AtomicText,
|
|
7
5
|
AtomicButton,
|
|
6
|
+
AtomicText,
|
|
8
7
|
AtomicCard,
|
|
9
8
|
AtomicInput,
|
|
10
9
|
AtomicTextArea,
|
|
11
10
|
AtomicPicker,
|
|
12
11
|
AtomicIcon,
|
|
13
|
-
|
|
12
|
+
AtomicImage,
|
|
13
|
+
AtomicSwitch,
|
|
14
|
+
AtomicBadge,
|
|
15
|
+
AtomicFormError,
|
|
16
|
+
AtomicAvatar,
|
|
14
17
|
AtomicChip,
|
|
18
|
+
AtomicDivider,
|
|
19
|
+
AtomicProgress,
|
|
20
|
+
AtomicAvatarGroup,
|
|
21
|
+
AtomicFab,
|
|
22
|
+
AtomicFilter,
|
|
23
|
+
AtomicTouchable,
|
|
24
|
+
AtomicNumberInput,
|
|
25
|
+
AtomicDatePicker,
|
|
26
|
+
AtomicSearchBar,
|
|
27
|
+
AtomicSort,
|
|
28
|
+
type AtomicButtonProps,
|
|
29
|
+
type AtomicTextProps,
|
|
30
|
+
type AtomicCardProps,
|
|
31
|
+
type AtomicInputProps,
|
|
32
|
+
type AtomicTextAreaProps,
|
|
33
|
+
type AtomicPickerProps,
|
|
34
|
+
type AtomicIconProps,
|
|
35
|
+
type AtomicImageProps,
|
|
36
|
+
type AtomicSwitchProps,
|
|
37
|
+
type AtomicBadgeProps,
|
|
38
|
+
type AtomicFormErrorProps,
|
|
39
|
+
type AtomicAvatarProps,
|
|
40
|
+
type AtomicChipProps,
|
|
41
|
+
type AtomicDividerProps,
|
|
42
|
+
type AtomicProgressProps,
|
|
43
|
+
type AtomicAvatarGroupProps,
|
|
44
|
+
type AtomicFabProps,
|
|
45
|
+
type AtomicFilterProps,
|
|
46
|
+
type AtomicTouchableProps,
|
|
47
|
+
type AtomicNumberInputProps,
|
|
48
|
+
type AtomicDatePickerProps,
|
|
49
|
+
type AtomicSearchBarProps,
|
|
50
|
+
type AtomicSortProps,
|
|
15
51
|
type IconName,
|
|
52
|
+
type IconSize,
|
|
53
|
+
type IconColor,
|
|
16
54
|
} from '@umituz/react-native-design-system-atoms';
|
|
17
55
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
56
|
+
// Icon alias
|
|
57
|
+
export {
|
|
58
|
+
AtomicIcon as Icon,
|
|
59
|
+
type AtomicIconProps as IconProps,
|
|
60
|
+
} from '@umituz/react-native-design-system-atoms';
|
|
22
61
|
|
|
23
|
-
|
|
62
|
+
// =============================================================================
|
|
63
|
+
// MOLECULES - Composite Components
|
|
64
|
+
// =============================================================================
|
|
65
|
+
export {
|
|
66
|
+
FormField,
|
|
67
|
+
ListItem,
|
|
68
|
+
SearchBar,
|
|
69
|
+
SectionCard,
|
|
70
|
+
IconContainer,
|
|
71
|
+
ScreenHeader,
|
|
72
|
+
EmptyState,
|
|
73
|
+
SectionHeader,
|
|
74
|
+
SectionContainer,
|
|
75
|
+
GridContainer,
|
|
76
|
+
ConfirmationModal,
|
|
77
|
+
useConfirmationModal,
|
|
78
|
+
type FormFieldProps,
|
|
79
|
+
type ListItemProps,
|
|
80
|
+
type SearchBarProps,
|
|
81
|
+
type ScreenHeaderProps,
|
|
82
|
+
type ConfirmationModalProps,
|
|
83
|
+
type ConfirmationModalVariant,
|
|
84
|
+
} from '@umituz/react-native-design-system-molecules';
|
|
24
85
|
|
|
86
|
+
// ConfirmationModal alias
|
|
25
87
|
export {
|
|
26
88
|
ConfirmationModal as AtomicConfirmationModal,
|
|
27
89
|
type ConfirmationModalProps as AtomicConfirmationModalProps,
|
|
28
90
|
} from '@umituz/react-native-design-system-molecules';
|
|
29
91
|
|
|
30
|
-
|
|
31
|
-
|
|
92
|
+
// =============================================================================
|
|
93
|
+
// ORGANISMS - Complex Patterns
|
|
94
|
+
// =============================================================================
|
|
32
95
|
export {
|
|
96
|
+
AppHeader,
|
|
33
97
|
ScreenLayout,
|
|
34
98
|
FormContainer,
|
|
99
|
+
type AppHeaderProps,
|
|
35
100
|
type ScreenLayoutProps,
|
|
36
101
|
type FormContainerProps,
|
|
37
102
|
} from '@umituz/react-native-design-system-organisms';
|
|
38
103
|
|
|
104
|
+
// =============================================================================
|
|
105
|
+
// TYPOGRAPHY TYPES
|
|
106
|
+
// =============================================================================
|
|
107
|
+
export type {
|
|
108
|
+
TextStyleVariant,
|
|
109
|
+
ColorVariant,
|
|
110
|
+
} from '@umituz/react-native-design-system-typography';
|
|
111
|
+
|
|
112
|
+
// =============================================================================
|
|
113
|
+
// THEME & DESIGN TOKENS
|
|
114
|
+
// =============================================================================
|
|
39
115
|
export {
|
|
40
116
|
createDesignTokens,
|
|
41
117
|
STATIC_DESIGN_TOKENS,
|
|
@@ -45,6 +121,13 @@ export {
|
|
|
45
121
|
lightColors,
|
|
46
122
|
darkColors,
|
|
47
123
|
getColorPalette,
|
|
124
|
+
useAppDesignTokens,
|
|
125
|
+
useDesignSystemTheme,
|
|
126
|
+
useTheme,
|
|
127
|
+
lightTheme,
|
|
128
|
+
darkTheme,
|
|
129
|
+
createResponsiveValue,
|
|
130
|
+
ThemeStorage,
|
|
48
131
|
type DesignTokens,
|
|
49
132
|
type ThemeMode,
|
|
50
133
|
type ColorPalette,
|
|
@@ -52,15 +135,20 @@ export {
|
|
|
52
135
|
type Spacing,
|
|
53
136
|
type Typography,
|
|
54
137
|
type Borders,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
useTheme,
|
|
138
|
+
type Theme,
|
|
139
|
+
type ExtendedColorPalette,
|
|
58
140
|
} from '@umituz/react-native-design-system-theme';
|
|
59
141
|
|
|
142
|
+
// =============================================================================
|
|
143
|
+
// COMMON STYLES
|
|
144
|
+
// =============================================================================
|
|
60
145
|
export {
|
|
61
146
|
useCommonStyles,
|
|
62
147
|
} from './presentation/tokens/commonStyles';
|
|
63
148
|
|
|
149
|
+
// =============================================================================
|
|
150
|
+
// RESPONSIVE UTILITIES
|
|
151
|
+
// =============================================================================
|
|
64
152
|
export {
|
|
65
153
|
IOS_HIG,
|
|
66
154
|
ANDROID_MATERIAL,
|
|
@@ -70,7 +158,6 @@ export {
|
|
|
70
158
|
useResponsive,
|
|
71
159
|
useResponsiveSizes,
|
|
72
160
|
useDeviceType,
|
|
73
|
-
type UseResponsiveReturn,
|
|
74
161
|
getScreenDimensions,
|
|
75
162
|
isSmallPhone,
|
|
76
163
|
isTablet,
|
|
@@ -95,5 +182,6 @@ export {
|
|
|
95
182
|
getOnboardingTitleMarginBottom,
|
|
96
183
|
getOnboardingTextPadding,
|
|
97
184
|
getOnboardingDescriptionMarginTop,
|
|
98
|
-
|
|
185
|
+
type UseResponsiveReturn,
|
|
186
|
+
type DeviceType,
|
|
99
187
|
} from '@umituz/react-native-design-system-responsive';
|