@umituz/react-native-design-system 1.8.0 → 1.8.1
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/README.md +2 -2
- package/package.json +56 -30
- package/src/index.ts +67 -265
- package/lib/index.d.ts +0 -61
- package/lib/index.d.ts.map +0 -1
- package/lib/index.js +0 -101
- package/lib/index.js.map +0 -1
- package/lib/presentation/atoms/AtomicAvatar.d.ts +0 -48
- package/lib/presentation/atoms/AtomicAvatar.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicAvatar.js +0 -85
- package/lib/presentation/atoms/AtomicAvatar.js.map +0 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.d.ts +0 -56
- package/lib/presentation/atoms/AtomicAvatarGroup.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicAvatarGroup.js +0 -83
- package/lib/presentation/atoms/AtomicAvatarGroup.js.map +0 -1
- package/lib/presentation/atoms/AtomicBadge.d.ts +0 -42
- package/lib/presentation/atoms/AtomicBadge.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicBadge.js +0 -168
- package/lib/presentation/atoms/AtomicBadge.js.map +0 -1
- package/lib/presentation/atoms/AtomicButton.d.ts +0 -21
- package/lib/presentation/atoms/AtomicButton.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicButton.js +0 -172
- package/lib/presentation/atoms/AtomicButton.js.map +0 -1
- package/lib/presentation/atoms/AtomicCard.d.ts +0 -15
- package/lib/presentation/atoms/AtomicCard.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicCard.js +0 -70
- package/lib/presentation/atoms/AtomicCard.js.map +0 -1
- package/lib/presentation/atoms/AtomicChip.d.ts +0 -53
- package/lib/presentation/atoms/AtomicChip.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicChip.js +0 -131
- package/lib/presentation/atoms/AtomicChip.js.map +0 -1
- package/lib/presentation/atoms/AtomicDatePicker.d.ts +0 -75
- package/lib/presentation/atoms/AtomicDatePicker.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicDatePicker.js +0 -246
- package/lib/presentation/atoms/AtomicDatePicker.js.map +0 -1
- package/lib/presentation/atoms/AtomicDivider.d.ts +0 -45
- package/lib/presentation/atoms/AtomicDivider.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicDivider.js +0 -58
- package/lib/presentation/atoms/AtomicDivider.js.map +0 -1
- package/lib/presentation/atoms/AtomicFab.d.ts +0 -37
- package/lib/presentation/atoms/AtomicFab.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicFab.js +0 -68
- package/lib/presentation/atoms/AtomicFab.js.map +0 -1
- package/lib/presentation/atoms/AtomicFilter.d.ts +0 -37
- package/lib/presentation/atoms/AtomicFilter.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicFilter.js +0 -104
- package/lib/presentation/atoms/AtomicFilter.js.map +0 -1
- package/lib/presentation/atoms/AtomicFormError.d.ts +0 -30
- package/lib/presentation/atoms/AtomicFormError.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicFormError.js +0 -64
- package/lib/presentation/atoms/AtomicFormError.js.map +0 -1
- package/lib/presentation/atoms/AtomicIcon.d.ts +0 -35
- package/lib/presentation/atoms/AtomicIcon.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicIcon.js +0 -30
- package/lib/presentation/atoms/AtomicIcon.js.map +0 -1
- package/lib/presentation/atoms/AtomicImage.d.ts +0 -40
- package/lib/presentation/atoms/AtomicImage.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicImage.js +0 -92
- package/lib/presentation/atoms/AtomicImage.js.map +0 -1
- package/lib/presentation/atoms/AtomicInput.d.ts +0 -71
- package/lib/presentation/atoms/AtomicInput.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicInput.js +0 -196
- package/lib/presentation/atoms/AtomicInput.js.map +0 -1
- package/lib/presentation/atoms/AtomicNumberInput.d.ts +0 -69
- package/lib/presentation/atoms/AtomicNumberInput.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicNumberInput.js +0 -125
- package/lib/presentation/atoms/AtomicNumberInput.js.map +0 -1
- package/lib/presentation/atoms/AtomicPicker.d.ts +0 -52
- package/lib/presentation/atoms/AtomicPicker.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicPicker.js +0 -299
- package/lib/presentation/atoms/AtomicPicker.js.map +0 -1
- package/lib/presentation/atoms/AtomicProgress.d.ts +0 -44
- package/lib/presentation/atoms/AtomicProgress.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicProgress.js +0 -80
- package/lib/presentation/atoms/AtomicProgress.js.map +0 -1
- package/lib/presentation/atoms/AtomicSearchBar.d.ts +0 -19
- package/lib/presentation/atoms/AtomicSearchBar.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSearchBar.js +0 -46
- package/lib/presentation/atoms/AtomicSearchBar.js.map +0 -1
- package/lib/presentation/atoms/AtomicSort.d.ts +0 -72
- package/lib/presentation/atoms/AtomicSort.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSort.js +0 -77
- package/lib/presentation/atoms/AtomicSort.js.map +0 -1
- package/lib/presentation/atoms/AtomicSwitch.d.ts +0 -43
- package/lib/presentation/atoms/AtomicSwitch.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSwitch.js +0 -104
- package/lib/presentation/atoms/AtomicSwitch.js.map +0 -1
- package/lib/presentation/atoms/AtomicText.d.ts +0 -14
- package/lib/presentation/atoms/AtomicText.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicText.js +0 -36
- package/lib/presentation/atoms/AtomicText.js.map +0 -1
- package/lib/presentation/atoms/AtomicTextArea.d.ts +0 -85
- package/lib/presentation/atoms/AtomicTextArea.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicTextArea.js +0 -196
- package/lib/presentation/atoms/AtomicTextArea.js.map +0 -1
- package/lib/presentation/atoms/AtomicTouchable.d.ts +0 -77
- package/lib/presentation/atoms/AtomicTouchable.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicTouchable.js +0 -138
- package/lib/presentation/atoms/AtomicTouchable.js.map +0 -1
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +0 -23
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/fab/styles/fabStyles.js +0 -63
- package/lib/presentation/atoms/fab/styles/fabStyles.js.map +0 -1
- package/lib/presentation/atoms/fab/types/index.d.ts +0 -71
- package/lib/presentation/atoms/fab/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/fab/types/index.js +0 -2
- package/lib/presentation/atoms/fab/types/index.js.map +0 -1
- package/lib/presentation/atoms/filter/styles/filterStyles.d.ts +0 -15
- package/lib/presentation/atoms/filter/styles/filterStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/filter/styles/filterStyles.js +0 -29
- package/lib/presentation/atoms/filter/styles/filterStyles.js.map +0 -1
- package/lib/presentation/atoms/filter/types/index.d.ts +0 -76
- package/lib/presentation/atoms/filter/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/filter/types/index.js +0 -2
- package/lib/presentation/atoms/filter/types/index.js.map +0 -1
- package/lib/presentation/atoms/index.d.ts +0 -273
- package/lib/presentation/atoms/index.d.ts.map +0 -1
- package/lib/presentation/atoms/index.js +0 -146
- package/lib/presentation/atoms/index.js.map +0 -1
- package/lib/presentation/atoms/input/hooks/useInputState.d.ts +0 -7
- package/lib/presentation/atoms/input/hooks/useInputState.d.ts.map +0 -1
- package/lib/presentation/atoms/input/hooks/useInputState.js +0 -13
- package/lib/presentation/atoms/input/hooks/useInputState.js.map +0 -1
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts +0 -13
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/input/styles/inputStyles.js +0 -59
- package/lib/presentation/atoms/input/styles/inputStyles.js.map +0 -1
- package/lib/presentation/atoms/input/types/index.d.ts +0 -24
- package/lib/presentation/atoms/input/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/input/types/index.js +0 -2
- package/lib/presentation/atoms/input/types/index.js.map +0 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +0 -85
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/picker/styles/pickerStyles.js +0 -177
- package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +0 -1
- package/lib/presentation/atoms/picker/types/index.d.ts +0 -38
- package/lib/presentation/atoms/picker/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/picker/types/index.js +0 -2
- package/lib/presentation/atoms/picker/types/index.js.map +0 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts +0 -31
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts.map +0 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js +0 -54
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js.map +0 -1
- package/lib/presentation/atoms/touchable/types/index.d.ts +0 -134
- package/lib/presentation/atoms/touchable/types/index.d.ts.map +0 -1
- package/lib/presentation/atoms/touchable/types/index.js +0 -2
- package/lib/presentation/atoms/touchable/types/index.js.map +0 -1
- package/lib/presentation/hooks/useResponsive.d.ts +0 -80
- package/lib/presentation/hooks/useResponsive.d.ts.map +0 -1
- package/lib/presentation/hooks/useResponsive.js +0 -82
- package/lib/presentation/hooks/useResponsive.js.map +0 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.d.ts +0 -73
- package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map +0 -1
- package/lib/presentation/molecules/AtomicConfirmationModal.js +0 -154
- package/lib/presentation/molecules/AtomicConfirmationModal.js.map +0 -1
- package/lib/presentation/molecules/EmptyState.d.ts +0 -41
- package/lib/presentation/molecules/EmptyState.d.ts.map +0 -1
- package/lib/presentation/molecules/EmptyState.js +0 -68
- package/lib/presentation/molecules/EmptyState.js.map +0 -1
- package/lib/presentation/molecules/FormField.d.ts +0 -22
- package/lib/presentation/molecules/FormField.d.ts.map +0 -1
- package/lib/presentation/molecules/FormField.js +0 -76
- package/lib/presentation/molecules/FormField.js.map +0 -1
- package/lib/presentation/molecules/GridContainer.d.ts +0 -40
- package/lib/presentation/molecules/GridContainer.d.ts.map +0 -1
- package/lib/presentation/molecules/GridContainer.js +0 -77
- package/lib/presentation/molecules/GridContainer.js.map +0 -1
- package/lib/presentation/molecules/IconContainer.d.ts +0 -29
- package/lib/presentation/molecules/IconContainer.d.ts.map +0 -1
- package/lib/presentation/molecules/IconContainer.js +0 -60
- package/lib/presentation/molecules/IconContainer.js.map +0 -1
- package/lib/presentation/molecules/ListItem.d.ts +0 -5
- package/lib/presentation/molecules/ListItem.d.ts.map +0 -1
- package/lib/presentation/molecules/ListItem.js +0 -24
- package/lib/presentation/molecules/ListItem.js.map +0 -1
- package/lib/presentation/molecules/ScreenHeader.d.ts +0 -55
- package/lib/presentation/molecules/ScreenHeader.d.ts.map +0 -1
- package/lib/presentation/molecules/ScreenHeader.js +0 -94
- package/lib/presentation/molecules/ScreenHeader.js.map +0 -1
- package/lib/presentation/molecules/SearchBar.d.ts +0 -18
- package/lib/presentation/molecules/SearchBar.d.ts.map +0 -1
- package/lib/presentation/molecules/SearchBar.js +0 -47
- package/lib/presentation/molecules/SearchBar.js.map +0 -1
- package/lib/presentation/molecules/SectionCard.d.ts +0 -25
- package/lib/presentation/molecules/SectionCard.d.ts.map +0 -1
- package/lib/presentation/molecules/SectionCard.js +0 -47
- package/lib/presentation/molecules/SectionCard.js.map +0 -1
- package/lib/presentation/molecules/SectionContainer.d.ts +0 -33
- package/lib/presentation/molecules/SectionContainer.d.ts.map +0 -1
- package/lib/presentation/molecules/SectionContainer.js +0 -64
- package/lib/presentation/molecules/SectionContainer.js.map +0 -1
- package/lib/presentation/molecules/SectionHeader.d.ts +0 -37
- package/lib/presentation/molecules/SectionHeader.d.ts.map +0 -1
- package/lib/presentation/molecules/SectionHeader.js +0 -73
- package/lib/presentation/molecules/SectionHeader.js.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +0 -50
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js +0 -115
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/types/index.d.ts +0 -86
- package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map +0 -1
- package/lib/presentation/molecules/confirmation-modal/types/index.js +0 -7
- package/lib/presentation/molecules/confirmation-modal/types/index.js.map +0 -1
- package/lib/presentation/molecules/index.d.ts +0 -27
- package/lib/presentation/molecules/index.d.ts.map +0 -1
- package/lib/presentation/molecules/index.js +0 -17
- package/lib/presentation/molecules/index.js.map +0 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +0 -12
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +0 -1
- package/lib/presentation/molecules/listitem/styles/listItemStyles.js +0 -15
- package/lib/presentation/molecules/listitem/styles/listItemStyles.js.map +0 -1
- package/lib/presentation/molecules/listitem/types/index.d.ts +0 -17
- package/lib/presentation/molecules/listitem/types/index.d.ts.map +0 -1
- package/lib/presentation/molecules/listitem/types/index.js +0 -2
- package/lib/presentation/molecules/listitem/types/index.js.map +0 -1
- package/lib/presentation/organisms/AppHeader.d.ts +0 -31
- package/lib/presentation/organisms/AppHeader.d.ts.map +0 -1
- package/lib/presentation/organisms/AppHeader.js +0 -78
- package/lib/presentation/organisms/AppHeader.js.map +0 -1
- package/lib/presentation/organisms/FormContainer.d.ts +0 -76
- package/lib/presentation/organisms/FormContainer.d.ts.map +0 -1
- package/lib/presentation/organisms/FormContainer.js +0 -127
- package/lib/presentation/organisms/FormContainer.js.map +0 -1
- package/lib/presentation/organisms/ScreenLayout.d.ts +0 -84
- package/lib/presentation/organisms/ScreenLayout.d.ts.map +0 -1
- package/lib/presentation/organisms/ScreenLayout.js +0 -69
- package/lib/presentation/organisms/ScreenLayout.js.map +0 -1
- package/lib/presentation/organisms/index.d.ts +0 -16
- package/lib/presentation/organisms/index.d.ts.map +0 -1
- package/lib/presentation/organisms/index.js +0 -14
- package/lib/presentation/organisms/index.js.map +0 -1
- package/lib/presentation/tokens/commonStyles.d.ts +0 -122
- package/lib/presentation/tokens/commonStyles.d.ts.map +0 -1
- package/lib/presentation/tokens/commonStyles.js +0 -220
- package/lib/presentation/tokens/commonStyles.js.map +0 -1
- package/lib/presentation/utils/platformConstants.d.ts +0 -100
- package/lib/presentation/utils/platformConstants.d.ts.map +0 -1
- package/lib/presentation/utils/platformConstants.js +0 -114
- package/lib/presentation/utils/platformConstants.js.map +0 -1
- package/lib/presentation/utils/responsive.d.ts +0 -218
- package/lib/presentation/utils/responsive.d.ts.map +0 -1
- package/lib/presentation/utils/responsive.js +0 -452
- package/lib/presentation/utils/responsive.js.map +0 -1
- package/lib/presentation/utils/variants/compound.d.ts +0 -10
- package/lib/presentation/utils/variants/compound.d.ts.map +0 -1
- package/lib/presentation/utils/variants/compound.js +0 -16
- package/lib/presentation/utils/variants/compound.js.map +0 -1
- package/lib/presentation/utils/variants/core.d.ts +0 -15
- package/lib/presentation/utils/variants/core.d.ts.map +0 -1
- package/lib/presentation/utils/variants/core.js +0 -23
- package/lib/presentation/utils/variants/core.js.map +0 -1
- package/lib/presentation/utils/variants/helpers.d.ts +0 -5
- package/lib/presentation/utils/variants/helpers.d.ts.map +0 -1
- package/lib/presentation/utils/variants/helpers.js +0 -10
- package/lib/presentation/utils/variants/helpers.js.map +0 -1
- package/lib/presentation/utils/variants.d.ts +0 -4
- package/lib/presentation/utils/variants.d.ts.map +0 -1
- package/lib/presentation/utils/variants.js +0 -4
- package/lib/presentation/utils/variants.js.map +0 -1
- package/src/presentation/atoms/AtomicAvatar.tsx +0 -157
- package/src/presentation/atoms/AtomicAvatarGroup.tsx +0 -169
- package/src/presentation/atoms/AtomicBadge.tsx +0 -232
- package/src/presentation/atoms/AtomicButton.tsx +0 -236
- package/src/presentation/atoms/AtomicCard.tsx +0 -107
- package/src/presentation/atoms/AtomicChip.tsx +0 -223
- package/src/presentation/atoms/AtomicDatePicker.tsx +0 -354
- package/src/presentation/atoms/AtomicDivider.tsx +0 -114
- package/src/presentation/atoms/AtomicFab.tsx +0 -98
- package/src/presentation/atoms/AtomicFilter.tsx +0 -154
- package/src/presentation/atoms/AtomicFormError.tsx +0 -105
- package/src/presentation/atoms/AtomicIcon.tsx +0 -40
- package/src/presentation/atoms/AtomicImage.tsx +0 -149
- package/src/presentation/atoms/AtomicInput.tsx +0 -350
- package/src/presentation/atoms/AtomicNumberInput.tsx +0 -182
- package/src/presentation/atoms/AtomicPicker.tsx +0 -458
- package/src/presentation/atoms/AtomicProgress.tsx +0 -139
- package/src/presentation/atoms/AtomicSearchBar.tsx +0 -114
- package/src/presentation/atoms/AtomicSort.tsx +0 -145
- package/src/presentation/atoms/AtomicSwitch.tsx +0 -166
- package/src/presentation/atoms/AtomicText.tsx +0 -82
- package/src/presentation/atoms/AtomicTextArea.tsx +0 -313
- package/src/presentation/atoms/AtomicTouchable.tsx +0 -209
- package/src/presentation/atoms/fab/styles/fabStyles.ts +0 -69
- package/src/presentation/atoms/fab/types/index.ts +0 -82
- package/src/presentation/atoms/filter/styles/filterStyles.ts +0 -32
- package/src/presentation/atoms/filter/types/index.ts +0 -89
- package/src/presentation/atoms/index.ts +0 -366
- package/src/presentation/atoms/input/hooks/useInputState.ts +0 -15
- package/src/presentation/atoms/input/styles/inputStyles.ts +0 -66
- package/src/presentation/atoms/input/types/index.ts +0 -25
- package/src/presentation/atoms/picker/styles/pickerStyles.ts +0 -207
- package/src/presentation/atoms/picker/types/index.ts +0 -40
- package/src/presentation/atoms/touchable/styles/touchableStyles.ts +0 -62
- package/src/presentation/atoms/touchable/types/index.ts +0 -155
- package/src/presentation/hooks/useResponsive.ts +0 -180
- package/src/presentation/molecules/AtomicConfirmationModal.tsx +0 -243
- package/src/presentation/molecules/EmptyState.tsx +0 -130
- package/src/presentation/molecules/FormField.tsx +0 -128
- package/src/presentation/molecules/GridContainer.tsx +0 -124
- package/src/presentation/molecules/IconContainer.tsx +0 -94
- package/src/presentation/molecules/ListItem.tsx +0 -36
- package/src/presentation/molecules/ScreenHeader.tsx +0 -140
- package/src/presentation/molecules/SearchBar.tsx +0 -85
- package/src/presentation/molecules/SectionCard.tsx +0 -74
- package/src/presentation/molecules/SectionContainer.tsx +0 -106
- package/src/presentation/molecules/SectionHeader.tsx +0 -125
- package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +0 -133
- package/src/presentation/molecules/confirmation-modal/types/index.ts +0 -105
- package/src/presentation/molecules/index.ts +0 -41
- package/src/presentation/molecules/listitem/styles/listItemStyles.ts +0 -19
- package/src/presentation/molecules/listitem/types/index.ts +0 -17
- package/src/presentation/organisms/AppHeader.tsx +0 -137
- package/src/presentation/organisms/FormContainer.tsx +0 -180
- package/src/presentation/organisms/ScreenLayout.tsx +0 -171
- package/src/presentation/organisms/index.ts +0 -25
- package/src/presentation/tokens/commonStyles.ts +0 -253
- package/src/presentation/utils/platformConstants.ts +0 -124
- package/src/presentation/utils/responsive.ts +0 -516
package/README.md
CHANGED
|
@@ -133,10 +133,10 @@ responsive.horizontalPadding
|
|
|
133
133
|
|
|
134
134
|
## 🌓 Theme Integration
|
|
135
135
|
|
|
136
|
-
This package works seamlessly with `@umituz/react-native-theme`:
|
|
136
|
+
This package works seamlessly with `@umituz/react-native-design-system-theme`:
|
|
137
137
|
|
|
138
138
|
```typescript
|
|
139
|
-
import { ThemeProvider } from '@umituz/react-native-theme';
|
|
139
|
+
import { ThemeProvider } from '@umituz/react-native-design-system-theme';
|
|
140
140
|
import { ScreenLayout } from '@umituz/react-native-design-system';
|
|
141
141
|
|
|
142
142
|
const App = () => (
|
package/package.json
CHANGED
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.1",
|
|
4
4
|
"description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
|
|
5
|
-
"main": "./
|
|
6
|
-
"types": "./
|
|
5
|
+
"main": "./src/index.ts",
|
|
6
|
+
"types": "./src/index.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./src/index.ts",
|
|
10
|
+
"import": "./src/index.ts",
|
|
11
|
+
"require": "./src/index.ts",
|
|
12
|
+
"default": "./src/index.ts"
|
|
13
|
+
},
|
|
14
|
+
"./src/index.ts": "./src/index.ts",
|
|
15
|
+
"./package.json": "./package.json"
|
|
16
|
+
},
|
|
7
17
|
"scripts": {
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"lint": "
|
|
11
|
-
"clean": "rm -rf lib",
|
|
12
|
-
"prebuild": "npm run clean",
|
|
13
|
-
"prepublishOnly": "npm run build",
|
|
18
|
+
"typecheck": "npx --yes -p typescript tsc --noEmit --skipLibCheck",
|
|
19
|
+
"lint": "eslint . --ext .ts,.tsx,.js,.jsx",
|
|
20
|
+
"lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
|
|
14
21
|
"version:patch": "npm version patch -m 'chore: release v%s'",
|
|
15
22
|
"version:minor": "npm version minor -m 'chore: release v%s'",
|
|
16
23
|
"version:major": "npm version major -m 'chore: release v%s'"
|
|
@@ -31,16 +38,23 @@
|
|
|
31
38
|
"url": "https://github.com/umituz/react-native-design-system"
|
|
32
39
|
},
|
|
33
40
|
"peerDependencies": {
|
|
34
|
-
"@expo/vector-icons": "
|
|
35
|
-
"@
|
|
41
|
+
"@expo/vector-icons": ">=14.0.0",
|
|
42
|
+
"@gorhom/bottom-sheet": ">=5.0.0",
|
|
43
|
+
"@react-native-community/datetimepicker": "^8.5.0",
|
|
36
44
|
"@react-navigation/native": "^6.0.0",
|
|
37
|
-
"@umituz/react-native-
|
|
38
|
-
"@umituz/react-native-
|
|
39
|
-
"
|
|
40
|
-
"
|
|
45
|
+
"@umituz/react-native-bottom-sheet": "*",
|
|
46
|
+
"@umituz/react-native-design-system-atoms": "*",
|
|
47
|
+
"@umituz/react-native-design-system-molecules": "*",
|
|
48
|
+
"@umituz/react-native-design-system-organisms": "*",
|
|
49
|
+
"@umituz/react-native-design-system-responsive": "*",
|
|
50
|
+
"@umituz/react-native-design-system-theme": "*",
|
|
51
|
+
"@umituz/react-native-design-system-typography": "*",
|
|
52
|
+
"expo-linear-gradient": "^15.0.7",
|
|
53
|
+
"lucide-react-native": ">=0.468.0",
|
|
41
54
|
"react": ">=18.2.0",
|
|
42
55
|
"react-native": ">=0.74.0",
|
|
43
|
-
"react-native-
|
|
56
|
+
"react-native-gesture-handler": ">=2.16.0",
|
|
57
|
+
"react-native-reanimated": "~4.1.5",
|
|
44
58
|
"react-native-svg": ">=13.0.0",
|
|
45
59
|
"zustand": "^5.0.2"
|
|
46
60
|
},
|
|
@@ -51,27 +65,37 @@
|
|
|
51
65
|
"@react-navigation/native": {
|
|
52
66
|
"optional": true
|
|
53
67
|
},
|
|
54
|
-
"
|
|
55
|
-
"optional":
|
|
56
|
-
},
|
|
57
|
-
"@umituz/react-native-icon": {
|
|
58
|
-
"optional": false
|
|
68
|
+
"lucide-react-native": {
|
|
69
|
+
"optional": true
|
|
59
70
|
}
|
|
60
71
|
},
|
|
61
72
|
"devDependencies": {
|
|
62
|
-
"@
|
|
63
|
-
"@
|
|
73
|
+
"@eslint/js": "^9.0.0",
|
|
74
|
+
"@expo/vector-icons": ">=14.0.0",
|
|
75
|
+
"@gorhom/bottom-sheet": "^5.0.0",
|
|
76
|
+
"@react-native-community/datetimepicker": "^8.5.0",
|
|
64
77
|
"@react-navigation/native": "^6.0.0",
|
|
65
78
|
"@types/react": "^18.2.45",
|
|
66
79
|
"@types/react-native": "^0.73.0",
|
|
67
|
-
"@
|
|
68
|
-
"@
|
|
69
|
-
"
|
|
70
|
-
"
|
|
80
|
+
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
81
|
+
"@typescript-eslint/parser": "^7.0.0",
|
|
82
|
+
"@umituz/react-native-bottom-sheet": "*",
|
|
83
|
+
"@umituz/react-native-design-system-atoms": "*",
|
|
84
|
+
"@umituz/react-native-design-system-molecules": "*",
|
|
85
|
+
"@umituz/react-native-design-system-organisms": "*",
|
|
86
|
+
"@umituz/react-native-design-system-responsive": "*",
|
|
87
|
+
"@umituz/react-native-design-system-theme": "*",
|
|
88
|
+
"@umituz/react-native-design-system-typography": "*",
|
|
89
|
+
"eslint": "^9.0.0",
|
|
90
|
+
"eslint-plugin-react": "^7.33.0",
|
|
91
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
92
|
+
"expo-linear-gradient": "^15.0.7",
|
|
93
|
+
"lucide-react-native": ">=0.468.0",
|
|
71
94
|
"react": ">=18.2.0",
|
|
72
95
|
"react-native": ">=0.74.0",
|
|
96
|
+
"react-native-gesture-handler": "^2.16.0",
|
|
73
97
|
"react-native-reanimated": "~3.10.1",
|
|
74
|
-
"react-native-safe-area-context": "^
|
|
98
|
+
"react-native-safe-area-context": "^5.6.2",
|
|
75
99
|
"react-native-svg": "^15.0.0",
|
|
76
100
|
"typescript": "^5.3.3",
|
|
77
101
|
"zustand": "^5.0.2"
|
|
@@ -80,9 +104,11 @@
|
|
|
80
104
|
"access": "public"
|
|
81
105
|
},
|
|
82
106
|
"files": [
|
|
83
|
-
"lib",
|
|
84
107
|
"src",
|
|
85
108
|
"README.md",
|
|
86
109
|
"LICENSE"
|
|
87
|
-
]
|
|
110
|
+
],
|
|
111
|
+
"dependencies": {
|
|
112
|
+
"@react-native-async-storage/async-storage": "^2.2.0"
|
|
113
|
+
}
|
|
88
114
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,289 +1,87 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @umituz/react-native-design-system
|
|
3
|
-
*
|
|
4
|
-
* Universal
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* This is the SINGLE SOURCE OF TRUTH for all UI components.
|
|
8
|
-
* ALL imports from the design system MUST go through this file.
|
|
9
|
-
*
|
|
10
|
-
* Architecture:
|
|
11
|
-
* - presentation/atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
|
|
12
|
-
* - presentation/molecules: Composite components (SearchBar, ListItem, etc.)
|
|
13
|
-
* - presentation/organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
|
|
14
|
-
* - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
|
|
15
|
-
* - presentation/utils: Utility functions and helpers
|
|
16
|
-
*
|
|
17
|
-
* Usage:
|
|
18
|
-
* import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, STATIC_TOKENS } from '@umituz/react-native-design-system';
|
|
2
|
+
* @umituz/react-native-design-system
|
|
3
|
+
*
|
|
4
|
+
* Universal design system for React Native apps
|
|
5
|
+
* Re-exports from individual packages for convenience
|
|
19
6
|
*/
|
|
20
7
|
|
|
21
8
|
// =============================================================================
|
|
22
|
-
//
|
|
9
|
+
// COMMON STYLES - Re-export from @umituz/react-native-design-system-theme
|
|
23
10
|
// =============================================================================
|
|
24
|
-
|
|
25
|
-
export {
|
|
26
|
-
AtomicButton,
|
|
27
|
-
type AtomicButtonProps,
|
|
28
|
-
type ButtonVariant,
|
|
29
|
-
type ButtonSize,
|
|
30
|
-
} from './presentation/atoms/AtomicButton';
|
|
31
|
-
|
|
32
11
|
export {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
} from './presentation/atoms/AtomicText';
|
|
36
|
-
|
|
37
|
-
export {
|
|
38
|
-
AtomicCard,
|
|
39
|
-
type AtomicCardProps,
|
|
40
|
-
type AtomicCardVariant,
|
|
41
|
-
type AtomicCardPadding,
|
|
42
|
-
} from './presentation/atoms/AtomicCard';
|
|
12
|
+
useCommonStyles,
|
|
13
|
+
} from '@umituz/react-native-design-system-theme';
|
|
43
14
|
|
|
15
|
+
// =============================================================================
|
|
16
|
+
// VARIANTS UTILITIES - Own utilities
|
|
17
|
+
// =============================================================================
|
|
44
18
|
export {
|
|
45
|
-
|
|
46
|
-
type
|
|
47
|
-
type
|
|
48
|
-
|
|
49
|
-
type AtomicInputSize,
|
|
50
|
-
} from './presentation/atoms/AtomicInput';
|
|
19
|
+
createVariants,
|
|
20
|
+
type VariantConfig,
|
|
21
|
+
type VariantProps,
|
|
22
|
+
} from './presentation/utils/variants/core';
|
|
51
23
|
|
|
52
24
|
export {
|
|
53
|
-
|
|
54
|
-
type
|
|
55
|
-
|
|
25
|
+
createAdvancedVariants,
|
|
26
|
+
type AdvancedVariantConfig,
|
|
27
|
+
type CompoundVariant,
|
|
28
|
+
} from './presentation/utils/variants/compound';
|
|
56
29
|
|
|
57
30
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
31
|
+
conditionalStyle,
|
|
32
|
+
responsiveStyle,
|
|
33
|
+
combineStyles,
|
|
34
|
+
} from './presentation/utils/variants/helpers';
|
|
61
35
|
|
|
36
|
+
// =============================================================================
|
|
37
|
+
// ATOMS - Re-export from @umituz/react-native-design-system-atoms
|
|
38
|
+
// =============================================================================
|
|
62
39
|
export {
|
|
40
|
+
AtomicText,
|
|
63
41
|
AtomicIcon,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
} from './presentation/atoms/AtomicIcon';
|
|
68
|
-
|
|
69
|
-
export {
|
|
70
|
-
AtomicFormError,
|
|
71
|
-
type AtomicFormErrorProps,
|
|
72
|
-
} from './presentation/atoms/AtomicFormError';
|
|
73
|
-
|
|
74
|
-
export {
|
|
75
|
-
AtomicDatePicker,
|
|
76
|
-
type AtomicDatePickerProps,
|
|
77
|
-
} from './presentation/atoms/AtomicDatePicker';
|
|
78
|
-
|
|
79
|
-
export {
|
|
80
|
-
AtomicPicker,
|
|
81
|
-
type AtomicPickerProps,
|
|
82
|
-
type PickerOption,
|
|
83
|
-
type PickerSize,
|
|
84
|
-
} from './presentation/atoms/AtomicPicker';
|
|
85
|
-
|
|
86
|
-
export {
|
|
87
|
-
AtomicTextArea,
|
|
88
|
-
type AtomicTextAreaProps,
|
|
89
|
-
} from './presentation/atoms/AtomicTextArea';
|
|
90
|
-
|
|
91
|
-
export {
|
|
92
|
-
AtomicBadge,
|
|
93
|
-
type AtomicBadgeProps,
|
|
94
|
-
} from './presentation/atoms/AtomicBadge';
|
|
95
|
-
|
|
96
|
-
export {
|
|
97
|
-
AtomicProgress,
|
|
98
|
-
type AtomicProgressProps,
|
|
99
|
-
} from './presentation/atoms/AtomicProgress';
|
|
100
|
-
|
|
101
|
-
export {
|
|
102
|
-
AtomicDivider,
|
|
103
|
-
type AtomicDividerProps,
|
|
104
|
-
} from './presentation/atoms/AtomicDivider';
|
|
105
|
-
|
|
106
|
-
export {
|
|
42
|
+
AtomicButton,
|
|
43
|
+
AtomicInput,
|
|
44
|
+
AtomicCard,
|
|
107
45
|
AtomicFab,
|
|
108
|
-
type AtomicFabProps,
|
|
109
|
-
type FabSize,
|
|
110
|
-
type FabVariant,
|
|
111
|
-
getFabVariants,
|
|
112
|
-
} from './presentation/atoms/AtomicFab';
|
|
113
|
-
|
|
114
|
-
export {
|
|
115
|
-
AtomicFilter,
|
|
116
|
-
type AtomicFilterProps,
|
|
117
|
-
type FilterOption,
|
|
118
|
-
getFilterContainerStyle,
|
|
119
|
-
getClearAllContainerStyle,
|
|
120
|
-
getScrollContentContainerStyle,
|
|
121
|
-
} from './presentation/atoms/AtomicFilter';
|
|
122
|
-
|
|
123
|
-
export {
|
|
124
|
-
AtomicTouchable,
|
|
125
|
-
type AtomicTouchableProps,
|
|
126
|
-
type TouchableFeedback,
|
|
127
|
-
type FeedbackStrength,
|
|
128
|
-
type HitSlop,
|
|
129
|
-
TouchablePresets,
|
|
130
|
-
getOpacityValue,
|
|
131
|
-
normalizeHitSlop,
|
|
132
|
-
} from './presentation/atoms/AtomicTouchable';
|
|
133
|
-
|
|
134
|
-
export {
|
|
135
46
|
AtomicSearchBar,
|
|
136
|
-
type
|
|
137
|
-
} from '
|
|
47
|
+
type IconName,
|
|
48
|
+
} from '@umituz/react-native-design-system-atoms';
|
|
138
49
|
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
type AtomicSortProps,
|
|
142
|
-
type SortOption,
|
|
143
|
-
type SortDirection,
|
|
144
|
-
} from './presentation/atoms/AtomicSort';
|
|
50
|
+
// Alias for backward compatibility
|
|
51
|
+
export { AtomicIcon as Icon } from '@umituz/react-native-design-system-atoms';
|
|
145
52
|
|
|
146
53
|
// =============================================================================
|
|
147
|
-
//
|
|
54
|
+
// ORGANISMS - Re-export from @umituz/react-native-design-system-organisms
|
|
148
55
|
// =============================================================================
|
|
149
|
-
|
|
150
56
|
export {
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
} from './presentation/molecules/FormField';
|
|
57
|
+
ScreenLayout,
|
|
58
|
+
} from '@umituz/react-native-design-system-organisms';
|
|
154
59
|
|
|
60
|
+
// =============================================================================
|
|
61
|
+
// MOLECULES - Re-export from @umituz/react-native-design-system-molecules
|
|
62
|
+
// =============================================================================
|
|
155
63
|
export {
|
|
64
|
+
EmptyState,
|
|
65
|
+
FormField,
|
|
156
66
|
ListItem,
|
|
157
|
-
type ListItemProps,
|
|
158
|
-
} from './presentation/molecules/ListItem';
|
|
159
|
-
|
|
160
|
-
export {
|
|
161
67
|
SearchBar,
|
|
162
|
-
type SearchBarProps,
|
|
163
|
-
} from './presentation/molecules/SearchBar';
|
|
164
|
-
|
|
165
|
-
// SettingItem moved to @domains/settings/presentation/components/SettingItem
|
|
166
|
-
// LanguageSwitcher moved to @umituz/react-native-localization
|
|
167
|
-
// Import directly: import { SettingItem } from '@domains/settings/presentation/components/SettingItem';
|
|
168
|
-
|
|
169
|
-
export {
|
|
170
68
|
SectionCard,
|
|
171
|
-
} from './presentation/molecules/SectionCard';
|
|
172
|
-
|
|
173
|
-
export {
|
|
174
69
|
IconContainer,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
export {
|
|
70
|
+
ScreenHeader,
|
|
178
71
|
SectionHeader,
|
|
179
|
-
} from './presentation/molecules/SectionHeader';
|
|
180
|
-
|
|
181
|
-
export {
|
|
182
|
-
EmptyState,
|
|
183
|
-
} from './presentation/molecules/EmptyState';
|
|
184
|
-
|
|
185
|
-
export {
|
|
186
|
-
GridContainer,
|
|
187
|
-
} from './presentation/molecules/GridContainer';
|
|
188
|
-
|
|
189
|
-
export {
|
|
190
72
|
SectionContainer,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
export {
|
|
194
|
-
ScreenHeader,
|
|
195
|
-
type ScreenHeaderProps,
|
|
196
|
-
} from './presentation/molecules/ScreenHeader';
|
|
197
|
-
|
|
198
|
-
export {
|
|
199
|
-
AtomicConfirmationModal,
|
|
73
|
+
GridContainer,
|
|
74
|
+
ConfirmationModal,
|
|
200
75
|
useConfirmationModal,
|
|
201
|
-
|
|
202
|
-
type ConfirmationModalVariant,
|
|
203
|
-
} from './presentation/molecules/AtomicConfirmationModal';
|
|
76
|
+
} from '@umituz/react-native-design-system-molecules';
|
|
204
77
|
|
|
205
78
|
// =============================================================================
|
|
206
|
-
//
|
|
79
|
+
// RESPONSIVE - Re-export from @umituz/react-native-design-system-responsive
|
|
207
80
|
// =============================================================================
|
|
208
|
-
|
|
209
|
-
export {
|
|
210
|
-
ScreenLayout,
|
|
211
|
-
type ScreenLayoutProps,
|
|
212
|
-
} from './presentation/organisms/ScreenLayout';
|
|
213
|
-
|
|
214
|
-
export {
|
|
215
|
-
AppHeader,
|
|
216
|
-
type AppHeaderProps,
|
|
217
|
-
} from './presentation/organisms/AppHeader';
|
|
218
|
-
|
|
219
|
-
export {
|
|
220
|
-
FormContainer,
|
|
221
|
-
type FormContainerProps,
|
|
222
|
-
} from './presentation/organisms/FormContainer';
|
|
223
|
-
|
|
224
|
-
// Note: FeedbackModal moved to @domains/feedback
|
|
225
|
-
// Import from feedback domain: import { FeedbackModal } from '@domains/feedback';
|
|
226
|
-
|
|
227
|
-
// =============================================================================
|
|
228
|
-
// THEME-RELATED EXPORTS - Re-exported from @umituz/react-native-theme
|
|
229
|
-
// =============================================================================
|
|
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
|
|
232
|
-
|
|
233
|
-
export {
|
|
234
|
-
// Token factory
|
|
235
|
-
createDesignTokens,
|
|
236
|
-
STATIC_DESIGN_TOKENS,
|
|
237
|
-
BASE_TOKENS,
|
|
238
|
-
STATIC_TOKENS,
|
|
239
|
-
|
|
240
|
-
// Color utilities
|
|
241
|
-
withAlpha,
|
|
242
|
-
lightColors,
|
|
243
|
-
darkColors,
|
|
244
|
-
getColorPalette,
|
|
245
|
-
|
|
246
|
-
// Type exports
|
|
247
|
-
type DesignTokens,
|
|
248
|
-
type ThemeMode,
|
|
249
|
-
type ColorPalette,
|
|
250
|
-
type BaseTokens,
|
|
251
|
-
type Spacing,
|
|
252
|
-
type Typography,
|
|
253
|
-
type Borders,
|
|
254
|
-
} from '@umituz/react-native-theme';
|
|
255
|
-
|
|
256
|
-
// Hook for dynamic theme-aware tokens (re-exported from theme package)
|
|
257
|
-
export { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
258
|
-
|
|
259
|
-
export {
|
|
260
|
-
useCommonStyles,
|
|
261
|
-
} from './presentation/tokens/commonStyles';
|
|
262
|
-
|
|
263
|
-
// =============================================================================
|
|
264
|
-
// UTILITIES - Helper Functions
|
|
265
|
-
// =============================================================================
|
|
266
|
-
|
|
267
|
-
export {
|
|
268
|
-
IOS_HIG,
|
|
269
|
-
ANDROID_MATERIAL,
|
|
270
|
-
PLATFORM_CONSTANTS,
|
|
271
|
-
isValidTouchTarget,
|
|
272
|
-
getMinTouchTarget,
|
|
273
|
-
} from './presentation/utils/platformConstants';
|
|
274
|
-
|
|
275
|
-
// =============================================================================
|
|
276
|
-
// RESPONSIVE UTILITIES - Centralized Responsive Management
|
|
277
|
-
// =============================================================================
|
|
278
|
-
|
|
279
81
|
export {
|
|
280
82
|
useResponsive,
|
|
281
83
|
useResponsiveSizes,
|
|
282
84
|
useDeviceType,
|
|
283
|
-
type UseResponsiveReturn,
|
|
284
|
-
} from './presentation/hooks/useResponsive';
|
|
285
|
-
|
|
286
|
-
export {
|
|
287
85
|
getScreenDimensions,
|
|
288
86
|
isSmallPhone,
|
|
289
87
|
isTablet,
|
|
@@ -308,29 +106,33 @@ export {
|
|
|
308
106
|
getOnboardingTitleMarginBottom,
|
|
309
107
|
getOnboardingTextPadding,
|
|
310
108
|
getOnboardingDescriptionMarginTop,
|
|
109
|
+
IOS_HIG,
|
|
110
|
+
ANDROID_MATERIAL,
|
|
111
|
+
PLATFORM_CONSTANTS,
|
|
112
|
+
isValidTouchTarget,
|
|
113
|
+
getMinTouchTarget,
|
|
311
114
|
DeviceType,
|
|
312
|
-
} from '
|
|
115
|
+
} from '@umituz/react-native-design-system-responsive';
|
|
313
116
|
|
|
314
117
|
// =============================================================================
|
|
315
|
-
//
|
|
118
|
+
// LOADING - Re-export from @umituz/react-native-loading
|
|
316
119
|
// =============================================================================
|
|
317
|
-
|
|
318
|
-
// Theme management moved to @umituz/react-native-theme
|
|
319
120
|
export {
|
|
320
|
-
|
|
321
|
-
|
|
121
|
+
LoadingState,
|
|
122
|
+
SkeletonLoader,
|
|
123
|
+
useLoading,
|
|
124
|
+
useSimpleLoading,
|
|
125
|
+
SIZE_CONFIGS,
|
|
126
|
+
SKELETON_PATTERNS,
|
|
127
|
+
DEFAULT_LOADING_EMOJI,
|
|
128
|
+
} from '@umituz/react-native-loading';
|
|
322
129
|
|
|
323
130
|
// =============================================================================
|
|
324
|
-
//
|
|
131
|
+
// THEME - Re-export from @umituz/react-native-design-system-theme
|
|
325
132
|
// =============================================================================
|
|
326
|
-
// Icon components have been moved to @umituz/react-native-icon package.
|
|
327
|
-
// Import directly: import { Icon, IconName, IconSize, IconColor } from '@umituz/react-native-icon';
|
|
328
|
-
|
|
329
|
-
// Re-export for backward compatibility (deprecated - use @umituz/react-native-icon directly)
|
|
330
133
|
export {
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
type
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
} from '@umituz/react-native-icon';
|
|
134
|
+
useAppDesignTokens,
|
|
135
|
+
STATIC_TOKENS,
|
|
136
|
+
type DesignTokens,
|
|
137
|
+
withAlpha,
|
|
138
|
+
} from '@umituz/react-native-design-system-theme';
|
package/lib/index.d.ts
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @umituz/react-native-design-system - Public API
|
|
3
|
-
*
|
|
4
|
-
* Universal UI component library for React Native apps
|
|
5
|
-
* Domain-Driven Design (DDD) Architecture
|
|
6
|
-
*
|
|
7
|
-
* This is the SINGLE SOURCE OF TRUTH for all UI components.
|
|
8
|
-
* ALL imports from the design system MUST go through this file.
|
|
9
|
-
*
|
|
10
|
-
* Architecture:
|
|
11
|
-
* - presentation/atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
|
|
12
|
-
* - presentation/molecules: Composite components (SearchBar, ListItem, etc.)
|
|
13
|
-
* - presentation/organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
|
|
14
|
-
* - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
|
|
15
|
-
* - presentation/utils: Utility functions and helpers
|
|
16
|
-
*
|
|
17
|
-
* Usage:
|
|
18
|
-
* import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, STATIC_TOKENS } from '@umituz/react-native-design-system';
|
|
19
|
-
*/
|
|
20
|
-
export { AtomicButton, type AtomicButtonProps, type ButtonVariant, type ButtonSize, } from './presentation/atoms/AtomicButton';
|
|
21
|
-
export { AtomicText, type AtomicTextProps, } from './presentation/atoms/AtomicText';
|
|
22
|
-
export { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding, } from './presentation/atoms/AtomicCard';
|
|
23
|
-
export { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize, } from './presentation/atoms/AtomicInput';
|
|
24
|
-
export { AtomicNumberInput, type AtomicNumberInputProps, } from './presentation/atoms/AtomicNumberInput';
|
|
25
|
-
export { AtomicSwitch, type AtomicSwitchProps, } from './presentation/atoms/AtomicSwitch';
|
|
26
|
-
export { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor, } from './presentation/atoms/AtomicIcon';
|
|
27
|
-
export { AtomicFormError, type AtomicFormErrorProps, } from './presentation/atoms/AtomicFormError';
|
|
28
|
-
export { AtomicDatePicker, type AtomicDatePickerProps, } from './presentation/atoms/AtomicDatePicker';
|
|
29
|
-
export { AtomicPicker, type AtomicPickerProps, type PickerOption, type PickerSize, } from './presentation/atoms/AtomicPicker';
|
|
30
|
-
export { AtomicTextArea, type AtomicTextAreaProps, } from './presentation/atoms/AtomicTextArea';
|
|
31
|
-
export { AtomicBadge, type AtomicBadgeProps, } from './presentation/atoms/AtomicBadge';
|
|
32
|
-
export { AtomicProgress, type AtomicProgressProps, } from './presentation/atoms/AtomicProgress';
|
|
33
|
-
export { AtomicDivider, type AtomicDividerProps, } from './presentation/atoms/AtomicDivider';
|
|
34
|
-
export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, } from './presentation/atoms/AtomicFab';
|
|
35
|
-
export { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './presentation/atoms/AtomicFilter';
|
|
36
|
-
export { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop, } from './presentation/atoms/AtomicTouchable';
|
|
37
|
-
export { AtomicSearchBar, type AtomicSearchBarProps, } from './presentation/atoms/AtomicSearchBar';
|
|
38
|
-
export { AtomicSort, type AtomicSortProps, type SortOption, type SortDirection, } from './presentation/atoms/AtomicSort';
|
|
39
|
-
export { FormField, type FormFieldProps, } from './presentation/molecules/FormField';
|
|
40
|
-
export { ListItem, type ListItemProps, } from './presentation/molecules/ListItem';
|
|
41
|
-
export { SearchBar, type SearchBarProps, } from './presentation/molecules/SearchBar';
|
|
42
|
-
export { SectionCard, } from './presentation/molecules/SectionCard';
|
|
43
|
-
export { IconContainer, } from './presentation/molecules/IconContainer';
|
|
44
|
-
export { SectionHeader, } from './presentation/molecules/SectionHeader';
|
|
45
|
-
export { EmptyState, } from './presentation/molecules/EmptyState';
|
|
46
|
-
export { GridContainer, } from './presentation/molecules/GridContainer';
|
|
47
|
-
export { SectionContainer, } from './presentation/molecules/SectionContainer';
|
|
48
|
-
export { ScreenHeader, type ScreenHeaderProps, } from './presentation/molecules/ScreenHeader';
|
|
49
|
-
export { AtomicConfirmationModal, useConfirmationModal, type AtomicConfirmationModalProps, type ConfirmationModalVariant, } from './presentation/molecules/AtomicConfirmationModal';
|
|
50
|
-
export { ScreenLayout, type ScreenLayoutProps, } from './presentation/organisms/ScreenLayout';
|
|
51
|
-
export { AppHeader, type AppHeaderProps, } from './presentation/organisms/AppHeader';
|
|
52
|
-
export { FormContainer, type FormContainerProps, } from './presentation/organisms/FormContainer';
|
|
53
|
-
export { createDesignTokens, STATIC_DESIGN_TOKENS, BASE_TOKENS, STATIC_TOKENS, withAlpha, lightColors, darkColors, getColorPalette, type DesignTokens, type ThemeMode, type ColorPalette, type BaseTokens, type Spacing, type Typography, type Borders, } from '@umituz/react-native-theme';
|
|
54
|
-
export { useAppDesignTokens } from '@umituz/react-native-theme';
|
|
55
|
-
export { useCommonStyles, } from './presentation/tokens/commonStyles';
|
|
56
|
-
export { IOS_HIG, ANDROID_MATERIAL, PLATFORM_CONSTANTS, isValidTouchTarget, getMinTouchTarget, } from './presentation/utils/platformConstants';
|
|
57
|
-
export { useResponsive, useResponsiveSizes, useDeviceType, type UseResponsiveReturn, } from './presentation/hooks/useResponsive';
|
|
58
|
-
export { getScreenDimensions, isSmallPhone, isTablet, getResponsiveLogoSize, getResponsiveInputHeight, getResponsiveHorizontalPadding, getResponsiveBottomPosition, getResponsiveFABPosition, getResponsiveModalMaxHeight, getResponsiveMinModalHeight, getResponsiveIconContainerSize, getResponsiveGridColumns, getResponsiveMaxWidth, getResponsiveFontSize, isLandscape, getKeyboardBehavior, getDeviceType, getMinTouchTargetSize, getSpacingMultiplier, getOnboardingIconMarginTop, getOnboardingIconMarginBottom, getOnboardingTitleMarginBottom, getOnboardingTextPadding, getOnboardingDescriptionMarginTop, DeviceType, } from './presentation/utils/responsive';
|
|
59
|
-
export { useDesignSystemTheme, } from '@umituz/react-native-theme';
|
|
60
|
-
export { Icon, type IconProps, type IconSize, type IconColor, type IconName, } from '@umituz/react-native-icon';
|
|
61
|
-
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|