@12-apps/ui 1.21.1 → 1.23.0

package/src/components/layout/Drawer/Drawer.types.ts

@@ -1,3 +1,4 @@
+import type { CSSObject } from '@mui/material/styles';
 import type { HTMLAttributes,ReactNode } from 'react';
 
 export type DrawerVariant = 'left' | 'right' | 'top' | 'bottom' | 'glass';
@@ -16,6 +17,16 @@ export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
   backdrop?: boolean;
   hideBackdrop?: boolean;
   keepMounted?: boolean;
+  /**
+   * Extra styles for the sliding surface itself (MUI's drawer paper), merged
+   * after the width/height the drawer derives from its anchor.
+   *
+   * Opt-in and additive: omit it and the drawer renders exactly as it always
+   * has. It exists because a temporary drawer PORTALS its surface, so a
+   * consumer cannot reach it with a wrapper's descendant selector — a bottom
+   * sheet that wants rounded top corners has no other way to ask.
+   */
+  paperSx?: CSSObject;
   className?: string;
   dataTestId?: string;
 }
@@ -24,6 +35,15 @@ export interface DrawerHeaderProps {
   children: ReactNode;
   onClose?: () => void;
   showCloseButton?: boolean;
+  /**
+   * Accessible name for the close button. Defaults to "Close drawer".
+   *
+   * A drawer that is not a drawer to its user needs to say what it closes:
+   * the report builder's block panel is a docked side panel, and "Fechar
+   * painel" is what its spec asks to hear (FUT-755). Left unset the wording is
+   * unchanged, so existing consumers asserting on the default keep passing.
+   */
+  closeLabel?: string;
   dataTestId?: string;
 }