@onewelcome/react-lib-components 7.0.0 → 7.1.0

package/dist/cjs/Tag/Tag.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Tag-module_tag__0Cfjz{align-items:center;border:none;border-radius:3.125rem;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.Tag-module_tag__0Cfjz.Tag-module_tag-enabled__EsuwO{background-color:var(--color-green100)}.Tag-module_tag__0Cfjz.Tag-module_tag-disabled__VDbWz{background-color:var(--color-blue-grey100)}.Tag-module_tag__0Cfjz.Tag-module_sharp__fTYmZ{border-radius:.125rem}.Tag-module_tag__0Cfjz .Tag-module_label__aGRya{color:inherit;font-size:inherit;line-height:2}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQU1FLGtCQUFtQixDQUhuQixXQUFZLENBQ1osc0JBQXVCLENBQ3ZCLG1CQUFvQixDQUpwQixnQkFBa0IsQ0FNbEIsVUFBWSxDQUxaLHFCQU1GLENBQ0EscURBQ0Usc0NBQ0YsQ0FDQSxzREFDRSwwQ0FDRixDQUNBLCtDQUNFLHFCQUNGLENBQ0EsZ0RBR0UsYUFBYyxDQURkLGlCQUFrQixDQURsQixhQUdGIiwiZmlsZSI6IlRhZy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGFnIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMy4xMjVyZW07XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuMjVyZW07XG59XG4udGFnLnRhZy1lbmFibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItZ3JlZW4xMDApO1xufVxuLnRhZy50YWctZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnRhZy5zaGFycCB7XG4gIGJvcmRlci1yYWRpdXM6IDAuMTI1cmVtO1xufVxuLnRhZyAubGFiZWwge1xuICBsaW5lLWhlaWdodDogMjtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbn0iXX0= */'),exports.default={tag:"Tag-module_tag__0Cfjz","tag-enabled":"Tag-module_tag-enabled__EsuwO","tag-disabled":"Tag-module_tag-disabled__VDbWz",sharp:"Tag-module_sharp__fTYmZ",label:"Tag-module_label__aGRya"};
+//# sourceMappingURL=Tag.module.scss.cjs.js.map

package/dist/cjs/Tag/Tag.module.scss.cjs.js.map

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

package/dist/cjs/TextEllipsis/TextEllipsis.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../Popover/Popover.cjs.js");var r=require("./TextEllipsis.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=o(e);const l=({children:o,popoverClassName:l,className:a,...u},n)=>{const[c,i]=e.useState(false);const d=e.useRef(null);const f=()=>{if(d.current&&d.current.offsetWidth<d.current.scrollWidth)return true;return false};const p=()=>{f()&&i(true)};const v=()=>{f()&&i(false)};return s["default"].createElement("div",{...u,onMouseEnter:p,onMouseLeave:v,className:`${r["default"]["text-ellipsis"]} ${a!==null&&a!==void 0?a:""}`,ref:n!==null&&n!==void 0?n:d},o,s["default"].createElement(t.Popover,{"aria-hidden":true,"data-hidden":!c,show:c,role:"tooltip",anchorEl:d,className:`${r["default"].popover} ${l!==null&&l!==void 0?l:""}`},o))};const a=s["default"].forwardRef(l);exports.TextEllipsis=a;
+"use strict";var e=require("react"),r=require("../Popover/Popover.cjs.js"),s=require("./TextEllipsis.module.scss.cjs.js");const l=e.forwardRef((({children:l,popoverClassName:t,className:o,...a},n)=>{const[u,c]=e.useState(!1),i=e.useRef(null),d=()=>!!(i.current&&i.current.offsetWidth<i.current.scrollWidth);return e.createElement("div",{...a,onMouseEnter:()=>{d()&&c(!0)},onMouseLeave:()=>{d()&&c(!1)},className:`${s.default["text-ellipsis"]} ${null!=o?o:""}`,ref:null!=n?n:i},l,e.createElement(r.Popover,{"aria-hidden":!0,"data-hidden":!u,show:u,role:"tooltip",anchorEl:i,className:`${s.default.popover} ${null!=t?t:""}`},l))}));exports.TextEllipsis=l;
 //# sourceMappingURL=TextEllipsis.cjs.js.map

package/dist/cjs/TextEllipsis/TextEllipsis.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEllipsis.cjs.js","sources":["../../../../../src/components/TextEllipsis/TextEllipsis.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  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":["TextEllipsisComponent","children","popoverClassName","className","rest","ref","showPopover","setShowPopover","useState","textContainer","useRef","ellipsisVisible","current","offsetWidth","scrollWidth","onMouseEnter","onMouseLeave","React","createElement","classes","Popover","show","role","anchorEl","popover","TextEllipsis","forwardRef"],"mappings":"0QA+BA,MAAMA,EAAyE,EAC3EC,WAAUC,mBAAkBC,eAAcC,GAC5CC,KAEA,MAAOC,EAAaC,GAAkBC,EAAQA,SAAC,OAC/C,MAAMC,EAAgBC,SAAuB,MAE7C,MAAMC,EAAkB,KACtB,GACEF,EAAcG,SACdH,EAAcG,QAAQC,YAAcJ,EAAcG,QAAQE,YAE1D,OAAO,KAET,OAAO,KAAK,EAGd,MAAMC,EAAkD,KACtDJ,KAAqBJ,EAAe,KAAK,EAG3C,MAAMS,EAAkD,KACtDL,KAAqBJ,EAAe,MAAM,EAG5C,OACEU,EACM,WAAAC,cAAA,MAAA,IAAAd,EACJW,aAAcA,EACdC,aAAcA,EACdb,UAAW,GAAGgB,EAAO,WAAC,oBAAoBhB,IAAA,MAAAA,SAAA,EAAAA,EAAa,KACvDE,IAAKA,IAAG,MAAHA,SAAA,EAAAA,EAAOI,GAEXR,EACDgB,EAAAA,WAAAC,cAACE,EAAAA,QACc,CAAA,cAAA,KACA,eAACd,EACde,KAAMf,EACNgB,KAAK,UACLC,SAAUd,EACVN,UAAW,GAAGgB,EAAAA,WAAQK,WAAWtB,UAAAA,SAAgB,EAAhBA,EAAoB,MAEpDD,GAGL,EAGS,MAAAwB,EAAeR,EAAAA,WAAMS,WAAW1B"}
+{"version":3,"file":"TextEllipsis.cjs.js","sources":["../../../../../src/components/TextEllipsis/TextEllipsis.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  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":["TextEllipsis","React","forwardRef","children","popoverClassName","className","rest","ref","showPopover","setShowPopover","useState","textContainer","useRef","ellipsisVisible","current","offsetWidth","scrollWidth","createElement","onMouseEnter","onMouseLeave","classes","default","Popover","show","role","anchorEl","popover"],"mappings":"0HA+BA,MAgDaA,EAAeC,EAAMC,YAhD6C,EAC3EC,WAAUC,mBAAkBC,eAAcC,GAC5CC,KAEA,MAAOC,EAAaC,GAAkBC,EAAQA,UAAC,GACzCC,EAAgBC,SAAuB,MAEvCC,EAAkB,OAEpBF,EAAcG,SACdH,EAAcG,QAAQC,YAAcJ,EAAcG,QAAQE,aAe9D,OACEf,EACMgB,cAAA,MAAA,IAAAX,EACJY,aAXoD,KACtDL,KAAqBJ,GAAe,EAAK,EAWvCU,aARoD,KACtDN,KAAqBJ,GAAe,EAAM,EAQxCJ,UAAW,GAAGe,EAAOC,QAAC,oBAAoBhB,QAAAA,EAAa,KACvDE,IAAKA,QAAAA,EAAOI,GAEXR,EACDF,EAAAgB,cAACK,EAAAA,QACc,CAAA,eAAA,EACA,eAACd,EACde,KAAMf,EACNgB,KAAK,UACLC,SAAUd,EACVN,UAAW,GAAGe,EAAAA,QAAQM,WAAWtB,QAAAA,EAAoB,MAEpDD,GAGL"}

package/dist/cjs/TextEllipsis/TextEllipsis.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.TextEllipsis-module_text-ellipsis__qcPly{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis-module_popover__cfEFR{border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;transform:scale(1);transition-property:opacity;white-space:pre-wrap;z-index:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUNFLGVBQWdCLENBQ2hCLHNCQUF1QixDQUN2QixrQkFDRixDQUVBLG9DQUdFLG9CQUFzQixDQUN0Qix1Q0FBb0QsQ0FIcEQsdUJBQXlCLENBQ3pCLDBDQUErQyxDQUsvQyxrQkFBbUIsQ0FEbkIsMkJBQTRCLENBRDVCLG9CQUFxQixDQUdyQixTQUNGIiwiZmlsZSI6IlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGV4dC1lbGxpcHNpcyB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucG9wb3ZlciB7XG4gIG1heC13aWR0aDogbWluKDc1Y2gsIDkwJSk7XG4gIHBhZGRpbmc6IDAuNjg3NXJlbSAwLjY4NzVyZW0gMC42ODc1cmVtIDAuODc1cmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBib3gtc2hhZG93OiAwIDAuMTg3NXJlbSAwLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMjkpO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIHotaW5kZXg6IDE7XG59Il19 */'),exports.default={"text-ellipsis":"TextEllipsis-module_text-ellipsis__qcPly",popover:"TextEllipsis-module_popover__cfEFR"};
+//# sourceMappingURL=TextEllipsis.module.scss.cjs.js.map

package/dist/cjs/TextEllipsis/TextEllipsis.module.scss.cjs.js.map

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

package/dist/cjs/Tiles/Tile.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../Icon/Icon.cjs.js");var a=require("./Tile.module.cjs.js");var l=require("../src/readyclasses.module.cjs.js");var r=require("../src/util/helper.cjs.js");function s(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=s(e);const n=({title:s,imageProps:n,enabled:o,className:u,loading:d,tileAction:i,...f},m)=>{const[v]=e.useState(r.generateID(20));if(!s)throw new Error("Please make sure to pass a title prop to your Tile component.");const p=()=>{if(o)return"Status: enabled";return"Status: disabled"};return c["default"].createElement("article",{...f,tabIndex:0,"aria-labelledby":v,ref:m,className:`${a["default"]["tile"]} ${d?a["default"]["loading"]:""}`},c["default"].createElement("header",{style:{justifyContent:o===void 0?"flex-end":"space-between"}},o===true&&c["default"].createElement(t.Icon,{color:"var(--success)",icon:t.Icons.Checkmark,className:`${a["default"]["icon"]} ${u!==null&&u!==void 0?u:""}`}),o===false&&c["default"].createElement(t.Icon,{color:"var(--greyed-out)",icon:t.Icons.Forbidden,className:`${a["default"]["icon"]} ${u!==null&&u!==void 0?u:""}`}),o!==void 0&&c["default"].createElement("span",{id:v,className:l["default"]["sr-only"]},`${s}. ${p()}`),i!==null&&i!==void 0?i:null),c["default"].createElement("div",{className:a["default"]["content"]},n&&n.src.length>0&&c["default"].createElement("figure",{className:a["default"]["image"]},!d&&c["default"].createElement("img",{...n,alt:""})),(!n||n.src.length===0)&&c["default"].createElement(t.Icon,{className:a["default"]["placeholder"],icon:t.Icons.Image}),c["default"].createElement("span",{className:a["default"]["title"]},s)))};const o=c["default"].forwardRef(n);exports.Tile=o;
+"use strict";var e=require("react"),a=require("../Icon/Icon.cjs.js"),t=require("./Tile.module.scss.cjs.js"),l=require("../src/readyclasses.module.scss.cjs.js"),s=require("../src/util/helper.cjs.js");const c=e.forwardRef((({title:c,imageProps:r,enabled:n,className:o,loading:i,tileAction:u,...d},m)=>{const[f]=e.useState(s.generateID(20));if(!c)throw new Error("Please make sure to pass a title prop to your Tile component.");return e.createElement("article",{...d,tabIndex:0,"aria-labelledby":f,ref:m,className:`${t.default.tile} ${i?t.default.loading:""}`},e.createElement("header",{style:{justifyContent:void 0===n?"flex-end":"space-between"}},!0===n&&e.createElement(a.Icon,{color:"var(--success)",icon:a.Icons.Checkmark,className:`${t.default.icon} ${null!=o?o:""}`}),!1===n&&e.createElement(a.Icon,{color:"var(--greyed-out)",icon:a.Icons.Forbidden,className:`${t.default.icon} ${null!=o?o:""}`}),void 0!==n&&e.createElement("span",{id:f,className:l.default["sr-only"]},`${c}. ${n?"Status: enabled":"Status: disabled"}`),null!=u?u:null),e.createElement("div",{className:t.default.content},r&&r.src.length>0&&e.createElement("figure",{className:t.default.image},!i&&e.createElement("img",{...r,alt:""})),(!r||0===r.src.length)&&e.createElement(a.Icon,{className:t.default.placeholder,icon:a.Icons.Image}),e.createElement("span",{className:t.default.title},c)))}));exports.Tile=c;
 //# sourceMappingURL=Tile.cjs.js.map

package/dist/cjs/Tiles/Tile.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.cjs.js","sources":["../../../../../src/components/Tiles/Tile.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  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tile.module.scss\";\nimport readyClasses from \"../../readyclasses.module.scss\";\n\nimport { Props as ContextMenuProps } from \"../ContextMenu/ContextMenu\";\nimport { generateID } from \"../../util/helper\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\n\ninterface ImageProps extends ComponentPropsWithoutRef<\"img\"> {\n  src: string;\n}\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title: string;\n  imageProps?: ImageProps;\n  enabled?: boolean;\n  loading?: boolean;\n  tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;\n}\n\nconst TileComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { title, imageProps, enabled, className, loading, tileAction, ...rest }: Props,\n  ref\n) => {\n  const [tileDescriptionID] = useState(generateID(20));\n\n  if (!title) {\n    throw new Error(\"Please make sure to pass a title prop to your Tile component.\");\n  }\n\n  const statusMessage = () => {\n    if (enabled) {\n      return \"Status: enabled\";\n    }\n\n    return \"Status: disabled\";\n  };\n\n  return (\n    <article\n      {...rest}\n      tabIndex={0}\n      aria-labelledby={tileDescriptionID}\n      ref={ref}\n      className={`${classes[\"tile\"]} ${loading ? classes[\"loading\"] : \"\"}`}\n    >\n      <header style={{ justifyContent: enabled === undefined ? \"flex-end\" : \"space-between\" }}>\n        {enabled === true && (\n          <Icon\n            color=\"var(--success)\"\n            icon={Icons.Checkmark}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled === false && (\n          <Icon\n            color=\"var(--greyed-out)\"\n            icon={Icons.Forbidden}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled !== undefined && (\n          <span id={tileDescriptionID} className={readyClasses[\"sr-only\"]}>\n            {`${title}. ${statusMessage()}`}\n          </span>\n        )}\n        {tileAction ?? null}\n      </header>\n      <div className={classes[\"content\"]}>\n        {imageProps && imageProps.src.length > 0 && (\n          <figure className={classes[\"image\"]}>{!loading && <img {...imageProps} alt=\"\" />}</figure>\n        )}\n        {(!imageProps || imageProps.src.length === 0) && (\n          <Icon className={classes[\"placeholder\"]} icon={Icons.Image} />\n        )}\n        <span className={classes[\"title\"]}>{title}</span>\n      </div>\n    </article>\n  );\n};\n\nexport const Tile = React.forwardRef(TileComponent);\n"],"names":["TileComponent","title","imageProps","enabled","className","loading","tileAction","rest","ref","tileDescriptionID","useState","generateID","Error","statusMessage","React","createElement","tabIndex","classes","style","justifyContent","undefined","Icon","color","icon","Icons","Checkmark","Forbidden","id","readyClasses","src","length","alt","Image","Tile","forwardRef"],"mappings":"0VA2CA,MAAMA,EAAiE,EACnEC,QAAOC,aAAYC,UAASC,YAAWC,UAASC,gBAAeC,GACjEC,KAEA,MAAOC,GAAqBC,EAAAA,SAASC,EAAAA,WAAW,KAEhD,IAAKV,EACH,MAAM,IAAIW,MAAM,iEAGlB,MAAMC,EAAgB,KACpB,GAAIV,EACF,MAAO,kBAGT,MAAO,kBAAkB,EAG3B,OACEW,aAAAC,cAAA,UAAA,IACMR,EACJS,SAAU,EACO,kBAAAP,EACjBD,IAAKA,EACLJ,UAAW,GAAGa,EAAAA,WAAQ,WAAWZ,EAAUY,EAAAA,WAAQ,WAAa,MAEhEH,EAAAA,WAAAC,cAAA,SAAA,CAAQG,MAAO,CAAEC,eAAgBhB,SAAYiB,EAAY,WAAa,kBACnEjB,IAAY,MACXW,2BAACO,EAAAA,KAAI,CACHC,MAAM,iBACNC,KAAMC,QAAMC,UACZrB,UAAW,GAAGa,EAAO,WAAC,WAAWb,IAAA,MAAAA,WAAAA,EAAa,OAGjDD,IAAY,OACXW,2BAACO,EAAAA,KAAI,CACHC,MAAM,oBACNC,KAAMC,QAAME,UACZtB,UAAW,GAAGa,EAAO,WAAC,WAAWb,IAAA,MAAAA,WAAAA,EAAa,OAGjDD,SAAYiB,GACXN,mCAAMa,GAAIlB,EAAmBL,UAAWwB,aAAa,YAClD,GAAG3B,MAAUY,OAGjBP,IAAU,MAAVA,SAAU,EAAVA,EAAc,MAEjBQ,EAAA,WAAAC,cAAA,MAAA,CAAKX,UAAWa,EAAAA,WAAQ,YACrBf,GAAcA,EAAW2B,IAAIC,OAAS,GACrChB,aAAQC,cAAA,SAAA,CAAAX,UAAWa,aAAQ,WAAYZ,GAAWS,aAAAC,cAAA,MAAA,IAASb,EAAY6B,IAAI,QAE1E7B,GAAcA,EAAW2B,IAAIC,SAAW,IACzChB,EAAAA,WAAAC,cAACM,EAAIA,KAAA,CAACjB,UAAWa,EAAAA,WAAQ,eAAgBM,KAAMC,EAAKA,MAACQ,QAEvDlB,aAAAC,cAAA,OAAA,CAAMX,UAAWa,aAAQ,UAAWhB,IAGxC,EAGS,MAAAgC,EAAOnB,EAAAA,WAAMoB,WAAWlC"}
+{"version":3,"file":"Tile.cjs.js","sources":["../../../../../src/components/Tiles/Tile.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  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tile.module.scss\";\nimport readyClasses from \"../../readyclasses.module.scss\";\n\nimport { Props as ContextMenuProps } from \"../ContextMenu/ContextMenu\";\nimport { generateID } from \"../../util/helper\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\n\ninterface ImageProps extends ComponentPropsWithoutRef<\"img\"> {\n  src: string;\n}\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title: string;\n  imageProps?: ImageProps;\n  enabled?: boolean;\n  loading?: boolean;\n  tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;\n}\n\nconst TileComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { title, imageProps, enabled, className, loading, tileAction, ...rest }: Props,\n  ref\n) => {\n  const [tileDescriptionID] = useState(generateID(20));\n\n  if (!title) {\n    throw new Error(\"Please make sure to pass a title prop to your Tile component.\");\n  }\n\n  const statusMessage = () => {\n    if (enabled) {\n      return \"Status: enabled\";\n    }\n\n    return \"Status: disabled\";\n  };\n\n  return (\n    <article\n      {...rest}\n      tabIndex={0}\n      aria-labelledby={tileDescriptionID}\n      ref={ref}\n      className={`${classes[\"tile\"]} ${loading ? classes[\"loading\"] : \"\"}`}\n    >\n      <header style={{ justifyContent: enabled === undefined ? \"flex-end\" : \"space-between\" }}>\n        {enabled === true && (\n          <Icon\n            color=\"var(--success)\"\n            icon={Icons.Checkmark}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled === false && (\n          <Icon\n            color=\"var(--greyed-out)\"\n            icon={Icons.Forbidden}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled !== undefined && (\n          <span id={tileDescriptionID} className={readyClasses[\"sr-only\"]}>\n            {`${title}. ${statusMessage()}`}\n          </span>\n        )}\n        {tileAction ?? null}\n      </header>\n      <div className={classes[\"content\"]}>\n        {imageProps && imageProps.src.length > 0 && (\n          <figure className={classes[\"image\"]}>{!loading && <img {...imageProps} alt=\"\" />}</figure>\n        )}\n        {(!imageProps || imageProps.src.length === 0) && (\n          <Icon className={classes[\"placeholder\"]} icon={Icons.Image} />\n        )}\n        <span className={classes[\"title\"]}>{title}</span>\n      </div>\n    </article>\n  );\n};\n\nexport const Tile = React.forwardRef(TileComponent);\n"],"names":["Tile","React","forwardRef","title","imageProps","enabled","className","loading","tileAction","rest","ref","tileDescriptionID","useState","generateID","Error","createElement","tabIndex","classes","style","justifyContent","undefined","Icon","color","icon","Icons","Checkmark","default","Forbidden","id","readyClasses","src","length","alt","Image"],"mappings":"uMA2CA,MA6DaA,EAAOC,EAAMC,YA7D6C,EACnEC,QAAOC,aAAYC,UAASC,YAAWC,UAASC,gBAAeC,GACjEC,KAEA,MAAOC,GAAqBC,EAAAA,SAASC,EAAAA,WAAW,KAEhD,IAAKV,EACH,MAAM,IAAIW,MAAM,iEAWlB,OACEb,EAAAc,cAAA,UAAA,IACMN,EACJO,SAAU,EACO,kBAAAL,EACjBD,IAAKA,EACLJ,UAAW,GAAGW,EAAAA,QAAc,QAAKV,EAAUU,EAAAA,QAAiB,QAAI,MAEhEhB,EAAAc,cAAA,SAAA,CAAQG,MAAO,CAAEC,oBAA4BC,IAAZf,EAAwB,WAAa,mBACvD,IAAZA,GACCJ,gBAACoB,EAAAA,KAAI,CACHC,MAAM,iBACNC,KAAMC,QAAMC,UACZnB,UAAW,GAAGW,EAAOS,QAAO,QAAKpB,QAAAA,EAAa,QAGrC,IAAZD,GACCJ,gBAACoB,EAAAA,KAAI,CACHC,MAAM,oBACNC,KAAMC,QAAMG,UACZrB,UAAW,GAAGW,EAAOS,QAAO,QAAKpB,QAAAA,EAAa,YAGrCc,IAAZf,GACCJ,wBAAM2B,GAAIjB,EAAmBL,UAAWuB,UAAa,YAClD,GAAG1B,MAhCRE,EACK,kBAGF,sBA+BFG,QAAAA,EAAc,MAEjBP,EAAAc,cAAA,MAAA,CAAKT,UAAWW,EAAAA,QAAiB,SAC9Bb,GAAcA,EAAW0B,IAAIC,OAAS,GACrC9B,EAAQc,cAAA,SAAA,CAAAT,UAAWW,UAAe,QAAKV,GAAWN,EAAAc,cAAA,MAAA,IAASX,EAAY4B,IAAI,QAE1E5B,GAAwC,IAA1BA,EAAW0B,IAAIC,SAC9B9B,EAAAc,cAACM,EAAIA,KAAA,CAACf,UAAWW,EAAAA,QAAqB,YAAGM,KAAMC,EAAKA,MAACS,QAEvDhC,EAAAc,cAAA,OAAA,CAAMT,UAAWW,UAAe,OAAId,IAGxC"}

package/dist/cjs/Tiles/Tile.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Tile-module_sr-only__g5nG1{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile-module_hidden__7JCEM{display:none}.Tile-module_slide-in__X7UMt{animation:Tile-module_slide-in__X7UMt .5s forwards}@media (prefers-reduced-motion:reduce){.Tile-module_slide-in__X7UMt{animation-duration:.1ms}}.Tile-module_slide-out__e9iw-{animation:Tile-module_slide-out__e9iw- .5s forwards}@media (prefers-reduced-motion:reduce){.Tile-module_slide-out__e9iw-{animation-duration:.1ms}}@keyframes Tile-module_slide-in__X7UMt{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile-module_slide-out__e9iw-{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile-module_tile__hxVmk{background-color:var(--light);border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:0 0 2rem;transition-duration:.2s;transition-property:box-shadow;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk{transition-duration:.1ms}}.Tile-module_tile__hxVmk:hover{box-shadow:0 3px 6px #0000004a}.Tile-module_tile__hxVmk header{align-items:center;display:flex}.Tile-module_tile__hxVmk header .Tile-module_icon__yIsdw{padding:0 1rem}.Tile-module_tile__hxVmk figure{height:3rem;margin:0 0 1rem}.Tile-module_tile__hxVmk figure img{height:3rem;vertical-align:top;width:auto}.Tile-module_tile__hxVmk .Tile-module_placeholder__JWzhK{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile-module_tile__hxVmk .Tile-module_content__yrscy{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss header{display:none}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N:after{animation:Tile-module_shimmer__rOiOX 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N:after{animation:none}}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL{background-color:var(--skeleton-background-color);border-radius:.5rem;color:#0000;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL:after{animation:Tile-module_shimmer__rOiOX 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL:after{animation:none}}@keyframes Tile-module_shimmer__rOiOX{to{transform:translateX(100%)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGUubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDJCQUNFLFlBQ0YsQ0FFQSw2QkFDRSxrREFDRixDQUNBLHVDQUNFLDZCQUNFLHVCQUNGLENBQ0YsQ0FFQSw4QkFDRSxtREFDRixDQUNBLHVDQUNFLDhCQUNFLHVCQUNGLENBQ0YsQ0FFQSx1Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esd0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHlCQUtFLDZCQUE4QixDQUo5Qix5Q0FBMEMsQ0FDMUMsaUJBQWtCLENBQ2xCLHFCQUFzQixDQU10Qiw4QkFBK0IsQ0FML0IsZ0JBQWlCLENBR2pCLHVCQUF5QixDQUR6Qiw4QkFBK0IsQ0FFL0Isc0NBRUYsQ0FDQSx1Q0FDRSx5QkFDRSx3QkFDRixDQUNGLENBQ0EsK0JBQ0UsOEJBQ0YsQ0FDQSxnQ0FFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHlEQUNFLGNBQ0YsQ0FDQSxnQ0FFRSxXQUFZLENBRFosZUFFRixDQUNBLG9DQUVFLFdBQVksQ0FEWixrQkFBbUIsQ0FFbkIsVUFDRixDQUNBLHlEQUdFLHVCQUF3QixDQUZ4QixjQUFlLENBQ2YsZUFFRixDQUNBLHFEQUdFLGtCQUFtQixDQUVuQixjQUFlLENBSmYsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixzQkFBdUIsQ0FFdkIsY0FDRixDQUNBLDJEQUNFLFlBQ0YsQ0FDQSw4RUFJRSxpREFBa0QsQ0FDbEQsbUJBQXFCLENBRXJCLFdBQVksQ0FOWixpQkFBa0IsQ0FFbEIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBSWxCLFVBRUYsQ0FDQSxvRkFTRSxnREFBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0Usb0ZBQ0UsY0FDRixDQUNGLENBTUEsOEVBR0UsaURBQWtELENBSWxELG1CQUFxQixDQUhyQixXQUFrQixDQUNsQixvQkFBcUIsQ0FIckIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBS2xCLFNBRUYsQ0FDQSxvRkFTRSxnREFBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0Usb0ZBQ0UsY0FDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSwwQkFDRixDQUNGIiwiZmlsZSI6IlRpbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGlsZSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwIDAgMnJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3gtc2hhZG93O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50aWxlOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAzcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4yOSk7XG59XG4udGlsZSBoZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnRpbGUgaGVhZGVyIC5pY29uIHtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUgZmlndXJlIHtcbiAgbWFyZ2luOiAwIDAgMXJlbTtcbiAgaGVpZ2h0OiAzcmVtO1xufVxuLnRpbGUgZmlndXJlIGltZyB7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IGF1dG87XG59XG4udGlsZSAucGxhY2Vob2xkZXIge1xuICBmb250LXNpemU6IDNyZW07XG4gIG1hcmdpbjogMCAwIDFyZW07XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50aWxlIC5jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUubG9hZGluZyBoZWFkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRpbGUubG9hZGluZyAuaW1hZ2Uge1xuICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgd2lkdGg6IDNyZW07XG4gIGhlaWdodDogM3JlbTtcbn1cbi50aWxlLmxvYWRpbmcgLmltYWdlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApIDAsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuMikgMjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjUpIDYwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkpO1xuICBjb250ZW50OiBcIlwiO1xuICBhbmltYXRpb246IHNoaW1tZXIgMnMgaW5maW5pdGU7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZS5sb2FkaW5nIC5pbWFnZTo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxufVxuQGtleWZyYW1lcyBzaGltbWVyIHtcbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogNzAlO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRpbGUubG9hZGluZyAudGl0bGU6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufSJdfQ== */'),exports.default={"sr-only":"Tile-module_sr-only__g5nG1",hidden:"Tile-module_hidden__7JCEM","slide-in":"Tile-module_slide-in__X7UMt","slide-out":"Tile-module_slide-out__e9iw-",tile:"Tile-module_tile__hxVmk",icon:"Tile-module_icon__yIsdw",placeholder:"Tile-module_placeholder__JWzhK",content:"Tile-module_content__yrscy",loading:"Tile-module_loading__KWkss",image:"Tile-module_image__34a-N",shimmer:"Tile-module_shimmer__rOiOX",title:"Tile-module_title__Wo5fL"};
+//# sourceMappingURL=Tile.module.scss.cjs.js.map

package/dist/cjs/Tiles/Tile.module.scss.cjs.js.map

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

package/dist/cjs/Tiles/Tiles.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var l=require("./Tiles.module.cjs.js");var r=require("./Tile.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=t(e);const i=({children:e,className:t,loading:i=false,...o},c)=>{const d=()=>{if(i)return[a["default"].createElement(r.Tile,{key:"placeholder1",title:"placeholder",imageProps:{src:"placeholder"},loading:true}),a["default"].createElement(r.Tile,{key:"placeholder2",title:"placeholder",imageProps:{src:"placeholder"},loading:true}),a["default"].createElement(r.Tile,{key:"placeholder3",title:"placeholder",imageProps:{src:"placeholder"},loading:true})];return e};return a["default"].createElement("div",{...o,ref:c,className:`${l["default"]["tiles"]} ${t!==null&&t!==void 0?t:""}`,"aria-live":"polite","aria-busy":i},d())};const o=a["default"].forwardRef(i);exports.Tiles=o;
+"use strict";var e=require("react"),l=require("./Tiles.module.scss.cjs.js"),r=require("./Tile.cjs.js");const a=e.forwardRef((({children:a,className:i,loading:c=!1,...s},t)=>e.createElement("div",{...s,ref:t,className:`${l.default.tiles} ${null!=i?i:""}`,"aria-live":"polite","aria-busy":c},c?[e.createElement(r.Tile,{key:"placeholder1",title:"placeholder",imageProps:{src:"placeholder"},loading:!0}),e.createElement(r.Tile,{key:"placeholder2",title:"placeholder",imageProps:{src:"placeholder"},loading:!0}),e.createElement(r.Tile,{key:"placeholder3",title:"placeholder",imageProps:{src:"placeholder"},loading:!0})]:a)));exports.Tiles=a;
 //# sourceMappingURL=Tiles.cjs.js.map

package/dist/cjs/Tiles/Tiles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.cjs.js","sources":["../../../../../src/components/Tiles/Tiles.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, ReactNode } from \"react\";\nimport classes from \"./Tiles.module.scss\";\nimport { Tile } from \"./Tile\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactNode;\n  loading?: boolean;\n}\n\nconst TilesComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, className, loading = false, ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (loading) {\n      return [\n        <Tile\n          key=\"placeholder1\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder2\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder3\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />\n      ];\n    }\n\n    return children;\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"tiles\"]} ${className ?? \"\"}`}\n      aria-live=\"polite\"\n      aria-busy={loading}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const Tiles = React.forwardRef(TilesComponent);\n"],"names":["TilesComponent","children","className","loading","rest","ref","renderChildren","React","createElement","Tile","key","title","imageProps","src","classes","Tiles","forwardRef"],"mappings":"uPAyBA,MAAMA,EAAkE,EACpEC,WAAUC,YAAWC,UAAU,SAAUC,GAC3CC,KAEA,MAAMC,EAAiB,KACrB,GAAIH,EACF,MAAO,CACLI,EAAAA,WAACC,cAAAC,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,OAEXI,EAAAA,WAACC,cAAAC,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,OAEXI,EAAAA,WAACC,cAAAC,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,QAKf,OAAOF,CAAQ,EAGjB,OACEM,EAAA,WAAAC,cAAA,MAAA,IACMJ,EACJC,IAAKA,EACLH,UAAW,GAAGY,aAAQ,YAAYZ,IAAS,MAATA,SAAS,EAATA,EAAa,KAAI,YACzC,SAAQ,YACPC,GAEVG,IAEH,EAGS,MAAAS,EAAQR,EAAAA,WAAMS,WAAWhB"}
+{"version":3,"file":"Tiles.cjs.js","sources":["../../../../../src/components/Tiles/Tiles.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, ReactNode } from \"react\";\nimport classes from \"./Tiles.module.scss\";\nimport { Tile } from \"./Tile\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactNode;\n  loading?: boolean;\n}\n\nconst TilesComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, className, loading = false, ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (loading) {\n      return [\n        <Tile\n          key=\"placeholder1\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder2\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder3\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />\n      ];\n    }\n\n    return children;\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"tiles\"]} ${className ?? \"\"}`}\n      aria-live=\"polite\"\n      aria-busy={loading}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const Tiles = React.forwardRef(TilesComponent);\n"],"names":["Tiles","React","forwardRef","children","className","loading","rest","ref","createElement","classes","Tile","key","title","imageProps","src"],"mappings":"uGAyBA,MA4CaA,EAAQC,EAAMC,YA5C6C,EACpEC,WAAUC,YAAWC,WAAU,KAAUC,GAC3CC,IA8BEN,EAAAO,cAAA,MAAA,IACMF,EACJC,IAAKA,EACLH,UAAW,GAAGK,UAAe,SAAKL,QAAAA,EAAa,KAAI,YACzC,SAAQ,YACPC,GAhCTA,EACK,CACLJ,EAACO,cAAAE,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,IAEXJ,EAACO,cAAAE,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,IAEXJ,EAACO,cAAAE,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,KAKRF"}

package/dist/cjs/Tiles/Tiles.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Tiles-module_tiles__ZxhuP{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:30em){.Tiles-module_tiles__ZxhuP{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGVzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMkJBRUUsYUFBYyxDQURkLFlBQWEsQ0FFYixtQ0FDRixDQUVBLG1DQUNFLDJCQUNFLDBEQUNGLENBQ0YiLCJmaWxlIjoiVGlsZXMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRpbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1nYXA6IDFyZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEsIDFmcik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnRpbGVzIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDE0LjVyZW0sIDFmcikpO1xuICB9XG59Il19 */'),exports.default={tiles:"Tiles-module_tiles__ZxhuP"};
+//# sourceMappingURL=Tiles.module.scss.cjs.js.map

package/dist/cjs/Tiles/Tiles.module.scss.cjs.js.map

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

package/dist/cjs/Tooltip/Tooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var t=require("react");var e=require("../Icon/Icon.cjs.js");var o=require("./Tooltip.module.cjs.js");var r=require("../src/util/helper.cjs.js");var a=require("../src/hooks/usePosition.cjs.js");var l=require("react-dom");var i=require("../src/hooks/useGetDomRoot.cjs.js");function n(t){return t&&typeof t==="object"&&"default"in t?t:{default:t}}var c=n(t);const s={left:{placement:{horizontal:"left",vertical:"center"},offset:{left:0,right:12,top:0,bottom:0},transformOrigin:{horizontal:"right",vertical:"center"}},leftEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:0,right:12,top:-12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}},leftStart:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:0,right:12,top:0,bottom:-12},transformOrigin:{horizontal:"right",vertical:"bottom"}},right:{placement:{horizontal:"right",vertical:"center"},offset:{left:12,right:0,top:0,bottom:0},transformOrigin:{horizontal:"left",vertical:"center"}},rightEnd:{placement:{horizontal:"right",vertical:"top"},offset:{left:12,right:0,top:-12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},rightStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:12,right:0,top:0,bottom:-12},transformOrigin:{horizontal:"left",vertical:"bottom"}},top:{placement:{horizontal:"center",vertical:"top"},offset:{left:0,right:0,top:0,bottom:12},transformOrigin:{horizontal:"center",vertical:"bottom"}},topEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:-12,right:0,top:0,bottom:12},transformOrigin:{horizontal:"left",vertical:"bottom"}},topStart:{placement:{horizontal:"right",vertical:"top"},offset:{left:0,right:-12,top:0,bottom:12},transformOrigin:{horizontal:"right",vertical:"bottom"}},bottom:{placement:{horizontal:"center",vertical:"bottom"},offset:{left:0,right:0,top:12,bottom:0},transformOrigin:{horizontal:"center",vertical:"top"}},bottomEnd:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:-12,right:0,top:12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},bottomStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:0,right:-12,top:12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}}};const f=({title:n,children:f,className:m,domRoot:u,label:p,location:h="right",position:d="center",color:g="black",...v},b)=>{const[z]=t.useState(r.generateID());const[E,O]=t.useState(false);const j=b||t.createRef();const{root:$}=i.useGetDomRoot(u,j);const y=t.useRef(null);const I=t.useRef(null);const N=t.useMemo((()=>{if(d==="center")return h;return`${h}${d.charAt(0).toUpperCase()+d.slice(1)}`}),[h,d]);const{top:q,bottom:R,right:k,left:P,calculatePosition:S}=a.usePosition({relativeElement:y,elementToBePositioned:I,placement:s[N].placement,offset:s[N].offset,transformOrigin:s[N].transformOrigin});t.useEffect((()=>{if(!E)return;const t=t=>{if(t.key==="Escape")O(false)};document.addEventListener("keyup",t);return()=>{document.removeEventListener("keyup",t)}}),[E]);t.useLayoutEffect((()=>{S()}),[E]);const L=()=>{if(c["default"].isValidElement(p))return c["default"].cloneElement(p,{onFocus:()=>O(true),onBlur:()=>O(false),"aria-describedby":z,tabIndex:0,className:o["default"]["label"]});return c["default"].createElement("span",{className:o["default"]["label"],tabIndex:0,onFocus:()=>O(true),onBlur:()=>O(false),"aria-describedby":z},p)};const w=`${o["default"]["tooltip"]} ${o["default"][g]} ${E?o["default"]["visible"]:""} ${o["default"][N.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return c["default"].createElement("div",{...v,ref:j,className:`${o["default"].wrapper} ${m!==null&&m!==void 0?m:""}`},L(),c["default"].createElement("div",{className:`${o["default"]["tooltip-wrapper"]}`},c["default"].createElement(e.Icon,{ref:y,tag:"div",onMouseEnter:()=>O(true),onMouseLeave:()=>O(false),icon:e.Icons.InfoCircle,className:o["default"].icon}),l.createPortal(c["default"].createElement("div",{ref:I,style:{...v.style,top:q,left:P,right:k,bottom:R},"aria-hidden":!E,id:z,className:w},n&&c["default"].createElement("span",{className:o["default"]["tooltip-title"]},n),f),$)))};const m=c["default"].forwardRef(f);exports.Tooltip=m;
+"use strict";var t=require("react"),e=require("../Icon/Icon.cjs.js"),o=require("./Tooltip.module.scss.cjs.js"),r=require("../src/util/helper.cjs.js"),l=require("../src/hooks/usePosition.cjs.js"),i=require("react-dom"),a=require("../src/hooks/useGetDomRoot.cjs.js");const n={left:{placement:{horizontal:"left",vertical:"center"},offset:{left:0,right:12,top:0,bottom:0},transformOrigin:{horizontal:"right",vertical:"center"}},leftEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:0,right:12,top:-12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}},leftStart:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:0,right:12,top:0,bottom:-12},transformOrigin:{horizontal:"right",vertical:"bottom"}},right:{placement:{horizontal:"right",vertical:"center"},offset:{left:12,right:0,top:0,bottom:0},transformOrigin:{horizontal:"left",vertical:"center"}},rightEnd:{placement:{horizontal:"right",vertical:"top"},offset:{left:12,right:0,top:-12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},rightStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:12,right:0,top:0,bottom:-12},transformOrigin:{horizontal:"left",vertical:"bottom"}},top:{placement:{horizontal:"center",vertical:"top"},offset:{left:0,right:0,top:0,bottom:12},transformOrigin:{horizontal:"center",vertical:"bottom"}},topEnd:{placement:{horizontal:"left",vertical:"top"},offset:{left:-12,right:0,top:0,bottom:12},transformOrigin:{horizontal:"left",vertical:"bottom"}},topStart:{placement:{horizontal:"right",vertical:"top"},offset:{left:0,right:-12,top:0,bottom:12},transformOrigin:{horizontal:"right",vertical:"bottom"}},bottom:{placement:{horizontal:"center",vertical:"bottom"},offset:{left:0,right:0,top:12,bottom:0},transformOrigin:{horizontal:"center",vertical:"top"}},bottomEnd:{placement:{horizontal:"left",vertical:"bottom"},offset:{left:-12,right:0,top:12,bottom:0},transformOrigin:{horizontal:"left",vertical:"top"}},bottomStart:{placement:{horizontal:"right",vertical:"bottom"},offset:{left:0,right:-12,top:12,bottom:0},transformOrigin:{horizontal:"right",vertical:"top"}}},c=t.forwardRef((({title:c,children:s,className:f,domRoot:m,label:p,location:h="right",position:u="center",color:g="black",...b},d)=>{const[v]=t.useState(r.generateID()),[z,E]=t.useState(!1),O=d||t.createRef(),{root:$}=a.useGetDomRoot(m,O),j=t.useRef(null),y=t.useRef(null),I=t.useMemo((()=>"center"===u?h:`${h}${u.charAt(0).toUpperCase()+u.slice(1)}`),[h,u]),{top:N,bottom:q,right:R,left:k,calculatePosition:S}=l.usePosition({relativeElement:j,elementToBePositioned:y,placement:n[I].placement,offset:n[I].offset,transformOrigin:n[I].transformOrigin});t.useEffect((()=>{if(!z)return;const t=t=>{"Escape"===t.key&&E(!1)};return document.addEventListener("keyup",t),()=>{document.removeEventListener("keyup",t)}}),[z]),t.useLayoutEffect((()=>{S()}),[z]);const L=`${o.default.tooltip} ${o.default[g]} ${z?o.default.visible:""} ${o.default[I.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return t.createElement("div",{...b,ref:O,className:`${o.default.wrapper} ${null!=f?f:""}`},t.isValidElement(p)?t.cloneElement(p,{onFocus:()=>E(!0),onBlur:()=>E(!1),"aria-describedby":v,tabIndex:0,className:o.default.label}):t.createElement("span",{className:o.default.label,tabIndex:0,onFocus:()=>E(!0),onBlur:()=>E(!1),"aria-describedby":v},p),t.createElement("div",{className:`${o.default["tooltip-wrapper"]}`},t.createElement(e.Icon,{ref:j,tag:"div",onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),icon:e.Icons.InfoCircle,className:o.default.icon}),i.createPortal(t.createElement("div",{ref:y,style:{...b.style,top:N,left:k,right:R,bottom:q},"aria-hidden":!z,id:v,className:L},c&&t.createElement("span",{className:o.default["tooltip-title"]},c),s),$)))}));exports.Tooltip=c;
 //# sourceMappingURL=Tooltip.cjs.js.map

