@umituz/react-native-design-system 4.25.71 → 4.25.73
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "4.25.
|
|
3
|
+
"version": "4.25.73",
|
|
4
4
|
"description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -63,6 +63,8 @@ export interface AtomicIconProps {
|
|
|
63
63
|
backgroundColor?: string;
|
|
64
64
|
/** Accessibility label */
|
|
65
65
|
accessibilityLabel?: string;
|
|
66
|
+
/** Accessibility role */
|
|
67
|
+
accessibilityRole?: import('react-native').AccessibilityRole;
|
|
66
68
|
/** Test ID */
|
|
67
69
|
testID?: string;
|
|
68
70
|
/** Additional styles */
|
|
@@ -84,6 +86,7 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
|
|
|
84
86
|
svgPath,
|
|
85
87
|
svgViewBox = '0 0 24 24',
|
|
86
88
|
accessibilityLabel,
|
|
89
|
+
accessibilityRole,
|
|
87
90
|
testID,
|
|
88
91
|
style,
|
|
89
92
|
}) => {
|
|
@@ -102,7 +105,8 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
|
|
|
102
105
|
sizeInPixels,
|
|
103
106
|
iconColor,
|
|
104
107
|
testID,
|
|
105
|
-
accessibilityLabel
|
|
108
|
+
accessibilityLabel,
|
|
109
|
+
accessibilityRole
|
|
106
110
|
);
|
|
107
111
|
|
|
108
112
|
if (withBackground) {
|
|
@@ -112,7 +116,8 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
|
|
|
112
116
|
backgroundColor || tokens.colors.surfaceVariant,
|
|
113
117
|
style,
|
|
114
118
|
testID,
|
|
115
|
-
accessibilityLabel
|
|
119
|
+
accessibilityLabel,
|
|
120
|
+
accessibilityRole
|
|
116
121
|
);
|
|
117
122
|
}
|
|
118
123
|
|
|
@@ -142,7 +147,8 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
|
|
|
142
147
|
iconColor,
|
|
143
148
|
style,
|
|
144
149
|
testID,
|
|
145
|
-
accessibilityLabel
|
|
150
|
+
accessibilityLabel,
|
|
151
|
+
accessibilityRole
|
|
146
152
|
);
|
|
147
153
|
|
|
148
154
|
const iconElement = iconRenderer(renderProps);
|
|
@@ -154,7 +160,8 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
|
|
|
154
160
|
backgroundColor || tokens.colors.surfaceVariant,
|
|
155
161
|
style,
|
|
156
162
|
testID,
|
|
157
|
-
accessibilityLabel
|
|
163
|
+
accessibilityLabel,
|
|
164
|
+
accessibilityRole
|
|
158
165
|
);
|
|
159
166
|
}
|
|
160
167
|
|
|
@@ -25,7 +25,8 @@ export function renderSvgIcon(
|
|
|
25
25
|
size: number,
|
|
26
26
|
color: string,
|
|
27
27
|
testID?: string,
|
|
28
|
-
accessibilityLabel?: string
|
|
28
|
+
accessibilityLabel?: string,
|
|
29
|
+
accessibilityRole?: import('react-native').AccessibilityRole
|
|
29
30
|
): React.ReactElement {
|
|
30
31
|
return (
|
|
31
32
|
<Svg
|
|
@@ -34,6 +35,7 @@ export function renderSvgIcon(
|
|
|
34
35
|
height={size}
|
|
35
36
|
testID={testID}
|
|
36
37
|
accessibilityLabel={accessibilityLabel}
|
|
38
|
+
accessibilityRole={accessibilityRole}
|
|
37
39
|
>
|
|
38
40
|
<Path d={svgPath} fill={color} />
|
|
39
41
|
</Svg>
|
|
@@ -57,7 +59,8 @@ export function renderWithBackground(
|
|
|
57
59
|
backgroundColor: string,
|
|
58
60
|
style?: StyleProp<ViewStyle>,
|
|
59
61
|
testID?: string,
|
|
60
|
-
accessibilityLabel?: string
|
|
62
|
+
accessibilityLabel?: string,
|
|
63
|
+
accessibilityRole?: import('react-native').AccessibilityRole
|
|
61
64
|
): React.ReactElement {
|
|
62
65
|
const containerSize = size + 16;
|
|
63
66
|
|
|
@@ -75,6 +78,7 @@ export function renderWithBackground(
|
|
|
75
78
|
]}
|
|
76
79
|
testID={testID}
|
|
77
80
|
accessibilityLabel={accessibilityLabel}
|
|
81
|
+
accessibilityRole={accessibilityRole}
|
|
78
82
|
>
|
|
79
83
|
{iconElement}
|
|
80
84
|
</View>
|
|
@@ -98,7 +102,8 @@ export function buildIconRenderProps(
|
|
|
98
102
|
color: string,
|
|
99
103
|
style?: StyleProp<ViewStyle>,
|
|
100
104
|
testID?: string,
|
|
101
|
-
accessibilityLabel?: string
|
|
105
|
+
accessibilityLabel?: string,
|
|
106
|
+
accessibilityRole?: import('react-native').AccessibilityRole
|
|
102
107
|
): IconRenderProps {
|
|
103
108
|
return {
|
|
104
109
|
name,
|
|
@@ -107,6 +112,7 @@ export function buildIconRenderProps(
|
|
|
107
112
|
style: style as StyleProp<ViewStyle>,
|
|
108
113
|
testID,
|
|
109
114
|
accessibilityLabel,
|
|
115
|
+
accessibilityRole,
|
|
110
116
|
};
|
|
111
117
|
}
|
|
112
118
|
|