karsten-design-system 1.2.40 → 1.2.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -733,7 +733,7 @@ function MegaMenu({ items }) {
|
|
|
733
733
|
}) }));
|
|
734
734
|
}
|
|
735
735
|
|
|
736
|
-
function Modal({ isOpen, title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fechar', labelConfirmButton = 'Confirmar', isExpanded = false, ariaLabel = 'Modal de informçoes', children, }) {
|
|
736
|
+
function Modal({ isOpen, title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fechar', labelConfirmButton = 'Confirmar', isExpanded = false, ariaLabel = 'Modal de informçoes', children, isLoading = false, }) {
|
|
737
737
|
const [isFullScreen, setIsFullScreen] = useState(false);
|
|
738
738
|
const toggleFullScreen = () => {
|
|
739
739
|
setIsFullScreen(!isFullScreen);
|
|
@@ -763,7 +763,7 @@ function Modal({ isOpen, title, size = 'md', onClose, onConfirm, labelCloseButto
|
|
|
763
763
|
width: '24px',
|
|
764
764
|
height: '24px',
|
|
765
765
|
cursor: 'pointer',
|
|
766
|
-
}, children: jsx("i", { className: "pi pi-times cursor-pointer dark:text-light-500" }) })] })] }), jsx("div", { className: `flex-1 overflow-y-auto text-primary dark:text-light-500 dark:bg-dark-100 ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6 dark:bg-dark-100", children: [onClose && (jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal", type: "button" }))] })] }) }));
|
|
766
|
+
}, children: jsx("i", { className: "pi pi-times cursor-pointer dark:text-light-500" }) })] })] }), jsx("div", { className: `flex-1 overflow-y-auto text-primary dark:text-light-500 dark:bg-dark-100 ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6 dark:bg-dark-100", children: [onClose && (jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal", type: "button", disabled: isLoading }))] })] }) }));
|
|
767
767
|
}
|
|
768
768
|
|
|
769
769
|
function ModalForm({ isOpen, title, description, onClose, children, }) {
|