@popsure/dirty-swan 0.50.0 → 0.51.0

package/dist/esm/components/modal/index.stories.js

@@ -5,11 +5,12 @@ import { BottomModal } from './bottomModal/index.js';
 import { RegularModal } from './regularModal/index.js';
 import { BottomOrRegularModal } from './bottomOrRegularModal/index.js';
 import { Markdown } from '../markdown/index.js';
+import { Button } from '../button/index.js';
 import '../../style-inject.es-1f59c1d0.js';
+import '../../index-6ea95111.js';
+import './genericModal/index.js';
 import '../icon/icons/X.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../index-6ea95111.js';
-import '../../useOnClose-d818a54f.js';
 import '../../index-171a0108.js';
 import '../../index-dd80248b.js';
 import '../../_commonjsHelpers-e7f67fd8.js';
@@ -114,7 +115,29 @@ var NonDismissibleModal = function (_a) {
             jsx(BottomOrRegularModal, __assign({ dismissible: false, title: title, isOpen: display, onClose: handleOnClose }, { children: jsxs("div", __assign({ style: { padding: '0 24px 24px 24px' } }, { children: [jsx("div", { children: children }, void 0),
                         jsx("button", __assign({ className: "p-btn--primary mt24 wmn3", onClick: function () { return setDisplay(false); } }, { children: "Continue" }), void 0)] }), void 0) }), void 0)] }, void 0));
 };
+var ModalWithFooter = function (_a) {
+    var children = _a.children, isOpen = _a.isOpen, onClose = _a.onClose, title = _a.title;
+    var _b = useState(isOpen), display = _b[0], setDisplay = _b[1];
+    var handleOnClose = function () {
+        onClose();
+        setDisplay(false);
+    };
+    return (jsxs(Fragment, { children: [jsx("button", __assign({ className: "p-btn--primary wmn2", onClick: function () { return setDisplay(true); } }, { children: "Click to open modal" }), void 0),
+            jsx(BottomOrRegularModal, __assign({ title: title, isOpen: display, onClose: handleOnClose, footer: (jsxs("div", __assign({ className: 'd-flex fd-row gap8' }, { children: [jsx(Button, __assign({ variant: 'textColor', className: 'w100', onClick: handleOnClose }, { children: "Skip" }), void 0),
+                        jsx(Button, __assign({ className: 'w100', onClick: handleOnClose }, { children: "Continue" }), void 0)] }), void 0)) }, { children: jsx("div", __assign({ className: 'p24' }, { children: jsx("div", { children: children }, void 0) }), void 0) }), void 0)] }, void 0));
+};
+var ModalWithFooterAndScroll = function (_a) {
+    var children = _a.children, isOpen = _a.isOpen, onClose = _a.onClose, title = _a.title;
+    var _b = useState(isOpen), display = _b[0], setDisplay = _b[1];
+    var handleOnClose = function () {
+        onClose();
+        setDisplay(false);
+    };
+    return (jsxs(Fragment, { children: [jsx("button", __assign({ className: "p-btn--primary wmn2", onClick: function () { return setDisplay(true); } }, { children: "Click to open modal" }), void 0),
+            jsx(BottomOrRegularModal, __assign({ title: title, isOpen: display, onClose: handleOnClose, footer: (jsxs("div", __assign({ className: 'd-flex fd-row gap8' }, { children: [jsx(Button, __assign({ variant: 'textColor', className: 'w100', onClick: handleOnClose }, { children: "Skip" }), void 0),
+                        jsx(Button, __assign({ className: 'w100', onClick: handleOnClose }, { children: "Continue" }), void 0)] }), void 0)) }, { children: jsx("div", __assign({ className: 'p24' }, { children: jsxs("div", { children: ["Lorem ipsum dolor sit amet, consectetur adipiscing elit.", jsx("div", { style: { height: '840px' } }, void 0), children] }, void 0) }), void 0) }), void 0)] }, void 0));
+};
 
 export default story;
