@umituz/react-native-design-system 1.7.0 → 1.8.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/lib/index.d.ts +3 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +15 -13
- package/lib/index.js.map +1 -1
- package/lib/presentation/atoms/AtomicAvatar.js +1 -1
- package/lib/presentation/atoms/AtomicAvatar.js.map +1 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.js +1 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.js.map +1 -1
- package/lib/presentation/atoms/AtomicBadge.js +1 -1
- package/lib/presentation/atoms/AtomicBadge.js.map +1 -1
- package/lib/presentation/atoms/AtomicButton.js +1 -1
- package/lib/presentation/atoms/AtomicButton.js.map +1 -1
- package/lib/presentation/atoms/AtomicCard.js +1 -1
- package/lib/presentation/atoms/AtomicCard.js.map +1 -1
- package/lib/presentation/atoms/AtomicChip.js +1 -1
- package/lib/presentation/atoms/AtomicChip.js.map +1 -1
- package/lib/presentation/atoms/AtomicDatePicker.js +1 -1
- package/lib/presentation/atoms/AtomicDatePicker.js.map +1 -1
- package/lib/presentation/atoms/AtomicDivider.js +1 -1
- package/lib/presentation/atoms/AtomicDivider.js.map +1 -1
- package/lib/presentation/atoms/AtomicFab.js +1 -1
- package/lib/presentation/atoms/AtomicFab.js.map +1 -1
- package/lib/presentation/atoms/AtomicFilter.js +1 -1
- package/lib/presentation/atoms/AtomicFilter.js.map +1 -1
- package/lib/presentation/atoms/AtomicFormError.js +1 -1
- package/lib/presentation/atoms/AtomicFormError.js.map +1 -1
- package/lib/presentation/atoms/AtomicImage.js +1 -1
- package/lib/presentation/atoms/AtomicImage.js.map +1 -1
- package/lib/presentation/atoms/AtomicInput.js +1 -1
- package/lib/presentation/atoms/AtomicInput.js.map +1 -1
- package/lib/presentation/atoms/AtomicPicker.js +1 -1
- package/lib/presentation/atoms/AtomicPicker.js.map +1 -1
- package/lib/presentation/atoms/AtomicProgress.js +1 -1
- package/lib/presentation/atoms/AtomicProgress.js.map +1 -1
- package/lib/presentation/atoms/AtomicSearchBar.js +1 -1
- package/lib/presentation/atoms/AtomicSearchBar.js.map +1 -1
- package/lib/presentation/atoms/AtomicSort.js +1 -1
- package/lib/presentation/atoms/AtomicSort.js.map +1 -1
- package/lib/presentation/atoms/AtomicSwitch.js +1 -1
- package/lib/presentation/atoms/AtomicSwitch.js.map +1 -1
- package/lib/presentation/atoms/AtomicText.js +1 -1
- package/lib/presentation/atoms/AtomicText.js.map +1 -1
- package/lib/presentation/atoms/AtomicTextArea.js +1 -1
- package/lib/presentation/atoms/AtomicTextArea.js.map +1 -1
- package/lib/presentation/atoms/AtomicTouchable.js +1 -1
- package/lib/presentation/atoms/AtomicTouchable.js.map +1 -1
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts +1 -1
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +9 -9
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +1 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.js +1 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.js.map +1 -1
- package/lib/presentation/molecules/EmptyState.js +1 -1
- package/lib/presentation/molecules/EmptyState.js.map +1 -1
- package/lib/presentation/molecules/FormField.js +1 -1
- package/lib/presentation/molecules/FormField.js.map +1 -1
- package/lib/presentation/molecules/IconContainer.js +1 -1
- package/lib/presentation/molecules/IconContainer.js.map +1 -1
- package/lib/presentation/molecules/ListItem.js +1 -1
- package/lib/presentation/molecules/ListItem.js.map +1 -1
- package/lib/presentation/molecules/ScreenHeader.js +1 -1
- package/lib/presentation/molecules/ScreenHeader.js.map +1 -1
- package/lib/presentation/molecules/SearchBar.js +1 -1
- package/lib/presentation/molecules/SearchBar.js.map +1 -1
- package/lib/presentation/molecules/SectionCard.js +1 -1
- package/lib/presentation/molecules/SectionCard.js.map +1 -1
- package/lib/presentation/molecules/SectionContainer.js +1 -1
- package/lib/presentation/molecules/SectionContainer.js.map +1 -1
- package/lib/presentation/molecules/SectionHeader.js +1 -1
- package/lib/presentation/molecules/SectionHeader.js.map +1 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +1 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +1 -1
- package/lib/presentation/organisms/AppHeader.js +1 -1
- package/lib/presentation/organisms/AppHeader.js.map +1 -1
- package/lib/presentation/organisms/FormContainer.js +1 -1
- package/lib/presentation/organisms/FormContainer.js.map +1 -1
- package/lib/presentation/organisms/ScreenLayout.js +1 -1
- package/lib/presentation/organisms/ScreenLayout.js.map +1 -1
- package/lib/presentation/tokens/commonStyles.js +1 -1
- package/lib/presentation/tokens/commonStyles.js.map +1 -1
- package/package.json +19 -19
- package/src/index.ts +24 -29
- package/src/presentation/atoms/AtomicAvatar.tsx +1 -1
- package/src/presentation/atoms/AtomicAvatarGroup.tsx +1 -1
- package/src/presentation/atoms/AtomicBadge.tsx +1 -1
- package/src/presentation/atoms/AtomicButton.tsx +1 -1
- package/src/presentation/atoms/AtomicCard.tsx +1 -1
- package/src/presentation/atoms/AtomicChip.tsx +1 -1
- package/src/presentation/atoms/AtomicDatePicker.tsx +1 -1
- package/src/presentation/atoms/AtomicDivider.tsx +1 -1
- package/src/presentation/atoms/AtomicFab.tsx +1 -1
- package/src/presentation/atoms/AtomicFilter.tsx +1 -1
- package/src/presentation/atoms/AtomicFormError.tsx +1 -1
- package/src/presentation/atoms/AtomicImage.tsx +1 -1
- package/src/presentation/atoms/AtomicInput.tsx +1 -1
- package/src/presentation/atoms/AtomicPicker.tsx +1 -1
- package/src/presentation/atoms/AtomicProgress.tsx +1 -1
- package/src/presentation/atoms/AtomicSearchBar.tsx +1 -1
- package/src/presentation/atoms/AtomicSort.tsx +1 -1
- package/src/presentation/atoms/AtomicSwitch.tsx +1 -1
- package/src/presentation/atoms/AtomicText.tsx +1 -1
- package/src/presentation/atoms/AtomicTextArea.tsx +1 -1
- package/src/presentation/atoms/AtomicTouchable.tsx +1 -1
- package/src/presentation/atoms/input/styles/inputStyles.ts +1 -1
- package/src/presentation/atoms/picker/styles/pickerStyles.ts +4 -17
- package/src/presentation/molecules/AtomicConfirmationModal.tsx +1 -1
- package/src/presentation/molecules/EmptyState.tsx +1 -1
- package/src/presentation/molecules/FormField.tsx +1 -1
- package/src/presentation/molecules/IconContainer.tsx +1 -1
- package/src/presentation/molecules/ListItem.tsx +1 -1
- package/src/presentation/molecules/ScreenHeader.tsx +1 -1
- package/src/presentation/molecules/SearchBar.tsx +1 -1
- package/src/presentation/molecules/SectionCard.tsx +1 -1
- package/src/presentation/molecules/SectionContainer.tsx +1 -1
- package/src/presentation/molecules/SectionHeader.tsx +1 -1
- package/src/presentation/molecules/listitem/styles/listItemStyles.ts +1 -1
- package/src/presentation/organisms/AppHeader.tsx +3 -3
- package/src/presentation/organisms/FormContainer.tsx +1 -1
- package/src/presentation/organisms/ScreenLayout.tsx +1 -1
- package/src/presentation/tokens/commonStyles.ts +1 -1
- package/lib/presentation/hooks/useAppDesignTokens.d.ts +0 -13
- package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +0 -1
- package/lib/presentation/hooks/useAppDesignTokens.js +0 -13
- package/lib/presentation/hooks/useAppDesignTokens.js.map +0 -1
- package/src/presentation/hooks/useAppDesignTokens.ts +0 -13
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
import React, { useMemo, Children } from 'react';
|
|
46
46
|
import { ScrollView, StyleSheet, View, } from 'react-native';
|
|
47
47
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
48
|
-
import { useAppDesignTokens } from '
|
|
48
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
49
49
|
import { useResponsive } from '../hooks/useResponsive';
|
|
50
50
|
/**
|
|
51
51
|
* FormContainer - Universal form wrapper component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormContainer.js","sourceRoot":"","sources":["../../../src/presentation/organisms/FormContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EACL,UAAU,EACV,UAAU,EACV,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FormContainer.js","sourceRoot":"","sources":["../../../src/presentation/organisms/FormContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
import React, { useMemo } from 'react';
|
|
26
26
|
import { View, ScrollView, StyleSheet } from 'react-native';
|
|
27
27
|
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
28
|
-
import { useAppDesignTokens } from '
|
|
28
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
29
29
|
export const ScreenLayout = ({ children, scrollable = true, edges = ['top'], header, footer, backgroundColor, containerStyle, contentContainerStyle, testID, hideScrollIndicator = false, keyboardAvoiding = false, }) => {
|
|
30
30
|
// Automatically uses current theme from global store
|
|
31
31
|
const tokens = useAppDesignTokens();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenLayout.js","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAa,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,YAAY,EAAQ,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ScreenLayout.js","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAa,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,YAAY,EAAQ,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAqEhE,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,KAAK,GAAG,CAAC,KAAK,CAAC,EACf,MAAM,EACN,MAAM,EACN,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,MAAM,EACN,mBAAmB,GAAG,KAAK,EAC3B,gBAAgB,GAAG,KAAK,GACzB,EAAE,EAAE;IACH,qDAAqD;IACrD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,eAAe,IAAI,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC;IAEnE,wBAAwB;IACxB,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CACL,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,cAAc,CAAC,CAAC,CACxE,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;QAAA,CAAC,MAAM,CACP;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC,CACnD;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,YAAY,CAAC,CAChB,CAAC;IACJ,CAAC;IAED,8BAA8B;IAC9B,OAAO,CACL,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,cAAc,CAAC,CAAC,CACxE,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,MAAM,CACP;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC,CACrE,4BAA4B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CACnD,yBAAyB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAElE;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,MAAM,CACT;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,CAAC;QACX,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACjC;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../src/presentation/tokens/commonStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../src/presentation/tokens/commonStyles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"types": "./lib/index.d.ts",
|
|
@@ -31,18 +31,18 @@
|
|
|
31
31
|
"url": "https://github.com/umituz/react-native-design-system"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
|
+
"@expo/vector-icons": "^14.0.0",
|
|
35
|
+
"@react-native-community/datetimepicker": "8.0.1",
|
|
36
|
+
"@react-navigation/native": "^6.0.0",
|
|
37
|
+
"@umituz/react-native-icon": "^1.0.0",
|
|
38
|
+
"@umituz/react-native-theme": "^1.0.0",
|
|
39
|
+
"expo-linear-gradient": "~13.0.2",
|
|
40
|
+
"lucide-react-native": "^0.468.0",
|
|
34
41
|
"react": ">=18.2.0",
|
|
35
42
|
"react-native": ">=0.74.0",
|
|
36
43
|
"react-native-reanimated": "~3.10.1",
|
|
37
44
|
"react-native-svg": ">=13.0.0",
|
|
38
|
-
"
|
|
39
|
-
"@expo/vector-icons": "^14.0.0",
|
|
40
|
-
"lucide-react-native": "^0.468.0",
|
|
41
|
-
"zustand": "^5.0.2",
|
|
42
|
-
"expo-linear-gradient": "~13.0.2",
|
|
43
|
-
"@react-navigation/native": "^6.0.0",
|
|
44
|
-
"@umituz/react-native-theme": "^1.0.0",
|
|
45
|
-
"@umituz/react-native-icon": "^1.0.0"
|
|
45
|
+
"zustand": "^5.0.2"
|
|
46
46
|
},
|
|
47
47
|
"peerDependenciesMeta": {
|
|
48
48
|
"expo-linear-gradient": {
|
|
@@ -59,22 +59,22 @@
|
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
|
-
"
|
|
62
|
+
"@expo/vector-icons": "^14.0.0",
|
|
63
|
+
"@react-native-community/datetimepicker": "8.0.1",
|
|
64
|
+
"@react-navigation/native": "^6.0.0",
|
|
63
65
|
"@types/react": "^18.2.45",
|
|
64
66
|
"@types/react-native": "^0.73.0",
|
|
67
|
+
"@umituz/react-native-icon": "^1.0.1",
|
|
68
|
+
"@umituz/react-native-theme": "^1.0.0",
|
|
69
|
+
"expo-linear-gradient": "~13.0.2",
|
|
70
|
+
"lucide-react-native": "^0.468.0",
|
|
65
71
|
"react": ">=18.2.0",
|
|
66
72
|
"react-native": ">=0.74.0",
|
|
67
73
|
"react-native-reanimated": "~3.10.1",
|
|
68
|
-
"react-native-svg": "^15.0.0",
|
|
69
|
-
"@expo/vector-icons": "^14.0.0",
|
|
70
|
-
"lucide-react-native": "^0.468.0",
|
|
71
|
-
"zustand": "^5.0.2",
|
|
72
74
|
"react-native-safe-area-context": "^4.8.0",
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"@umituz/react-native-theme": "file:../react-native-theme",
|
|
77
|
-
"@umituz/react-native-icon": "file:../react-native-icon"
|
|
75
|
+
"react-native-svg": "^15.0.0",
|
|
76
|
+
"typescript": "^5.3.3",
|
|
77
|
+
"zustand": "^5.0.2"
|
|
78
78
|
},
|
|
79
79
|
"publishConfig": {
|
|
80
80
|
"access": "public"
|
package/src/index.ts
CHANGED
|
@@ -225,45 +225,37 @@ export {
|
|
|
225
225
|
// Import from feedback domain: import { FeedbackModal } from '@domains/feedback';
|
|
226
226
|
|
|
227
227
|
// =============================================================================
|
|
228
|
-
//
|
|
228
|
+
// THEME-RELATED EXPORTS - Re-exported from @umituz/react-native-theme
|
|
229
229
|
// =============================================================================
|
|
230
|
-
// All
|
|
231
|
-
//
|
|
232
|
-
// Import directly from theme package:
|
|
233
|
-
// import { BASE_TOKENS, STATIC_TOKENS, spacing, typography } from '@umituz/react-native-theme';
|
|
234
|
-
// import { useAppDesignTokens, createDesignTokens, lightColors, darkColors } from '@umituz/react-native-theme';
|
|
230
|
+
// All tokens, colors, and theme utilities come from @umituz/react-native-theme
|
|
231
|
+
// Design system does NOT define any tokens - it only uses them from theme package
|
|
235
232
|
|
|
236
|
-
// Re-export for backward compatibility (deprecated - use @umituz/react-native-theme directly)
|
|
237
233
|
export {
|
|
238
|
-
|
|
239
|
-
STATIC_TOKENS,
|
|
240
|
-
spacing,
|
|
241
|
-
typography,
|
|
242
|
-
borders,
|
|
243
|
-
iconSizes,
|
|
244
|
-
opacity,
|
|
245
|
-
avatarSizes,
|
|
246
|
-
sizes,
|
|
247
|
-
type Spacing,
|
|
248
|
-
type Typography,
|
|
249
|
-
type Borders,
|
|
250
|
-
type IconSizes,
|
|
251
|
-
type Opacity,
|
|
252
|
-
type AvatarSizes,
|
|
253
|
-
type Sizes,
|
|
254
|
-
type BaseTokens,
|
|
234
|
+
// Token factory
|
|
255
235
|
createDesignTokens,
|
|
256
236
|
STATIC_DESIGN_TOKENS,
|
|
237
|
+
BASE_TOKENS,
|
|
238
|
+
STATIC_TOKENS,
|
|
239
|
+
|
|
240
|
+
// Color utilities
|
|
257
241
|
withAlpha,
|
|
258
242
|
lightColors,
|
|
259
243
|
darkColors,
|
|
260
244
|
getColorPalette,
|
|
245
|
+
|
|
246
|
+
// Type exports
|
|
261
247
|
type DesignTokens,
|
|
262
248
|
type ThemeMode,
|
|
263
249
|
type ColorPalette,
|
|
264
|
-
|
|
250
|
+
type BaseTokens,
|
|
251
|
+
type Spacing,
|
|
252
|
+
type Typography,
|
|
253
|
+
type Borders,
|
|
265
254
|
} from '@umituz/react-native-theme';
|
|
266
255
|
|
|
256
|
+
// Hook for dynamic theme-aware tokens (re-exported from theme package)
|
|
257
|
+
export { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
258
|
+
|
|
267
259
|
export {
|
|
268
260
|
useCommonStyles,
|
|
269
261
|
} from './presentation/tokens/commonStyles';
|
|
@@ -320,13 +312,16 @@ export {
|
|
|
320
312
|
} from './presentation/utils/responsive';
|
|
321
313
|
|
|
322
314
|
// =============================================================================
|
|
323
|
-
// THEME MANAGEMENT -
|
|
315
|
+
// THEME MANAGEMENT - Global Theme Store
|
|
324
316
|
// =============================================================================
|
|
325
|
-
|
|
326
|
-
//
|
|
317
|
+
|
|
318
|
+
// Theme management moved to @umituz/react-native-theme
|
|
319
|
+
export {
|
|
320
|
+
useDesignSystemTheme,
|
|
321
|
+
} from '@umituz/react-native-theme';
|
|
327
322
|
|
|
328
323
|
// =============================================================================
|
|
329
|
-
// ICONS DOMAIN -
|
|
324
|
+
// ICONS DOMAIN - Universal Icon System
|
|
330
325
|
// =============================================================================
|
|
331
326
|
// Icon components have been moved to @umituz/react-native-icon package.
|
|
332
327
|
// Import directly: import { Icon, IconName, IconSize, IconColor } from '@umituz/react-native-icon';
|
|
@@ -18,7 +18,7 @@ import React from 'react';
|
|
|
18
18
|
import { View, StyleSheet, ViewStyle, ImageStyle } from 'react-native';
|
|
19
19
|
import { AtomicImage } from './AtomicImage';
|
|
20
20
|
import { AtomicText } from './AtomicText';
|
|
21
|
-
import { useAppDesignTokens } from '
|
|
21
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
22
22
|
|
|
23
23
|
// =============================================================================
|
|
24
24
|
// TYPE DEFINITIONS
|
|
@@ -19,7 +19,7 @@ import React from 'react';
|
|
|
19
19
|
import { View, StyleSheet, ViewStyle } from 'react-native';
|
|
20
20
|
import { AtomicAvatar, AtomicAvatarProps } from './AtomicAvatar';
|
|
21
21
|
import { AtomicText } from './AtomicText';
|
|
22
|
-
import { useAppDesignTokens } from '
|
|
22
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
23
23
|
|
|
24
24
|
// =============================================================================
|
|
25
25
|
// TYPE DEFINITIONS
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
19
19
|
import { AtomicText } from './AtomicText';
|
|
20
|
-
import { useAppDesignTokens } from '
|
|
20
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
21
21
|
import type { DesignTokens } from '@umituz/react-native-theme';
|
|
22
22
|
|
|
23
23
|
// =============================================================================
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import { AtomicText } from './AtomicText';
|
|
4
4
|
import { Icon } from '@umituz/react-native-icon';
|
|
5
|
-
import { useAppDesignTokens } from '
|
|
5
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
6
6
|
import type { IconName } from '@umituz/react-native-icon';
|
|
7
7
|
|
|
8
8
|
export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, StyleProp, ViewStyle, Pressable } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
|
|
5
5
|
export type AtomicCardVariant = 'flat' | 'elevated' | 'outlined';
|
|
6
6
|
export type AtomicCardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -19,7 +19,7 @@ import React from 'react';
|
|
|
19
19
|
import { View, StyleSheet, ViewStyle, TouchableOpacity } from 'react-native';
|
|
20
20
|
import { AtomicText } from './AtomicText';
|
|
21
21
|
import { AtomicIcon } from './AtomicIcon';
|
|
22
|
-
import { useAppDesignTokens } from '
|
|
22
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
23
23
|
|
|
24
24
|
// =============================================================================
|
|
25
25
|
// TYPE DEFINITIONS
|
|
@@ -47,7 +47,7 @@ import {
|
|
|
47
47
|
} from 'react-native';
|
|
48
48
|
import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker';
|
|
49
49
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
50
|
-
import { useAppDesignTokens } from '
|
|
50
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
51
51
|
import { useResponsive } from '../hooks/useResponsive';
|
|
52
52
|
import { AtomicIcon, type AtomicIconColor } from './AtomicIcon';
|
|
53
53
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import { View, StyleSheet, ViewStyle } from 'react-native';
|
|
20
|
-
import { useAppDesignTokens } from '
|
|
20
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
21
21
|
|
|
22
22
|
// =============================================================================
|
|
23
23
|
// TYPE DEFINITIONS
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TouchableOpacity, StyleSheet } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
import { useResponsive } from '../hooks/useResponsive';
|
|
5
5
|
import { AtomicIcon } from './AtomicIcon';
|
|
6
6
|
import { AtomicFabProps } from './fab/types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ScrollView, View, TouchableOpacity, ViewStyle } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
import { AtomicChip } from './AtomicChip';
|
|
5
5
|
import { AtomicText } from './AtomicText';
|
|
6
6
|
import { AtomicIcon } from './AtomicIcon';
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
19
19
|
import { AtomicText } from './AtomicText';
|
|
20
|
-
import { useAppDesignTokens } from '
|
|
20
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
21
21
|
import { withAlpha } from '@umituz/react-native-theme';
|
|
22
22
|
|
|
23
23
|
// =============================================================================
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { Image, ImageProps, StyleSheet, ViewStyle } from 'react-native';
|
|
19
|
-
import { useAppDesignTokens } from '
|
|
19
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
20
20
|
|
|
21
21
|
// =============================================================================
|
|
22
22
|
// TYPE DEFINITIONS
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { View, TextInput, Pressable, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
import { AtomicIcon } from './AtomicIcon';
|
|
5
5
|
import { AtomicText } from './AtomicText';
|
|
6
6
|
import type { AtomicIconName, AtomicIconSize } from './AtomicIcon';
|
|
@@ -51,7 +51,7 @@ import {
|
|
|
51
51
|
StyleSheet,
|
|
52
52
|
} from 'react-native';
|
|
53
53
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
54
|
-
import { useAppDesignTokens } from '
|
|
54
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
55
55
|
import { AtomicPickerProps, PickerOption } from './picker/types';
|
|
56
56
|
import { AtomicIcon } from './AtomicIcon';
|
|
57
57
|
import { AtomicText } from './AtomicText';
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet, ViewStyle, DimensionValue, Text } from 'react-native';
|
|
19
|
-
import { useAppDesignTokens } from '
|
|
19
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
20
20
|
|
|
21
21
|
// =============================================================================
|
|
22
22
|
// TYPE DEFINITIONS
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
|
|
3
3
|
import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
4
|
-
import { useAppDesignTokens } from '
|
|
4
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
5
5
|
import { AtomicIcon } from './AtomicIcon';
|
|
6
6
|
|
|
7
7
|
export interface AtomicSearchBarProps {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ScrollView, View } from 'react-native';
|
|
3
3
|
import type { StyleProp, ViewStyle } from 'react-native';
|
|
4
|
-
import { useAppDesignTokens } from '
|
|
4
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
5
5
|
import { AtomicChip } from './AtomicChip';
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { Switch, SwitchProps, StyleSheet, ViewStyle } from 'react-native';
|
|
19
|
-
import { useAppDesignTokens } from '
|
|
19
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
20
20
|
|
|
21
21
|
// =============================================================================
|
|
22
22
|
// TYPE DEFINITIONS
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Text, StyleProp, TextStyle } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
|
|
5
5
|
export type TextStyleVariant =
|
|
6
6
|
| 'displayLarge' | 'displayMedium' | 'displaySmall'
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
|
|
34
34
|
import React, { useState } from 'react';
|
|
35
35
|
import { View, TextInput, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
36
|
-
import { useAppDesignTokens } from '
|
|
36
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
37
37
|
import { AtomicText } from './AtomicText';
|
|
38
38
|
|
|
39
39
|
export type AtomicTextAreaVariant = 'outlined' | 'filled' | 'flat';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Pressable } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
import { AtomicTouchableProps, TouchableFeedback, FeedbackStrength } from './touchable/types';
|
|
5
5
|
import {
|
|
6
6
|
getOpacityValue,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
import { useAppDesignTokens } from '
|
|
2
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
3
3
|
import { AtomicInputVariant, AtomicInputSize, AtomicInputState } from '../types';
|
|
4
4
|
|
|
5
5
|
type DesignTokens = ReturnType<typeof useAppDesignTokens>;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
-
import { useAppDesignTokens } from '
|
|
2
|
+
import { useAppDesignTokens, type DesignTokens } from '@umituz/react-native-theme';
|
|
3
3
|
import { PickerSize } from '../types';
|
|
4
4
|
import { IOS_HIG, getMinTouchTarget } from '../../../utils/platformConstants';
|
|
5
|
-
import type { DesignTokens } from '@umituz/react-native-theme';
|
|
6
5
|
|
|
7
6
|
/**
|
|
8
7
|
* Picker container styles with iOS HIG compliance
|
|
@@ -51,11 +50,7 @@ export const getPickerContainerStyles = (tokens: DesignTokens) => ({
|
|
|
51
50
|
|
|
52
51
|
export const getPickerLabelStyles = (tokens: DesignTokens): {
|
|
53
52
|
base: TextStyle;
|
|
54
|
-
size: {
|
|
55
|
-
sm: TextStyle;
|
|
56
|
-
md: TextStyle;
|
|
57
|
-
lg: TextStyle;
|
|
58
|
-
};
|
|
53
|
+
size: { sm: TextStyle; md: TextStyle; lg: TextStyle };
|
|
59
54
|
} => ({
|
|
60
55
|
base: {
|
|
61
56
|
marginBottom: tokens.spacing.xs,
|
|
@@ -71,11 +66,7 @@ export const getPickerLabelStyles = (tokens: DesignTokens): {
|
|
|
71
66
|
|
|
72
67
|
export const getPickerPlaceholderStyles = (tokens: DesignTokens): {
|
|
73
68
|
base: TextStyle;
|
|
74
|
-
size: {
|
|
75
|
-
sm: TextStyle;
|
|
76
|
-
md: TextStyle;
|
|
77
|
-
lg: TextStyle;
|
|
78
|
-
};
|
|
69
|
+
size: { sm: TextStyle; md: TextStyle; lg: TextStyle };
|
|
79
70
|
} => ({
|
|
80
71
|
base: {
|
|
81
72
|
color: tokens.colors.textSecondary,
|
|
@@ -89,11 +80,7 @@ export const getPickerPlaceholderStyles = (tokens: DesignTokens): {
|
|
|
89
80
|
|
|
90
81
|
export const getPickerValueStyles = (tokens: DesignTokens): {
|
|
91
82
|
base: TextStyle;
|
|
92
|
-
size: {
|
|
93
|
-
sm: TextStyle;
|
|
94
|
-
md: TextStyle;
|
|
95
|
-
lg: TextStyle;
|
|
96
|
-
};
|
|
83
|
+
size: { sm: TextStyle; md: TextStyle; lg: TextStyle };
|
|
97
84
|
} => ({
|
|
98
85
|
base: {
|
|
99
86
|
flex: 1,
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
import React from 'react';
|
|
41
41
|
import { View, Modal, TouchableOpacity } from 'react-native';
|
|
42
|
-
import { useAppDesignTokens } from '
|
|
42
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
43
43
|
import { AtomicText } from '../atoms/AtomicText';
|
|
44
44
|
import { AtomicButton } from '../atoms/AtomicButton';
|
|
45
45
|
import { AtomicIcon } from '../atoms/AtomicIcon';
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet, ViewStyle, TextStyle } from 'react-native';
|
|
19
19
|
import { AtomicText, AtomicIcon } from '../atoms';
|
|
20
|
-
import { useAppDesignTokens } from '
|
|
20
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
21
21
|
|
|
22
22
|
// =============================================================================
|
|
23
23
|
// TYPE DEFINITIONS
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { View, ViewStyle } from 'react-native';
|
|
13
|
-
import { useAppDesignTokens } from '
|
|
13
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
14
14
|
import { AtomicText } from '../atoms/AtomicText';
|
|
15
15
|
import { AtomicInput, AtomicInputProps } from '../atoms/AtomicInput';
|
|
16
16
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet } from 'react-native';
|
|
19
|
-
import { useAppDesignTokens } from '
|
|
19
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
20
20
|
import { LinearGradient } from 'expo-linear-gradient';
|
|
21
21
|
|
|
22
22
|
interface IconContainerProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TouchableOpacity, View } from 'react-native';
|
|
3
|
-
import { useAppDesignTokens } from '
|
|
3
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
4
4
|
import { AtomicText } from '../atoms/AtomicText';
|
|
5
5
|
import { AtomicIcon } from '../atoms/AtomicIcon';
|
|
6
6
|
import { ListItemProps } from './listitem/types';
|
|
@@ -19,7 +19,7 @@ import { View, StyleSheet, TouchableOpacity, ViewStyle } from 'react-native';
|
|
|
19
19
|
import { useNavigation } from '@react-navigation/native';
|
|
20
20
|
import { AtomicIcon } from '../atoms/AtomicIcon';
|
|
21
21
|
import { AtomicText } from '../atoms/AtomicText';
|
|
22
|
-
import { useAppDesignTokens } from '
|
|
22
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
23
23
|
|
|
24
24
|
export interface ScreenHeaderProps {
|
|
25
25
|
/** Screen title (centered) */
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { View, TouchableOpacity, ViewStyle } from 'react-native';
|
|
13
|
-
import { useAppDesignTokens } from '
|
|
13
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
14
14
|
import { AtomicInput, AtomicInputProps } from '../atoms/AtomicInput';
|
|
15
15
|
import { AtomicIcon } from '../atoms/AtomicIcon';
|
|
16
16
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import { View, StyleSheet } from 'react-native';
|
|
18
|
-
import { useAppDesignTokens } from '
|
|
18
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
19
19
|
import { AtomicCard } from '../atoms/AtomicCard';
|
|
20
20
|
import { AtomicText } from '../atoms/AtomicText';
|
|
21
21
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet, ViewStyle, TextStyle } from 'react-native';
|
|
19
19
|
import { AtomicText } from '../atoms/AtomicText';
|
|
20
|
-
import { useAppDesignTokens } from '
|
|
20
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
21
21
|
|
|
22
22
|
// =============================================================================
|
|
23
23
|
// TYPE DEFINITIONS
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { View, StyleSheet, ViewStyle, TextStyle } from 'react-native';
|
|
19
19
|
import { AtomicText } from '../atoms/AtomicText';
|
|
20
|
-
import { useAppDesignTokens } from '
|
|
20
|
+
import { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
21
21
|
|
|
22
22
|
// =============================================================================
|
|
23
23
|
// TYPE DEFINITIONS
|