[@mantine/core] Drawer: Add missing Styles API selector for body (#3056)

mantinedev · Nov 28, 2022 · fd08c2f · fd08c2f
1 parent c0379f4
commit fd08c2f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/mantine-core/src/Drawer/Drawer.styles.ts b/src/mantine-core/src/Drawer/Drawer.styles.ts
@@ -52,6 +52,7 @@ export default createStyles(
   (theme, { position, size, zIndex, withOverlay }: DrawerStylesParams) => ({
     closeButton: {},
     overlay: {},
+    body: {},
 
     root: {
       position: 'fixed',

diff --git a/src/mantine-core/src/Drawer/Drawer.tsx b/src/mantine-core/src/Drawer/Drawer.tsx
@@ -265,7 +265,9 @@ export function Drawer(props: DrawerProps) {
                 </div>
               )}
 
-              <div id={bodyId}>{children}</div>
+              <div id={bodyId} className={classes.body}>
+                {children}
+              </div>
             </Paper>
 
             {withOverlay && (

diff --git a/src/mantine-styles-api/src/styles-api/Drawer.styles-api.ts b/src/mantine-styles-api/src/styles-api/Drawer.styles-api.ts
@@ -3,8 +3,9 @@ import { DrawerStylesNames } from '@mantine/core';
 export const Drawer: Record<DrawerStylesNames, string> = {
   root: 'Root element',
   overlay: 'Overlay',
-  drawer: 'Drawer body element',
+  drawer: 'Drawer element, contains header and body',
   header: 'Drawer header, contains close button and title',
+  body: 'Drawer body, contains children',
   title: 'Modal title',
   closeButton: 'Close button',
 };