feat: add support for XL Dialog (#8693)

* feat: GS-17937: add support for XL Dialog

* XL=960 is the magic number

* fix indention

* fix spacing

Author: synox

packages/@react-spectrum/s2/src/Dialog.tsx

@@ -33,7 +33,7 @@ export interface DialogProps extends Omit<RACDialogProps, 'className' | 'style'
    *
    * @default 'M'
    */
-  size?: 'S' | 'M' | 'L',
+  size?: 'S' | 'M' | 'L' | 'XL',
   /** Whether pressing the escape key to close the dialog should be disabled. */
   isKeyboardDismissDisabled?: boolean
 }

packages/@react-spectrum/s2/src/Modal.tsx

@@ -24,7 +24,7 @@ interface ModalProps extends ModalOverlayProps {
    *
    * @default 'M'
    */
-  size?: 'S' | 'M' | 'L' | 'fullscreen' | 'fullscreenTakeover'
+  size?: 'S' | 'M' | 'L' | 'XL' | 'fullscreen' | 'fullscreenTakeover'
 }
 
 const modalOverlayStyles = style({
@@ -103,6 +103,7 @@ export const Modal = forwardRef(function Modal(props: ModalProps, ref: DOMRef<HT
                 S: 400,
                 M: 480,
                 L: 640,
+                XL: 960,
                 fullscreen: 'calc(100% - 40px)',
                 fullscreenTakeover: 'full'
               }