@umituz/react-native-design-system 1.5.25 → 1.5.27
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.
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AtomicIcon - Atomic Design System Icon Component
|
|
3
|
+
*
|
|
4
|
+
* Wrapper for the universal Icon component from @domains/icons
|
|
5
|
+
* Provides backward compatibility with AtomicIcon naming convention
|
|
6
|
+
* while leveraging the full power of the icons domain architecture.
|
|
7
|
+
*/
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import type { IconProps, IconSize, IconColor, IconName } from '@umituz/react-native-icon';
|
|
10
|
+
/**
|
|
11
|
+
* AtomicIcon Component
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import { AtomicIcon } from '@umituz/react-native-design-system';
|
|
16
|
+
*
|
|
17
|
+
* // Basic usage
|
|
18
|
+
* <AtomicIcon name="Settings" size="md" color="primary" />
|
|
19
|
+
*
|
|
20
|
+
* // Custom size and color
|
|
21
|
+
* <AtomicIcon name="Heart" customSize={32} customColor="#FF0000" />
|
|
22
|
+
*
|
|
23
|
+
* // With background
|
|
24
|
+
* <AtomicIcon name="Info" size="lg" withBackground backgroundColor="#667eea" />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare const AtomicIcon: React.FC<IconProps>;
|
|
28
|
+
/**
|
|
29
|
+
* Re-export types with Atomic naming convention
|
|
30
|
+
*/
|
|
31
|
+
export type AtomicIconProps = IconProps;
|
|
32
|
+
export type AtomicIconSize = IconSize;
|
|
33
|
+
export type AtomicIconColor = IconColor;
|
|
34
|
+
export type AtomicIconName = IconName;
|
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.27",
|
|
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",
|
|
@@ -13,6 +13,9 @@
|
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
"scripts": {
|
|
16
|
+
"typecheck": "tsc --noEmit",
|
|
17
|
+
"lint": "eslint . --ext .ts,.tsx,.js,.jsx",
|
|
18
|
+
"lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
|
|
16
19
|
"version:patch": "npm version patch -m 'chore: release v%s'",
|
|
17
20
|
"version:minor": "npm version minor -m 'chore: release v%s'",
|
|
18
21
|
"version:major": "npm version major -m 'chore: release v%s'"
|
|
@@ -57,12 +60,18 @@
|
|
|
57
60
|
}
|
|
58
61
|
},
|
|
59
62
|
"devDependencies": {
|
|
63
|
+
"@eslint/js": "^9.0.0",
|
|
60
64
|
"@expo/vector-icons": ">=14.0.0",
|
|
61
65
|
"@react-native-community/datetimepicker": "^8.5.0",
|
|
62
66
|
"@react-navigation/native": "^6.0.0",
|
|
63
67
|
"@types/react": "^18.2.45",
|
|
64
68
|
"@types/react-native": "^0.73.0",
|
|
69
|
+
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
70
|
+
"@typescript-eslint/parser": "^7.0.0",
|
|
65
71
|
"@umituz/react-native-icon": "^1.0.1",
|
|
72
|
+
"eslint": "^9.0.0",
|
|
73
|
+
"eslint-plugin-react": "^7.33.0",
|
|
74
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
66
75
|
"expo-linear-gradient": "^15.0.7",
|
|
67
76
|
"lucide-react-native": ">=0.468.0",
|
|
68
77
|
"react": ">=18.2.0 || ^19.0.0",
|
|
@@ -254,7 +254,7 @@ export const getKeyboardBehavior = () => {
|
|
|
254
254
|
/**
|
|
255
255
|
* Device type enum for conditional rendering
|
|
256
256
|
*/
|
|
257
|
-
export
|
|
257
|
+
export let DeviceType;
|
|
258
258
|
(function (DeviceType) {
|
|
259
259
|
DeviceType["SMALL_PHONE"] = "SMALL_PHONE";
|
|
260
260
|
DeviceType["MEDIUM_PHONE"] = "MEDIUM_PHONE";
|