package/dist/cjs/Tooltip/Tooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs.js","sources":["../../../../../src/components/Tooltip/Tooltip.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  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  label: ReactNode;\n  title?: string;\n  children: string;\n  domRoot?: HTMLElement;\n  location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  color?: \"black\" | \"blue\";\n  position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n  placement: Placement;\n  offset: Offset;\n  transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n  left: {\n    placement: { horizontal: \"left\", vertical: \"center\" },\n    offset: { left: 0, right: 12, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n  },\n  leftEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: 0, right: 12, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  },\n  leftStart: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: 0, right: 12, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  right: {\n    placement: { horizontal: \"right\", vertical: \"center\" },\n    offset: { left: 12, right: 0, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n  },\n  rightEnd: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 12, right: 0, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  rightStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 12, right: 0, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  top: {\n    placement: { horizontal: \"center\", vertical: \"top\" },\n    offset: { left: 0, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n  },\n  topEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: -12, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  topStart: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 0, right: -12, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  bottom: {\n    placement: { horizontal: \"center\", vertical: \"bottom\" },\n    offset: { left: 0, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n  },\n  bottomEnd: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: -12, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  bottomStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 0, right: -12, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    title,\n    children,\n    className,\n    domRoot,\n    label,\n    location = \"right\",\n    position = \"center\",\n    color = \"black\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [identifier] = useState(generateID());\n  const [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  useEffect(() => {\n    if (!visible) return;\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    calculatePosition();\n  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        onFocus: () => setVisible(true),\n        onBlur: () => setVisible(false),\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={() => setVisible(true)}\n        onBlur={() => setVisible(false)}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        <Icon\n          ref={relativeElement}\n          tag=\"div\"\n          onMouseEnter={() => setVisible(true)}\n          onMouseLeave={() => setVisible(false)}\n          icon={Icons.InfoCircle}\n          className={classes.icon}\n        />\n        {createPortal(\n          <div\n            ref={elementToBePositioned}\n            style={{\n              ...rest.style,\n              top: top,\n              left: left,\n              right: right,\n              bottom: bottom\n            }}\n            aria-hidden={!visible}\n            id={identifier}\n            className={tooltipClasses}\n          >\n            {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n            {children}\n          </div>,\n          root\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","TooltipComponent","title","children","className","domRoot","label","location","position","color","rest","ref","identifier","useState","generateID","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","renderChildren","React","isValidElement","cloneElement","onFocus","onBlur","tabIndex","classes","createElement","tooltipClasses","replace","toLowerCase","wrapper","Icon","tag","onMouseEnter","onMouseLeave","icon","Icons","InfoCircle","createPortal","style","id","Tooltip","forwardRef"],"mappings":"yaAuDA,MAAMA,EAAuD,CAC3DC,KAAM,CACJC,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,IAAK,EAAGC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDM,QAAS,CACPR,UAAW,CAAEC,WAAY,OAAQC,SAAU,OAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,KAAM,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,QAEpDO,UAAW,CACTT,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,IAAK,EAAGC,QAAS,IAC/CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDE,MAAO,CACLJ,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDQ,SAAU,CACRV,UAAW,CAAEC,WAAY,QAASC,SAAU,OAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,KAAM,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,QAEnDS,WAAY,CACVX,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,IAAK,EAAGC,QAAS,IAC/CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDG,IAAK,CACHL,UAAW,CAAEC,WAAY,SAAUC,SAAU,OAC7CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,IAC7CC,gBAAiB,CAAEN,WAAY,SAAUC,SAAU,WAErDU,OAAQ,CACNZ,UAAW,CAAEC,WAAY,OAAQC,SAAU,OAC3CC,OAAQ,CAAEJ,MAAO,GAAIK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,IAC/CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDW,SAAU,CACRb,UAAW,CAAEC,WAAY,QAASC,SAAU,OAC5CC,OAAQ,CAAEJ,KAAM,EAAGK,OAAQ,GAAIC,IAAK,EAAGC,OAAQ,IAC/CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDI,OAAQ,CACNN,UAAW,CAAEC,WAAY,SAAUC,SAAU,UAC7CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,EAAGC,IAAK,GAAIC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,SAAUC,SAAU,QAErDY,UAAW,CACTd,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,MAAO,GAAIK,MAAO,EAAGC,IAAK,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,QAEnDa,YAAa,CACXf,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,EAAGK,OAAQ,GAAIC,IAAK,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,SAItD,MAAMc,EAAoE,EAEtEC,QACAC,WACAC,YACAC,UACAC,QACAC,WAAW,QACXC,WAAW,SACXC,QAAQ,WACLC,GAELC,KAEA,MAAOC,GAAcC,WAASC,EAAAA,cAC9B,MAAOC,EAASC,GAAcH,EAAQA,SAAC,OACvC,MAAMI,EAAkBN,GAAqCO,EAAAA,YAC7D,MAAMC,KAAEA,GAASC,EAAaA,cAACf,EAASY,GAExC,MAAMI,EAAkBC,SAAuB,MAC/C,MAAMC,EAAwBD,SAAuB,MAErD,MAAME,EAAqBC,EAAAA,SAAQ,KACjC,GAAIjB,IAAa,SACf,OAAOD,EAGT,MAAO,GAAGA,IAAWC,EAASkB,OAAO,GAAGC,cAAgBnB,EAASoB,MAAM,IAAwB,GAC9F,CAACrB,EAAUC,IAEd,MAAMlB,IAAEA,EAAGC,OAAEA,EAAMF,MAAEA,EAAKL,KAAEA,EAAI6C,kBAAEA,GAAsBC,cAAY,CAClET,gBAAiBA,EACjBE,sBAAuBA,EACvBtC,UAAWF,EAAUyC,GAAoBvC,UACzCG,OAAQL,EAAUyC,GAAoBpC,OACtCI,gBAAiBT,EAAUyC,GAAoBhC,kBAGjDuC,EAAAA,WAAU,KACR,IAAKhB,EAAS,OAEd,MAAMiB,EAAsBC,IAC1B,GAAIA,EAAMC,MAAQ,SAChBlB,EAAW,MACZ,EAGHmB,SAASC,iBAAiB,QAASJ,GAEnC,MAAO,KACLG,SAASE,oBAAoB,QAASL,EAAmB,CAC1D,GACA,CAACjB,IAEJuB,EAAAA,iBAAgB,KACdT,GAAmB,GAClB,CAACd,IAEJ,MAAMwB,EAAiB,KACrB,GAAIC,EAAK,WAACC,eAAenC,GACvB,OAAOkC,EAAK,WAACE,aAAapC,EAAuB,CAC/CqC,QAAS,IAAM3B,EAAW,MAC1B4B,OAAQ,IAAM5B,EAAW,OACzB,mBAAoBJ,EACpBiC,SAAU,EACVzC,UAAW0C,EAAO,WAAC,WAIvB,OACEN,EACE,WAAAO,cAAA,OAAA,CAAA3C,UAAW0C,EAAO,WAAC,SACnBD,SAAU,EACVF,QAAS,IAAM3B,EAAW,MAC1B4B,OAAQ,IAAM5B,EAAW,OACP,mBAAAJ,GAEjBN,EAEH,EAGJ,MAAM0C,EAAiB,GAAGF,EAAO,WAAC,cAAcA,EAAAA,WAAQrC,MACtDM,EAAU+B,EAAO,WAAC,WAAa,MAC7BA,EAAO,WAACtB,EAAmByB,QAAQ,+BAAgC,SAASC,iBAEhF,OACEV,qCAAS9B,EAAMC,IAAKM,EAAgBb,UAAW,GAAG0C,EAAO,WAACK,WAAW/C,IAAS,MAATA,SAAA,EAAAA,EAAa,MAC/EmC,IACDC,aAAAO,cAAA,MAAA,CAAK3C,UAAW,GAAG0C,EAAO,WAAC,sBACzBN,aAAAO,cAACK,EAAIA,KACH,CAAAzC,IAAKU,EACLgC,IAAI,MACJC,aAAc,IAAMtC,EAAW,MAC/BuC,aAAc,IAAMvC,EAAW,OAC/BwC,KAAMC,QAAMC,WACZtD,UAAW0C,aAAQU,OAEpBG,EAAYA,aACXnB,EACE,WAAAO,cAAA,MAAA,CAAApC,IAAKY,EACLqC,MAAO,IACFlD,EAAKkD,MACRtE,IAAKA,EACLN,KAAMA,EACNK,MAAOA,EACPE,OAAQA,GAEG,eAACwB,EACd8C,GAAIjD,EACJR,UAAW4C,GAEV9C,GAASsC,EAAAA,WAAMO,cAAA,OAAA,CAAA3C,UAAW0C,aAAQ,kBAAmB5C,GACrDC,GAEHgB,IAIN,EAGS,MAAA2C,EAAUtB,EAAAA,WAAMuB,WAAW9D"}
+{"version":3,"file":"Tooltip.cjs.js","sources":["../../../../../src/components/Tooltip/Tooltip.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  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  label: ReactNode;\n  title?: string;\n  children: string;\n  domRoot?: HTMLElement;\n  location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  color?: \"black\" | \"blue\";\n  position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n  placement: Placement;\n  offset: Offset;\n  transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n  left: {\n    placement: { horizontal: \"left\", vertical: \"center\" },\n    offset: { left: 0, right: 12, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n  },\n  leftEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: 0, right: 12, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  },\n  leftStart: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: 0, right: 12, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  right: {\n    placement: { horizontal: \"right\", vertical: \"center\" },\n    offset: { left: 12, right: 0, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n  },\n  rightEnd: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 12, right: 0, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  rightStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 12, right: 0, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  top: {\n    placement: { horizontal: \"center\", vertical: \"top\" },\n    offset: { left: 0, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n  },\n  topEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: -12, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  topStart: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 0, right: -12, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  bottom: {\n    placement: { horizontal: \"center\", vertical: \"bottom\" },\n    offset: { left: 0, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n  },\n  bottomEnd: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: -12, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  bottomStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 0, right: -12, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    title,\n    children,\n    className,\n    domRoot,\n    label,\n    location = \"right\",\n    position = \"center\",\n    color = \"black\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [identifier] = useState(generateID());\n  const [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  useEffect(() => {\n    if (!visible) return;\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    calculatePosition();\n  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        onFocus: () => setVisible(true),\n        onBlur: () => setVisible(false),\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={() => setVisible(true)}\n        onBlur={() => setVisible(false)}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        <Icon\n          ref={relativeElement}\n          tag=\"div\"\n          onMouseEnter={() => setVisible(true)}\n          onMouseLeave={() => setVisible(false)}\n          icon={Icons.InfoCircle}\n          className={classes.icon}\n        />\n        {createPortal(\n          <div\n            ref={elementToBePositioned}\n            style={{\n              ...rest.style,\n              top: top,\n              left: left,\n              right: right,\n              bottom: bottom\n            }}\n            aria-hidden={!visible}\n            id={identifier}\n            className={tooltipClasses}\n          >\n            {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n            {children}\n          </div>,\n          root\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","Tooltip","React","forwardRef","title","children","className","domRoot","label","location","position","color","rest","ref","identifier","useState","generateID","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","tooltipClasses","classes","default","replace","toLowerCase","wrapper","isValidElement","cloneElement","onFocus","onBlur","tabIndex","createElement","Icon","tag","onMouseEnter","onMouseLeave","icon","Icons","InfoCircle","createPortal","style","id"],"mappings":"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"}

