@spaziodati/atoka-design-system 2.0.72-beta

package/Modal/Modal.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import BsModal, { ModalProps as BsModalProps } from 'react-bootstrap/Modal';
+import './Modal.less';
+export interface ModalProps extends Omit<BsModalProps, 'size'> {
+    size?: BsModalProps['size'] | 'md';
+}
+/**
+ * ### Overview
+ *
+ * A modal is a window that appears on top on the main screen; it disables the rest of the interface until the user interacts with the modal’s contents.
+ * There are two types of modals in Atoka:
+ *
+ * - Informative: the modal gives the user further information on a specific task the user is about to perform, and concludes with a single call to action
+ * - Actionable: the modal asks the user either to confirm an important or dangerous action, or enables them to carry a specific tasks which is necessary to proceed with the current activity
+ *
+ * ### Best practices
+ * - Keep the text informative but not too long
+ * - Don’t use modals for showing error, wait or success states
+ * - If you want to use a modal for a long and/or complex process, opt for a full page instead
+ * - Never put a modal on top of another modal
+ *
+ *  DEVELOPER NOTE: For more information about the props, check [react bootstrap](https://react-bootstrap.netlify.app/components/modal/#api)
+ **/
+export declare class Modal extends React.PureComponent<ModalProps> {
+    static displayName: string;
+    static Header: typeof BsModal.Header;
+    static Body: typeof BsModal.Body;
+    static Footer: typeof BsModal.Footer;
+    private renderFooter;
+    private renderContent;
+    render(): React.ReactNode;
+}

package/Modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal, ModalProps } from './Modal';