@onewelcome/react-lib-components 7.0.0 → 7.1.0

package/dist/esm/Notifications/Banner/Banner.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.esm.js","sources":["../../../../../../src/components/Notifications/Banner/Banner.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  AriaAttributes,\n  AriaRole,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction\n} from \"react\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./Banner.module.scss\";\n\nexport type BannerType = \"error\" | \"warning\" | \"info\";\nexport interface Props extends ComponentPropsWithRef<\"section\"> {\n  children: string;\n  ariaRole?: AriaRole;\n  ariaLive?: AriaAttributes[\"aria-live\"];\n  ariaLabel?: AriaAttributes[\"aria-label\"];\n  type: BannerType;\n  title: string;\n}\n\nconst BannerComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { children, ariaLabel, ariaRole, ariaLive, type, title, ...rest }: Props,\n  ref\n) => {\n  const getIconVariant = (type: BannerType): Icons | null => {\n    switch (type) {\n      case \"info\":\n        return Icons.InfoCircle;\n      case \"error\":\n        return Icons.Error;\n      case \"warning\":\n        return Icons.Warning;\n      default:\n        return null;\n    }\n  };\n\n  const icon = getIconVariant(type);\n\n  return (\n    <section\n      {...rest}\n      ref={ref}\n      aria-live={ariaLive}\n      aria-label={ariaLabel}\n      role={ariaRole}\n      className={`${classes[\"banner\"]} ${classes[type]}`}\n    >\n      {icon && <Icon icon={icon} className={classes[\"icon\"]} />}\n      <div className={classes[\"container\"]}>\n        <Typography variant={\"h4\"} className={classes[\"headline\"]}>\n          {title}\n        </Typography>\n        <Typography variant={\"body\"} className={classes[\"content\"]} tag={\"p\"}>\n          {children}\n        </Typography>\n      </div>\n    </section>\n  );\n};\n\nexport const Banner = React.forwardRef(BannerComponent);\n"],"names":["BannerComponent","children","ariaLabel","ariaRole","ariaLive","type","title","rest","ref","getIconVariant","Icons","InfoCircle","Error","Warning","icon","React","createElement","role","className","classes","Icon","Typography","variant","tag","Banner","forwardRef"],"mappings":"oLAoCA,MAAMA,EAAgE,EAClEC,WAAUC,YAAWC,WAAUC,WAAUC,OAAMC,WAAUC,GAC3DC,KAEA,MAAMC,EAAkBJ,IACtB,OAAQA,GACN,IAAK,OACH,OAAOK,EAAMC,WACf,IAAK,QACH,OAAOD,EAAME,MACf,IAAK,UACH,OAAOF,EAAMG,QACf,QACE,OAAO,KACV,EAGH,MAAMC,EAAOL,EAAeJ,GAE5B,OACEU,EAAAC,cAAA,UAAA,IACMT,EACJC,IAAKA,EAAG,YACGJ,EAAQ,aACPF,EACZe,KAAMd,EACNe,UAAW,GAAGC,EAAQ,aAAaA,EAAQd,MAE1CS,GAAQC,EAAAC,cAACI,EAAI,CAACN,KAAMA,EAAMI,UAAWC,EAAQ,UAC9CJ,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAQ,cACtBJ,EAAAC,cAACK,EAAU,CAACC,QAAS,KAAMJ,UAAWC,EAAQ,aAC3Cb,GAEHS,EAACC,cAAAK,GAAWC,QAAS,OAAQJ,UAAWC,EAAQ,WAAYI,IAAK,KAC9DtB,IAIP,EAGS,MAAAuB,EAAST,EAAMU,WAAWzB"}
+{"version":3,"file":"Banner.esm.js","sources":["../../../../../../src/components/Notifications/Banner/Banner.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  AriaAttributes,\n  AriaRole,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction\n} from \"react\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./Banner.module.scss\";\n\nexport type BannerType = \"error\" | \"warning\" | \"info\";\nexport interface Props extends ComponentPropsWithRef<\"section\"> {\n  children: string;\n  ariaRole?: AriaRole;\n  ariaLive?: AriaAttributes[\"aria-live\"];\n  ariaLabel?: AriaAttributes[\"aria-label\"];\n  type: BannerType;\n  title: string;\n}\n\nconst BannerComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { children, ariaLabel, ariaRole, ariaLive, type, title, ...rest }: Props,\n  ref\n) => {\n  const getIconVariant = (type: BannerType): Icons | null => {\n    switch (type) {\n      case \"info\":\n        return Icons.InfoCircle;\n      case \"error\":\n        return Icons.Error;\n      case \"warning\":\n        return Icons.Warning;\n      default:\n        return null;\n    }\n  };\n\n  const icon = getIconVariant(type);\n\n  return (\n    <section\n      {...rest}\n      ref={ref}\n      aria-live={ariaLive}\n      aria-label={ariaLabel}\n      role={ariaRole}\n      className={`${classes[\"banner\"]} ${classes[type]}`}\n    >\n      {icon && <Icon icon={icon} className={classes[\"icon\"]} />}\n      <div className={classes[\"container\"]}>\n        <Typography variant={\"h4\"} className={classes[\"headline\"]}>\n          {title}\n        </Typography>\n        <Typography variant={\"body\"} className={classes[\"content\"]} tag={\"p\"}>\n          {children}\n        </Typography>\n      </div>\n    </section>\n  );\n};\n\nexport const Banner = React.forwardRef(BannerComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAsBH,MAAM,eAAe,GAAiD,CACpE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAS,EACxE,GAAG,KACD;AACF,IAAA,MAAM,cAAc,GAAG,CAAC,IAAgB,KAAkB;QACxD,QAAQ,IAAI;AACV,YAAA,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,UAAU,CAAC;AAC1B,YAAA,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC,KAAK,CAAC;AACrB,YAAA,KAAK,SAAS;gBACZ,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC;SACf;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,QAAQ,EAAA,YAAA,EACP,SAAS,EACrB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,IAAI,CAAC,CAAE,CAAA,EAAA;AAEjD,QAAA,IAAI,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAA;AAClC,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAAA,EACtD,KAAK,CACK;YACb,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EACjE,QAAQ,CACE,CACT,CACE,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe;;;;"}

package/dist/esm/Notifications/Banner/Banner.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Banner-module_banner__YfpRS{background-color:var(--light);border-radius:var(--banner-border-radius);border-style:solid;border-width:0 0 0 var(--banner-border-width);display:flex;flex-grow:0;padding:1rem 1.25rem}.Banner-module_banner__YfpRS .Banner-module_container__IwBEp{color:var(--default);display:block;flex:1;margin-left:1rem}.Banner-module_banner__YfpRS .Banner-module_headline__J6Wud{margin-bottom:.25rem}.Banner-module_banner__YfpRS .Banner-module_content__OKABk{margin-bottom:0}.Banner-module_banner__YfpRS .Banner-module_icon__Nlh-W{font-size:1.25rem;line-height:var(--default-line-height);margin-top:.1rem}.Banner-module_banner__YfpRS.Banner-module_info__uEjbr{border-color:var(--info)}.Banner-module_banner__YfpRS.Banner-module_info__uEjbr .Banner-module_headline__J6Wud,.Banner-module_banner__YfpRS.Banner-module_info__uEjbr .Banner-module_icon__Nlh-W{color:var(--info)}.Banner-module_banner__YfpRS.Banner-module_warning__gBzK0{border-color:var(--warning)}.Banner-module_banner__YfpRS.Banner-module_warning__gBzK0 .Banner-module_headline__J6Wud,.Banner-module_banner__YfpRS.Banner-module_warning__gBzK0 .Banner-module_icon__Nlh-W{color:var(--warning)}.Banner-module_banner__YfpRS.Banner-module_error__1Tb4E{border-color:var(--error)}.Banner-module_banner__YfpRS.Banner-module_error__1Tb4E .Banner-module_headline__J6Wud,.Banner-module_banner__YfpRS.Banner-module_error__1Tb4E .Banner-module_icon__Nlh-W{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQUVFLDZCQUE4QixDQUs5Qix5Q0FBMEMsQ0FGMUMsa0JBQW1CLENBRG5CLDZDQUE4QyxDQUQ5QyxZQUFhLENBR2IsV0FBWSxDQUxaLG9CQU9GLENBQ0EsNkRBSUUsb0JBQXFCLENBSHJCLGFBQWMsQ0FFZCxNQUFPLENBRFAsZ0JBR0YsQ0FDQSw0REFDRSxvQkFDRixDQUNBLDJEQUNFLGVBQ0YsQ0FDQSx3REFFRSxpQkFBa0IsQ0FDbEIsc0NBQXVDLENBRnZDLGdCQUdGLENBQ0EsdURBQ0Usd0JBQ0YsQ0FJQSx3S0FDRSxpQkFDRixDQUNBLDBEQUNFLDJCQUNGLENBSUEsOEtBQ0Usb0JBQ0YsQ0FDQSx3REFDRSx5QkFDRixDQUlBLDBLQUNFLGtCQUNGIiwiZmlsZSI6IkJhbm5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uYmFubmVyIHtcbiAgcGFkZGluZzogMXJlbSAxLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci13aWR0aDogMCAwIDAgdmFyKC0tYmFubmVyLWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGZsZXgtZ3JvdzogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYmFubmVyLWJvcmRlci1yYWRpdXMpO1xufVxuLmJhbm5lciAuY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAxcmVtO1xuICBmbGV4OiAxO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG4uYmFubmVyIC5oZWFkbGluZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG59XG4uYmFubmVyIC5jb250ZW50IHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cbi5iYW5uZXIgLmljb24ge1xuICBtYXJnaW4tdG9wOiAwLjFyZW07XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xufVxuLmJhbm5lci5pbmZvIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbmZvKTtcbn1cbi5iYW5uZXIuaW5mbyAuaWNvbiB7XG4gIGNvbG9yOiB2YXIoLS1pbmZvKTtcbn1cbi5iYW5uZXIuaW5mbyAuaGVhZGxpbmUge1xuICBjb2xvcjogdmFyKC0taW5mbyk7XG59XG4uYmFubmVyLndhcm5pbmcge1xuICBib3JkZXItY29sb3I6IHZhcigtLXdhcm5pbmcpO1xufVxuLmJhbm5lci53YXJuaW5nIC5pY29uIHtcbiAgY29sb3I6IHZhcigtLXdhcm5pbmcpO1xufVxuLmJhbm5lci53YXJuaW5nIC5oZWFkbGluZSB7XG4gIGNvbG9yOiB2YXIoLS13YXJuaW5nKTtcbn1cbi5iYW5uZXIuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5iYW5uZXIuZXJyb3IgLmljb24ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmJhbm5lci5lcnJvciAuaGVhZGxpbmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */";
+var classes = {"banner":"Banner-module_banner__YfpRS","container":"Banner-module_container__IwBEp","headline":"Banner-module_headline__J6Wud","content":"Banner-module_content__OKABk","icon":"Banner-module_icon__Nlh-W","info":"Banner-module_info__uEjbr","warning":"Banner-module_warning__gBzK0","error":"Banner-module_error__1Tb4E"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Banner.module.scss.esm.js.map

package/dist/esm/Notifications/Banner/Banner.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModal.esm.js

@@ -1,2 +1,80 @@
-import e,{useRef as o,createRef as l,useEffect as a}from"react";import{createPortal as d}from"react-dom";import{useGetDomRoot as n}from"../../src/hooks/useGetDomRoot.esm.js";import t from"./BaseModal.module.esm.js";import{labelId as s,descriptionId as r}from"./BaseModalContext.esm.js";import{useRepeatFocus as i}from"./useRepeatFocus.esm.js";const c="overflow";const m="hidden";const u=e=>{const o=()=>{document.body.style[c]=m};const l=()=>{const e=document.querySelectorAll("[role=dialog][data-hidden=false]").length===0;if(e)document.body.style.removeProperty(c)};a((()=>{if(e)o();else l()}),[e])};const v=({id:c,children:m,open:v,onClose:p,className:f="",containerProps:b,backdropProps:y,labelledby:h,describedby:E,disableEscapeKeyDown:$=false,disableBackdrop:N=false,forceContainerOpen:x=false,zIndex:C,domRoot:g,...k},I)=>{var j,w,z;u(v);const P=o(null);const R=I||l();const{root:B}=n(g,P);const D=e=>{if(!$&&e.key==="Escape"){e.stopPropagation();p===null||p===void 0?void 0:p()}};i(R);a((()=>{var e;if(v)(e=R.current)===null||e===void 0?void 0:e.focus()}),[v]);const K=()=>!N&&p&&p();const M=()=>e.Children.map(m,(o=>{var l;if(e.isValidElement(o))return e.cloneElement(o,{onClose:(l=o.props.onClose)!==null&&l!==void 0?l:p});return o}));return e.createElement("div",{ref:P},d(e.createElement("div",{...k,ref:R,id:c,className:`${t["modal"]} ${v?t["visible"]:""} ${f}`,role:"dialog","aria-modal":"true","aria-labelledby":h!==null&&h!==void 0?h:s(c),"aria-describedby":E!==null&&E!==void 0?E:r(c),"aria-hidden":!v,tabIndex:-1,"data-hidden":!v,onKeyDown:D,style:{zIndex:C}},e.createElement("div",{...y,"aria-hidden":true,className:`${t["backdrop"]} ${(j=y===null||y===void 0?void 0:y.className)!==null&&j!==void 0?j:""}`,onClick:K}),x?e.createElement("div",{...b,"aria-hidden":!v,"data-element":"dialog",hidden:!v,style:{zIndex:C&&C+1},className:`${t["container"]} ${(w=b===null||b===void 0?void 0:b.className)!==null&&w!==void 0?w:""}`},M()):v&&e.createElement("div",{...b,"data-element":"dialog",style:{zIndex:C&&C+1},className:`${t["container"]} ${(z=b===null||b===void 0?void 0:b.className)!==null&&z!==void 0?z:""}`},M())),B))};const p=e.forwardRef(v);export{p as BaseModal,u as useSetBodyScroll};
+import React, { useRef, createRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { useGetDomRoot } from '../../src/hooks/useGetDomRoot.esm.js';
+import classes from './BaseModal.module.scss.esm.js';
+import { labelId, descriptionId } from './BaseModalContext.esm.js';
+import { useRepeatFocus } from './useRepeatFocus.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const SCROLL_PROPERTY_NAME = "overflow";
+const SCROLL_PROPERTY_VALUE = "hidden";
+const useSetBodyScroll = (open) => {
+    const hideBodyScroll = () => {
+        document.body.style[SCROLL_PROPERTY_NAME] = SCROLL_PROPERTY_VALUE;
+    };
+    const showBodyScroll = () => {
+        const allModalsClosed = document.querySelectorAll("[role=dialog][data-hidden=false]").length === 0;
+        if (allModalsClosed) {
+            document.body.style.removeProperty(SCROLL_PROPERTY_NAME);
+        }
+    };
+    useEffect(() => {
+        if (open) {
+            hideBodyScroll();
+        }
+        else {
+            showBodyScroll();
+        }
+    }, [open]);
+};
+const BaseModalComponent = ({ id, children, open, onClose, className = "", containerProps, backdropProps, labelledby, describedby, disableEscapeKeyDown = false, disableBackdrop = false, forceContainerOpen = false, zIndex, domRoot, ...rest }, ref) => {
+    var _a, _b, _c;
+    useSetBodyScroll(open);
+    const wrappingDivRef = useRef(null);
+    const modalRef = ref || createRef();
+    const { root } = useGetDomRoot(domRoot, wrappingDivRef);
+    const handleEscKeyPress = (event) => {
+        if (!disableEscapeKeyDown && event.key === "Escape") {
+            event.stopPropagation();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    };
+    useRepeatFocus(modalRef);
+    useEffect(() => {
+        var _a;
+        if (open) {
+            (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [open]);
+    const handleBackdropClick = () => !disableBackdrop && onClose && onClose();
+    const renderChildren = () => React.Children.map(children, child => {
+        var _a;
+        if (React.isValidElement(child)) {
+            return React.cloneElement(child, {
+                onClose: (_a = child.props.onClose) !== null && _a !== void 0 ? _a : onClose
+            });
+        }
+        return child;
+    });
+    return (React.createElement("div", { ref: wrappingDivRef }, createPortal(React.createElement("div", { ...rest, ref: modalRef, id: id, className: `${classes["modal"]} ${open ? classes["visible"] : ""} ${className}`, role: "dialog", "aria-modal": "true", "aria-labelledby": labelledby !== null && labelledby !== void 0 ? labelledby : labelId(id), "aria-describedby": describedby !== null && describedby !== void 0 ? describedby : descriptionId(id), "aria-hidden": !open, tabIndex: -1, "data-hidden": !open, onKeyDown: handleEscKeyPress, style: { zIndex } },
+        React.createElement("div", { ...backdropProps, "aria-hidden": true, className: `${classes["backdrop"]} ${(_a = backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className) !== null && _a !== void 0 ? _a : ""}`, onClick: handleBackdropClick }),
+        forceContainerOpen ? (React.createElement("div", { ...containerProps, "aria-hidden": !open, "data-element": "dialog", hidden: !open, style: { zIndex: zIndex && zIndex + 1 }, className: `${classes["container"]} ${(_b = containerProps === null || containerProps === void 0 ? void 0 : containerProps.className) !== null && _b !== void 0 ? _b : ""}` }, renderChildren())) : (open && (React.createElement("div", { ...containerProps, "data-element": "dialog", style: { zIndex: zIndex && zIndex + 1 }, className: `${classes["container"]} ${(_c = containerProps === null || containerProps === void 0 ? void 0 : containerProps.className) !== null && _c !== void 0 ? _c : ""}` }, renderChildren())))), root)));
+};
+const BaseModal = React.forwardRef(BaseModalComponent);
+
+export { BaseModal, useSetBodyScroll };
 //# sourceMappingURL=BaseModal.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModal.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/BaseModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  useEffect,\n  useRef,\n  ReactElement,\n  RefObject,\n  createRef\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport classes from \"./BaseModal.module.scss\";\nimport { labelId, descriptionId } from \"./BaseModalContext\";\nimport { useRepeatFocus } from \"./useRepeatFocus\";\n\nconst SCROLL_PROPERTY_NAME = \"overflow\";\nconst SCROLL_PROPERTY_VALUE = \"hidden\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  children: React.ReactNode;\n  open: boolean;\n  onClose?: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  className?: string;\n  containerProps?: ComponentPropsWithRef<\"div\">;\n  backdropProps?: ComponentPropsWithRef<\"div\">;\n  labelledby?: string;\n  describedby?: string;\n  disableEscapeKeyDown?: boolean;\n  disableBackdrop?: boolean;\n  forceContainerOpen?: boolean;\n  zIndex?: number;\n  domRoot?: HTMLElement;\n}\n\nexport const useSetBodyScroll = (open: boolean) => {\n  const hideBodyScroll = () => {\n    document.body.style[SCROLL_PROPERTY_NAME] = SCROLL_PROPERTY_VALUE;\n  };\n\n  const showBodyScroll = () => {\n    const allModalsClosed =\n      document.querySelectorAll(\"[role=dialog][data-hidden=false]\").length === 0;\n    if (allModalsClosed) {\n      document.body.style.removeProperty(SCROLL_PROPERTY_NAME);\n    }\n  };\n\n  useEffect(() => {\n    if (open) {\n      hideBodyScroll();\n    } else {\n      showBodyScroll();\n    }\n  }, [open]);\n};\n\nconst BaseModalComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    children,\n    open,\n    onClose,\n    className = \"\",\n    containerProps,\n    backdropProps,\n    labelledby,\n    describedby,\n    disableEscapeKeyDown = false,\n    disableBackdrop = false,\n    forceContainerOpen = false,\n    zIndex,\n    domRoot,\n    ...rest\n  }: Props,\n  ref\n) => {\n  useSetBodyScroll(open);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const modalRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const handleEscKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disableEscapeKeyDown && event.key === \"Escape\") {\n      event.stopPropagation();\n      onClose?.();\n    }\n  };\n\n  useRepeatFocus(modalRef);\n\n  useEffect(() => {\n    if (open) {\n      modalRef.current?.focus();\n    }\n  }, [open]);\n\n  const handleBackdropClick = () => !disableBackdrop && onClose && onClose();\n\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child as ReactElement, {\n          onClose: child.props.onClose ?? onClose\n        });\n      }\n      return child;\n    });\n\n  return (\n    <div ref={wrappingDivRef}>\n      {createPortal(\n        <div\n          {...rest}\n          ref={modalRef}\n          id={id}\n          className={`${classes[\"modal\"]} ${open ? classes[\"visible\"] : \"\"} ${className}`}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={labelledby ?? labelId(id)}\n          aria-describedby={describedby ?? descriptionId(id)}\n          aria-hidden={!open}\n          tabIndex={-1}\n          data-hidden={!open}\n          onKeyDown={handleEscKeyPress}\n          style={{ zIndex }}\n        >\n          <div\n            {...backdropProps}\n            aria-hidden={true}\n            className={`${classes[\"backdrop\"]} ${backdropProps?.className ?? \"\"}`}\n            onClick={handleBackdropClick}\n          ></div>\n          {forceContainerOpen ? (\n            <div\n              {...containerProps}\n              aria-hidden={!open}\n              data-element=\"dialog\"\n              hidden={!open}\n              style={{ zIndex: zIndex && zIndex + 1 }}\n              className={`${classes[\"container\"]} ${containerProps?.className ?? \"\"}`}\n            >\n              {renderChildren()}\n            </div>\n          ) : (\n            open && (\n              <div\n                {...containerProps}\n                data-element=\"dialog\"\n                style={{ zIndex: zIndex && zIndex + 1 }}\n                className={`${classes[\"container\"]} ${containerProps?.className ?? \"\"}`}\n              >\n                {renderChildren()}\n              </div>\n            )\n          )}\n        </div>,\n        root\n      )}\n    </div>\n  );\n};\n\nexport const BaseModal = React.forwardRef(BaseModalComponent);\n"],"names":["SCROLL_PROPERTY_NAME","SCROLL_PROPERTY_VALUE","useSetBodyScroll","open","hideBodyScroll","document","body","style","showBodyScroll","allModalsClosed","querySelectorAll","length","removeProperty","useEffect","BaseModalComponent","id","children","onClose","className","containerProps","backdropProps","labelledby","describedby","disableEscapeKeyDown","disableBackdrop","forceContainerOpen","zIndex","domRoot","rest","ref","wrappingDivRef","useRef","modalRef","createRef","root","useGetDomRoot","handleEscKeyPress","event","key","stopPropagation","useRepeatFocus","_a","current","focus","handleBackdropClick","renderChildren","React","Children","map","child","isValidElement","cloneElement","props","createElement","createPortal","classes","role","labelId","descriptionId","tabIndex","onKeyDown","onClick","hidden","_b","_c","BaseModal","forwardRef"],"mappings":"uVA+BA,MAAMA,EAAuB,WAC7B,MAAMC,EAAwB,SAmBjB,MAAAC,EAAoBC,IAC/B,MAAMC,EAAiB,KACrBC,SAASC,KAAKC,MAAMP,GAAwBC,CAAqB,EAGnE,MAAMO,EAAiB,KACrB,MAAMC,EACJJ,SAASK,iBAAiB,oCAAoCC,SAAW,EAC3E,GAAIF,EACFJ,SAASC,KAAKC,MAAMK,eAAeZ,EACpC,EAGHa,GAAU,KACR,GAAIV,EACFC,SAEAI,GACD,GACA,CAACL,GAAM,EAGZ,MAAMW,EAAsE,EAExEC,KACAC,WACAb,OACAc,UACAC,YAAY,GACZC,iBACAC,gBACAC,aACAC,cACAC,uBAAuB,MACvBC,kBAAkB,MAClBC,qBAAqB,MACrBC,SACAC,aACGC,GAELC,eAEA3B,EAAiBC,GACjB,MAAM2B,EAAiBC,EAAuB,MAC9C,MAAMC,EAAYH,GAAqCI,IACvD,MAAMC,KAAEA,GAASC,EAAcR,EAASG,GAExC,MAAMM,EAAqBC,IACzB,IAAKd,GAAwBc,EAAMC,MAAQ,SAAU,CACnDD,EAAME,kBACNtB,IAAA,MAAAA,SAAA,OAAA,EAAAA,GACD,GAGHuB,EAAeR,GAEfnB,GAAU,WACR,GAAIV,GACFsC,EAAAT,EAASU,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,OACnB,GACA,CAACxC,IAEJ,MAAMyC,EAAsB,KAAOpB,GAAmBP,GAAWA,IAEjE,MAAM4B,EAAiB,IACrBC,EAAMC,SAASC,IAAIhC,GAAUiC,UAC3B,GAAIH,EAAMI,eAAeD,GACvB,OAAOH,EAAMK,aAAaF,EAAuB,CAC/ChC,WAASgC,EAAMG,MAAMnC,8BAAWA,IAGpC,OAAOgC,CAAK,IAGhB,OACEH,EAAKO,cAAA,MAAA,CAAAxB,IAAKC,GACPwB,EACCR,EAAAO,cAAA,MAAA,IACMzB,EACJC,IAAKG,EACLjB,GAAIA,EACJG,UAAW,GAAGqC,EAAQ,YAAYpD,EAAOoD,EAAQ,WAAa,MAAMrC,IACpEsC,KAAK,SAAQ,aACF,OACM,kBAAAnC,UAAAA,SAAU,EAAVA,EAAcoC,EAAQ1C,sBACrBO,IAAW,MAAXA,SAAA,EAAAA,EAAeoC,EAAc3C,GAAG,eACpCZ,EACdwD,UAAW,EACE,eAACxD,EACdyD,UAAWxB,EACX7B,MAAO,CAAEmB,WAEToB,EACMO,cAAA,MAAA,IAAAjC,EACS,cAAA,KACbF,UAAW,GAAGqC,EAAQ,gBAAed,EAAArB,IAAa,MAAbA,SAAa,OAAA,EAAbA,EAAeF,aAAS,MAAAuB,SAAA,EAAAA,EAAI,KACjEoB,QAASjB,IAEVnB,EACCqB,EAAAO,cAAA,MAAA,IACMlC,EACS,eAAChB,EAAI,eACL,SACb2D,QAAS3D,EACTI,MAAO,CAAEmB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAGqC,EAAQ,iBAAgBQ,EAAA5C,IAAc,MAAdA,SAAA,OAAA,EAAAA,EAAgBD,aAAa,MAAA6C,SAAA,EAAAA,EAAA,MAElElB,KAGH1C,GACE2C,EAAAO,cAAA,MAAA,IACMlC,EACS,eAAA,SACbZ,MAAO,CAAEmB,OAAQA,GAAUA,EAAS,GACpCR,UAAW,GAAGqC,EAAQ,iBAAgBS,EAAA7C,IAAA,MAAAA,kBAAAA,EAAgBD,aAAS,MAAA8C,SAAA,EAAAA,EAAI,MAElEnB,MAKTX,GAGJ,EAGS,MAAA+B,EAAYnB,EAAMoB,WAAWpD"}
+{"version":3,"file":"BaseModal.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/BaseModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  useEffect,\n  useRef,\n  ReactElement,\n  RefObject,\n  createRef\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport classes from \"./BaseModal.module.scss\";\nimport { labelId, descriptionId } from \"./BaseModalContext\";\nimport { useRepeatFocus } from \"./useRepeatFocus\";\n\nconst SCROLL_PROPERTY_NAME = \"overflow\";\nconst SCROLL_PROPERTY_VALUE = \"hidden\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  children: React.ReactNode;\n  open: boolean;\n  onClose?: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  className?: string;\n  containerProps?: ComponentPropsWithRef<\"div\">;\n  backdropProps?: ComponentPropsWithRef<\"div\">;\n  labelledby?: string;\n  describedby?: string;\n  disableEscapeKeyDown?: boolean;\n  disableBackdrop?: boolean;\n  forceContainerOpen?: boolean;\n  zIndex?: number;\n  domRoot?: HTMLElement;\n}\n\nexport const useSetBodyScroll = (open: boolean) => {\n  const hideBodyScroll = () => {\n    document.body.style[SCROLL_PROPERTY_NAME] = SCROLL_PROPERTY_VALUE;\n  };\n\n  const showBodyScroll = () => {\n    const allModalsClosed =\n      document.querySelectorAll(\"[role=dialog][data-hidden=false]\").length === 0;\n    if (allModalsClosed) {\n      document.body.style.removeProperty(SCROLL_PROPERTY_NAME);\n    }\n  };\n\n  useEffect(() => {\n    if (open) {\n      hideBodyScroll();\n    } else {\n      showBodyScroll();\n    }\n  }, [open]);\n};\n\nconst BaseModalComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    id,\n    children,\n    open,\n    onClose,\n    className = \"\",\n    containerProps,\n    backdropProps,\n    labelledby,\n    describedby,\n    disableEscapeKeyDown = false,\n    disableBackdrop = false,\n    forceContainerOpen = false,\n    zIndex,\n    domRoot,\n    ...rest\n  }: Props,\n  ref\n) => {\n  useSetBodyScroll(open);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const modalRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const handleEscKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disableEscapeKeyDown && event.key === \"Escape\") {\n      event.stopPropagation();\n      onClose?.();\n    }\n  };\n\n  useRepeatFocus(modalRef);\n\n  useEffect(() => {\n    if (open) {\n      modalRef.current?.focus();\n    }\n  }, [open]);\n\n  const handleBackdropClick = () => !disableBackdrop && onClose && onClose();\n\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child as ReactElement, {\n          onClose: child.props.onClose ?? onClose\n        });\n      }\n      return child;\n    });\n\n  return (\n    <div ref={wrappingDivRef}>\n      {createPortal(\n        <div\n          {...rest}\n          ref={modalRef}\n          id={id}\n          className={`${classes[\"modal\"]} ${open ? classes[\"visible\"] : \"\"} ${className}`}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={labelledby ?? labelId(id)}\n          aria-describedby={describedby ?? descriptionId(id)}\n          aria-hidden={!open}\n          tabIndex={-1}\n          data-hidden={!open}\n          onKeyDown={handleEscKeyPress}\n          style={{ zIndex }}\n        >\n          <div\n            {...backdropProps}\n            aria-hidden={true}\n            className={`${classes[\"backdrop\"]} ${backdropProps?.className ?? \"\"}`}\n            onClick={handleBackdropClick}\n          ></div>\n          {forceContainerOpen ? (\n            <div\n              {...containerProps}\n              aria-hidden={!open}\n              data-element=\"dialog\"\n              hidden={!open}\n              style={{ zIndex: zIndex && zIndex + 1 }}\n              className={`${classes[\"container\"]} ${containerProps?.className ?? \"\"}`}\n            >\n              {renderChildren()}\n            </div>\n          ) : (\n            open && (\n              <div\n                {...containerProps}\n                data-element=\"dialog\"\n                style={{ zIndex: zIndex && zIndex + 1 }}\n                className={`${classes[\"container\"]} ${containerProps?.className ?? \"\"}`}\n              >\n                {renderChildren()}\n              </div>\n            )\n          )}\n        </div>,\n        root\n      )}\n    </div>\n  );\n};\n\nexport const BaseModal = React.forwardRef(BaseModalComponent);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAiBH,MAAM,oBAAoB,GAAG,UAAU,CAAC;AACxC,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAmB1B,MAAA,gBAAgB,GAAG,CAAC,IAAa,KAAI;IAChD,MAAM,cAAc,GAAG,MAAK;QAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,GAAG,qBAAqB,CAAC;AACpE,KAAC,CAAC;IAEF,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,MAAM,eAAe,GACnB,QAAQ,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;QAC7E,IAAI,eAAe,EAAE;YACnB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;SAC1D;AACH,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;QACb,IAAI,IAAI,EAAE;AACR,YAAA,cAAc,EAAE,CAAC;SAClB;aAAM;AACL,YAAA,cAAc,EAAE,CAAC;SAClB;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,EAAE;AAEF,MAAM,kBAAkB,GAAoD,CAC1E,EACE,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,EAAE,EACd,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,oBAAoB,GAAG,KAAK,EAC5B,eAAe,GAAG,KAAK,EACvB,kBAAkB,GAAG,KAAK,EAC1B,MAAM,EACN,OAAO,EACP,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACvB,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACpD,IAAA,MAAM,QAAQ,GAAI,GAAiC,IAAI,SAAS,EAAkB,CAAC;IACnF,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AAExD,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAA0C,KAAI;QACvE,IAAI,CAAC,oBAAoB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YACnD,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAC;SACb;AACH,KAAC,CAAC;IAEF,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzB,SAAS,CAAC,MAAK;;QACb,IAAI,IAAI,EAAE;AACR,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;SAC3B;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAEX,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,eAAe,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;AAE3E,IAAA,MAAM,cAAc,GAAG,MACrB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAAG;;AACnC,QAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAC/B,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAqB,EAAE;gBAC/C,OAAO,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,OAAO,mCAAI,OAAO;AACxC,aAAA,CAAC,CAAC;SACJ;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC,CAAC;AAEL,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,cAAc,EAAA,EACrB,YAAY,CACX,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,SAAS,CAAA,CAAE,EAC/E,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACA,iBAAA,EAAA,UAAU,aAAV,UAAU,KAAA,KAAA,CAAA,GAAV,UAAU,GAAI,OAAO,CAAC,EAAE,CAAC,sBACxB,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,aAAa,CAAC,EAAE,CAAC,EAAA,aAAA,EACrC,CAAC,IAAI,EAClB,QAAQ,EAAE,CAAC,CAAC,EACC,aAAA,EAAA,CAAC,IAAI,EAClB,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,EAAA;QAEjB,KACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,aAAa,EACJ,aAAA,EAAA,IAAI,EACjB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,UAAU,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAb,aAAa,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,EACrE,OAAO,EAAE,mBAAmB,EACvB,CAAA;QACN,kBAAkB,IACjB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,cAAc,EACL,aAAA,EAAA,CAAC,IAAI,EAAA,cAAA,EACL,QAAQ,EACrB,MAAM,EAAE,CAAC,IAAI,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,MAAM,GAAG,CAAC,EAAE,EACvC,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,cAAc,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,EAAE,EAEtE,EAAA,cAAc,EAAE,CACb,KAEN,IAAI,KACF,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,cAAc,EACL,cAAA,EAAA,QAAQ,EACrB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,MAAM,GAAG,CAAC,EAAE,EACvC,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,WAAW,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,IAEtE,cAAc,EAAE,CACb,CACP,CACF,CACG,EACN,IAAI,CACL,CACG,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModal.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModal-module_sr-only__zUl6G{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal-module_hidden__Tky0a{display:none}.BaseModal-module_slide-in__3bHb-{animation:BaseModal-module_slide-in__3bHb- .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal-module_slide-in__3bHb-{animation-duration:.1ms}}.BaseModal-module_slide-out__uPXZJ{animation:BaseModal-module_slide-out__uPXZJ .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal-module_slide-out__uPXZJ{animation-duration:.1ms}}@keyframes BaseModal-module_slide-in__3bHb-{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal-module_slide-out__uPXZJ{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModal-module_modal__IoSIp{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal-module_modal__IoSIp .BaseModal-module_backdrop__c4BrM{background-color:initial;content:\"\";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal-module_modal__IoSIp .BaseModal-module_backdrop__c4BrM{transition-duration:.1ms}}.BaseModal-module_modal__IoSIp.BaseModal-module_visible__r7HeM{visibility:visible}.BaseModal-module_modal__IoSIp.BaseModal-module_visible__r7HeM .BaseModal-module_backdrop__c4BrM{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal-module_container__vHjfd{background-color:var(--modal-background-color);display:flex;flex-direction:column;height:auto;margin-top:3.125rem;max-height:calc(90% - 3.125rem);width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal-module_container__vHjfd{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);width:50rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsZ0NBQ0UsWUFDRixDQUVBLGtDQUNFLHVEQUNGLENBQ0EsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLG1DQUNFLHdEQUNGLENBQ0EsdUNBQ0UsbUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLDRDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw2Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwrQkFTRSxzQkFBdUIsQ0FEdkIsWUFBYSxDQUhiLFlBQWEsQ0FLYixzQkFBdUIsQ0FOdkIsTUFBTyxDQUhQLGNBQWUsQ0FFZixLQUFNLENBSU4saUJBQWtCLENBRGxCLFdBQVksQ0FKWixVQVNGLENBQ0EsaUVBT0Usd0JBQTZCLENBTjdCLFVBQVcsQ0FHWCxXQUFZLENBQ1osTUFBTyxDQUhQLGlCQUFrQixDQUlsQixLQUFNLENBR04sdUJBQXlCLENBRHpCLG9DQUFxQyxDQUVyQywrQkFBZ0MsQ0FQaEMsVUFRRixDQUNBLHVDQUNFLGlFQUNFLHdCQUNGLENBQ0YsQ0FDQSwrREFDRSxrQkFDRixDQUNBLGlHQUNFLDRDQUE2QyxDQUM3QyxXQUNGLENBRUEsbUNBRUUsOENBQStDLENBSy9DLFlBQWEsQ0FDYixxQkFBc0IsQ0FIdEIsV0FBWSxDQUpaLG1CQUFvQixDQUtwQiwrQkFBZ0MsQ0FGaEMsdUJBQXdCLENBRHhCLFVBTUYsQ0FFQSx3Q0FDRSxtQ0FFRSxpQkFBa0IsQ0FDbEIsZ0RBQWlELENBRmpELFdBR0YsQ0FDRiIsImZpbGUiOiJCYXNlTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLm1vZGFsIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogMTAwdnc7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLm1vZGFsIC5iYWNrZHJvcCB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvcjtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2U7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAubW9kYWwgLmJhY2tkcm9wIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLm1vZGFsLnZpc2libGUge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuLm1vZGFsLnZpc2libGUgLmJhY2tkcm9wIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbW9kYWwtYmFja2Ryb3AtY29sb3IpO1xuICBvcGFjaXR5OiAwLjc1O1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWFyZ2luLXRvcDogMy4xMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1vZGFsLWJhY2tncm91bmQtY29sb3IpO1xuICB6LWluZGV4OiAxMTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDJyZW0pO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1heC1oZWlnaHQ6IGNhbGMoOTAlIC0gMy4xMjVyZW0pO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBib3gtc2hhZG93OiAwIDMwcHggNTBweCB2YXIoLS1tb2RhbC1zaGFkb3ctY29sb3IpO1xuICB9XG59Il19 */";
+var classes = {"sr-only":"BaseModal-module_sr-only__zUl6G","hidden":"BaseModal-module_hidden__Tky0a","slide-in":"BaseModal-module_slide-in__3bHb-","slide-out":"BaseModal-module_slide-out__uPXZJ","modal":"BaseModal-module_modal__IoSIp","backdrop":"BaseModal-module_backdrop__c4BrM","visible":"BaseModal-module_visible__r7HeM","container":"BaseModal-module_container__vHjfd"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=BaseModal.module.scss.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModal.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModal.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js

@@ -1,2 +1,32 @@
-import e,{useRef as t}from"react";import o from"./BaseModalActions.module.esm.js";import{Button as c}from"../../../Button/Button.esm.js";const n=({children:n,cancelAction:a,cancelActionsClassName:l="",onClose:s,className:r="",...i},m)=>{const d=e.createRef()||m;const f=t(null);const u=t(null);const v=e.createElement(c,{variant:"text",color:"default",...a===null||a===void 0?void 0:a.cancelButtonProps,onClick:s},a===null||a===void 0?void 0:a.label);return e.createElement("div",{...i,ref:d,className:`${o["actions"]} ${r}`},a&&s&&e.createElement("div",{className:`${o["cancel-action"]} ${l}`,ref:f},v),n&&e.createElement("div",{ref:u,className:o["primary-actions"]},n))};const a=e.forwardRef(n);export{a as BaseModalActions};
+import React, { useRef } from 'react';
+import classes from './BaseModalActions.module.scss.esm.js';
+import { Button } from '../../../Button/Button.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const BaseModalActionsComponent = ({ children, cancelAction, cancelActionsClassName = "", onClose, className = "", ...rest }, ref) => {
+    const innerRef = React.createRef() || ref;
+    const cancelButtonRef = useRef(null);
+    const primaryActionsRef = useRef(null);
+    const cancelButton = (React.createElement(Button, { variant: "text", color: "default", ...cancelAction === null || cancelAction === void 0 ? void 0 : cancelAction.cancelButtonProps, onClick: onClose }, cancelAction === null || cancelAction === void 0 ? void 0 : cancelAction.label));
+    return (React.createElement("div", { ...rest, ref: innerRef, className: `${classes["actions"]} ${className}` },
+        cancelAction && onClose && (React.createElement("div", { className: `${classes["cancel-action"]} ${cancelActionsClassName}`, ref: cancelButtonRef }, cancelButton)),
+        children && (React.createElement("div", { ref: primaryActionsRef, className: classes["primary-actions"] }, children))));
+};
+const BaseModalActions = React.forwardRef(BaseModalActionsComponent);
+
+export { BaseModalActions };
 //# sourceMappingURL=BaseModalActions.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModalActions.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalActions/BaseModalActions.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useRef } from \"react\";\nimport classes from \"./BaseModalActions.module.scss\";\nimport { Button, Props as ButtonProps } from \"../../../Button/Button\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: React.ReactNode;\n  onClose?: () => void;\n  cancelAction?: CancelAction;\n  cancelActionsClassName?: string;\n}\n\nexport interface CancelAction {\n  label: string;\n  cancelButtonProps?: ButtonProps;\n}\n\nconst BaseModalActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, cancelAction, cancelActionsClassName = \"\", onClose, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const innerRef = (React.createRef() as React.RefObject<HTMLDivElement>) || ref;\n  const cancelButtonRef = useRef<HTMLDivElement>(null);\n  const primaryActionsRef = useRef<HTMLDivElement>(null);\n\n  const cancelButton = (\n    <Button variant=\"text\" color=\"default\" {...cancelAction?.cancelButtonProps} onClick={onClose}>\n      {cancelAction?.label}\n    </Button>\n  );\n\n  return (\n    <div {...rest} ref={innerRef} className={`${classes[\"actions\"]} ${className}`}>\n      {cancelAction && onClose && (\n        <div\n          className={`${classes[\"cancel-action\"]} ${cancelActionsClassName}`}\n          ref={cancelButtonRef}\n        >\n          {cancelButton}\n        </div>\n      )}\n      {children && (\n        <div ref={primaryActionsRef} className={classes[\"primary-actions\"]}>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const BaseModalActions = React.forwardRef(BaseModalActionsComponent);\n"],"names":["BaseModalActionsComponent","children","cancelAction","cancelActionsClassName","onClose","className","rest","ref","innerRef","React","createRef","cancelButtonRef","useRef","primaryActionsRef","cancelButton","createElement","Button","variant","color","cancelButtonProps","onClick","label","classes","BaseModalActions","forwardRef"],"mappings":"yIAgCA,MAAMA,EAA6E,EAC/EC,WAAUC,eAAcC,yBAAyB,GAAIC,UAASC,YAAY,MAAOC,GACnFC,KAEA,MAAMC,EAAYC,EAAMC,aAAmDH,EAC3E,MAAMI,EAAkBC,EAAuB,MAC/C,MAAMC,EAAoBD,EAAuB,MAEjD,MAAME,EACJL,EAAAM,cAACC,EAAO,CAAAC,QAAQ,OAAOC,MAAM,aAAchB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAciB,kBAAmBC,QAAShB,GAClFF,IAAA,MAAAA,kBAAAA,EAAcmB,OAInB,OACEZ,EAASM,cAAA,MAAA,IAAAT,EAAMC,IAAKC,EAAUH,UAAW,GAAGiB,EAAQ,cAAcjB,KAC/DH,GAAgBE,GACfK,uBACEJ,UAAW,GAAGiB,EAAQ,oBAAoBnB,IAC1CI,IAAKI,GAEJG,GAGJb,GACCQ,EAAAM,cAAA,MAAA,CAAKR,IAAKM,EAAmBR,UAAWiB,EAAQ,oBAC7CrB,GAIP,EAGS,MAAAsB,EAAmBd,EAAMe,WAAWxB"}
+{"version":3,"file":"BaseModalActions.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalActions/BaseModalActions.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useRef } from \"react\";\nimport classes from \"./BaseModalActions.module.scss\";\nimport { Button, Props as ButtonProps } from \"../../../Button/Button\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: React.ReactNode;\n  onClose?: () => void;\n  cancelAction?: CancelAction;\n  cancelActionsClassName?: string;\n}\n\nexport interface CancelAction {\n  label: string;\n  cancelButtonProps?: ButtonProps;\n}\n\nconst BaseModalActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, cancelAction, cancelActionsClassName = \"\", onClose, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const innerRef = (React.createRef() as React.RefObject<HTMLDivElement>) || ref;\n  const cancelButtonRef = useRef<HTMLDivElement>(null);\n  const primaryActionsRef = useRef<HTMLDivElement>(null);\n\n  const cancelButton = (\n    <Button variant=\"text\" color=\"default\" {...cancelAction?.cancelButtonProps} onClick={onClose}>\n      {cancelAction?.label}\n    </Button>\n  );\n\n  return (\n    <div {...rest} ref={innerRef} className={`${classes[\"actions\"]} ${className}`}>\n      {cancelAction && onClose && (\n        <div\n          className={`${classes[\"cancel-action\"]} ${cancelActionsClassName}`}\n          ref={cancelButtonRef}\n        >\n          {cancelButton}\n        </div>\n      )}\n      {children && (\n        <div ref={primaryActionsRef} className={classes[\"primary-actions\"]}>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const BaseModalActions = React.forwardRef(BaseModalActionsComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAkBH,MAAM,yBAAyB,GAAoD,CACjF,EAAE,QAAQ,EAAE,YAAY,EAAE,sBAAsB,GAAG,EAAE,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EAChG,GAAG,KACD;IACF,MAAM,QAAQ,GAAI,KAAK,CAAC,SAAS,EAAsC,IAAI,GAAG,CAAC;AAC/E,IAAA,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEvD,IAAA,MAAM,YAAY,IAChB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAA,GAAK,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,EACzF,EAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,KAAK,CACb,CACV,CAAC;AAEF,IAAA,QACE,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,SAAS,CAAE,CAAA,EAAA;QAC1E,YAAY,IAAI,OAAO,KACtB,6BACE,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,eAAe,CAAC,CAAI,CAAA,EAAA,sBAAsB,EAAE,EAClE,GAAG,EAAE,eAAe,EAAA,EAEnB,YAAY,CACT,CACP;AACA,QAAA,QAAQ,KACP,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAC/D,EAAA,QAAQ,CACL,CACP,CACG,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModalActions-module_actions__U83Sp{border-top:1px solid var(--color-blue-grey100);display:flex;justify-content:space-between;margin:1.5rem 0 1rem;padding:1rem 1.5rem 0}.BaseModalActions-module_actions__U83Sp>*+*{margin-left:2rem}@media screen and (max-width:640px){.BaseModalActions-module_actions__U83Sp{display:block}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_cancel-action__MFK8v{display:none}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_primary-actions__KFtY1{align-items:flex-end;flex-direction:column;margin-left:0}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_primary-actions__KFtY1>*{width:100%}.BaseModalActions-module_actions__U83Sp .BaseModalActions-module_primary-actions__KFtY1>*+*{margin-top:.5rem}}.BaseModalActions-module_primary-actions__KFtY1{display:flex;flex-grow:1;justify-content:flex-end}.BaseModalActions-module_primary-actions__KFtY1 button{white-space:nowrap}@media screen and (min-width:640px){.BaseModalActions-module_primary-actions__KFtY1 button+button{margin-left:.5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbEFjdGlvbnMubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix3Q0FLRSw4Q0FBK0MsQ0FGL0MsWUFBYSxDQUNiLDZCQUE4QixDQUg5QixvQkFBcUIsQ0FDckIscUJBSUYsQ0FDQSw0Q0FDRSxnQkFDRixDQUNBLG9DQUNFLHdDQUNFLGFBQ0YsQ0FDQSxzRkFDRSxZQUNGLENBQ0Esd0ZBRUUsb0JBQXFCLENBRHJCLHFCQUFzQixDQUV0QixhQUNGLENBQ0EsMEZBQ0UsVUFDRixDQUNBLDRGQUNFLGdCQUNGLENBQ0YsQ0FFQSxnREFDRSxZQUFhLENBQ2IsV0FBWSxDQUNaLHdCQUNGLENBQ0EsdURBQ0Usa0JBQ0YsQ0FDQSxvQ0FDRSw4REFDRSxpQkFDRixDQUNGIiwiZmlsZSI6IkJhc2VNb2RhbEFjdGlvbnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmFjdGlvbnMge1xuICBtYXJnaW46IDEuNXJlbSAwIDFyZW07XG4gIHBhZGRpbmc6IDFyZW0gMS41cmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4uYWN0aW9ucyA+ICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDJyZW07XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2NDBweCkge1xuICAuYWN0aW9ucyB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgLmFjdGlvbnMgLmNhbmNlbC1hY3Rpb24ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLmFjdGlvbnMgLnByaW1hcnktYWN0aW9ucyB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gIH1cbiAgLmFjdGlvbnMgLnByaW1hcnktYWN0aW9ucyA+ICoge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5hY3Rpb25zIC5wcmltYXJ5LWFjdGlvbnMgPiAqICsgKiB7XG4gICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICB9XG59XG5cbi5wcmltYXJ5LWFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG4ucHJpbWFyeS1hY3Rpb25zIGJ1dHRvbiB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA2NDBweCkge1xuICAucHJpbWFyeS1hY3Rpb25zIGJ1dHRvbiArIGJ1dHRvbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgfVxufSJdfQ== */";
+var classes = {"actions":"BaseModalActions-module_actions__U83Sp","cancel-action":"BaseModalActions-module_cancel-action__MFK8v","primary-actions":"BaseModalActions-module_primary-actions__KFtY1"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=BaseModalActions.module.scss.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalActions.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js

@@ -1,2 +1,36 @@
-import e,{createRef as o,useEffect as r}from"react";import t from"./BaseModalContent.module.esm.js";const n=({id:n,children:s,className:l="",disableAutoFocus:c=false,...d},i)=>{const a=o();r((()=>{var e,o;if(!c&&i)(e=i.current)===null||e===void 0?void 0:e.focus();else if(!c)(o=a.current)===null||o===void 0?void 0:o.focus()}),[]);return e.createElement("div",{...d,ref:i!==null&&i!==void 0?i:a,id:n,className:`${t["content"]} ${l}`,tabIndex:-1},s)};const s=e.forwardRef(n);export{s as BaseModalContent};
+import React, { createRef, useEffect } from 'react';
+import classes from './BaseModalContent.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const BaseModalContentComponent = ({ id, children, className = "", disableAutoFocus = false, ...rest }, ref) => {
+    const contentRef = createRef();
+    useEffect(() => {
+        var _a, _b;
+        if (!disableAutoFocus && ref) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        else if (!disableAutoFocus) {
+            (_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    }, []);
+    /**tabIndex is set to be able to do focus on that element which we need for catching keyDown events */
+    return (React.createElement("div", { ...rest, ref: ref !== null && ref !== void 0 ? ref : contentRef, id: id, className: `${classes["content"]} ${className}`, tabIndex: -1 }, children));
+};
+const BaseModalContent = React.forwardRef(BaseModalContentComponent);
+
+export { BaseModalContent };
 //# sourceMappingURL=BaseModalContent.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModalContent.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalContent/BaseModalContent.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  useEffect\n} from \"react\";\nimport classes from \"./BaseModalContent.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  children: React.ReactNode;\n  className?: string;\n  disableAutoFocus?: boolean;\n}\n\nconst BaseModalContentComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, children, className = \"\", disableAutoFocus = false, ...rest }: Props,\n  ref\n) => {\n  const contentRef = createRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (!disableAutoFocus && ref) {\n      (ref as React.RefObject<HTMLDivElement>).current?.focus();\n    } else if (!disableAutoFocus) {\n      contentRef.current?.focus();\n    }\n  }, []);\n\n  /**tabIndex is set to be able to do focus on that element which we need for catching keyDown events */\n  return (\n    <div\n      {...rest}\n      ref={ref ?? contentRef}\n      id={id}\n      className={`${classes[\"content\"]} ${className}`}\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const BaseModalContent = React.forwardRef(BaseModalContentComponent);\n"],"names":["BaseModalContentComponent","id","children","className","disableAutoFocus","rest","ref","contentRef","createRef","useEffect","_a","current","focus","_b","React","createElement","classes","tabIndex","BaseModalContent","forwardRef"],"mappings":"oGA+BA,MAAMA,EAA6E,EAC/EC,KAAIC,WAAUC,YAAY,GAAIC,mBAAmB,SAAUC,GAC7DC,KAEA,MAAMC,EAAaC,IAEnBC,GAAU,aACR,IAAKL,GAAoBE,GACvBI,EAACJ,EAAwCK,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,aAC7C,IAAKR,GACVS,EAAAN,EAAWI,WAAS,MAAAE,SAAA,OAAA,EAAAA,EAAAD,OACrB,GACA,IAGH,OACEE,EACMC,cAAA,MAAA,IAAAV,EACJC,IAAKA,IAAG,MAAHA,SAAG,EAAHA,EAAOC,EACZN,GAAIA,EACJE,UAAW,GAAGa,EAAQ,cAAcb,IACpCc,UAAW,GAEVf,EAEH,EAGS,MAAAgB,EAAmBJ,EAAMK,WAAWnB"}
+{"version":3,"file":"BaseModalContent.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalContent/BaseModalContent.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  useEffect\n} from \"react\";\nimport classes from \"./BaseModalContent.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id?: string;\n  children: React.ReactNode;\n  className?: string;\n  disableAutoFocus?: boolean;\n}\n\nconst BaseModalContentComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, children, className = \"\", disableAutoFocus = false, ...rest }: Props,\n  ref\n) => {\n  const contentRef = createRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (!disableAutoFocus && ref) {\n      (ref as React.RefObject<HTMLDivElement>).current?.focus();\n    } else if (!disableAutoFocus) {\n      contentRef.current?.focus();\n    }\n  }, []);\n\n  /**tabIndex is set to be able to do focus on that element which we need for catching keyDown events */\n  return (\n    <div\n      {...rest}\n      ref={ref ?? contentRef}\n      id={id}\n      className={`${classes[\"content\"]} ${className}`}\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const BaseModalContent = React.forwardRef(BaseModalContentComponent);\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAiBH,MAAM,yBAAyB,GAAoD,CACjF,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EAC1E,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG,SAAS,EAAkB,CAAC;IAE/C,SAAS,CAAC,MAAK;;AACb,QAAA,IAAI,CAAC,gBAAgB,IAAI,GAAG,EAAE;AAC5B,YAAA,CAAA,EAAA,GAAC,GAAuC,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;SAC3D;aAAM,IAAI,CAAC,gBAAgB,EAAE;AAC5B,YAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;SAC7B;KACF,EAAE,EAAE,CAAC,CAAC;;AAGP,IAAA,QACE,KACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,KAAA,CAAA,GAAH,GAAG,GAAI,UAAU,EACtB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAA,CAAE,EAC/C,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CACL,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModalContent-module_content__EBc1p{flex:1;font-size:.875rem;line-height:1.25rem;outline:none;overflow-y:auto;padding:1.25rem 1.5rem 0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbENvbnRlbnQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix3Q0FHRSxNQUFPLENBRVAsaUJBQW1CLENBQ25CLG1CQUFvQixDQUZwQixZQUFhLENBRmIsZUFBZ0IsQ0FEaEIsd0JBTUYiLCJmaWxlIjoiQmFzZU1vZGFsQ29udGVudC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGVudCB7XG4gIHBhZGRpbmc6IDEuMjVyZW0gMS41cmVtIDA7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGZsZXg6IDE7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xufSJdfQ== */";
+var classes = {"content":"BaseModalContent-module_content__EBc1p"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=BaseModalContent.module.scss.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalContent.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalContext.esm.js

@@ -1,2 +1,20 @@
-const o=o=>`${o}-label`;const t=o=>`${o}-description`;export{t as descriptionId,o as labelId};
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const labelId = (id) => `${id}-label`;
+const descriptionId = (id) => `${id}-description`;
+
+export { descriptionId, labelId };
 //# sourceMappingURL=BaseModalContext.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModalContext.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/BaseModalContext.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nexport const labelId = (id: string) => `${id}-label`;\nexport const descriptionId = (id: string) => `${id}-description`;\n"],"names":["labelId","id","descriptionId"],"mappings":"AAgBO,MAAMA,EAAWC,GAAe,GAAGA,UACnC,MAAMC,EAAiBD,GAAe,GAAGA"}
+{"version":3,"file":"BaseModalContext.esm.js","sources":["../../../../../../src/components/Notifications/BaseModal/BaseModalContext.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nexport const labelId = (id: string) => `${id}-label`;\nexport const descriptionId = (id: string) => `${id}-description`;\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;AAEI,MAAM,OAAO,GAAG,CAAC,EAAU,KAAK,CAAA,EAAG,EAAE,CAAA,MAAA,EAAS;AAC9C,MAAM,aAAa,GAAG,CAAC,EAAU,KAAK,CAAA,EAAG,EAAE,CAAA,YAAA;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js

@@ -1,2 +1,34 @@
-import e from"react";import t from"./BaseModalHeader.module.esm.js";import{IconButton as a}from"../../../Button/IconButton.esm.js";import{Icon as o,Icons as m}from"../../../Icon/Icon.esm.js";import{Typography as r}from"../../../Typography/Typography.esm.js";const s=({id:s,title:l,children:c,onClose:i,...n},d)=>e.createElement("div",{...n,ref:d,className:t["header"]},e.createElement("div",{className:t["headline"]},e.createElement("div",{className:t["title-wrapper"]},e.createElement(r,{id:s,className:t["title"],tag:"h1",spacing:{marginBottom:0},variant:"h4"},l)),e.createElement(a,{onClick:i,className:t["closeBtn"],title:"close modal"},e.createElement(o,{icon:m.Times}))),c);const l=e.forwardRef(s);export{l as BaseModalHeader};
+import React from 'react';
+import classes from './BaseModalHeader.module.scss.esm.js';
+import { IconButton } from '../../../Button/IconButton.esm.js';
+import { Icon, Icons } from '../../../Icon/Icon.esm.js';
+import { Typography } from '../../../Typography/Typography.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const BaseModalHeaderComponent = ({ id, title, children, onClose, ...rest }, ref) => {
+    return (React.createElement("div", { ...rest, ref: ref, className: classes["header"] },
+        React.createElement("div", { className: classes["headline"] },
+            React.createElement("div", { className: classes["title-wrapper"] },
+                React.createElement(Typography, { id: id, className: classes["title"], tag: "h1", spacing: { marginBottom: 0 }, variant: "h4" }, title)),
+            React.createElement(IconButton, { onClick: onClose, className: classes["closeBtn"], title: "close modal" },
+                React.createElement(Icon, { icon: Icons.Times }))),
+        children));
+};
+const BaseModalHeader = React.forwardRef(BaseModalHeaderComponent);
+
+export { BaseModalHeader };
 //# sourceMappingURL=BaseModalHeader.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModalHeader.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport classes from \"./BaseModalHeader.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Typography } from \"../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  children?: React.ReactNode;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst BaseModalHeaderComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, children, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div className={classes[\"headline\"]}>\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            tag=\"h1\"\n            spacing={{ marginBottom: 0 }}\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n        </div>\n        <IconButton onClick={onClose} className={classes[\"closeBtn\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const BaseModalHeader = React.forwardRef(BaseModalHeaderComponent);\n"],"names":["BaseModalHeaderComponent","id","title","children","onClose","rest","ref","React","createElement","className","classes","Typography","tag","spacing","marginBottom","variant","IconButton","onClick","Icon","icon","Icons","Times","BaseModalHeader","forwardRef"],"mappings":"kQA6BA,MAAMA,EAA4E,EAC9EC,KAAIC,QAAOC,WAAUC,aAAYC,GACnCC,IAGEC,EAAAC,cAAA,MAAA,IAASH,EAAMC,IAAKA,EAAKG,UAAWC,EAAQ,WAC1CH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,aACtBH,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,kBACtBH,EAAAC,cAACG,EAAU,CACTV,GAAIA,EACJQ,UAAWC,EAAQ,SACnBE,IAAI,KACJC,QAAS,CAAEC,aAAc,GACzBC,QAAQ,MAEPb,IAGLK,EAAAC,cAACQ,EAAU,CAACC,QAASb,EAASK,UAAWC,EAAQ,YAAaR,MAAM,eAClEK,EAACC,cAAAU,GAAKC,KAAMC,EAAMC,UAGrBlB,GAKM,MAAAmB,EAAkBf,EAAMgB,WAAWvB"}
+{"version":3,"file":"BaseModalHeader.esm.js","sources":["../../../../../../../src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport classes from \"./BaseModalHeader.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Typography } from \"../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  id: string;\n  title: string;\n  children?: React.ReactNode;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst BaseModalHeaderComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { id, title, children, onClose, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"header\"]}>\n      <div className={classes[\"headline\"]}>\n        <div className={classes[\"title-wrapper\"]}>\n          <Typography\n            id={id}\n            className={classes[\"title\"]}\n            tag=\"h1\"\n            spacing={{ marginBottom: 0 }}\n            variant=\"h4\"\n          >\n            {title}\n          </Typography>\n        </div>\n        <IconButton onClick={onClose} className={classes[\"closeBtn\"]} title=\"close modal\">\n          <Icon icon={Icons.Times} />\n        </IconButton>\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const BaseModalHeader = React.forwardRef(BaseModalHeaderComponent);\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAeH,MAAM,wBAAwB,GAAoD,CAChF,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAS,EAChD,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAA;AACnD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAAA;AACjC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;AACtC,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAC3B,GAAG,EAAC,IAAI,EACR,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAC5B,OAAO,EAAC,IAAI,EAEX,EAAA,KAAK,CACK,CACT;AACN,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,EAAC,aAAa,EAAA;gBAC/E,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA,CAChB,CACT;QACL,QAAQ,CACL,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB;;;;"}

package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.BaseModalHeader-module_header__TYT6j{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader-module_headline__07ZhA{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader-module_title__8sCRn{flex:1;margin:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VNb2RhbEhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHNDQUdFLDBCQUEyQixDQUMzQiwyQkFBNEIsQ0FINUIsY0FBZSxDQUNmLHdCQUdGLENBRUEsd0NBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYiw2QkFDRixDQUVBLHFDQUNFLE1BQU8sQ0FDUCxRQUNGIiwiZmlsZSI6IkJhc2VNb2RhbEhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyIHtcbiAgbWluLXdpZHRoOiA4MHB4O1xuICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbSAwO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA4cHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA4cHg7XG59XG5cbi5oZWFkbGluZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufSJdfQ== */";
+var classes = {"header":"BaseModalHeader-module_header__TYT6j","headline":"BaseModalHeader-module_headline__07ZhA","title":"BaseModalHeader-module_title__8sCRn"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=BaseModalHeader.module.scss.esm.js.map

package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalHeader.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Notifications/BaseModal/useRepeatFocus.esm.js

@@ -1,2 +1,66 @@
-import{useEffect as e}from"react";const t=t=>{const n=(e,t)=>{const n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';const r=e.querySelectorAll(n);if(t==="first")return r[0]||null;else if(t==="last")return r[r.length-1]||null;return null};e((()=>{if(!t.current||!open)return;const e=n(t.current,"last");const r=n(t.current,"first");if(!e||!r)return;const o=t=>{if(t.key!=="Tab")return;if(t.shiftKey){if(document.activeElement===r){t.preventDefault();e===null||e===void 0?void 0:e.focus()}}else if(document.activeElement===e){t.preventDefault();r===null||r===void 0?void 0:r.focus()}};e.addEventListener("keydown",o);r.addEventListener("keydown",o);return()=>{e.removeEventListener("keydown",o);r.removeEventListener("keydown",o)}}),[t,open])};export{t as useRepeatFocus};
+import { useEffect } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+/**
+ * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,
+ * the focus will be repeated and the user will not lose their entire focusable element to an element in the background
+ * that is being blocked by the modal.
+ */
+const useRepeatFocus = (ref) => {
+    const getFocusableElement = (element, position) => {
+        const focusableSelectors = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+        const focusableElements = element.querySelectorAll(focusableSelectors);
+        if (position === "first") {
+            return focusableElements[0] || null;
+        }
+        else if (position === "last") {
+            return focusableElements[focusableElements.length - 1] || null;
+        }
+        return null;
+    };
+    useEffect(() => {
+        if (!ref.current || !open)
+            return;
+        const lastFocusableElement = getFocusableElement(ref.current, "last");
+        const firstFocusableElement = getFocusableElement(ref.current, "first");
+        if (!lastFocusableElement || !firstFocusableElement)
+            return;
+        const handleTabKeyPress = (event) => {
+            if (event.key !== "Tab")
+                return;
+            if (event.shiftKey) {
+                if (document.activeElement === firstFocusableElement) {
+                    event.preventDefault();
+                    lastFocusableElement === null || lastFocusableElement === void 0 ? void 0 : lastFocusableElement.focus();
+                }
+            }
+            else if (document.activeElement === lastFocusableElement) {
+                event.preventDefault();
+                firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
+            }
+        };
+        lastFocusableElement.addEventListener("keydown", handleTabKeyPress);
+        firstFocusableElement.addEventListener("keydown", handleTabKeyPress);
+        return () => {
+            lastFocusableElement.removeEventListener("keydown", handleTabKeyPress);
+            firstFocusableElement.removeEventListener("keydown", handleTabKeyPress);
+        };
+    }, [ref, open]);
+};
+
+export { useRepeatFocus };
 //# sourceMappingURL=useRepeatFocus.esm.js.map