@seeqdev/qomponents 0.0.87 → 0.0.89

package/dist/Modal/Modal.stories.d.ts

@@ -7,3 +7,4 @@ export declare const AllModalsVariants: React.FunctionComponent;
 export declare const ModalsWithDisabledSubmit: React.FunctionComponent;
 export declare const ModalsWithEditableTitle: React.FunctionComponent;
 export declare const ModalsWithCustomButton: React.FunctionComponent;
+export declare const ModalsWithVariantButton: React.FunctionComponent;

package/dist/Modal/Modal.types.d.ts

@@ -42,4 +42,5 @@ export interface ModalProps {
     middleFooterSection?: React.ReactElement;
     customButtonVariant?: ButtonVariant;
     keepFocusInsideModal?: boolean;
+    submitButtonVariant?: ButtonVariant;
 }

package/dist/index.esm.js

@@ -14109,7 +14109,7 @@ const DialogTitle = React__default.forwardRef((props, ref) => React__default.cre
 DialogTitle.displayName = $5d3850c4d0b4e6c7$export$f99233281efd08a0.displayName;
 const DialogDescription = React__default.forwardRef((props, ref) => React__default.createElement($5d3850c4d0b4e6c7$export$393edc798c47379d, { ref: ref, ...props }));
 DialogDescription.displayName = $5d3850c4d0b4e6c7$export$393edc798c47379d.displayName;
-const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, subtitle, children, open = false, onClose, customButton = false, customButtonLabel = 'Back', onClickCustomButton, submitButtonLabel = 'Submit', cancelButtonLabel = 'Cancel', disableSubmitButton = false, stopPropagationSubmitButton = false, onSubmit, isTitleEditable = false, onTitleChanged, inputExtraClassNames, hideCloseIcon = false, size = 'xl', titleIconPosition = 'left', hideFooterButtons = false, hideSubmitButton = false, hideCancelButton = false, testId = 'modal', modalFooter, dialogClassName, titlePlaceholder, titleRequired, titleError, submitButtonTooltip, cancelButtonTooltip, disableCustomButton, customHeader, middleFooterSection = React__default.createElement(React__default.Fragment, null), customButtonVariant = 'outline', keepFocusInsideModal = true, }) => {
+const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, subtitle, children, open = false, onClose, customButton = false, customButtonLabel = 'Back', onClickCustomButton, submitButtonLabel = 'Submit', cancelButtonLabel = 'Cancel', disableSubmitButton = false, stopPropagationSubmitButton = false, onSubmit, isTitleEditable = false, onTitleChanged, inputExtraClassNames, hideCloseIcon = false, size = 'xl', titleIconPosition = 'left', hideFooterButtons = false, hideSubmitButton = false, hideCancelButton = false, testId = 'modal', modalFooter, dialogClassName, titlePlaceholder, titleRequired, titleError, submitButtonTooltip, cancelButtonTooltip, disableCustomButton, customHeader, middleFooterSection = React__default.createElement(React__default.Fragment, null), customButtonVariant = 'outline', submitButtonVariant = 'theme', keepFocusInsideModal = true, }) => {
     const [isLoading, setIsLoading] = useState(false);
     // the Dialog is adding pointerEvents: none to body and the dropdowns from the modal does not work anymore
     useEffect(() => {
@@ -14180,7 +14180,7 @@ const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, sub
                     React__default.createElement("div", { className: "tw-flex tw-items-center" }, middleFooterSection),
                     !hideCancelButton && (React__default.createElement(DialogClose, { asChild: true },
                         React__default.createElement(Button, { label: cancelButtonLabel, extraClassNames: "tw-mr-5 tw-min-w-[100px]", tooltip: cancelButtonTooltip, variant: "outline", stopPropagation: false, testId: "cancelButton" }))),
-                    !hideSubmitButton && (React__default.createElement(Button, { label: submitButtonLabel, onClick: handleSubmit, disabled: disableSubmitButton || isLoading, variant: "theme", stopPropagation: stopPropagationSubmitButton, tooltip: submitButtonTooltip, icon: isLoading ? 'fc-loading-notch tw-animate-spin' : undefined, iconPosition: "left", testId: "submitButton", extraClassNames: "tw-min-w-[100px]" })))))))))) : (React__default.createElement(React__default.Fragment, null));
+                    !hideSubmitButton && (React__default.createElement(Button, { label: submitButtonLabel, onClick: handleSubmit, disabled: disableSubmitButton || isLoading, variant: submitButtonVariant, stopPropagation: stopPropagationSubmitButton, tooltip: submitButtonTooltip, icon: isLoading ? 'fc-loading-notch tw-animate-spin' : undefined, iconPosition: "left", testId: "submitButton", extraClassNames: "tw-min-w-[100px]" })))))))))) : (React__default.createElement(React__default.Fragment, null));
 };
 
 // We have resorted to returning slots directly rather than exposing primitives that can then