@onewelcome/react-lib-components 7.0.0 → 7.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.esm.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":"sOA2CA,MAAMA,EAAiE,EACnEC,QAAOC,aAAYC,UAASC,YAAWC,UAASC,gBAAeC,GACjEC,KAEA,MAAOC,GAAqBC,EAASC,EAAW,KAEhD,IAAKV,EACH,MAAM,IAAIW,MAAM,iEAGlB,MAAMC,EAAgB,KACpB,GAAIV,EACF,MAAO,kBAGT,MAAO,kBAAkB,EAG3B,OACEW,EAAAC,cAAA,UAAA,IACMR,EACJS,SAAU,EACO,kBAAAP,EACjBD,IAAKA,EACLJ,UAAW,GAAGa,EAAQ,WAAWZ,EAAUY,EAAQ,WAAa,MAEhEH,EAAAC,cAAA,SAAA,CAAQG,MAAO,CAAEC,eAAgBhB,SAAYiB,EAAY,WAAa,kBACnEjB,IAAY,MACXW,gBAACO,EAAI,CACHC,MAAM,iBACNC,KAAMC,EAAMC,UACZrB,UAAW,GAAGa,EAAQ,WAAWb,IAAA,MAAAA,WAAAA,EAAa,OAGjDD,IAAY,OACXW,gBAACO,EAAI,CACHC,MAAM,oBACNC,KAAMC,EAAME,UACZtB,UAAW,GAAGa,EAAQ,WAAWb,IAAA,MAAAA,WAAAA,EAAa,OAGjDD,SAAYiB,GACXN,wBAAMa,GAAIlB,EAAmBL,UAAWwB,EAAa,YAClD,GAAG3B,MAAUY,OAGjBP,IAAU,MAAVA,SAAU,EAAVA,EAAc,MAEjBQ,EAAAC,cAAA,MAAA,CAAKX,UAAWa,EAAQ,YACrBf,GAAcA,EAAW2B,IAAIC,OAAS,GACrChB,EAAQC,cAAA,SAAA,CAAAX,UAAWa,EAAQ,WAAYZ,GAAWS,EAAAC,cAAA,MAAA,IAASb,EAAY6B,IAAI,QAE1E7B,GAAcA,EAAW2B,IAAIC,SAAW,IACzChB,EAAAC,cAACM,EAAI,CAACjB,UAAWa,EAAQ,eAAgBM,KAAMC,EAAMQ,QAEvDlB,EAAAC,cAAA,OAAA,CAAMX,UAAWa,EAAQ,UAAWhB,IAGxC,EAGS,MAAAgC,EAAOnB,EAAMoB,WAAWlC"}
+{"version":3,"file":"Tile.esm.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":["readyClasses"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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== */";
+var classes = {"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"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Tile.module.scss.esm.js.map

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

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

package/dist/esm/Tiles/Tiles.esm.js

@@ -1,2 +1,36 @@
-import e from"react";import r from"./Tiles.module.esm.js";import{Tile as l}from"./Tile.esm.js";const a=({children:a,className:o,loading:t=false,...i},c)=>{const s=()=>{if(t)return[e.createElement(l,{key:"placeholder1",title:"placeholder",imageProps:{src:"placeholder"},loading:true}),e.createElement(l,{key:"placeholder2",title:"placeholder",imageProps:{src:"placeholder"},loading:true}),e.createElement(l,{key:"placeholder3",title:"placeholder",imageProps:{src:"placeholder"},loading:true})];return a};return e.createElement("div",{...i,ref:c,className:`${r["tiles"]} ${o!==null&&o!==void 0?o:""}`,"aria-live":"polite","aria-busy":t},s())};const o=e.forwardRef(a);export{o as Tiles};
+import React from 'react';
+import classes from './Tiles.module.scss.esm.js';
+import { Tile } from './Tile.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const TilesComponent = ({ children, className, loading = false, ...rest }, ref) => {
+    const renderChildren = () => {
+        if (loading) {
+            return [
+                React.createElement(Tile, { key: "placeholder1", title: "placeholder", imageProps: { src: "placeholder" }, loading: true }),
+                React.createElement(Tile, { key: "placeholder2", title: "placeholder", imageProps: { src: "placeholder" }, loading: true }),
+                React.createElement(Tile, { key: "placeholder3", title: "placeholder", imageProps: { src: "placeholder" }, loading: true })
+            ];
+        }
+        return children;
+    };
+    return (React.createElement("div", { ...rest, ref: ref, className: `${classes["tiles"]} ${className !== null && className !== void 0 ? className : ""}`, "aria-live": "polite", "aria-busy": loading }, renderChildren()));
+};
+const Tiles = React.forwardRef(TilesComponent);
+
+export { Tiles };
 //# sourceMappingURL=Tiles.esm.js.map

package/dist/esm/Tiles/Tiles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.esm.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":"+FAyBA,MAAMA,EAAkE,EACpEC,WAAUC,YAAWC,UAAU,SAAUC,GAC3CC,KAEA,MAAMC,EAAiB,KACrB,GAAIH,EACF,MAAO,CACLI,EAACC,cAAAC,GACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,OAEXI,EAACC,cAAAC,GACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,OAEXI,EAACC,cAAAC,GACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,QAKf,OAAOF,CAAQ,EAGjB,OACEM,EAAAC,cAAA,MAAA,IACMJ,EACJC,IAAKA,EACLH,UAAW,GAAGY,EAAQ,YAAYZ,IAAS,MAATA,SAAS,EAATA,EAAa,KAAI,YACzC,SAAQ,YACPC,GAEVG,IAEH,EAGS,MAAAS,EAAQR,EAAMS,WAAWhB"}
+{"version":3,"file":"Tiles.esm.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":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWH,MAAM,cAAc,GAAoD,CACtE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EACxD,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,OAAO,EAAE;YACX,OAAO;gBACL,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,GAAG,EAAC,cAAc,EAClB,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,EAClC,OAAO,EAAE,IAAI,EACb,CAAA;gBACF,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,GAAG,EAAC,cAAc,EAClB,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,EAClC,OAAO,EAAE,IAAI,EACb,CAAA;gBACF,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,GAAG,EAAC,cAAc,EAClB,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,EAClC,OAAO,EAAE,IAAI,EACb,CAAA;aACH,CAAC;SACH;AAED,QAAA,OAAO,QAAQ,CAAC;AAClB,KAAC,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAT,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA,WAAA,EACzC,QAAQ,EAAA,WAAA,EACP,OAAO,EAEjB,EAAA,cAAc,EAAE,CACb,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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 */";
+var classes = {"tiles":"Tiles-module_tiles__ZxhuP"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Tiles.module.scss.esm.js.map

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

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

package/dist/esm/Tooltip/Tooltip.esm.js

@@ -1,2 +1,152 @@
-import t,{useState as o,createRef as e,useRef as r,useMemo as i,useEffect as l,useLayoutEffect as n}from"react";import{Icon as a,Icons as c}from"../Icon/Icon.esm.js";import s from"./Tooltip.module.esm.js";import{generateID as m}from"../src/util/helper.esm.js";import{usePosition as f}from"../src/hooks/usePosition.esm.js";import{createPortal as p}from"react-dom";import{useGetDomRoot as h}from"../src/hooks/useGetDomRoot.esm.js";const g={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 b=({title:b,children:v,className:d,domRoot:u,label:z,location:E="right",position:O="center",color:$="black",...N},y)=>{const[k]=o(m());const[j,I]=o(false);const w=y||e();const{root:L}=h(u,w);const S=r(null);const x=r(null);const A=i((()=>{if(O==="center")return E;return`${E}${O.charAt(0).toUpperCase()+O.slice(1)}`}),[E,O]);const{top:B,bottom:C,right:P,left:R,calculatePosition:F}=f({relativeElement:S,elementToBePositioned:x,placement:g[A].placement,offset:g[A].offset,transformOrigin:g[A].transformOrigin});l((()=>{if(!j)return;const t=t=>{if(t.key==="Escape")I(false)};document.addEventListener("keyup",t);return()=>{document.removeEventListener("keyup",t)}}),[j]);n((()=>{F()}),[j]);const M=()=>{if(t.isValidElement(z))return t.cloneElement(z,{onFocus:()=>I(true),onBlur:()=>I(false),"aria-describedby":k,tabIndex:0,className:s["label"]});return t.createElement("span",{className:s["label"],tabIndex:0,onFocus:()=>I(true),onBlur:()=>I(false),"aria-describedby":k},z)};const T=`${s["tooltip"]} ${s[$]} ${j?s["visible"]:""} ${s[A.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()]}`;return t.createElement("div",{...N,ref:w,className:`${s.wrapper} ${d!==null&&d!==void 0?d:""}`},M(),t.createElement("div",{className:`${s["tooltip-wrapper"]}`},t.createElement(a,{ref:S,tag:"div",onMouseEnter:()=>I(true),onMouseLeave:()=>I(false),icon:c.InfoCircle,className:s.icon}),p(t.createElement("div",{ref:x,style:{...N.style,top:B,left:R,right:P,bottom:C},"aria-hidden":!j,id:k,className:T},b&&t.createElement("span",{className:s["tooltip-title"]},b),v),L)))};const v=t.forwardRef(b);export{v as Tooltip};
+import React, { useState, createRef, useRef, useMemo, useEffect, useLayoutEffect } from 'react';
+import { Icon, Icons } from '../Icon/Icon.esm.js';
+import classes from './Tooltip.module.scss.esm.js';
+import { generateID } from '../src/util/helper.esm.js';
+import { usePosition } from '../src/hooks/usePosition.esm.js';
+import { createPortal } from 'react-dom';
+import { useGetDomRoot } from '../src/hooks/useGetDomRoot.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const locations = {
+    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 TooltipComponent = ({ title, children, className, domRoot, label, location = "right", position = "center", color = "black", ...rest }, ref) => {
+    const [identifier] = useState(generateID());
+    const [visible, setVisible] = useState(false);
+    const wrappingDivRef = ref || createRef();
+    const { root } = useGetDomRoot(domRoot, wrappingDivRef);
+    const relativeElement = useRef(null);
+    const elementToBePositioned = useRef(null);
+    const determinedLocation = useMemo(() => {
+        if (position === "center") {
+            return location;
+        }
+        return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}`;
+    }, [location, position]);
+    const { top, bottom, right, left, calculatePosition } = usePosition({
+        relativeElement: relativeElement,
+        elementToBePositioned: elementToBePositioned,
+        placement: locations[determinedLocation].placement,
+        offset: locations[determinedLocation].offset,
+        transformOrigin: locations[determinedLocation].transformOrigin
+    });
+    useEffect(() => {
+        if (!visible)
+            return;
+        const escapePressHandler = (event) => {
+            if (event.key === "Escape") {
+                setVisible(false);
+            }
+        };
+        document.addEventListener("keyup", escapePressHandler);
+        return () => {
+            document.removeEventListener("keyup", escapePressHandler);
+        };
+    }, [visible]);
+    useLayoutEffect(() => {
+        calculatePosition();
+    }, [visible]);
+    const renderChildren = () => {
+        if (React.isValidElement(label)) {
+            return React.cloneElement(label, {
+                onFocus: () => setVisible(true),
+                onBlur: () => setVisible(false),
+                "aria-describedby": identifier,
+                tabIndex: 0,
+                className: classes["label"]
+            });
+        }
+        return (React.createElement("span", { className: classes["label"], tabIndex: 0, onFocus: () => setVisible(true), onBlur: () => setVisible(false), "aria-describedby": identifier }, label));
+    };
+    const tooltipClasses = `${classes["tooltip"]} ${classes[color]} ${visible ? classes["visible"] : ""} ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase()]}`;
+    return (React.createElement("div", { ...rest, ref: wrappingDivRef, className: `${classes.wrapper} ${className !== null && className !== void 0 ? className : ""}` },
+        renderChildren(),
+        React.createElement("div", { className: `${classes["tooltip-wrapper"]}` },
+            React.createElement(Icon, { ref: relativeElement, tag: "div", onMouseEnter: () => setVisible(true), onMouseLeave: () => setVisible(false), icon: Icons.InfoCircle, className: classes.icon }),
+            createPortal(React.createElement("div", { ref: elementToBePositioned, style: {
+                    ...rest.style,
+                    top: top,
+                    left: left,
+                    right: right,
+                    bottom: bottom
+                }, "aria-hidden": !visible, id: identifier, className: tooltipClasses },
+                title && React.createElement("span", { className: classes["tooltip-title"] }, title),
+                children), root))));
+};
+const Tooltip = React.forwardRef(TooltipComponent);
+
+export { Tooltip };
 //# sourceMappingURL=Tooltip.esm.js.map

package/dist/esm/Tooltip/Tooltip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.esm.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":"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"}
+{"version":3,"file":"Tooltip.esm.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":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAyCH,MAAM,SAAS,GAA8C;AAC3D,IAAA,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACrD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACjD,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC7D,KAAA;AACD,IAAA,OAAO,EAAE;QACP,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;AAClD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC1D,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACrD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC7D,KAAA;AACD,IAAA,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACtD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACjD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5D,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AACnD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;AACzD,KAAA;AACD,IAAA,UAAU,EAAE;QACV,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACtD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5D,KAAA;AACD,IAAA,GAAG,EAAE;QACH,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;AACpD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACjD,eAAe,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC9D,KAAA;AACD,IAAA,MAAM,EAAE;QACN,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;AAClD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5D,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AACnD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC7D,KAAA;AACD,IAAA,MAAM,EAAE;QACN,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACvD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACjD,eAAe,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC3D,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACrD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;AACzD,KAAA;AACD,IAAA,WAAW,EAAE;QACX,SAAS,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACtD,QAAA,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnD,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC1D,KAAA;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAoD,CACxE,EACE,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,QAAQ,EACnB,KAAK,GAAG,OAAO,EACf,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,MAAM,cAAc,GAAI,GAAiC,IAAI,SAAS,EAAkB,CAAC;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AAExD,IAAA,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,qBAAqB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAE3D,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAK;AACtC,QAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,YAAA,OAAO,QAAQ,CAAC;SACjB;QAED,OAAO,CAAA,EAAG,QAAQ,CAAG,EAAA,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAsB,CAAC;AAClG,KAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC;AAClE,QAAA,eAAe,EAAE,eAAe;AAChC,QAAA,qBAAqB,EAAE,qBAAqB;AAC5C,QAAA,SAAS,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,SAAS;AAClD,QAAA,MAAM,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,MAAM;AAC5C,QAAA,eAAe,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,eAAe;AAC/D,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,OAAO;YAAE,OAAO;AAErB,QAAA,MAAM,kBAAkB,GAAG,CAAC,KAAoB,KAAI;AAClD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;gBAC1B,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;AACH,SAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;AAEvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;AAC5D,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,eAAe,CAAC,MAAK;AACnB,QAAA,iBAAiB,EAAE,CAAC;AACtB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAC/B,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAqB,EAAE;AAC/C,gBAAA,OAAO,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC;AAC/B,gBAAA,MAAM,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC;AAC/B,gBAAA,kBAAkB,EAAE,UAAU;AAC9B,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC;AAC5B,aAAA,CAAC,CAAC;SACJ;AAED,QAAA,QACE,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAC3B,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC,EACb,kBAAA,EAAA,UAAU,IAE3B,KAAK,CACD,EACP;AACJ,KAAC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,CAAA,EAAG,OAAO,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,OAAO,CAAC,KAAK,CAAC,CAC5D,CAAA,EAAA,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EACjC,IAAI,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;IAEjG,QACE,gCAAS,IAAI,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,OAAO,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;AACnF,QAAA,cAAc,EAAE;AACjB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,iBAAiB,CAAC,CAAE,CAAA,EAAA;AAC7C,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,KAAK,EACT,YAAY,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC,EACrC,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,CAAA;AACD,YAAA,YAAY,CACX,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,qBAAqB,EAC1B,KAAK,EAAE;oBACL,GAAG,IAAI,CAAC,KAAK;AACb,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,KAAK,EAAE,KAAK;AACZ,oBAAA,MAAM,EAAE,MAAM;iBACf,EACY,aAAA,EAAA,CAAC,OAAO,EACrB,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,cAAc,EAAA;gBAExB,KAAK,IAAI,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAG,EAAA,KAAK,CAAQ;AAClE,gBAAA,QAAQ,CACL,EACN,IAAI,CACL,CACG,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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== */";
+var classes = {"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"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Tooltip.module.scss.esm.js.map

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

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

package/dist/esm/Typography/Typography.esm.js

@@ -1,2 +1,64 @@
-import e from"react";import a from"./Typography.module.esm.js";import{useSpacing as o}from"../src/hooks/useSpacing.esm.js";const s=["h1","h2","h3","h4","body","body-bold","sub-text","code"];const r=({children:r,variant:t,tag:c,style:n,spacing:d,align:i,className:l="",...h},b)=>{if(!s.includes(t))throw new Error(`You entered an invalid variant. You can choose from: ${s}, you entered: ${t}`);const m=o(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 p=c;return e.createElement(p,{...h,ref:b,style:{...m,textAlign:i},className:`${a["typography_style_"+t]} ${l}`},r)};const t=e.forwardRef(r);export{t as Typography,s as validVariants};
+import React from 'react';
+import classes from './Typography.module.scss.esm.js';
+import { useSpacing } from '../src/hooks/useSpacing.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const validVariants = [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "body",
+    "body-bold",
+    "sub-text",
+    "code"
+];
+const TypographyComponent = ({ children, variant, tag, style, spacing, align, className = "", ...rest }, ref) => {
+    if (!validVariants.includes(variant)) {
+        throw new Error(`You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`);
+    }
+    const styleWithSpacing = useSpacing(spacing, style);
+    if (!tag) {
+        switch (variant) {
+            case "h1":
+            case "h2":
+            case "h3":
+            case "h4":
+            case "code":
+                tag = variant;
+                break;
+            case "body":
+                tag = "p";
+                break;
+            case "body-bold":
+                tag = "p";
+                break;
+            case "sub-text":
+                tag = "span";
+                break;
+            default:
+                tag = "div";
+                break;
+        }
+    }
+    let TagName = tag;
+    return (React.createElement(TagName, { ...rest, ref: ref, style: { ...styleWithSpacing, textAlign: align }, className: `${classes["typography_style_" + variant]} ${className}` }, children));
+};
+const Typography = React.forwardRef(TypographyComponent);
+
+export { Typography, validVariants };
 //# sourceMappingURL=Typography.esm.js.map

package/dist/esm/Typography/Typography.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.esm.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":"2HAoBa,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,EAAWR,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,EAACC,cAAAF,EACK,IAAAN,EACJC,IAAKA,EACLL,MAAO,IAAKQ,EAAkBK,UAAWX,GACzCC,UAAW,GAAGW,EAAQ,oBAAsBhB,MAAYK,KAEvDN,EAEH,EAGS,MAAAkB,EAAaJ,EAAMK,WAAWpB"}
+{"version":3,"file":"Typography.esm.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":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMU,MAAA,aAAa,GAAG;IAC3B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,WAAW;IACX,UAAU;IACV,MAAM;EACG;AA8BX,MAAM,mBAAmB,GAAyC,CAChE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACjF,GAAG,KACD;IACF,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACpC,MAAM,IAAI,KAAK,CACb,CAAA,qDAAA,EAAwD,aAAa,CAAkB,eAAA,EAAA,OAAO,CAAE,CAAA,CACjG,CAAC;KACH;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEpD,IAAI,CAAC,GAAG,EAAE;QACR,QAAQ,OAAO;AACb,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,MAAM;gBACT,GAAG,GAAG,OAAO,CAAC;gBACd,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,GAAG,GAAG,GAAG,CAAC;gBACV,MAAM;AACR,YAAA,KAAK,WAAW;gBACd,GAAG,GAAG,GAAG,CAAC;gBACV,MAAM;AACR,YAAA,KAAK,UAAU;gBACb,GAAG,GAAG,MAAM,CAAC;gBACb,MAAM;AACR,YAAA;gBACE,GAAG,GAAG,KAAK,CAAC;gBACZ,MAAM;SACT;KACF;IAED,IAAI,OAAO,GAAG,GAAG,CAAC;AAElB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EACF,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAChD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,mBAAmB,GAAG,OAAO,CAAC,IAAI,SAAS,CAAA,CAAE,IAElE,QAAQ,CACD,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}