-export { BottomModalStory, BottomOrRegularModalStory, NonDismissibleModal, RegularModalStory };
+export { BottomModalStory, BottomOrRegularModalStory, ModalWithFooter, ModalWithFooterAndScroll, NonDismissibleModal, RegularModalStory };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/modal/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/modal/index.stories.tsx"],"sourcesContent":["\nimport { useState } from 'react';\nimport { BottomModal, BottomOrRegularModal, Props, RegularModal } from '.';\nimport { Markdown } from '../markdown';\n\nconst story = {\n  title: 'JSX/Modals',\n  component: BottomOrRegularModal,\n  argTypes: {\n    title: {\n      defaultValue: \"Modal title\",\n      description: \"The title that needs to be displayed on the modal\",\n    },\n    isOpen: {\n      defaultValue: false,\n      description: \"When set to `true`, the modal is displayed. When set to `false` the modal gets removed\",\n    },\n    dismissible: {\n      defaultValue: true,\n      description: \"The content that gets displayed on the modal\",\n    },\n    className: {\n      defaultValue: '',\n      description: 'Any additional className',\n    },\n    children: {\n      defaultValue: 'Modal content to be displayed',\n      description: 'The content that gets displayed on the modal',\n      type: 'text',\n      table: {\n        type: {\n            summary: 'ReactNode'\n        }\n      }\n    },\n    onClose: {\n      description: 'Callback when the user close the modal',\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n    },\n  },\n  parameters: {\n    componentSubtitle: 'Bottom or Regular modal will automatically choose what’s best to display based on the users screen width.',\n    docs: {\n      description: {\n        component: 'Modals are dialog overlays that prevent the user from interacting with the rest of the website until an action is taken or the dialog is dismissed. Modals are purposefully disruptive and should be used thoughtfully and sparingly.',\n      }\n    },\n  },\n};\n\nexport const BottomOrRegularModalStory = ({\n  children,\n  className,\n  dismissible,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      <button\n        className=\"p-btn--primary wmn2\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomOrRegularModal\n        dismissible={dismissible}\n        className={className}\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </BottomOrRegularModal>\n    </>\n  );\n}\n\nBottomOrRegularModalStory.storyName = 'BottomOrRegularModal';\n\nexport const RegularModalStory = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      Regular modals are primary meant to be used on Desktop or Tablet environment. The modal will appear in the middle of the screen and the user will be able to dismiss them using the top left \"X\" icon.  \n      <Markdown>\n        If you want to use it for Mobile only, you should check [Bottom modal](#bottommodal) instead.\n        Want to use either Regular Modal or Bottom Modal based on the screen width? You can use [Bottom or Regular modal](#bottomorregularmodal).\n      </Markdown>\n\n      <button\n        className=\"p-btn--primary wmn2 mt24\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <RegularModal\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </RegularModal>\n    </>\n  );\n}\n\nRegularModalStory.storyName = 'RegularModal';\n\nexport const BottomModalStory = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      Bottom modals are primary meant to be used on Mobile environment. The modal will appear from the bottom of the screen and the user will be able to dismiss them using the top left \"X\" icon.\n      <Markdown>\n        If you want to use it for Desktop only, you should check [Regular modal](#regularmodal) instead.\n        Want to use either Regular Modal or Bottom Modal based on the screen width? You can use [Bottom or Regular modal](#bottomorregularmodal).\n      </Markdown>\n\n      <button\n        className=\"p-btn--primary wmn2 mt24\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomModal\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </BottomModal>\n    </>\n  );\n}\n\nBottomModalStory.storyName = 'BottomModal';\n\nexport const NonDismissibleModal = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      <Markdown>\n        Setting the dismissible prop to false will hide the close button and prevent the user from closing it using the escape key or clicking outside.\n        This prop can be useful if we want the user to explicitly interact with the modal options.\n      </Markdown>\n\n      <Markdown>\n        **Warning:** a modal with the dismissible prop can only be closed by changing the isOpen prop to false.\n       </Markdown>\n\n      <button\n        className=\"p-btn--primary wmn2 mt24\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomOrRegularModal\n        dismissible={false}\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </BottomOrRegularModal>\n    </>\n  );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/modal/index.stories.tsx"],"sourcesContent":["\nimport { useState } from 'react';\nimport { BottomModal, BottomOrRegularModal, Props, RegularModal } from '.';\nimport { Markdown } from '../markdown';\nimport { Button } from '../button';\n\nconst story = {\n  title: 'JSX/Modals',\n  component: BottomOrRegularModal,\n  argTypes: {\n    title: {\n      defaultValue: \"Modal title\",\n      description: \"The title that needs to be displayed on the modal\",\n    },\n    isOpen: {\n      defaultValue: false,\n      description: \"When set to `true`, the modal is displayed. When set to `false` the modal gets removed\",\n    },\n    dismissible: {\n      defaultValue: true,\n      description: \"The content that gets displayed on the modal\",\n    },\n    className: {\n      defaultValue: '',\n      description: 'Any additional className',\n    },\n    children: {\n      defaultValue: 'Modal content to be displayed',\n      description: 'The content that gets displayed on the modal',\n      type: 'text',\n      table: {\n        type: {\n            summary: 'ReactNode'\n        }\n      }\n    },\n    onClose: {\n      description: 'Callback when the user close the modal',\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n    },\n  },\n  parameters: {\n    componentSubtitle: 'Bottom or Regular modal will automatically choose what’s best to display based on the users screen width.',\n    docs: {\n      description: {\n        component: 'Modals are dialog overlays that prevent the user from interacting with the rest of the website until an action is taken or the dialog is dismissed. Modals are purposefully disruptive and should be used thoughtfully and sparingly.',\n      }\n    },\n  },\n};\n\nexport const BottomOrRegularModalStory = ({\n  children,\n  className,\n  dismissible,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      <button\n        className=\"p-btn--primary wmn2\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomOrRegularModal\n        dismissible={dismissible}\n        className={className}\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </BottomOrRegularModal>\n    </>\n  );\n}\n\nBottomOrRegularModalStory.storyName = 'BottomOrRegularModal';\n\nexport const RegularModalStory = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      Regular modals are primary meant to be used on Desktop or Tablet environment. The modal will appear in the middle of the screen and the user will be able to dismiss them using the top left \"X\" icon.  \n      <Markdown>\n        If you want to use it for Mobile only, you should check [Bottom modal](#bottommodal) instead.\n        Want to use either Regular Modal or Bottom Modal based on the screen width? You can use [Bottom or Regular modal](#bottomorregularmodal).\n      </Markdown>\n\n      <button\n        className=\"p-btn--primary wmn2 mt24\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <RegularModal\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </RegularModal>\n    </>\n  );\n}\n\nRegularModalStory.storyName = 'RegularModal';\n\nexport const BottomModalStory = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      Bottom modals are primary meant to be used on Mobile environment. The modal will appear from the bottom of the screen and the user will be able to dismiss them using the top left \"X\" icon.\n      <Markdown>\n        If you want to use it for Desktop only, you should check [Regular modal](#regularmodal) instead.\n        Want to use either Regular Modal or Bottom Modal based on the screen width? You can use [Bottom or Regular modal](#bottomorregularmodal).\n      </Markdown>\n\n      <button\n        className=\"p-btn--primary wmn2 mt24\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomModal\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </BottomModal>\n    </>\n  );\n}\n\nBottomModalStory.storyName = 'BottomModal';\n\nexport const NonDismissibleModal = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      <Markdown>\n        Setting the dismissible prop to false will hide the close button and prevent the user from closing it using the escape key or clicking outside.\n        This prop can be useful if we want the user to explicitly interact with the modal options.\n      </Markdown>\n\n      <Markdown>\n        **Warning:** a modal with the dismissible prop can only be closed by changing the isOpen prop to false.\n       </Markdown>\n\n      <button\n        className=\"p-btn--primary wmn2 mt24\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomOrRegularModal\n        dismissible={false}\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n      >\n        <div style={{ padding: '0 24px 24px 24px' }}>\n          <div>\n            {children}\n          </div>\n          <button\n            className=\"p-btn--primary mt24 wmn3\"\n            onClick={() => setDisplay(false)}\n          >\n            Continue\n          </button>\n        </div>\n      </BottomOrRegularModal>\n    </>\n  );\n}\n\nexport const ModalWithFooter = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      <button\n        className=\"p-btn--primary wmn2\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomOrRegularModal\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n        footer={(\n          <div className='d-flex fd-row gap8'>\n            <Button variant='textColor' className='w100' onClick={handleOnClose}>\n              Skip\n            </Button>\n            <Button className='w100' onClick={handleOnClose}>\n              Continue\n            </Button>\n          </div>\n        )}\n      >\n        <div className='p24'>\n          <div>\n            {children}\n          </div>\n        </div>\n      </BottomOrRegularModal>\n    </>\n  );\n}\n\nexport const ModalWithFooterAndScroll = ({\n  children,\n  isOpen,\n  onClose,\n  title,\n}: Props) => {\n  const [display, setDisplay] = useState(isOpen);\n  const handleOnClose = () => {\n    onClose();\n    setDisplay(false);\n  };\n\n  return (\n    <>\n      <button\n        className=\"p-btn--primary wmn2\"\n        onClick={() => setDisplay(true)}\n      >\n        Click to open modal\n      </button>\n\n      <BottomOrRegularModal\n        title={title}\n        isOpen={display}\n        onClose={handleOnClose}\n        footer={(\n          <div className='d-flex fd-row gap8'>\n            <Button variant='textColor' className='w100' onClick={handleOnClose}>\n              Skip\n            </Button>\n            <Button className='w100' onClick={handleOnClose}>\n              Continue\n            </Button>\n          </div>\n        )}\n      >\n        <div className='p24'>\n          <div>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n            <div style={{ height: '840px' }} />\n            {children}\n          </div>\n        </div>\n      </BottomOrRegularModal>\n    </>\n  );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/modal/regularModal/index.js

@@ -1,27 +1,29 @@
-import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { u as useOnClose } from '../../../useOnClose-d818a54f.js';
+import { a as __rest, _ as __assign } from '../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
 import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
-import XIcon from '../../icon/icons/X.js';
 import { c as classNames } from '../../../index-6ea95111.js';
+import { GenericModal } from '../genericModal/index.js';
 import 'react';
+import '../../button/index.js';
+import '../../icon/icons/X.js';
 import '../../icon/IconWrapper/IconWrapper.js';
 
-var css_248z = "@keyframes style-module_fade-in__nLzzO {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__IuSV7 {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 592px;\n  width: 100%;\n  min-height: 100%;\n  margin: 0 auto;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n  background-color: white;\n  border-radius: 8px;\n  margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_closeIcon__1KNwx {\n  margin: 0;\n}";
-var styles = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi","closeIcon":"style-module_closeIcon__1KNwx"};
+var css_248z = "@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_wrapper__qQirD {\n  position: relative;\n  min-height: 100%;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_wrapperClose__2aXSB {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_container__1XZj_ {\n  max-height: 96vh;\n  overflow: hidden;\n}";
+var styles = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-module_appear-in__2ZMqz","wrapperClose":"style-module_wrapperClose__2aXSB","disappear-out":"style-module_disappear-out__38TSV","container":"style-module_container__1XZj_"};
 styleInject(css_248z);
 
 var RegularModal = function (_a) {
-    var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
-    var _d = useOnClose(onClose, isOpen, dismissible), isClosing = _d.isClosing, handleContainerClick = _d.handleContainerClick, handleOnClose = _d.handleOnClose, handleOnOverlayClick = _d.handleOnOverlayClick;
-    if (!isOpen) {
-        return jsx(Fragment, {}, void 0);
-    }
-    return (jsx("div", __assign({ className: isClosing ? styles['overlay--close'] : styles.overlay, onClick: handleOnOverlayClick }, { children: jsx("div", __assign({ className: (isClosing ? styles['container--close'] : styles.container) + " " + className }, { children: jsxs("div", __assign({ className: styles.body, onClick: handleContainerClick }, { children: [jsxs("div", __assign({ className: classNames(styles.header, {
-                            'jc-between': !!title,
-                            'jc-end': !title,
-                        }) }, { children: [title && jsx("div", __assign({ className: "p-h2 " + styles.title }, { children: title }), void 0),
-                            dismissible && (jsx("button", __assign({ type: "button", className: styles.close, onClick: handleOnClose }, { children: jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles.closeIcon }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
+    var _b = _a.className, className = _b === void 0 ? '' : _b, rest = __rest(_a, ["className"]);
+    return (jsx(GenericModal, __assign({ classNames: {
+            wrapper: function (_a) {
+                var _b;
+                var isClosing = _a.isClosing;
+                return classNames('d-flex ai-center w90 mx-auto my0', className, styles.wrapper, (_b = {},
+                    _b[styles.wrapperClose] = isClosing,
+                    _b));
+            },
+            container: classNames('bg-white br8 d-flex ai-center fd-column mx-auto my0 wmx8', styles.container)
+        } }, rest), void 0));
 };
 
 export { RegularModal };

package/dist/esm/components/modal/regularModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/regularModal/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Props } from '..';\nimport useOnClose from '../hooks/useOnClose';\n\nimport styles from './style.module.scss';\nimport { XIcon } from '../../icon/icons';\nimport classNames from 'classnames';\n\nexport const RegularModal = ({\n  title,\n  isOpen,\n  children,\n  onClose,\n  className = '',\n  dismissible = true,\n}: Props) => {\n  const {\n    isClosing,\n    handleContainerClick,\n    handleOnClose,\n    handleOnOverlayClick,\n  } = useOnClose(onClose, isOpen, dismissible);\n\n  if (!isOpen) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className={isClosing ? styles['overlay--close'] : styles.overlay}\n      onClick={handleOnOverlayClick}\n    >\n      <div\n        className={`${\n          isClosing ? styles['container--close'] : styles.container\n        } ${className}`}\n      >\n        <div className={styles.body} onClick={handleContainerClick}>\n          <div\n            className={classNames(styles.header, {\n              'jc-between': !!title,\n              'jc-end': !title,\n            })}\n          >\n            {title && <div className={`p-h2 ${styles.title}`}>{title}</div>}\n            {dismissible && (\n              <button\n                type=\"button\"\n                className={styles.close}\n                onClick={handleOnClose}\n              >\n                <XIcon\n                  size={24}\n                  color={'grey-700'}\n                  className={`${styles.closeIcon}`}\n                />\n              </button>\n            )}\n          </div>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;IASa,YAAY,GAAG,UAAC,EAOrB;QANN,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEZ,IAAA,KAKF,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAJ1C,SAAS,eAAA,EACT,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,oBAAoB,0BACsB,CAAC;IAE7C,IAAI,CAAC,MAAM,EAAE;QACX,OAAOA,yBAAK,CAAC;KACd;IAED,QACEA,sBACE,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,EAChE,OAAO,EAAE,oBAAoB,gBAE7BA,sBACE,SAAS,EAAE,CACT,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,SAAS,UACvD,SAAW,gBAEfC,uBAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,oBAAoB,iBACxDA,uBACE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;4BACnC,YAAY,EAAE,CAAC,CAAC,KAAK;4BACrB,QAAQ,EAAE,CAAC,KAAK;yBACjB,CAAC,iBAED,KAAK,IAAID,sBAAK,SAAS,EAAE,UAAQ,MAAM,CAAC,KAAO,gBAAG,KAAK,YAAO;4BAC9D,WAAW,KACVA,yBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,OAAO,EAAE,aAAa,gBAEtBA,IAAC,KAAK,IACJ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,KAAG,MAAM,CAAC,SAAW,WAChC,YACK,CACV,aACG,EACL,QAAQ,aACL,YACF,YACF,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/regularModal/index.tsx"],"sourcesContent":["import { Props } from '..';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\nimport { GenericModal } from '../genericModal';\n\nconst RegularModal = ({ className = '', ...rest }: Props) => (\n  <GenericModal\n    classNames={{\n      wrapper: ({ isClosing }) => classNames(\n        'd-flex ai-center w90 mx-auto my0',\n        className,\n        styles.wrapper, {\n          [styles.wrapperClose]: isClosing,\n        }\n      ),\n      container: classNames(\n        'bg-white br8 d-flex ai-center fd-column mx-auto my0 wmx8',\n        styles.container\n      )\n    }}\n    {...rest}\n  />\n);\n\nexport { RegularModal };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;IAKM,YAAY,GAAG,UAAC,EAAkC;IAAhC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,IAAI,cAAzB,aAA2B,CAAF;IAAc,QAC3DA,IAAC,YAAY,aACX,UAAU,EAAE;YACV,OAAO,EAAE,UAAC,EAAa;;oBAAX,SAAS,eAAA;gBAAO,OAAA,UAAU,CACpC,kCAAkC,EAClC,SAAS,EACT,MAAM,CAAC,OAAO;oBACZ,GAAC,MAAM,CAAC,YAAY,IAAG,SAAS;wBAEnC;aAAA;YACD,SAAS,EAAE,UAAU,CACnB,0DAA0D,EAC1D,MAAM,CAAC,SAAS,CACjB;SACF,IACG,IAAI,UACR,EACH;;;;;"}

package/dist/esm/{index-e506c4ca.js → index-73378a46.js}

@@ -6,6 +6,7 @@ import _5 from './components/icon/icons/5.js';
 import _6 from './components/icon/icons/6.js';
 import _7 from './components/icon/icons/7.js';
 import _8 from './components/icon/icons/8.js';
+import Cancer from './components/icon/icons/Cancer.js';
 import Activity from './components/icon/icons/Activity.js';
 import Adhd from './components/icon/icons/Adhd.js';
 import AdviceRecommendation from './components/icon/icons/AdviceRecommendation.js';
@@ -27,6 +28,7 @@ import ArrowDown from './components/icon/icons/ArrowDown.js';
 import ArrowLeftCircle from './components/icon/icons/ArrowLeftCircle.js';
 import ArrowLeft from './components/icon/icons/ArrowLeft.js';
 import ArrowRightCircle from './components/icon/icons/ArrowRightCircle.js';
+import ArrowRightFilled from './components/icon/icons/ArrowRightFilled.js';
 import ArrowRight from './components/icon/icons/ArrowRight.js';
 import ArrowUpCircle from './components/icon/icons/ArrowUpCircle.js';
 import ArrowUpLeft from './components/icon/icons/ArrowUpLeft.js';
@@ -61,7 +63,6 @@ import Calculator from './components/icon/icons/Calculator.js';
 import CalendarIcon from './components/icon/icons/Calendar.js';
 import CameraOff from './components/icon/icons/CameraOff.js';
 import Camera from './components/icon/icons/Camera.js';
-import Cancer from './components/icon/icons/Cancer.js';
 import Cast from './components/icon/icons/Cast.js';
 import CheckCircle from './components/icon/icons/CheckCircle.js';
 import CheckInCircleFilled from './components/icon/icons/CheckInCircleFilled.js';
@@ -238,6 +239,8 @@ import PhoneOutgoing from './components/icon/icons/PhoneOutgoing.js';
 import Phone from './components/icon/icons/Phone.js';
 import PieChart from './components/icon/icons/PieChart.js';
 import PlaneFilled from './components/icon/icons/PlaneFilled.js';
+import PlaneRepatriationFilled from './components/icon/icons/PlaneRepatriationFilled.js';
+import PlaneRepatriation from './components/icon/icons/PlaneRepatriation.js';
 import Plane from './components/icon/icons/Plane.js';
 import PlayCircle from './components/icon/icons/PlayCircle.js';
 import Play from './components/icon/icons/Play.js';
@@ -370,6 +373,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	Svg6Icon: _6,
 	Svg7Icon: _7,
 	Svg8Icon: _8,
+	CancerIcon: Cancer,
 	ActivityIcon: Activity,
 	AdhdIcon: Adhd,
 	AdviceRecommendationIcon: AdviceRecommendation,
@@ -391,6 +395,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	ArrowLeftCircleIcon: ArrowLeftCircle,
 	ArrowLeftIcon: ArrowLeft,
 	ArrowRightCircleIcon: ArrowRightCircle,
+	ArrowRightFilledIcon: ArrowRightFilled,
 	ArrowRightIcon: ArrowRight,
 	ArrowUpCircleIcon: ArrowUpCircle,
 	ArrowUpLeftIcon: ArrowUpLeft,
@@ -425,7 +430,6 @@ var icons = /*#__PURE__*/Object.freeze({
 	CalendarIcon: CalendarIcon,
 	CameraOffIcon: CameraOff,
 	CameraIcon: Camera,
-	CancerIcon: Cancer,
 	CastIcon: Cast,
 	CheckCircleIcon: CheckCircle,
 	CheckInCircleFilledIcon: CheckInCircleFilled,
@@ -602,6 +606,8 @@ var icons = /*#__PURE__*/Object.freeze({
 	PhoneIcon: Phone,
 	PieChartIcon: PieChart,
 	PlaneFilledIcon: PlaneFilled,
+	PlaneRepatriationFilledIcon: PlaneRepatriationFilled,
+	PlaneRepatriationIcon: PlaneRepatriation,
 	PlaneIcon: Plane,
 	PlayCircleIcon: PlayCircle,
 	PlayIcon: Play,
@@ -726,4 +732,4 @@ var icons = /*#__PURE__*/Object.freeze({
 });
 
 export { icons as i };
-//# sourceMappingURL=index-e506c4ca.js.map
+//# sourceMappingURL=index-73378a46.js.map

package/dist/esm/{index-e506c4ca.js.map → index-73378a46.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-e506c4ca.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-73378a46.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index.js

@@ -15,7 +15,7 @@ export { RegularModal } from './components/modal/regularModal/index.js';
 export { BottomOrRegularModal } from './components/modal/bottomOrRegularModal/index.js';
 export { InfoCard } from './components/cards/index.js';
 export { CardButton } from './components/cards/cardButton/index.js';
-export { Card } from './components/card/index.js';
+export { Card } from './components/cards/card/index.js';
 export { Button } from './components/button/index.js';
 export { AutoSuggestMultiSelect } from './components/input/autoSuggestMultiSelect/index.js';
 export { default as Chip } from './components/chip/index.js';
@@ -36,6 +36,7 @@ export { default as Svg5Icon } from './components/icon/icons/5.js';
 export { default as Svg6Icon } from './components/icon/icons/6.js';
 export { default as Svg7Icon } from './components/icon/icons/7.js';
 export { default as Svg8Icon } from './components/icon/icons/8.js';
+export { default as CancerIcon } from './components/icon/icons/Cancer.js';
 export { default as ActivityIcon } from './components/icon/icons/Activity.js';
 export { default as AdhdIcon } from './components/icon/icons/Adhd.js';
 export { default as AdviceRecommendationIcon } from './components/icon/icons/AdviceRecommendation.js';
@@ -57,6 +58,7 @@ export { default as ArrowDownIcon } from './components/icon/icons/ArrowDown.js';
 export { default as ArrowLeftCircleIcon } from './components/icon/icons/ArrowLeftCircle.js';
 export { default as ArrowLeftIcon } from './components/icon/icons/ArrowLeft.js';
 export { default as ArrowRightCircleIcon } from './components/icon/icons/ArrowRightCircle.js';
+export { default as ArrowRightFilledIcon } from './components/icon/icons/ArrowRightFilled.js';
 export { default as ArrowRightIcon } from './components/icon/icons/ArrowRight.js';
 export { default as ArrowUpCircleIcon } from './components/icon/icons/ArrowUpCircle.js';
 export { default as ArrowUpLeftIcon } from './components/icon/icons/ArrowUpLeft.js';
@@ -91,7 +93,6 @@ export { default as CalculatorIcon } from './components/icon/icons/Calculator.js
 export { default as CalendarIcon } from './components/icon/icons/Calendar.js';
 export { default as CameraOffIcon } from './components/icon/icons/CameraOff.js';
 export { default as CameraIcon } from './components/icon/icons/Camera.js';
-export { default as CancerIcon } from './components/icon/icons/Cancer.js';
 export { default as CastIcon } from './components/icon/icons/Cast.js';
 export { default as CheckCircleIcon } from './components/icon/icons/CheckCircle.js';
 export { default as CheckInCircleFilledIcon } from './components/icon/icons/CheckInCircleFilled.js';
@@ -268,6 +269,8 @@ export { default as PhoneOutgoingIcon } from './components/icon/icons/PhoneOutgo
 export { default as PhoneIcon } from './components/icon/icons/Phone.js';
 export { default as PieChartIcon } from './components/icon/icons/PieChart.js';
 export { default as PlaneFilledIcon } from './components/icon/icons/PlaneFilled.js';
+export { default as PlaneRepatriationFilledIcon } from './components/icon/icons/PlaneRepatriationFilled.js';
+export { default as PlaneRepatriationIcon } from './components/icon/icons/PlaneRepatriation.js';
 export { default as PlaneIcon } from './components/icon/icons/Plane.js';
 export { default as PlayCircleIcon } from './components/icon/icons/PlayCircle.js';
 export { default as PlayIcon } from './components/icon/icons/Play.js';
@@ -407,7 +410,7 @@ import './index-1463d5e9.js';
 import './index-dd80248b.js';
 import './index-a0ef2ab4.js';
 import './components/multiDropzone/UploadFileCell/index.js';
-import './useOnClose-d818a54f.js';
+import './components/modal/genericModal/index.js';
 import './index-171a0108.js';
 import './components/comparisonTable/components/Chevron.js';
 import './components/comparisonTable/components/Row/index.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/lib/components/button/index.d.ts

@@ -15,6 +15,6 @@ declare const Button: React.ForwardRefExoticComponent<Pick<{
     rightIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     loading?: boolean | undefined;
     hideLabel?: boolean | undefined;
-} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "color" | "hidden" | "type" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hideLabel" | "loading" | "variant" | "leftIcon" | "rightIcon"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "color" | "hidden" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "loading" | "variant" | "leftIcon" | "rightIcon" | "hideLabel"> & React.RefAttributes<HTMLButtonElement>>;
 export { Button };
 export type { ButtonProps, ButtonVariant };

package/dist/esm/lib/components/button/index.stories.d.ts

@@ -9,7 +9,7 @@ declare const story: {
         rightIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         loading?: boolean | undefined;
         hideLabel?: boolean | undefined;
-    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "color" | "hidden" | "type" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hideLabel" | "loading" | "variant" | "leftIcon" | "rightIcon"> & import("react").RefAttributes<HTMLButtonElement>>;
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "color" | "hidden" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "loading" | "variant" | "leftIcon" | "rightIcon" | "hideLabel"> & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         children: {
             control: {

package/dist/esm/lib/components/{card → cards/card}/index.d.ts

@@ -3,6 +3,7 @@ declare const cardDefaultAs: "section";
 declare type CardDefaultAsType = typeof cardDefaultAs;
 declare type DensityType = 'balanced' | 'compact' | 'spacious';
 declare type TitleVariantType = 'small' | 'medium' | 'large';
+declare type VerticalAlignmentType = 'top' | 'center' | 'bottom';
 declare type CardOwnProps<E extends ElementType = CardDefaultAsType> = {
     as?: E;
     children?: ReactNode;
@@ -27,7 +28,8 @@ declare type CardOwnProps<E extends ElementType = CardDefaultAsType> = {
     onClick?: () => void;
     actionIcon?: ReactNode;
     showActionIcon?: boolean;
+    verticalAlignment?: VerticalAlignmentType;
 };
 export declare type CardProps<E extends ElementType = CardDefaultAsType> = CardOwnProps<E> & Omit<ComponentProps<E>, keyof CardOwnProps<E>>;
-declare const Card: <E extends ElementType<any> = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, ...rest }: CardProps<E>) => JSX.Element;
+declare const Card: <E extends ElementType<any> = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, ...rest }: CardProps<E>) => JSX.Element;
 export { Card };

package/dist/{cjs/lib/components → esm/lib/components/cards}/card/index.stories.d.ts

@@ -2,7 +2,7 @@
 import { CardProps } from '.';
 declare const story: {
     title: string;
-    component: <E extends import("react").ElementType<any> = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, ...rest }: CardProps<E>) => JSX.Element;
+    component: <E extends import("react").ElementType<any> = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, ...rest }: CardProps<E>) => JSX.Element;
     argTypes: {
         as: {
             control: {
@@ -52,6 +52,12 @@ declare const story: {
         showActionIcon: {
             description: string;
         };
+        verticalAlignment: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
     };
     args: {
         density: string;
@@ -71,10 +77,11 @@ declare const story: {
             icon: string;
         };
         dropShadow: boolean;
+        verticalAlignment: string;
     };
 };
 export declare const CardStory: {
-    ({ as, actionIcon, showActionIcon, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, title, titleVariant, }: CardProps): JSX.Element;
+    ({ as, actionIcon, showActionIcon, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, title, titleVariant, verticalAlignment, }: CardProps): JSX.Element;
     storyName: string;
 };
 export declare const CardAsOtherComponents: () => JSX.Element;

package/dist/esm/lib/components/cards/cardButton/index.d.ts

@@ -1,16 +1,10 @@
-import { FormEvent, ReactNode } from 'react';
-declare type ActionProps = {
-    href: string;
-    onClick?: (e: FormEvent) => void;
-} | {
-    href?: string;
-    onClick: (e: FormEvent) => void;
-};
+import { ReactNode } from 'react';
+import { CardProps } from '../card';
 export declare type CardButtonProps = {
     title: string;
     description: string | ReactNode;
     disabled?: boolean;
     className?: string;
-} & ActionProps;
-export declare const CardButton: ({ title, description, disabled, onClick, href, className, }: CardButtonProps) => JSX.Element;
-export {};
+    href?: string;
+} & CardProps;
+export declare const CardButton: ({ title, description, disabled, className, href, }: CardButtonProps) => JSX.Element;

package/dist/esm/lib/components/cards/cardButton/index.stories.d.ts

@@ -1,7 +1,7 @@
 import { CardButtonProps } from '.';
 declare const story: {
     title: string;
-    component: ({ title, description, disabled, onClick, href, className, }: CardButtonProps) => JSX.Element;
+    component: ({ title, description, disabled, className, href, }: CardButtonProps) => JSX.Element;
     argTypes: {
         title: {
             defaultValue: string;

package/dist/esm/lib/components/icon/icons/ArrowRightFilled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IconWrapperProps } from '../IconWrapper';
+declare const _default: (props: IconWrapperProps) => import("react").FunctionComponentElement<IconWrapperProps>;
+export default _default;

package/dist/esm/lib/components/icon/icons/index.d.ts

@@ -6,6 +6,7 @@ export { default as Svg5Icon } from './5';
 export { default as Svg6Icon } from './6';
 export { default as Svg7Icon } from './7';
 export { default as Svg8Icon } from './8';
+export { default as CancerIcon } from './Cancer';
 export { default as ActivityIcon } from './Activity';
 export { default as AdhdIcon } from './Adhd';
 export { default as AdviceRecommendationIcon } from './AdviceRecommendation';
@@ -27,6 +28,7 @@ export { default as ArrowDownIcon } from './ArrowDown';
 export { default as ArrowLeftCircleIcon } from './ArrowLeftCircle';
 export { default as ArrowLeftIcon } from './ArrowLeft';
 export { default as ArrowRightCircleIcon } from './ArrowRightCircle';
+export { default as ArrowRightFilledIcon } from './ArrowRightFilled';
 export { default as ArrowRightIcon } from './ArrowRight';
 export { default as ArrowUpCircleIcon } from './ArrowUpCircle';
 export { default as ArrowUpLeftIcon } from './ArrowUpLeft';
@@ -61,7 +63,6 @@ export { default as CalculatorIcon } from './Calculator';
 export { default as CalendarIcon } from './Calendar';
 export { default as CameraOffIcon } from './CameraOff';
 export { default as CameraIcon } from './Camera';
-export { default as CancerIcon } from './Cancer';
 export { default as CastIcon } from './Cast';
 export { default as CheckCircleIcon } from './CheckCircle';
 export { default as CheckInCircleFilledIcon } from './CheckInCircleFilled';
@@ -238,6 +239,8 @@ export { default as PhoneOutgoingIcon } from './PhoneOutgoing';
 export { default as PhoneIcon } from './Phone';
 export { default as PieChartIcon } from './PieChart';
 export { default as PlaneFilledIcon } from './PlaneFilled';
+export { default as PlaneRepatriationFilledIcon } from './PlaneRepatriationFilled';
+export { default as PlaneRepatriationIcon } from './PlaneRepatriation';
 export { default as PlaneIcon } from './Plane';
 export { default as PlayCircleIcon } from './PlayCircle';
 export { default as PlayIcon } from './Play';

package/dist/esm/lib/components/input/index.d.ts

@@ -14,4 +14,4 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<Omit<React.Deta
     id?: string | undefined;
     hideLabel?: boolean | undefined;
     labelInsideInput?: boolean | undefined;
-}, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "size" | "color" | "hidden" | "type" | "list" | "enterKeyHint" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "placeholder" | "readOnly" | "required" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hideLabel" | "labelInsideInput"> & React.RefAttributes<HTMLInputElement>>;
+}, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "size" | "color" | "hidden" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hideLabel" | "list" | "step" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "width" | "labelInsideInput"> & React.RefAttributes<HTMLInputElement>>;