package/dist/cjs/Tooltip/Tooltip.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Tooltip-module_sr-only__vvG0z{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tooltip-module_hidden__130kD{display:none}.Tooltip-module_slide-in__tgglB{animation:Tooltip-module_slide-in__tgglB .5s forwards}@media (prefers-reduced-motion:reduce){.Tooltip-module_slide-in__tgglB{animation-duration:.1ms}}.Tooltip-module_slide-out__jz5of{animation:Tooltip-module_slide-out__jz5of .5s forwards}@media (prefers-reduced-motion:reduce){.Tooltip-module_slide-out__jz5of{animation-duration:.1ms}}@keyframes Tooltip-module_slide-in__tgglB{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip-module_slide-out__jz5of{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tooltip-module_wrapper__V567h{align-items:center;display:flex}.Tooltip-module_tooltip-wrapper__n9Beo .Tooltip-module_icon__10W4v{color:var(--greyed-out);margin-left:.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tooltip-module_tooltip-wrapper__n9Beo .Tooltip-module_icon__10W4v{transition-duration:.1ms}}.Tooltip-module_tooltip-wrapper__n9Beo .Tooltip-module_icon__10W4v:hover{color:var(--default)}.Tooltip-module_tooltip__LjRUX{border-radius:.125rem;box-shadow:0 .0625rem .3125rem 0 #0105324d;color:var(--light);font-size:.75rem;line-height:1rem;max-width:20.625rem;opacity:0;padding:.75rem;pointer-events:none;position:fixed;transform:scale(0);transform-origin:center center;transition-duration:.2s;transition-property:opacity,transform;transition-timing-function:ease-in-out;word-break:break-word}@media (prefers-reduced-motion:reduce){.Tooltip-module_tooltip__LjRUX{transition-duration:.1ms}}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5{background-color:var(--tooltip-background-color)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top__HZqEk:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top-start__a1DK2:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top__HZqEk:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--tooltip-background-color);height:0;position:absolute;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top-start__a1DK2:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top-end__WS0-C:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--tooltip-background-color);height:0;left:1rem;position:absolute;right:auto;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom__hrxCa:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom-start__pKpno:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom__hrxCa:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--tooltip-background-color);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom-start__pKpno:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom-end__A1SRK:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--tooltip-background-color);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;left:1rem;position:absolute;right:auto;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left__-LZ0w:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left-start__gcV2b:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left__-LZ0w:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--tooltip-background-color);border-right:0 solid #0000;border-top:.25rem solid #0000;height:0;left:100%;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left-start__gcV2b:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left-end__Z49S6:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--tooltip-background-color);border-right:0 solid #0000;border-top:.25rem solid #0000;bottom:auto;height:0;left:100%;position:absolute;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right__LGQTD:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right-start__2Xikr:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right__LGQTD:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--tooltip-background-color);border-top:.25rem solid #0000;height:0;position:absolute;right:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right-start__2Xikr:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right-end__blpHs:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--tooltip-background-color);border-top:.25rem solid #0000;bottom:auto;height:0;position:absolute;right:100%;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY{background-color:var(--color-blue-grey500)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top__HZqEk:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top-start__a1DK2:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top__HZqEk:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--color-blue-grey500);height:0;position:absolute;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top-start__a1DK2:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top-end__WS0-C:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--color-blue-grey500);height:0;left:1rem;position:absolute;right:auto;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom__hrxCa:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom-start__pKpno:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom__hrxCa:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--color-blue-grey500);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom-start__pKpno:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom-end__A1SRK:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--color-blue-grey500);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;left:1rem;position:absolute;right:auto;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left__-LZ0w:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left-start__gcV2b:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left__-LZ0w:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--color-blue-grey500);border-right:0 solid #0000;border-top:.25rem solid #0000;height:0;left:100%;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left-start__gcV2b:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left-end__Z49S6:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--color-blue-grey500);border-right:0 solid #0000;border-top:.25rem solid #0000;bottom:auto;height:0;left:100%;position:absolute;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right__LGQTD:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right-start__2Xikr:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right__LGQTD:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--color-blue-grey500);border-top:.25rem solid #0000;height:0;position:absolute;right:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right-start__2Xikr:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right-end__blpHs:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--color-blue-grey500);border-top:.25rem solid #0000;bottom:auto;height:0;position:absolute;right:100%;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX:after{content:""}.Tooltip-module_tooltip__LjRUX.Tooltip-module_visible__onxJ-{opacity:1;transform:scale(1)}.Tooltip-module_label__PFcZa:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip-module_tooltip-title__D8C3u{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;margin-bottom:.25rem}\n/*# sourceMappingURL=data:application/json;base64,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LENBUmQsT0FXRixDQUNBLDJGQVNFLFdBQWUsQ0FEZixPQUFRLENBRVIsMEJBR0YsQ0FDQSw0TEFURSxnQ0FBeUIsQ0FDekIsOEJBQTRDLENBQTVDLDJDQUE0QyxDQU01QywwQkFBcUIsQ0FQckIsNkJBQXlCLENBSHpCLFFBQVMsQ0FTVCxTQUFVLENBSlYsaUJBQWtCLENBTmxCLE9BeUJGLENBWkEsaUdBUUUsZUFBaUIsQ0FDakIsUUFHRixDQUNBLCtGQUtFLGdDQUF5QixDQUN6Qiw4QkFBNEMsQ0FBNUMsMkNBQTRDLENBSzVDLDBCQUFxQixDQU5yQiw2QkFBeUIsQ0FJekIsV0FBZSxDQVBmLFFBQVMsQ0FRVCxTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFdBQWEsQ0FQYixPQVdGLENBQ0EsNEZBU0UsV0FBZSxDQURmLE9BQVEsQ0FFUiwwQkFHRixDQUNBLDhMQVRFLGdDQUF5QixDQU96Qix5QkFBb0IsQ0FOcEIsK0JBQTZDLENBQTdDLDRDQUE2QyxDQUQ3Qyw2QkFBeUIsQ0FIekIsUUFBUyxDQUtULGlCQUFrQixDQUlsQixVQUFXLENBVlgsT0F5QkYsQ0FaQSxrR0FRRSxlQUFpQixDQUNqQixRQUdGLENBQ0EsZ0dBS0UsZ0NBQXlCLENBTXpCLHlCQUFvQixDQUxwQiwrQkFBNkMsQ0FBN0MsNENBQTZDLENBRDdDLDZCQUF5QixDQUl6QixXQUFlLENBUGYsUUFBUyxDQUtULGlCQUFrQixDQUdsQixVQUFXLENBRlgsV0FBYSxDQVBiLE9BV0YsQ0FDQSxxQ0FDRSxVQUNGLENBQ0EsNkRBQ0UsU0FBVSxDQUNWLGtCQUNGLENBRUEsMkNBQ0UsNENBQ0YsQ0FFQSxxQ0FJRSxhQUFjLENBRmQsaUJBQW1CLENBRG5CLGVBQWdCLENBRWhCLG1CQUFvQixDQUVwQixvQkFDRiIsImZpbGUiOiJUb29sdGlwLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4udG9vbHRpcC13cmFwcGVyIC5pY29uIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50b29sdGlwLXdyYXBwZXIgLmljb24ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udG9vbHRpcC13cmFwcGVyIC5pY29uOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xufVxuXG4udG9vbHRpcCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMC4xMjVyZW07XG4gIHBhZGRpbmc6IDAuNzVyZW07XG4gIGNvbG9yOiB2YXIoLS1saWdodCk7XG4gIG1heC13aWR0aDogMjAuNjI1cmVtO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwLjA2MjVyZW0gMC4zMTI1cmVtIDAgcmdiYSgxLCA1LCA1MCwgMC4zKTtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudG9vbHRpcCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50b29sdGlwLmJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi50b29sdGlwLmJsYWNrLnRvcDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHJpZ2h0OiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIHRvcDogMTAwJTtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLnRvcC1zdGFydDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMC43NXJlbTtcbiAgbGVmdDogaW5pdGlhbDtcbiAgdG9wOiAxMDAlO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmxhY2sudG9wLWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxcmVtO1xuICByaWdodDogaW5pdGlhbDtcbiAgdG9wOiAxMDAlO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmxhY2suYm90dG9tOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDUwJTtcbiAgcmlnaHQ6IGluaXRpYWw7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgYm90dG9tOiAxMDAlO1xuICBib3JkZXItdG9wLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmxhY2suYm90dG9tLXN0YXJ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwLjc1cmVtO1xuICBsZWZ0OiBpbml0aWFsO1xuICBib3R0b206IDEwMCU7XG4gIGJvcmRlci10b3Atd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibGFjay5ib3R0b20tZW5kOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDFyZW07XG4gIHJpZ2h0OiBpbml0aWFsO1xuICBib3R0b206IDEwMCU7XG4gIGJvcmRlci10b3Atd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibGFjay5sZWZ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgYm90dG9tOiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLmxlZnQtc3RhcnQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMC45Mzc1cmVtO1xuICB0b3A6IGluaXRpYWw7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLmxlZnQtZW5kOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDAuODc1cmVtO1xuICBib3R0b206IGluaXRpYWw7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLnJpZ2h0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLXRvb2x0aXAtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICByaWdodDogMTAwJTtcbiAgYm9yZGVyLWxlZnQtd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibGFjay5yaWdodC1zdGFydDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMC45Mzc1cmVtO1xuICB0b3A6IGluaXRpYWw7XG4gIHJpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLnJpZ2h0LWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMC44NzVyZW07XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgcmlnaHQ6IDEwMCU7XG4gIGJvcmRlci1sZWZ0LXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG4udG9vbHRpcC5ibHVlLnRvcDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHJpZ2h0OiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIHRvcDogMTAwJTtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUudG9wLXN0YXJ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwLjc1cmVtO1xuICBsZWZ0OiBpbml0aWFsO1xuICB0b3A6IDEwMCU7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibHVlLnRvcC1lbmQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3AtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMXJlbTtcbiAgcmlnaHQ6IGluaXRpYWw7XG4gIHRvcDogMTAwJTtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUuYm90dG9tOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDUwJTtcbiAgcmlnaHQ6IGluaXRpYWw7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgYm90dG9tOiAxMDAlO1xuICBib3JkZXItdG9wLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5ib3R0b20tc3RhcnQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDAuNzVyZW07XG4gIGxlZnQ6IGluaXRpYWw7XG4gIGJvdHRvbTogMTAwJTtcbiAgYm9yZGVyLXRvcC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUuYm90dG9tLWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxcmVtO1xuICByaWdodDogaW5pdGlhbDtcbiAgYm90dG9tOiAxMDAlO1xuICBib3JkZXItdG9wLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5sZWZ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgYm90dG9tOiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUubGVmdC1zdGFydDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwLjkzNzVyZW07XG4gIHRvcDogaW5pdGlhbDtcbiAgbGVmdDogMTAwJTtcbiAgYm9yZGVyLXJpZ2h0LXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5sZWZ0LWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwLjg3NXJlbTtcbiAgYm90dG9tOiBpbml0aWFsO1xuICBsZWZ0OiAxMDAlO1xuICBib3JkZXItcmlnaHQtd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibHVlLnJpZ2h0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICByaWdodDogMTAwJTtcbiAgYm9yZGVyLWxlZnQtd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibHVlLnJpZ2h0LXN0YXJ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwLjkzNzVyZW07XG4gIHRvcDogaW5pdGlhbDtcbiAgcmlnaHQ6IDEwMCU7XG4gIGJvcmRlci1sZWZ0LXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5yaWdodC1lbmQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDAuODc1cmVtO1xuICBib3R0b206IGluaXRpYWw7XG4gIHJpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdC13aWR0aDogMDtcbn1cbi50b29sdGlwOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbn1cbi50b29sdGlwLnZpc2libGUge1xuICBvcGFjaXR5OiAxO1xuICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xufVxuXG4ubGFiZWw6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMDMxM3JlbSBkYXNoZWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG5cbi50b29sdGlwLXRpdGxlIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xufSJdfQ== */'),exports.default={"sr-only":"Tooltip-module_sr-only__vvG0z",hidden:"Tooltip-module_hidden__130kD","slide-in":"Tooltip-module_slide-in__tgglB","slide-out":"Tooltip-module_slide-out__jz5of",wrapper:"Tooltip-module_wrapper__V567h","tooltip-wrapper":"Tooltip-module_tooltip-wrapper__n9Beo",icon:"Tooltip-module_icon__10W4v",tooltip:"Tooltip-module_tooltip__LjRUX",black:"Tooltip-module_black__nTDC5",top:"Tooltip-module_top__HZqEk","top-start":"Tooltip-module_top-start__a1DK2","top-end":"Tooltip-module_top-end__WS0-C",bottom:"Tooltip-module_bottom__hrxCa","bottom-start":"Tooltip-module_bottom-start__pKpno","bottom-end":"Tooltip-module_bottom-end__A1SRK",left:"Tooltip-module_left__-LZ0w","left-start":"Tooltip-module_left-start__gcV2b","left-end":"Tooltip-module_left-end__Z49S6",right:"Tooltip-module_right__LGQTD","right-start":"Tooltip-module_right-start__2Xikr","right-end":"Tooltip-module_right-end__blpHs",blue:"Tooltip-module_blue__n7NFY",visible:"Tooltip-module_visible__onxJ-",label:"Tooltip-module_label__PFcZa","tooltip-title":"Tooltip-module_tooltip-title__D8C3u"};
+//# sourceMappingURL=Tooltip.module.scss.cjs.js.map

package/dist/cjs/Tooltip/Tooltip.module.scss.cjs.js.map

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

package/dist/cjs/Typography/Typography.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var a=require("./Typography.module.cjs.js");var r=require("../src/hooks/useSpacing.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=t(e);const o=["h1","h2","h3","h4","body","body-bold","sub-text","code"];const c=({children:e,variant:t,tag:c,style:n,spacing:d,align:u,className:i="",...l},p)=>{if(!o.includes(t))throw new Error(`You entered an invalid variant. You can choose from: ${o}, you entered: ${t}`);const h=r.useSpacing(d,n);if(!c)switch(t){case"h1":case"h2":case"h3":case"h4":case"code":c=t;break;case"body":c="p";break;case"body-bold":c="p";break;case"sub-text":c="span";break;default:c="div";break}let y=c;return s["default"].createElement(y,{...l,ref:p,style:{...h,textAlign:u},className:`${a["default"]["typography_style_"+t]} ${i}`},e)};const n=s["default"].forwardRef(c);exports.Typography=n;exports.validVariants=o;
+"use strict";var e=require("react"),a=require("./Typography.module.scss.cjs.js"),s=require("../src/hooks/useSpacing.cjs.js");const r=["h1","h2","h3","h4","body","body-bold","sub-text","code"],t=e.forwardRef((({children:t,variant:c,tag:o,style:i,spacing:n,align:d,className:l="",...h},u)=>{if(!r.includes(c))throw new Error(`You entered an invalid variant. You can choose from: ${r}, you entered: ${c}`);const y=s.useSpacing(n,i);if(!o)switch(c){case"h1":case"h2":case"h3":case"h4":case"code":o=c;break;case"body":case"body-bold":o="p";break;case"sub-text":o="span";break;default:o="div"}let p=o;return e.createElement(p,{...h,ref:u,style:{...y,textAlign:d},className:`${a.default["typography_style_"+c]} ${l}`},t)}));exports.Typography=t,exports.validVariants=r;
 //# sourceMappingURL=Typography.cjs.js.map

package/dist/cjs/Typography/Typography.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs.js","sources":["../../../../../src/components/Typography/Typography.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, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<any, Props> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest }: Props,\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  let TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":["validVariants","TypographyComponent","children","variant","tag","style","spacing","align","className","rest","ref","includes","Error","styleWithSpacing","useSpacing","TagName","React","createElement","textAlign","classes","Typography","forwardRef"],"mappings":"6QAoBa,MAAAA,EAAgB,CAC3B,KACA,KACA,KACA,KACA,OACA,YACA,WACA,QA+BF,MAAMC,EAA4D,EAC9DC,WAAUC,UAASC,MAAKC,QAAOC,UAASC,QAAOC,YAAY,MAAOC,GACpEC,KAEA,IAAKV,EAAcW,SAASR,GAC1B,MAAM,IAAIS,MACR,wDAAwDZ,mBAA+BG,KAI3F,MAAMU,EAAmBC,EAAAA,WAAWR,EAASD,GAE7C,IAAKD,EACH,OAAQD,GACN,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,OACHC,EAAMD,EACN,MACF,IAAK,OACHC,EAAM,IACN,MACF,IAAK,YACHA,EAAM,IACN,MACF,IAAK,WACHA,EAAM,OACN,MACF,QACEA,EAAM,MACN,MAIN,IAAIW,EAAUX,EAEd,OACEY,aAACC,cAAAF,EACK,IAAAN,EACJC,IAAKA,EACLL,MAAO,IAAKQ,EAAkBK,UAAWX,GACzCC,UAAW,GAAGW,EAAO,WAAC,oBAAsBhB,MAAYK,KAEvDN,EAEH,EAGS,MAAAkB,EAAaJ,EAAAA,WAAMK,WAAWpB"}
+{"version":3,"file":"Typography.cjs.js","sources":["../../../../../src/components/Typography/Typography.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, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<any, Props> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest }: Props,\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  let TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":["validVariants","Typography","React","forwardRef","children","variant","tag","style","spacing","align","className","rest","ref","includes","Error","styleWithSpacing","useSpacing","TagName","createElement","textAlign","classes","default"],"mappings":"6HAoBa,MAAAA,EAAgB,CAC3B,KACA,KACA,KACA,KACA,OACA,YACA,WACA,QAiFWC,EAAaC,EAAMC,YAlDkC,EAC9DC,WAAUC,UAASC,MAAKC,QAAOC,UAASC,QAAOC,YAAY,MAAOC,GACpEC,KAEA,IAAKZ,EAAca,SAASR,GAC1B,MAAM,IAAIS,MACR,wDAAwDd,mBAA+BK,KAI3F,MAAMU,EAAmBC,EAAAA,WAAWR,EAASD,GAE7C,IAAKD,EACH,OAAQD,GACN,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,OACHC,EAAMD,EACN,MACF,IAAK,OAGL,IAAK,YACHC,EAAM,IACN,MACF,IAAK,WACHA,EAAM,OACN,MACF,QACEA,EAAM,MAKZ,IAAIW,EAAUX,EAEd,OACEJ,EAACgB,cAAAD,EACK,IAAAN,EACJC,IAAKA,EACLL,MAAO,IAAKQ,EAAkBI,UAAWV,GACzCC,UAAW,GAAGU,EAAOC,QAAC,oBAAsBhB,MAAYK,KAEvDN,EAEH"}

package/dist/cjs/Typography/Typography.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.Typography-module_typography_style_h1__1rY7r{font-size:var(--font-size-h1);line-height:1.2}.Typography-module_typography_style_h1__1rY7r,.Typography-module_typography_style_h2__XOaTb{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_h2__XOaTb{font-size:var(--font-size-h2);line-height:1.42857}.Typography-module_typography_style_h3__9gsns{font-size:var(--font-size-h3);line-height:1.16666}.Typography-module_typography_style_h3__9gsns,.Typography-module_typography_style_h4__HkodR{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:500;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_h4__HkodR{font-size:var(--font-size-h4);line-height:1.2}.Typography-module_typography_style_body__bbb7n{font-weight:400}.Typography-module_typography_style_body-bold__E17ob,.Typography-module_typography_style_body__bbb7n{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;letter-spacing:0;line-height:var(--default-line-height);margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_body-bold__E17ob{font-weight:700}.Typography-module_typography_style_sub-text__GLVAO{font-family:var(--font-family);font-size:var(--font-size-sub);line-height:1rem}.Typography-module_typography_style_code__edwhb,.Typography-module_typography_style_sub-text__GLVAO{color:var(--default);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_code__edwhb{font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:1.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4Q0FFRSw2QkFBOEIsQ0FHOUIsZUFNRixDQUNBLDRGQUhFLG9CQUFxQixDQVJyQiw4QkFBK0IsQ0FFL0IsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FFakIsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEsOENBRUUsNkJBQThCLENBRzlCLG1CQU1GLENBQ0EsOENBRUUsNkJBQThCLENBRzlCLG1CQU1GLENBQ0EsNEZBSEUsb0JBQXFCLENBUnJCLDhCQUErQixDQUUvQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSw4Q0FFRSw2QkFBOEIsQ0FHOUIsZUFNRixDQUNBLGdEQU1FLGVBS0YsQ0FDQSxxR0FIRSxvQkFBcUIsQ0FSckIsOEJBQStCLENBQy9CLDBCQUEyQixDQUMzQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBSXBCLGdCQUFpQixDQUhqQixzQ0FBdUMsQ0FLdkMsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEscURBTUUsZUFLRixDQUNBLG9EQUNFLDhCQUErQixDQUMvQiw4QkFBK0IsQ0FHL0IsZ0JBTUYsQ0FDQSxvR0FIRSxvQkFBcUIsQ0FOckIsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FFakIsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEsZ0RBQ0UsbUNBQW9DLENBQ3BDLCtCQUFnQyxDQUdoQyxlQU1GIiwiZmlsZSI6IlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnR5cG9ncmFwaHlfc3R5bGVfaDEge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oMiB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWgyKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTc7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oMyB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWgzKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuMTY2NjY7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oNCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWg0KTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuMjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2JvZHkge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2JvZHktYm9sZCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfc3ViLXRleHQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2NvZGUge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHktY29kZSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWNvZGUpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMS41O1xuICBmb250LXdlaWdodDogNDAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufSJdfQ== */'),exports.default={typography_style_h1:"Typography-module_typography_style_h1__1rY7r",typography_style_h2:"Typography-module_typography_style_h2__XOaTb",typography_style_h3:"Typography-module_typography_style_h3__9gsns",typography_style_h4:"Typography-module_typography_style_h4__HkodR",typography_style_body:"Typography-module_typography_style_body__bbb7n","typography_style_body-bold":"Typography-module_typography_style_body-bold__E17ob","typography_style_sub-text":"Typography-module_typography_style_sub-text__GLVAO",typography_style_code:"Typography-module_typography_style_code__edwhb"};
+//# sourceMappingURL=Typography.module.scss.cjs.js.map

package/dist/cjs/Typography/Typography.module.scss.cjs.js.map

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

package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("react");function o(r){return r&&typeof r==="object"&&"default"in r?r:{default:r}}var e=o(r);const l=({children:o,properties:l={}})=>{const a={colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorPrimaryLight:"#E6E7F4",colorBlueGrey25:"#F7F7F9",colorBlueGrey25Transparent:"rgba(247, 247, 249, .8)",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorLightBlue500:"#00BCDD",colorLightBlue600:"#0096B1",colorOrange100:"#FFE0B2",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed100:"#FFCDD2",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorShadowBlue:"#7078C3",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",dataGridLineHeight:"1.25",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",fileUploadBorderWidth:"1px",dragDropBorderStyle:"dashed",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBackgroundColor:"var(--color-blue-grey25-transparent)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",alertTextColor:"var(--default)",alertTextInvertedColor:"var(--light)",alertNeutralBackgroundColor:"var(--color-blue-grey50)",alertNeutralInvertedColor:"var(--color-blue-grey500)",alertInfoBackgroundColor:"var(--color-primary100)",alertInfoInvertedColor:"var(--color-primary500)",alertSuccessBackgroundColor:"var(--color-green100)",alertSuccessInvertedColor:"var(--color-green500)",alertErrorBackgroundColor:"var(--color-red100)",alertErrorInvertedColor:"var(--color-red500)",alertWarningBackgroundColor:"var(--color-orange100)",alertWarningInvertedColor:"var(--color-orange500)",alertBorderWidth:"4px",alertBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",formControlFontSize:"0.875rem",fontSizeDataGrid:"0.875rem"};const[t,c]=r.useState(true);const n=r.useRef(null);const u=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));n.current.style.setProperty(`--${r}`,e)}};r.useEffect((()=>{if(Object.keys(l).length!==0&&n.current){const r={...a,...l};u(r)}else if(n.current)u(a);c(false)}),[l,n.current]);return e["default"].createElement("div",{className:"basestyling-wrapper",ref:n},!t?o:null)};exports.BaseStyling=l;
+"use strict";var r=require("react");exports.BaseStyling=({children:o,properties:e={}})=>{const l={colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorPrimaryLight:"#E6E7F4",colorBlueGrey25:"#F7F7F9",colorBlueGrey25Transparent:"rgba(247, 247, 249, .8)",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorLightBlue500:"#00BCDD",colorLightBlue600:"#0096B1",colorOrange100:"#FFE0B2",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed100:"#FFCDD2",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorShadowBlue:"#7078C3",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",dataGridLineHeight:"1.25",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",fileUploadBorderWidth:"1px",dragDropBorderStyle:"dashed",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBackgroundColor:"var(--color-blue-grey25-transparent)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",alertTextColor:"var(--default)",alertTextInvertedColor:"var(--light)",alertNeutralBackgroundColor:"var(--color-blue-grey50)",alertNeutralInvertedColor:"var(--color-blue-grey500)",alertInfoBackgroundColor:"var(--color-primary100)",alertInfoInvertedColor:"var(--color-primary500)",alertSuccessBackgroundColor:"var(--color-green100)",alertSuccessInvertedColor:"var(--color-green500)",alertErrorBackgroundColor:"var(--color-red100)",alertErrorInvertedColor:"var(--color-red500)",alertWarningBackgroundColor:"var(--color-orange100)",alertWarningInvertedColor:"var(--color-orange500)",alertBorderWidth:"4px",alertBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",formControlFontSize:"0.875rem",fontSizeDataGrid:"0.875rem"},[a,t]=r.useState(!0),c=r.useRef(null),n=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));c.current.style.setProperty(`--${r}`,e)}};return r.useEffect((()=>{if(0!==Object.keys(e).length&&c.current){const r={...l,...e};n(r)}else c.current&&n(l);t(!1)}),[e,c.current]),r.createElement("div",{className:"basestyling-wrapper",ref:c},a?null:o)};
 //# sourceMappingURL=BaseStyling.cjs.js.map