@idealyst/components 1.2.52 → 1.2.54
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": "@idealyst/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.54",
|
|
4
4
|
"description": "Shared component library for React and React Native",
|
|
5
5
|
"documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
|
|
6
6
|
"readme": "README.md",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"publish:npm": "npm publish"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
|
-
"@idealyst/theme": "^1.2.
|
|
59
|
+
"@idealyst/theme": "^1.2.54",
|
|
60
60
|
"@mdi/js": ">=7.0.0",
|
|
61
61
|
"@mdi/react": ">=1.0.0",
|
|
62
62
|
"@react-native-vector-icons/common": ">=12.0.0",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
},
|
|
108
108
|
"devDependencies": {
|
|
109
109
|
"@idealyst/blur": "^1.2.40",
|
|
110
|
-
"@idealyst/theme": "^1.2.
|
|
110
|
+
"@idealyst/theme": "^1.2.54",
|
|
111
111
|
"@idealyst/tooling": "^1.2.30",
|
|
112
112
|
"@mdi/react": "^1.6.1",
|
|
113
113
|
"@types/react": "^19.1.0",
|
|
@@ -20,6 +20,7 @@ const Dialog = forwardRef<View, DialogProps>(({
|
|
|
20
20
|
padding: paddingProp = 20,
|
|
21
21
|
maxContentHeight,
|
|
22
22
|
contentPadding = 24,
|
|
23
|
+
contentStyle,
|
|
23
24
|
style,
|
|
24
25
|
testID,
|
|
25
26
|
id,
|
|
@@ -193,7 +194,7 @@ const Dialog = forwardRef<View, DialogProps>(({
|
|
|
193
194
|
const dialogContainer = (
|
|
194
195
|
<Animated.View ref={ref as any} style={[dialogContainerStyle, style, containerAnimatedStyle]} nativeID={id} {...nativeA11yProps}>
|
|
195
196
|
{(title || showCloseButton) && (
|
|
196
|
-
<View style={headerStyle}>
|
|
197
|
+
<View style={[headerStyle, { flexShrink: 0 }]}>
|
|
197
198
|
{title && (
|
|
198
199
|
<Text style={titleStyle}>
|
|
199
200
|
{title}
|
|
@@ -211,7 +212,7 @@ const Dialog = forwardRef<View, DialogProps>(({
|
|
|
211
212
|
)}
|
|
212
213
|
</View>
|
|
213
214
|
)}
|
|
214
|
-
<View style={contentPadding > 0 ? { padding: contentPadding } : undefined}>
|
|
215
|
+
<View style={[contentPadding > 0 ? { padding: contentPadding } : undefined, contentStyle]}>
|
|
215
216
|
{children}
|
|
216
217
|
</View>
|
|
217
218
|
</Animated.View>
|
package/src/Dialog/types.ts
CHANGED
|
@@ -115,4 +115,17 @@ export interface DialogProps extends BaseProps, InteractiveAccessibilityProps {
|
|
|
115
115
|
* @default 24
|
|
116
116
|
*/
|
|
117
117
|
contentPadding?: number;
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* Style for the content wrapper.
|
|
121
|
+
* Use { flex: 1 } to make content fill available space.
|
|
122
|
+
* By default, content wraps to its implicit height.
|
|
123
|
+
*/
|
|
124
|
+
contentStyle?: StyleProp<ViewStyle>;
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* Padding around the dialog container
|
|
128
|
+
* @default 20
|
|
129
|
+
*/
|
|
130
|
+
padding?: number;
|
|
118
131
|
}
|
|
@@ -94,9 +94,13 @@ export const textInputStyles = defineStyle('TextInput', (theme: Theme) => ({
|
|
|
94
94
|
input: (_props: TextInputDynamicProps) => ({
|
|
95
95
|
flex: 1,
|
|
96
96
|
minWidth: 0,
|
|
97
|
+
height: '100%',
|
|
98
|
+
padding: 0,
|
|
99
|
+
margin: 0,
|
|
97
100
|
backgroundColor: 'transparent' as const,
|
|
98
101
|
color: theme.colors.text.primary,
|
|
99
102
|
fontWeight: '400' as const,
|
|
103
|
+
textAlignVertical: 'center' as const,
|
|
100
104
|
variants: {
|
|
101
105
|
size: {
|
|
102
106
|
fontSize: theme.sizes.$input.fontSize,
|
|
@@ -106,6 +110,9 @@ export const textInputStyles = defineStyle('TextInput', (theme: Theme) => ({
|
|
|
106
110
|
border: 'none',
|
|
107
111
|
outline: 'none',
|
|
108
112
|
fontFamily: 'inherit',
|
|
113
|
+
height: '100%',
|
|
114
|
+
padding: 0,
|
|
115
|
+
margin: 0,
|
|
109
116
|
},
|
|
110
117
|
}),
|
|
111
118
|
|