@idealyst/components 1.2.51 → 1.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.51",
+  "version": "1.2.53",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.51",
+    "@idealyst/theme": "^1.2.53",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -107,7 +107,7 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.51",
+    "@idealyst/theme": "^1.2.53",
     "@idealyst/tooling": "^1.2.30",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",

package/src/Dialog/Dialog.native.tsx

@@ -19,6 +19,7 @@ const Dialog = forwardRef<View, DialogProps>(({
   avoidKeyboard = false,
   padding: paddingProp = 20,
   maxContentHeight,
+  contentPadding = 24,
   style,
   testID,
   id,
@@ -192,7 +193,7 @@ const Dialog = forwardRef<View, DialogProps>(({
   const dialogContainer = (
     <Animated.View ref={ref as any} style={[dialogContainerStyle, style, containerAnimatedStyle]} nativeID={id} {...nativeA11yProps}>
       {(title || showCloseButton) && (
-        <View style={headerStyle}>
+        <View style={[headerStyle, { flexShrink: 0 }]}>
           {title && (
             <Text style={titleStyle}>
               {title}
@@ -210,7 +211,9 @@ const Dialog = forwardRef<View, DialogProps>(({
           )}
         </View>
       )}
-      {children}
+      <View style={[{ flex: 1, minHeight: 0 }, contentPadding > 0 ? { padding: contentPadding } : undefined]}>
+        {children}
+      </View>
     </Animated.View>
   );
 
@@ -247,6 +250,7 @@ const Dialog = forwardRef<View, DialogProps>(({
           bottom: bottomOffset,
           alignItems: 'center',
           justifyContent: 'center',
+          zIndex: 1001,
         }}
         pointerEvents="box-none"
       >

package/src/Dialog/Dialog.web.tsx

@@ -22,6 +22,7 @@ const Dialog = forwardRef<HTMLDivElement, DialogProps>(({
   closeOnBackdropClick = true,
   closeOnEscapeKey = true,
   height,
+  contentPadding = 24,
   style,
   testID,
   id,
@@ -156,6 +157,7 @@ const Dialog = forwardRef<HTMLDivElement, DialogProps>(({
   const contentProps = getWebProps([
     (dialogStyles.content as any)({}),
     height !== undefined ? { flex: 1, overflow: 'auto' } : null,
+    contentPadding > 0 ? { padding: contentPadding } : null,
   ].filter(Boolean));
 
   const mergedBackdropRef = useMergeRefs(ref, backdropProps.ref);

package/src/Dialog/types.ts

@@ -108,4 +108,17 @@ export interface DialogProps extends BaseProps, InteractiveAccessibilityProps {
    * When set, children can use flex: 1 to fill the available space.
    */
   height?: number | string;
+
+  /**
+   * Padding for the dialog content area.
+   * Set to 0 to disable padding for custom layouts.
+   * @default 24
+   */
+  contentPadding?: number;
+
+  /**
+   * Padding around the dialog container
+   * @default 20
+   */
+  padding?: number;
 }

package/src/TextInput/TextInput.styles.tsx

@@ -94,9 +94,13 @@ export const textInputStyles = defineStyle('TextInput', (theme: Theme) => ({
     input: (_props: TextInputDynamicProps) => ({
         flex: 1,
         minWidth: 0,
+        height: '100%',
+        padding: 0,
+        margin: 0,
         backgroundColor: 'transparent' as const,
         color: theme.colors.text.primary,
         fontWeight: '400' as const,
+        textAlignVertical: 'center' as const,
         variants: {
             size: {
                 fontSize: theme.sizes.$input.fontSize,
@@ -106,6 +110,9 @@ export const textInputStyles = defineStyle('TextInput', (theme: Theme) => ({
             border: 'none',
             outline: 'none',
             fontFamily: 'inherit',
+            height: '100%',
+            padding: 0,
+            margin: 0,
         },
     }),