@indico-data/design-system 2.47.0 → 2.47.2

package/lib/components/modal/Modal.d.ts

@@ -1,2 +1,2 @@
 import { ModalProps } from './types';
-export declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/modal/types.d.ts

@@ -12,4 +12,5 @@ export interface ModalProps {
     contentElement?: (props: any, children: React.ReactNode) => React.ReactElement;
     overlayElement?: (props: any, contentElement: React.ReactElement) => React.ReactElement;
     position?: 'top' | 'center';
+    parentSelector?: () => HTMLElement;
 }

package/lib/index.css

@@ -1889,17 +1889,6 @@ form {
 .modal .modal-content .modal-body h2 {
   font-size: var(--pf-font-size-h1);
 }
-.modal .modal-content .modal-body h1,
-.modal .modal-content .modal-body h2,
-.modal .modal-content .modal-body h3,
-.modal .modal-content .modal-body h4,
-.modal .modal-content .modal-body h5,
-.modal .modal-content .modal-body h6 {
-  margin-bottom: var(--pf-margin-4);
-}
-.modal .modal-content .modal-body p {
-  margin-bottom: var(--pf-margin-4);
-}
 .modal .modal-content .modal-body hr {
   margin-top: var(--pf-margin-8);
   margin-bottom: var(--pf-margin-8);

package/lib/index.d.ts

@@ -533,8 +533,9 @@ interface ModalProps {
     contentElement?: (props: any, children: React.ReactNode) => React.ReactElement;
     overlayElement?: (props: any, contentElement: React.ReactElement) => React.ReactElement;
     position?: 'top' | 'center';
+    parentSelector?: () => HTMLElement;
 }
 
-declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element;
 
 export { Badge, BarSpinner, Button, Card, Checkbox, CirclePulse, CircleSpinner, Col, Container, DatePicker, FloatUI, Form, Icon, IconTriggerDatePicker, LabeledInput as Input, Menu, Modal, LabeledPasswordInput as PasswordInput, Pill, Radio as RadioInput, Row, Select as SelectInput, SingleInputDatePicker, Skeleton, Table, LabeledTextarea as Textarea, Toggle as ToggleInput, Tooltip, registerFontAwesomeIcons };

package/lib/index.esm.css

@@ -1889,17 +1889,6 @@ form {
 .modal .modal-content .modal-body h2 {
   font-size: var(--pf-font-size-h1);
 }
-.modal .modal-content .modal-body h1,
-.modal .modal-content .modal-body h2,
-.modal .modal-content .modal-body h3,
-.modal .modal-content .modal-body h4,
-.modal .modal-content .modal-body h5,
-.modal .modal-content .modal-body h6 {
-  margin-bottom: var(--pf-margin-4);
-}
-.modal .modal-content .modal-body p {
-  margin-bottom: var(--pf-margin-4);
-}
 .modal .modal-content .modal-body hr {
   margin-top: var(--pf-margin-8);
   margin-bottom: var(--pf-margin-8);

package/lib/index.esm.js

@@ -22333,10 +22333,10 @@ var libExports = lib.exports;
 var ReactModal = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 
 const Modal = (_a) => {
-    var { className = '', children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position = 'center' } = _a, rest = __rest(_a, ["className", "children", "isOpen", "onRequestClose", "portalClassName", "overlayClassName", "appElement", "shouldCloseOnOverlayClick", "shouldCloseOnEsc", "testId", "contentElement", "overlayElement", "position"]);
+    var { className = '', children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position = 'center', parentSelector } = _a, rest = __rest(_a, ["className", "children", "isOpen", "onRequestClose", "portalClassName", "overlayClassName", "appElement", "shouldCloseOnOverlayClick", "shouldCloseOnEsc", "testId", "contentElement", "overlayElement", "position", "parentSelector"]);
     const modalClasses = classNames('modal', `modal--${position}`, className);
     const overlayClasses = classNames('modal-overlay', overlayClassName);
-    return (jsx(ReactModal, Object.assign({ style: {}, className: modalClasses, overlayClassName: overlayClasses, testId: testId, isOpen: isOpen, onRequestClose: onRequestClose, portalClassName: portalClassName, appElement: appElement, shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, shouldCloseOnEsc: shouldCloseOnEsc, contentElement: contentElement, overlayElement: overlayElement }, rest, { children: jsxs("div", { className: "modal-content", children: [jsx("div", { className: "modal-header", children: jsx(Row, { nogutter: true, children: jsx(Col, { xs: 12, className: "modal-close", children: jsx(Button$1, { className: "modal-close-button", onClick: onRequestClose, variant: "link", size: "md", iconLeft: "fa-xmark", ariaLabel: "Close" }) }) }) }), jsx("div", { className: "modal-body", children: children })] }) })));
+    return (jsx(ReactModal, Object.assign({ style: {}, className: modalClasses, overlayClassName: overlayClasses, testId: testId, isOpen: isOpen, onRequestClose: onRequestClose, portalClassName: portalClassName, appElement: appElement, parentSelector: parentSelector, shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, shouldCloseOnEsc: shouldCloseOnEsc, contentElement: contentElement, overlayElement: overlayElement }, rest, { children: jsxs("div", { className: "modal-content", children: [jsx("div", { className: "modal-header", children: jsx(Row, { nogutter: true, children: jsx(Col, { xs: 12, className: "modal-close", children: jsx(Button$1, { className: "modal-close-button", onClick: onRequestClose, variant: "link", size: "md", iconLeft: "fa-xmark", ariaLabel: "Close" }) }) }) }), jsx("div", { className: "modal-body", children: children })] }) })));
 };
 
 export { Badge, BarSpinner, Button$1 as Button, Card, Checkbox, CirclePulse, CircleSpinner, Col, Container, DatePicker, FloatUI, Form, Icon, IconTriggerDatePicker, LabeledInput as Input, Menu, Modal, LabeledPasswordInput as PasswordInput, Pill, Radio as RadioInput, Row, Select$1 as SelectInput, SingleInputDatePicker, Skeleton, Table, LabeledTextarea as Textarea, Toggle as ToggleInput, Tooltip, arrow$2 as arrow, autoPlacement, autoUpdate$1 as autoUpdate, computePosition$2 as computePosition, detectOverflow$1 as detectOverflow, flip$2 as flip, getOverflowAncestors$1 as getOverflowAncestors, hide$1 as hide, inline, limitShift, offset$2 as offset, platform$1 as platform, registerFontAwesomeIcons, shift$2 as shift, size, useFloating$1 as useFloating };