@idealyst/components 1.2.51 → 1.2.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.51",
+  "version": "1.2.52",
   "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.52",
     "@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.52",
     "@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,
@@ -210,7 +211,9 @@ const Dialog = forwardRef<View, DialogProps>(({
           )}
         </View>
       )}
-      {children}
+      <View style={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,11 @@ 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;
 }