@spaced-out/ui-design-system 0.4.13-beta.1 → 0.4.14

package/lib/components/Menu/MenuOptionButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import type { BaseMenuProps, MenuOption } from './Menu';
-export type MenuOptionProps = ((BaseMenuProps) & {
-    option: MenuOption;
-    isLastItem?: boolean;
-    style?: unknown;
-});
-export declare const MenuOptionButton: (props: MenuOptionProps) => React.JSX.Element;
-//# sourceMappingURL=MenuOptionButton.d.ts.map

package/lib/components/Menu/MenuOptionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuOptionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,QAAQ,CAAC;AAKtD,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,aAAa,CAAC,GAAG;IAC/C,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,sBAwJtD,CAAC"}

package/lib/components/Menu/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Menu';
-export * from './MenuOptionButton';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC"}

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

@@ -1,64 +0,0 @@
-import * as React from 'react';
-type ClassNames = Readonly<{
-    container?: string;
-    content?: string;
-    backdrop?: string;
-}>;
-export type UseTransitionStylesProps = {
-    duration?: number | {
-        open: number;
-        close: number;
-    };
-    initial?: {
-        readonly [key: string]: unknown;
-    };
-    open?: {
-        readonly [key: string]: unknown;
-    };
-    close?: {
-        readonly [key: string]: unknown;
-    };
-    common?: {
-        readonly [key: string]: unknown;
-    };
-};
-type FooterClassNames = Readonly<{
-    wrapper?: string;
-    actions?: string;
-}>;
-export type ModalProps = {
-    classNames?: ClassNames;
-    children?: React.ReactNode;
-    isOpen?: boolean;
-    onClose?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
-    hideBackdrop?: boolean;
-    tapOutsideToClose?: boolean;
-    allowBackgroundInteraction?: boolean;
-    initialFocus?: number;
-    customAnimation?: UseTransitionStylesProps;
-};
-export type ModalSize = 'small' | 'medium' | 'large';
-export type BaseModalProps = ((ModalProps) & {
-    size?: ModalSize;
-});
-export type ModalHeaderProps = {
-    children?: React.ReactNode;
-    hideCloseBtn?: boolean;
-    onCloseButtonClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
-    className?: string;
-};
-export type ModalFooterProps = {
-    children?: React.ReactNode;
-    classNames?: FooterClassNames;
-};
-export type ModalBodyProps = {
-    children?: React.ReactNode;
-    className?: string;
-};
-export declare const ModalHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, }: ModalHeaderProps) => React.JSX.Element;
-export declare const ModalBody: ({ children, className, }: ModalBodyProps) => React.JSX.Element;
-export declare const ModalFooter: ({ children, classNames, }: ModalFooterProps) => React.JSX.Element;
-export declare const Modal: ({ classNames, children, isOpen, onClose, hideBackdrop, tapOutsideToClose, initialFocus, customAnimation, allowBackgroundInteraction, size, }: BaseModalProps) => React.ReactPortal;
-export declare const FullScreenModal: ({ classNames, ...props }: ModalProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

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

@@ -1,149 +0,0 @@
-import * as React from 'react';
-import type { ModalProps } from './Modal';
-declare const _default: {
-    tags: string[];
-    title: string;
-    argTypes: {
-        isOpen: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        size: {
-            description: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        hideBackdrop: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        tapOutsideToClose: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        classNames: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        customAnimation: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        children: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onClose: {
-            description: string;
-            action: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        initialFocus: {
-            description: string;
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    parameters: {
-        docs: {
-            subtitle: string;
-            description: {
-                component: string;
-            };
-        };
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Modal: {
-    (args: ModalProps): React.JSX.Element;
-    args: {
-        hideBackdrop: boolean;
-        tapOutsideToClose: boolean;
-        initialFocus: number;
-        size: string;
-    };
-};
-export declare const _ModalWithOverflowBody: {
-    (args: ModalProps): React.JSX.Element;
-    args: {
-        hideBackdrop: boolean;
-        tapOutsideToClose: boolean;
-        initialFocus: number;
-        size: string;
-    };
-};
-//# sourceMappingURL=Modal.stories.d.ts.map

package/lib/components/Modal/Modal.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBxC,wBAsME;AAEF,eAAO,MAAM,MAAM;WAAU,UAAU;;;;;;;CAkEtC,CAAC;AASF,eAAO,MAAM,sBAAsB;WAAU,UAAU;;;;;;;CAiCtD,CAAC"}

package/lib/components/Modal/Modal.stories.js

@@ -1,427 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._ModalWithOverflowBody = exports._Modal = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Button = require("../Button");
-var _Dropdown = require("../Dropdown");
-var _Input = require("../Input");
-var _Text = require("../Text");
-var _Textarea = require("../Textarea");
-var _Tooltip = require("../Tooltip");
-var _Modal2 = require("./Modal");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const options = [{
-  key: '1',
-  label: 'Option one',
-  iconLeft: 'coffee'
-}, {
-  key: '2',
-  label: 'Option two',
-  iconLeft: 'user'
-}, {
-  key: '4',
-  label: 'Option three is a very long option that would truncate and keep going to make it even longer than before. You can hover over the label to see the full text. ShowLabelTooltip maxLines is used to define the number of lines to show in the tooltip.',
-  iconLeft: 'face-party'
-}, {
-  key: '5',
-  label: 'Option five(disabled)',
-  disabled: true,
-  iconLeft: 'flag'
-}];
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Components/Modal',
-  argTypes: {
-    isOpen: {
-      description: 'if **true**, the modal is presented',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    size: {
-      description: `
-Modal supports only three size variants namely small, medium and large. \`small\` < \`medium\` < \`large\`.
-You can always override the sizing by a className. The default value is currently not set to support backward compatibility
-      `,
-      options: ['small', 'medium', 'large'],
-      control: {
-        type: 'select'
-      },
-      table: {
-        type: {
-          summary: 'enum'
-        },
-        defaultValue: {
-          summary: ''
-        }
-      }
-    },
-    hideBackdrop: {
-      description: 'if **true**, dark backdrop is removed and transparent backdrop is applied on the DOM',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'false'
-        }
-      }
-    },
-    tapOutsideToClose: {
-      description: 'if **true**, closes the modal on tap of backdrop',
-      control: {
-        type: 'boolean'
-      },
-      table: {
-        type: {
-          summary: 'boolean'
-        },
-        defaultValue: {
-          summary: 'true'
-        }
-      }
-    },
-    classNames: {
-      description: 'External classnames to be applied',
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: '{container?: string, content?: string, backdrop?: string}'
-        }
-      }
-    },
-    customAnimation: {
-      description: `\`<Modal>\` and its derivatives(\`<Dialog>\`, \`<Panel>\`) support
-      \`customAnimation: UseTransitionStylesProps\` prop for
-      all your custom animation needs.
-      It defines the following properties: \n\n
-- \`duration\` (optional): Specifies the duration of the animation in milliseconds.
-It can be a single number to set the duration for both opening and closing animations,
-or an object with separate open and close properties to specify different durations
-for opening and closing animations.
-- \`initial\` (optional): Represents the initial CSS styles for the modal component when
-it is first mounted. This property allows you to define the initial appearance of the
-modal before any animations occur.
-- \`open\` (optional): Defines the CSS styles that should be applied when the modal is fully
-opened. This property specifies the appearance of the modal when it transitions from the
-initial state to the fully open state.
-- \`close\` (optional): Specifies the CSS styles for the modal when it is being closed. This
-property determines the appearance of the modal when it transitions from the fully open
-state to the closed state.
-- \`common\` (optional): Represents the CSS styles that are common to all states of the modal
-component. These styles will be applied throughout the entire lifecycle of the modal,
-regardless of whether it is in the initial, open, or close state. You can use this property
-to define shared styles that should be present in all states.
-\n\nThe modal component follows a predefined order of states as it transitions through
-its lifecycle. It starts in the \`unmounted\` state, then moves to the \`initial\` state when mounted.
-From there, it can transition to the \`open\` state when fully opened, and then to the \`close\` state
-when being closed. Finally, it returns to the \`unmounted\` state when it is no longer needed. This
-is the transition order: \`unmounted\` -> \`initial\` -> \`open\` -> \`close\` -> \`unmounted\`
-By specifying the appropriate values for the \`duration\`, \`initial\`, \`open\`, \`close\`, and \`common\` properties,
-you can control the animation and styling of the modal at each stage of its lifecycle.
-      `,
-      control: {
-        type: 'object'
-      },
-      table: {
-        type: {
-          summary: 'UseTransitionStylesProps'
-        }
-      }
-    },
-    children: {
-      description: 'The children to rendered inside the Modal window',
-      table: {
-        type: {
-          summary: 'React.ReactNode'
-        }
-      }
-    },
-    onClose: {
-      description: '**onClose** handler is triggered on backdrop click',
-      action: 'clicked',
-      table: {
-        type: {
-          summary: '(SyntheticEvent<HTMLElement>) => mixed'
-        }
-      }
-    },
-    initialFocus: {
-      description: 'Which element to initially focus. Can be a number (tabbable index as specified by the order)',
-      control: {
-        type: 'number'
-      },
-      table: {
-        type: {
-          summary: 'number'
-        },
-        defaultValue: {
-          summary: '-1'
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      subtitle: 'Generates a Modal component',
-      description: {
-        component: `
-\`\`\`js
-import { Modal, ModalBody, ModalHeader, ModalFooter } from "@spaced-out/ui-design-system/lib/components/Modal";
-\`\`\`
-**Modal** component provides the foundational base for creating elements which blocks interaction with the rest of the application.
-It is used as base for Dialog and Panel components. A **Modal** component can be used in cases where you want to have a custom implementation.
-Modal component renders its children on top of a backdrop spanning across the whole page. The backdrop in turn also blurs the background.
-Some features of the Modal components are listed below:
-
-\`Modal implements Focus trapping where in the focus is trapped and rotated inside a modal element only.\`
-
-\`When the Modal is presented, page scrolling is disabled \`
-
-\`Manages stacking \`
-
-Modal is attached on the \`body\` using **React Portal**.
-
-Semantically a \`Modal\` component should be composed from \`ModalHeader\`, \`ModalBody\`, and \`ModalFooter\` components,
-these are nothing but layout components which defines appropriate spacing for the children living in them.
-\`ModalHeader\` adds a **close icon** by default and provides a callback on click. You can pass a **prop to show/hide the close button** as well.
-
-**Styling: **
-
-\`Modal\` accepts a \`classNames\` object. You can style the modal(if required) using the **content className**. Most of the use
-cases of Modal sizing can be handled by \`size\` prop of Modal which accepts \`small\` \`medium\` \`large\` as value.
-
-If you want to assign custom props the parent should set those props of the
-Modal using the content className.
-
-Each of these components also exposes a className
-
-**Usage: **
-
-\`\`\`jsx
-<Modal
-  isOpen={isOpen}
-  onClose={() => setIsOpen(false)}
-  classNames={{content: css.modalContent}}
->
-  <ModalHeader onCloseButtonClick={() => setIsOpen(false)}>
-    <SubTitleLarge>
-      The quick brown fox jumps over the lazy dog is an English-language pangram—a sentence that contain
-    </SubTitleLarge>
-  </ModalHeader>
-  <ModalBody>
-    <BodyLarge color="secondary">
-      "The quick brown fox jumps over the lazy dog" is an English-language pangram—a sentence that contains all the letters of the alphabet.
-      The phrase is commonly used for touch-typing practice, testing typewriters and computer keyboards, displaying examples of fonts,
-      and other applications involving text where the use of all letters in the alphabet is desired.
-    </BodyLarge>
-  </ModalBody>
-  <ModalFooter>
-    <Button type="secondary" onClick={() => setIsOpen(false)}>Secondary Button</Button>
-    <Button type="primary" onClick={() => setIsOpen(false)}>Primary Button</Button>
-  </ModalFooter>
-</Modal>
-\`\`\`
-\`\`\`css
-// You can style the modal(if required) using the **content className**. Most of the use
-// cases of Modal sizing can be handled by size prop of Modal which accepts small, medium and large as value.
-.modalContent {
-  max-height: size720;
-}
-\`\`\`
-          `
-      }
-    },
-    storySource: {
-      componentPath: '/src/components/Modal/Modal.jsx'
-    }
-  }
-};
-const _Modal = args => {
-  const [isOpen, setIsOpen] = React.useState(args.isOpen);
-  React.useEffect(() => {
-    setIsOpen(args.isOpen);
-  }, [args.isOpen]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
-    title: "Open"
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    onClick: () => setIsOpen(!isOpen)
-  }, "Open Modal")), /*#__PURE__*/React.createElement(_Modal2.Modal, _extends({}, args, {
-    isOpen: isOpen,
-    onClose: () => setIsOpen(false)
-  }), /*#__PURE__*/React.createElement(_Modal2.ModalHeader, {
-    onCloseButtonClick: () => setIsOpen(false)
-  }, /*#__PURE__*/React.createElement(_Text.SubTitleLarge, null, "Modal Title")), /*#__PURE__*/React.createElement(_Modal2.ModalBody, null, /*#__PURE__*/React.createElement(_Input.Input, {
-    type: "email",
-    label: "Email Address",
-    placeholder: "Enter your email address"
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(_Dropdown.SimpleDropdown, {
-    label: "Issue Type",
-    placeholder: "Select an issue type",
-    options: [{
-      iconLeft: 'bug',
-      iconLeftType: 'duotone',
-      key: '1',
-      label: 'Production Issue'
-    }, {
-      iconLeft: 'bug-slash',
-      iconLeftType: 'duotone',
-      key: '2',
-      label: 'Dev Issue'
-    }, {
-      iconLeft: 'ban-bug',
-      iconLeftType: 'duotone',
-      key: '4',
-      label: 'Product Issue'
-    }]
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(_Textarea.Textarea, {
-    label: "Description",
-    placeholder: "Enter the issue description"
-  })), /*#__PURE__*/React.createElement(_Modal2.ModalFooter, null, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
-    title: "Some text",
-    elevation: "modal"
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    type: "tertiary",
-    onClick: () => setIsOpen(false)
-  }, "Cancel")), /*#__PURE__*/React.createElement(_Button.Button, {
-    type: "secondary",
-    onClick: () => setIsOpen(false)
-  }, "Action"))));
-};
-exports._Modal = _Modal;
-_Modal.args = {
-  hideBackdrop: false,
-  tapOutsideToClose: true,
-  initialFocus: 1,
-  size: 'medium'
-};
-const _ModalWithOverflowBody = args => {
-  const [isOpen, setIsOpen] = React.useState(args.isOpen);
-  React.useEffect(() => {
-    setIsOpen(args.isOpen);
-  }, [args.isOpen]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
-    title: "Open"
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
-    onClick: () => setIsOpen(!isOpen)
-  }, "Open Modal")), /*#__PURE__*/React.createElement(_Modal2.Modal, _extends({}, args, {
-    isOpen: isOpen,
-    onClose: () => setIsOpen(false)
-  }), /*#__PURE__*/React.createElement(_Modal2.ModalHeader, {
-    onCloseButtonClick: () => setIsOpen(false)
-  }, /*#__PURE__*/React.createElement(_Text.SubTitleLarge, null, "Modal Title")), /*#__PURE__*/React.createElement(_Modal2.ModalBody, null, /*#__PURE__*/React.createElement(_Input.Input, {
-    type: "email",
-    label: "Email Address",
-    placeholder: "Enter your email address"
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(_Dropdown.SimpleDropdown, {
-    label: "Issue Type",
-    placeholder: "Select an issue type",
-    showLabelTooltip: {
-      maxLines: 6
-    },
-    options: options
-  }))));
-};
-exports._ModalWithOverflowBody = _ModalWithOverflowBody;
-_ModalWithOverflowBody.args = {
-  hideBackdrop: false,
-  tapOutsideToClose: true,
-  initialFocus: 1,
-  size: 'medium'
-};
-
-// export const _FullScreenModal = (args: ModalProps): React.ReactNode => {
-//   const [isOpen, setIsOpen] = React.useState(args.isOpen);
-
-//   React.useEffect(() => {
-//     setIsOpen(args.isOpen);
-//   }, [args.isOpen]);
-
-//   return (
-//     <div className={css.container}>
-//       <Tooltip title="Open">
-//         <Button onClick={() => setIsOpen(!isOpen)}>Open Modal</Button>
-//       </Tooltip>
-//       <FullScreenModal
-//         {...args}
-//         isOpen={isOpen}
-//         onClose={() => setIsOpen(false)}
-//       >
-//         <ModalHeader onCloseButtonClick={() => setIsOpen(false)}>
-//           <SubTitleLarge>Modal Title</SubTitleLarge>
-//         </ModalHeader>
-//         <ModalBody>
-//           <Input
-//             type="email"
-//             label="Email Address"
-//             placeholder="Enter your email address"
-//           />
-//           <br />
-//           <SimpleDropdown
-//             label="Issue Type"
-//             placeholder="Select an issue type"
-//             options={[
-//               {
-//                 iconLeft: 'bug',
-//                 iconLeftType: 'duotone',
-//                 key: '1',
-//                 label: 'Production Issue',
-//               },
-//               {
-//                 iconLeft: 'bug-slash',
-//                 iconLeftType: 'duotone',
-//                 key: '2',
-//                 label: 'Dev Issue',
-//               },
-//               {
-//                 iconLeft: 'ban-bug',
-//                 iconLeftType: 'duotone',
-//                 key: '4',
-//                 label: 'Product Issue',
-//               },
-//             ]}
-//           />
-//           <br />
-//           <Textarea
-//             label="Description"
-//             placeholder="Enter the issue description"
-//           />
-//         </ModalBody>
-//         <ModalFooter>
-//           <Tooltip title="Some text" elevation="modal">
-//             <Button type="tertiary" onClick={() => setIsOpen(false)}>
-//               Cancel
-//             </Button>
-//           </Tooltip>
-//           <Button type="secondary" onClick={() => setIsOpen(false)}>
-//             Action
-//           </Button>
-//         </ModalFooter>
-//       </FullScreenModal>
-//     </div>
-//   );
-// };
-
-// _FullScreenModal.args = {
-//   hideBackdrop: false,
-//   tapOutsideToClose: true,
-//   initialFocus: 1,
-//   size: 'medium',
-// };

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

@@ -1,3 +0,0 @@
-export type { BaseModalProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps } from './Modal';
-export { FullScreenModal, Modal, ModalBody, ModalFooter, ModalHeader, } from './Modal';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAC,MAAM,SAAS,CAAC;AAC5G,OAAO,EACL,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC"}