@onewelcome/react-lib-components 8.9.1 → 8.11.0

package/dist/esm/Tag/RemoveButton.module.scss.esm.js

@@ -1,7 +1,7 @@
 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 */.RemoveButton_sr-only_6dWwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.RemoveButton_hidden_6dWwy{display:none}.RemoveButton_slide-in_6dWwy{animation:RemoveButton_slide-in_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.RemoveButton_slide-in_6dWwy{animation-duration:.1ms}}.RemoveButton_slide-out_6dWwy{animation:RemoveButton_slide-out_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.RemoveButton_slide-out_6dWwy{animation-duration:.1ms}}@keyframes RemoveButton_slide-in_6dWwy{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes RemoveButton_slide-out_6dWwy{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.RemoveButton_remove_6dWwy{background:none;border:none;cursor:pointer;height:1.25rem;margin-right:-.375rem;padding:0;width:1.25rem}.RemoveButton_remove_6dWwy:hover{background-color:var(--color-black10);border-radius:.125rem}.RemoveButton_remove_6dWwy:active{background-color:var(--color-blue-grey400)}.RemoveButton_remove_6dWwy:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.RemoveButton_remove_6dWwy .RemoveButton_icon_6dWwy{font-size:.625rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbW92ZUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw0QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsMkJBQ0UsWUFDRixDQUVBLDZCQUNFLGtEQUNGLENBQ0EsdUNBQ0UsNkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDhCQUNFLG1EQUNGLENBQ0EsdUNBQ0UsOEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLHVDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSx3Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMkJBR0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUdaLGNBQWUsQ0FMZixjQUFlLENBSWYscUJBQXVCLENBRHZCLFNBQVUsQ0FKVixhQU9GLENBQ0EsaUNBRUUscUNBQXNDLENBRHRDLHFCQUVGLENBQ0Esa0NBQ0UsMENBQ0YsQ0FDQSx5Q0FHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0Esb0RBQ0UsaUJBQ0YiLCJmaWxlIjoiUmVtb3ZlQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnJlbW92ZSB7XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luLXJpZ2h0OiAtMC4zNzVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5yZW1vdmU6aG92ZXIge1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4ucmVtb3ZlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG4ucmVtb3ZlOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5yZW1vdmUgLmljb24ge1xuICBmb250LXNpemU6IDAuNjI1cmVtO1xufSJdfQ== */";
-var classes = {"sr-only":"RemoveButton_sr-only_6dWwy","hidden":"RemoveButton_hidden_6dWwy","slide-in":"RemoveButton_slide-in_6dWwy","slide-out":"RemoveButton_slide-out_6dWwy","remove":"RemoveButton_remove_6dWwy","icon":"RemoveButton_icon_6dWwy"};
+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 */.RemoveButton_sr-only_Pphm5{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.RemoveButton_hidden_Pphm5{display:none}.RemoveButton_slide-in_Pphm5{animation:RemoveButton_slide-in_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.RemoveButton_slide-in_Pphm5{animation-duration:.1ms}}.RemoveButton_slide-out_Pphm5{animation:RemoveButton_slide-out_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.RemoveButton_slide-out_Pphm5{animation-duration:.1ms}}@keyframes RemoveButton_slide-in_Pphm5{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes RemoveButton_slide-out_Pphm5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.RemoveButton_remove_Pphm5{background:none;border:none;cursor:pointer;height:1.25rem;margin-right:-.375rem;padding:0;width:1.25rem}.RemoveButton_remove_Pphm5:hover{background-color:var(--color-black10);border-radius:.125rem}.RemoveButton_remove_Pphm5:active{background-color:var(--color-blue-grey400)}.RemoveButton_remove_Pphm5:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.RemoveButton_remove_Pphm5 .RemoveButton_icon_Pphm5{font-size:var(--font-size-small)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbW92ZUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw0QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsMkJBQ0UsWUFDRixDQUVBLDZCQUNFLGtEQUNGLENBQ0EsdUNBQ0UsNkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDhCQUNFLG1EQUNGLENBQ0EsdUNBQ0UsOEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLHVDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSx3Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FFRiwyQkFHRSxlQUFnQixDQUNoQixXQUFZLENBR1osY0FBZSxDQUxmLGNBQWUsQ0FJZixxQkFBdUIsQ0FEdkIsU0FBVSxDQUpWLGFBT0YsQ0FDQSxpQ0FFRSxxQ0FBc0MsQ0FEdEMscUJBRUYsQ0FDQSxrQ0FDRSwwQ0FDRixDQUNBLHlDQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsZ0JBRUYsQ0FDQSxvREFDRSxnQ0FDRiIsImZpbGUiOiJSZW1vdmVCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLnJlbW92ZSB7XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luLXJpZ2h0OiAtMC4zNzVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5yZW1vdmU6aG92ZXIge1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4ucmVtb3ZlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG4ucmVtb3ZlOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5yZW1vdmUgLmljb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zbWFsbCk7XG59Il19 */";
+var classes = {"sr-only":"RemoveButton_sr-only_Pphm5","hidden":"RemoveButton_hidden_Pphm5","slide-in":"RemoveButton_slide-in_Pphm5","slide-out":"RemoveButton_slide-out_Pphm5","remove":"RemoveButton_remove_Pphm5","icon":"RemoveButton_icon_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Tag/Tag.esm.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Icon, Icons } from '../Icon/Icon.esm.js';
 import classes from './Tag.module.scss.esm.js';
 import { Typography } from '../Typography/Typography.esm.js';
@@ -23,23 +23,23 @@ const TagComponent = ({ children, variant, icon, backgroundColor, color, shape =
     var _a;
     const determineIcon = () => {
         if (icon) {
-            return React.createElement(Icon, { size: "inherit", icon: icon });
+            return React__default.createElement(Icon, { size: "inherit", icon: icon });
         }
         if (variant === "enabled") {
-            return React.createElement(Icon, { size: "inherit", icon: Icons.CheckmarkCircleAlt });
+            return React__default.createElement(Icon, { size: "inherit", icon: Icons.CheckmarkCircleAlt });
         }
         else if (variant === "disabled") {
-            return React.createElement(Icon, { size: "inherit", icon: Icons.Forbidden });
+            return React__default.createElement(Icon, { size: "inherit", icon: Icons.Forbidden });
         }
     };
     const tagClasses = [classes["tag"]];
     variant === "enabled" && tagClasses.push(classes["tag-enabled"]);
     variant === "disabled" && tagClasses.push(classes["tag-disabled"]);
     shape === "sharp" && tagClasses.push(classes["sharp"]);
-    return (React.createElement("div", { ...rest, ref: ref, className: `${tagClasses.join(" ")} ${(_a = rest.className) !== null && _a !== void 0 ? _a : ""}`, style: { backgroundColor, color } },
+    return (React__default.createElement("div", { ...rest, ref: ref, className: `${tagClasses.join(" ")} ${(_a = rest.className) !== null && _a !== void 0 ? _a : ""}`, style: { backgroundColor, color } },
         determineIcon(),
-        React.createElement(Typography, { spacing: { marginBottom: 0 }, variant: "body", className: classes["label"] }, children),
-        React.createElement(RemoveButton, { ...removeButton, label: children })));
+        React__default.createElement(Typography, { spacing: { marginBottom: 0 }, variant: "body", className: classes["label"] }, children),
+        React__default.createElement(RemoveButton, { ...removeButton, label: children })));
 };
 const Tag = forwardRef(TagComponent);
 

package/dist/esm/Tag/Tag.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.esm.js","sources":["../../../../../src/components/Tag/Tag.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, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\nimport { RemoveButton, Props as RemoveButtonProps } from \"./RemoveButton\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n  shape?: \"rounded\" | \"sharp\";\n  removeButton?: RemoveButtonProps;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    variant,\n    icon,\n    backgroundColor,\n    color,\n    shape = \"rounded\",\n    removeButton = {},\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const tagClasses = [classes[\"tag\"]];\n  variant === \"enabled\" && tagClasses.push(classes[\"tag-enabled\"]);\n  variant === \"disabled\" && tagClasses.push(classes[\"tag-disabled\"]);\n  shape === \"sharp\" && tagClasses.push(classes[\"sharp\"]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref as any}\n      className={`${tagClasses.join(\" \")} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n      <RemoveButton {...removeButton} label={children} />\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkBH,MAAM,YAAY,GAAoD,CACpE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,eAAe,EACf,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,YAAY,GAAG,EAAE,EACjB,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,aAAa,GAAG,MAAK;QACzB,IAAI,IAAI,EAAE;YACR,OAAO,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAAC;SAC5C;AAED,QAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACzB,YAAA,OAAO,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,kBAAkB,GAAI,CAAC;SAChE;AAAM,aAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AACjC,YAAA,OAAO,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CAAC;SACvD;AACH,KAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,IAAA,OAAO,KAAK,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;AACjE,IAAA,OAAO,KAAK,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AACnE,IAAA,KAAK,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAU,EACf,SAAS,EAAE,CAAA,EAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,mCAAI,EAAE,CAAA,CAAE,EAC5D,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAA;AAEhC,QAAA,aAAa,EAAE;QAChB,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EACjF,EAAA,QAAQ,CACE;QACb,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAA,CAAI,CAC/C,EACN;AACJ,CAAC,CAAC;MAEW,GAAG,GAAG,UAAU,CAAC,YAAY;;;;"}
+{"version":3,"file":"Tag.esm.js","sources":["../../../../../src/components/Tag/Tag.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, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\nimport { RemoveButton, Props as RemoveButtonProps } from \"./RemoveButton\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n  shape?: \"rounded\" | \"sharp\";\n  removeButton?: RemoveButtonProps;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    variant,\n    icon,\n    backgroundColor,\n    color,\n    shape = \"rounded\",\n    removeButton = {},\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const tagClasses = [classes[\"tag\"]];\n  variant === \"enabled\" && tagClasses.push(classes[\"tag-enabled\"]);\n  variant === \"disabled\" && tagClasses.push(classes[\"tag-disabled\"]);\n  shape === \"sharp\" && tagClasses.push(classes[\"sharp\"]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${tagClasses.join(\" \")} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n      <RemoveButton {...removeButton} label={children} />\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":["React"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkBH,MAAM,YAAY,GAAoD,CACpE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,eAAe,EACf,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,YAAY,GAAG,EAAE,EACjB,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,aAAa,GAAG,MAAK;QACzB,IAAI,IAAI,EAAE;YACR,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAAC;SAC5C;AAED,QAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACzB,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,kBAAkB,GAAI,CAAC;SAChE;AAAM,aAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AACjC,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CAAC;SACvD;AACH,KAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,IAAA,OAAO,KAAK,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;AACjE,IAAA,OAAO,KAAK,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AACnE,IAAA,KAAK,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAA,EAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,mCAAI,EAAE,CAAA,CAAE,EAC5D,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAA;AAEhC,QAAA,aAAa,EAAE;QAChBA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EACjF,EAAA,QAAQ,CACE;QACbA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAA,CAAI,CAC/C,EACN;AACJ,CAAC,CAAC;MAEW,GAAG,GAAG,UAAU,CAAC,YAAY;;;;"}

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

@@ -1,7 +1,7 @@
 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 */.Tag_tag_6dWwy{align-items:center;border:none;border-radius:3.125rem;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.Tag_tag_6dWwy.Tag_tag-enabled_6dWwy{background-color:var(--color-green100)}.Tag_tag_6dWwy.Tag_tag-disabled_6dWwy{background-color:var(--color-blue-grey100)}.Tag_tag_6dWwy.Tag_sharp_6dWwy{border-radius:.125rem}.Tag_tag_6dWwy .Tag_label_6dWwy{color:inherit;font-size:inherit;line-height:2}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGVBTUUsa0JBQW1CLENBSG5CLFdBQVksQ0FDWixzQkFBdUIsQ0FDdkIsbUJBQW9CLENBSnBCLGdCQUFrQixDQU1sQixVQUFZLENBTFoscUJBTUYsQ0FDQSxxQ0FDRSxzQ0FDRixDQUNBLHNDQUNFLDBDQUNGLENBQ0EsK0JBQ0UscUJBQ0YsQ0FDQSxnQ0FHRSxhQUFjLENBRGQsaUJBQWtCLENBRGxCLGFBR0YiLCJmaWxlIjoiVGFnLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50YWcge1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMC43NXJlbTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4yNXJlbTtcbn1cbi50YWcudGFnLWVuYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ncmVlbjEwMCk7XG59XG4udGFnLnRhZy1kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4udGFnLnNoYXJwIHtcbiAgYm9yZGVyLXJhZGl1czogMC4xMjVyZW07XG59XG4udGFnIC5sYWJlbCB7XG4gIGxpbmUtaGVpZ2h0OiAyO1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xufSJdfQ== */";
-var classes = {"tag":"Tag_tag_6dWwy","tag-enabled":"Tag_tag-enabled_6dWwy","tag-disabled":"Tag_tag-disabled_6dWwy","sharp":"Tag_sharp_6dWwy","label":"Tag_label_6dWwy"};
+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 */.Tag_tag_Pphm5{align-items:center;border:none;border-radius:3.125rem;display:inline-flex;font-size:var(--font-size-sub);gap:.25rem;padding:.25rem .75rem}.Tag_tag_Pphm5.Tag_tag-enabled_Pphm5{background-color:var(--color-green100)}.Tag_tag_Pphm5.Tag_tag-disabled_Pphm5{background-color:var(--color-blue-grey100)}.Tag_tag_Pphm5.Tag_sharp_Pphm5{border-radius:.125rem}.Tag_tag_Pphm5 .Tag_label_Pphm5{color:inherit;font-size:inherit;line-height:2}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGVBTUUsa0JBQW1CLENBSG5CLFdBQVksQ0FDWixzQkFBdUIsQ0FDdkIsbUJBQW9CLENBSnBCLDhCQUErQixDQU0vQixVQUFZLENBTFoscUJBTUYsQ0FDQSxxQ0FDRSxzQ0FDRixDQUNBLHNDQUNFLDBDQUNGLENBQ0EsK0JBQ0UscUJBQ0YsQ0FDQSxnQ0FHRSxhQUFjLENBRGQsaUJBQWtCLENBRGxCLGFBR0YiLCJmaWxlIjoiVGFnLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50YWcge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMy4xMjVyZW07XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuMjVyZW07XG59XG4udGFnLnRhZy1lbmFibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItZ3JlZW4xMDApO1xufVxuLnRhZy50YWctZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnRhZy5zaGFycCB7XG4gIGJvcmRlci1yYWRpdXM6IDAuMTI1cmVtO1xufVxuLnRhZyAubGFiZWwge1xuICBsaW5lLWhlaWdodDogMjtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbn0iXX0= */";
+var classes = {"tag":"Tag_tag_Pphm5","tag-enabled":"Tag_tag-enabled_Pphm5","tag-disabled":"Tag_tag-disabled_Pphm5","sharp":"Tag_sharp_Pphm5","label":"Tag_label_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/TextEllipsis/TextEllipsis.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
 import { Popover } from '../Popover/Popover.esm.js';
 import classes from './TextEllipsis.module.scss.esm.js';
 
@@ -33,11 +33,11 @@ const TextEllipsisComponent = ({ children, popoverClassName, className, ...rest
     const onMouseLeave = () => {
         ellipsisVisible() && setShowPopover(false);
     };
-    return (React.createElement("div", { ...rest, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: `${classes["text-ellipsis"]} ${className !== null && className !== void 0 ? className : ""}`, ref: ref !== null && ref !== void 0 ? ref : textContainer },
+    return (React__default.createElement("div", { ...rest, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: `${classes["text-ellipsis"]} ${className !== null && className !== void 0 ? className : ""}`, ref: ref !== null && ref !== void 0 ? ref : textContainer },
         children,
-        React.createElement(Popover, { "aria-hidden": true, "data-hidden": !showPopover, show: showPopover, role: "tooltip", anchorEl: textContainer, className: `${classes.popover} ${popoverClassName !== null && popoverClassName !== void 0 ? popoverClassName : ""}` }, children)));
+        React__default.createElement(Popover, { "aria-hidden": true, "data-hidden": !showPopover, show: showPopover, role: "tooltip", anchorEl: textContainer, className: `${classes.popover} ${popoverClassName !== null && popoverClassName !== void 0 ? popoverClassName : ""}` }, children)));
 };
-const TextEllipsis = React.forwardRef(TextEllipsisComponent);
+const TextEllipsis = React__default.forwardRef(TextEllipsisComponent);
 
 export { TextEllipsis };
 //# sourceMappingURL=TextEllipsis.esm.js.map

package/dist/esm/TextEllipsis/TextEllipsis.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEllipsis.esm.js","sources":["../../../../../src/components/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAiBH,MAAM,qBAAqB,GAAoD,CAC7E,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EACzD,GAAG,KACD;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,IAAA,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,MAAK;QAC3B,IACE,aAAa,CAAC,OAAO;YACrB,aAAa,CAAC,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EACrE;AACA,YAAA,OAAO,IAAI,CAAC;SACb;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC;IAEF,MAAM,YAAY,GAAsC,MAAK;AAC3D,QAAA,eAAe,EAAE,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;AAC5C,KAAC,CAAC;IAEF,MAAM,YAAY,GAAsC,MAAK;AAC3D,QAAA,eAAe,EAAE,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAC,CAAC;AAEF,IAAA,QACE,KACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,eAAe,CAAC,CAAA,CAAA,EAAI,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAA,CAAE,EAC3D,GAAG,EAAE,GAAG,KAAA,IAAA,IAAH,GAAG,KAAH,KAAA,CAAA,GAAA,GAAG,GAAI,aAAa,EAAA;QAExB,QAAQ;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EACO,EAAA,aAAA,EAAA,IAAI,EACJ,aAAA,EAAA,CAAC,WAAW,EACzB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,CAAI,CAAA,EAAA,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAhB,gBAAgB,GAAI,EAAE,CAAE,CAAA,EAAA,EAExD,QAAQ,CACD,CACN,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}
+{"version":3,"file":"TextEllipsis.esm.js","sources":["../../../../../src/components/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAiBH,MAAM,qBAAqB,GAAoD,CAC7E,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EACzD,GAAG,KACD;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,IAAA,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,MAAK;QAC3B,IACE,aAAa,CAAC,OAAO;YACrB,aAAa,CAAC,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EACrE;AACA,YAAA,OAAO,IAAI,CAAC;SACb;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC;IAEF,MAAM,YAAY,GAAsC,MAAK;AAC3D,QAAA,eAAe,EAAE,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;AAC5C,KAAC,CAAC;IAEF,MAAM,YAAY,GAAsC,MAAK;AAC3D,QAAA,eAAe,EAAE,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAC,CAAC;AAEF,IAAA,QACEA,cACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,eAAe,CAAC,CAAA,CAAA,EAAI,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAA,CAAE,EAC3D,GAAG,EAAE,GAAG,KAAA,IAAA,IAAH,GAAG,KAAH,KAAA,CAAA,GAAA,GAAG,GAAI,aAAa,EAAA;QAExB,QAAQ;AACT,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EACO,EAAA,aAAA,EAAA,IAAI,EACJ,aAAA,EAAA,CAAC,WAAW,EACzB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,CAAI,CAAA,EAAA,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAhB,gBAAgB,GAAI,EAAE,CAAE,CAAA,EAAA,EAExD,QAAQ,CACD,CACN,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}

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

@@ -1,7 +1,7 @@
 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 */.TextEllipsis_text-ellipsis_6dWwy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_popover_6dWwy{border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;transform:scale(1);transition-property:opacity;white-space:pre-wrap;z-index:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUNFLGVBQWdCLENBQ2hCLHNCQUF1QixDQUN2QixrQkFDRixDQUVBLDRCQUdFLG9CQUFzQixDQUN0Qix1Q0FBb0QsQ0FIcEQsdUJBQXlCLENBQ3pCLDBDQUErQyxDQUsvQyxrQkFBbUIsQ0FEbkIsMkJBQTRCLENBRDVCLG9CQUFxQixDQUdyQixTQUNGIiwiZmlsZSI6IlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGV4dC1lbGxpcHNpcyB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucG9wb3ZlciB7XG4gIG1heC13aWR0aDogbWluKDc1Y2gsIDkwJSk7XG4gIHBhZGRpbmc6IDAuNjg3NXJlbSAwLjY4NzVyZW0gMC42ODc1cmVtIDAuODc1cmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBib3gtc2hhZG93OiAwIDAuMTg3NXJlbSAwLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMjkpO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIHotaW5kZXg6IDE7XG59Il19 */";
-var classes = {"text-ellipsis":"TextEllipsis_text-ellipsis_6dWwy","popover":"TextEllipsis_popover_6dWwy"};
+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 */.TextEllipsis_text-ellipsis_Pphm5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_popover_Pphm5{border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;transform:scale(1);transition-property:opacity;white-space:pre-wrap;z-index:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUNFLGVBQWdCLENBQ2hCLHNCQUF1QixDQUN2QixrQkFDRixDQUVBLDRCQUdFLG9CQUFzQixDQUN0Qix1Q0FBb0QsQ0FIcEQsdUJBQXlCLENBQ3pCLDBDQUErQyxDQUsvQyxrQkFBbUIsQ0FEbkIsMkJBQTRCLENBRDVCLG9CQUFxQixDQUdyQixTQUNGIiwiZmlsZSI6IlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGV4dC1lbGxpcHNpcyB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucG9wb3ZlciB7XG4gIG1heC13aWR0aDogbWluKDc1Y2gsIDkwJSk7XG4gIHBhZGRpbmc6IDAuNjg3NXJlbSAwLjY4NzVyZW0gMC42ODc1cmVtIDAuODc1cmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBib3gtc2hhZG93OiAwIDAuMTg3NXJlbSAwLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMjkpO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIHotaW5kZXg6IDE7XG59Il19 */";
+var classes = {"text-ellipsis":"TextEllipsis_text-ellipsis_Pphm5","popover":"TextEllipsis_popover_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { Icon, Icons } from '../Icon/Icon.esm.js';
 import classes from './Tile.module.scss.esm.js';
 import readyclasses from '../src/readyclasses.module.scss.esm.js';
@@ -30,17 +30,17 @@ const TileComponent = ({ title, imageProps, enabled, className, loading, tileAct
         }
         return "Status: disabled";
     };
-    return (React.createElement("article", { ...rest, tabIndex: 0, "aria-labelledby": tileDescriptionID, ref: ref, className: `${classes["tile"]} ${loading ? classes["loading"] : ""}` },
-        React.createElement("header", { style: { justifyContent: enabled === undefined ? "flex-end" : "space-between" } },
-            enabled === true && (React.createElement(Icon, { color: "var(--success)", icon: Icons.Checkmark, className: `${classes["icon"]} ${className !== null && className !== void 0 ? className : ""}` })),
-            enabled === false && (React.createElement(Icon, { color: "var(--greyed-out)", icon: Icons.Forbidden, className: `${classes["icon"]} ${className !== null && className !== void 0 ? className : ""}` })),
-            enabled !== undefined && (React.createElement("span", { id: tileDescriptionID, className: readyclasses["sr-only"] }, `${title}. ${statusMessage()}`)), tileAction !== null && tileAction !== void 0 ? tileAction : null),
-        React.createElement("div", { className: classes["content"] },
-            imageProps && imageProps.src.length > 0 && (React.createElement("figure", { className: classes["image"] }, !loading && React.createElement("img", { ...imageProps, alt: "" }))),
-            (!imageProps || imageProps.src.length === 0) && (React.createElement(Icon, { className: classes["placeholder"], icon: Icons.Image })),
-            React.createElement("span", { className: classes["title"] }, title))));
+    return (React__default.createElement("article", { ...rest, tabIndex: 0, "aria-labelledby": tileDescriptionID, ref: ref, className: `${classes["tile"]} ${loading ? classes["loading"] : ""}` },
+        React__default.createElement("header", { style: { justifyContent: enabled === undefined ? "flex-end" : "space-between" } },
+            enabled === true && (React__default.createElement(Icon, { color: "var(--success)", icon: Icons.Checkmark, className: `${classes["icon"]} ${className !== null && className !== void 0 ? className : ""}` })),
+            enabled === false && (React__default.createElement(Icon, { color: "var(--greyed-out)", icon: Icons.Forbidden, className: `${classes["icon"]} ${className !== null && className !== void 0 ? className : ""}` })),
+            enabled !== undefined && (React__default.createElement("span", { id: tileDescriptionID, className: readyclasses["sr-only"] }, `${title}. ${statusMessage()}`)), tileAction !== null && tileAction !== void 0 ? tileAction : null),
+        React__default.createElement("div", { className: classes["content"] },
+            imageProps && imageProps.src.length > 0 && (React__default.createElement("figure", { className: classes["image"] }, !loading && React__default.createElement("img", { ...imageProps, alt: "" }))),
+            (!imageProps || imageProps.src.length === 0) && (React__default.createElement(Icon, { className: classes["placeholder"], icon: Icons.Image })),
+            React__default.createElement("span", { className: classes["title"] }, title))));
 };
-const Tile = React.forwardRef(TileComponent);
+const Tile = React__default.forwardRef(TileComponent);
 
 export { Tile };
 //# sourceMappingURL=Tile.esm.js.map

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":["readyClasses"],"mappings":"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"}
+{"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":["React","readyClasses"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 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_sr-only_6dWwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile_hidden_6dWwy{display:none}.Tile_slide-in_6dWwy{animation:Tile_slide-in_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_slide-in_6dWwy{animation-duration:.1ms}}.Tile_slide-out_6dWwy{animation:Tile_slide-out_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_slide-out_6dWwy{animation-duration:.1ms}}@keyframes Tile_slide-in_6dWwy{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_slide-out_6dWwy{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile_tile_6dWwy{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_tile_6dWwy{transition-duration:.1ms}}.Tile_tile_6dWwy:hover{box-shadow:0 3px 6px #0000004a}.Tile_tile_6dWwy header{align-items:center;display:flex}.Tile_tile_6dWwy header .Tile_icon_6dWwy{padding:0 1rem}.Tile_tile_6dWwy figure{height:3rem;margin:0 0 1rem}.Tile_tile_6dWwy figure img{height:3rem;vertical-align:top;width:auto}.Tile_tile_6dWwy .Tile_placeholder_6dWwy{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile_tile_6dWwy .Tile_content_6dWwy{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile_tile_6dWwy.Tile_loading_6dWwy header{display:none}.Tile_tile_6dWwy.Tile_loading_6dWwy .Tile_image_6dWwy{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile_tile_6dWwy.Tile_loading_6dWwy .Tile_image_6dWwy:after{animation:Tile_shimmer_6dWwy 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_tile_6dWwy.Tile_loading_6dWwy .Tile_image_6dWwy:after{animation:none}}.Tile_tile_6dWwy.Tile_loading_6dWwy .Tile_title_6dWwy{background-color:var(--skeleton-background-color);border-radius:.5rem;color:#0000;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile_tile_6dWwy.Tile_loading_6dWwy .Tile_title_6dWwy:after{animation:Tile_shimmer_6dWwy 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_tile_6dWwy.Tile_loading_6dWwy .Tile_title_6dWwy:after{animation:none}}@keyframes Tile_shimmer_6dWwy{to{transform:translateX(100%)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGUubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysb0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLG1CQUNFLFlBQ0YsQ0FFQSxxQkFDRSwwQ0FDRixDQUNBLHVDQUNFLHFCQUNFLHVCQUNGLENBQ0YsQ0FFQSxzQkFDRSwyQ0FDRixDQUNBLHVDQUNFLHNCQUNFLHVCQUNGLENBQ0YsQ0FFQSwrQkFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsZ0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLGlCQUtFLDZCQUE4QixDQUo5Qix5Q0FBMEMsQ0FDMUMsaUJBQWtCLENBQ2xCLHFCQUFzQixDQUd0Qiw4QkFBK0IsQ0FGL0IsZ0JBQWlCLENBSWpCLHVCQUF5QixDQUR6Qiw4QkFBK0IsQ0FFL0Isc0NBQ0YsQ0FDQSx1Q0FDRSxpQkFDRSx3QkFDRixDQUNGLENBQ0EsdUJBQ0UsOEJBQ0YsQ0FDQSx3QkFFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHlDQUNFLGNBQ0YsQ0FDQSx3QkFFRSxXQUFZLENBRFosZUFFRixDQUNBLDRCQUVFLFdBQVksQ0FEWixrQkFBbUIsQ0FFbkIsVUFDRixDQUNBLHlDQUdFLHVCQUF3QixDQUZ4QixjQUFlLENBQ2YsZUFFRixDQUNBLHFDQUdFLGtCQUFtQixDQUVuQixjQUFlLENBSmYsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixzQkFBdUIsQ0FFdkIsY0FDRixDQUNBLDJDQUNFLFlBQ0YsQ0FDQSxzREFPRSxpREFBa0QsQ0FMbEQsbUJBQXFCLENBRXJCLFdBQVksQ0FIWixpQkFBa0IsQ0FLbEIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRmxCLFVBS0YsQ0FDQSw0REFTRSx3Q0FBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0UsNERBQ0UsY0FDRixDQUNGLENBTUEsc0RBT0UsaURBQWtELENBSGxELG1CQUFxQixDQUhyQixXQUFrQixDQUNsQixvQkFBcUIsQ0FJckIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBRmxCLFNBS0YsQ0FDQSw0REFTRSx3Q0FBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0UsNERBQ0UsY0FDRixDQUNGLENBQ0EsOEJBQ0UsR0FDRSwwQkFDRixDQUNGIiwiZmlsZSI6IlRpbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGlsZSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwIDAgMnJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3gtc2hhZG93O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50aWxlOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAzcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4yOSk7XG59XG4udGlsZSBoZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnRpbGUgaGVhZGVyIC5pY29uIHtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUgZmlndXJlIHtcbiAgbWFyZ2luOiAwIDAgMXJlbTtcbiAgaGVpZ2h0OiAzcmVtO1xufVxuLnRpbGUgZmlndXJlIGltZyB7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IGF1dG87XG59XG4udGlsZSAucGxhY2Vob2xkZXIge1xuICBmb250LXNpemU6IDNyZW07XG4gIG1hcmdpbjogMCAwIDFyZW07XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50aWxlIC5jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUubG9hZGluZyBoZWFkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRpbGUubG9hZGluZyAuaW1hZ2Uge1xuICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgd2lkdGg6IDNyZW07XG4gIGhlaWdodDogM3JlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1za2VsZXRvbi1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi50aWxlLmxvYWRpbmcgLmltYWdlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApIDAsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuMikgMjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjUpIDYwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkpO1xuICBjb250ZW50OiBcIlwiO1xuICBhbmltYXRpb246IHNoaW1tZXIgMnMgaW5maW5pdGU7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZS5sb2FkaW5nIC5pbWFnZTo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxufVxuQGtleWZyYW1lcyBzaGltbWVyIHtcbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZSB7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogNzAlO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRpbGUubG9hZGluZyAudGl0bGU6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufSJdfQ== */";
-var classes = {"sr-only":"Tile_sr-only_6dWwy","hidden":"Tile_hidden_6dWwy","slide-in":"Tile_slide-in_6dWwy","slide-out":"Tile_slide-out_6dWwy","tile":"Tile_tile_6dWwy","icon":"Tile_icon_6dWwy","placeholder":"Tile_placeholder_6dWwy","content":"Tile_content_6dWwy","loading":"Tile_loading_6dWwy","image":"Tile_image_6dWwy","shimmer":"Tile_shimmer_6dWwy","title":"Tile_title_6dWwy"};
+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_sr-only_Pphm5{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile_hidden_Pphm5{display:none}.Tile_slide-in_Pphm5{animation:Tile_slide-in_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_slide-in_Pphm5{animation-duration:.1ms}}.Tile_slide-out_Pphm5{animation:Tile_slide-out_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_slide-out_Pphm5{animation-duration:.1ms}}@keyframes Tile_slide-in_Pphm5{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_slide-out_Pphm5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tile_tile_Pphm5{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_tile_Pphm5{transition-duration:.1ms}}.Tile_tile_Pphm5:hover{box-shadow:0 3px 6px #0000004a}.Tile_tile_Pphm5 header{align-items:center;display:flex}.Tile_tile_Pphm5 header .Tile_icon_Pphm5{padding:0 1rem}.Tile_tile_Pphm5 figure{height:3rem;margin:0 0 1rem}.Tile_tile_Pphm5 figure img{height:3rem;vertical-align:top;width:auto}.Tile_tile_Pphm5 .Tile_placeholder_Pphm5{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile_tile_Pphm5 .Tile_content_Pphm5{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile_tile_Pphm5.Tile_loading_Pphm5 header{display:none}.Tile_tile_Pphm5.Tile_loading_Pphm5 .Tile_image_Pphm5{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile_tile_Pphm5.Tile_loading_Pphm5 .Tile_image_Pphm5:after{animation:Tile_shimmer_Pphm5 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_tile_Pphm5.Tile_loading_Pphm5 .Tile_image_Pphm5:after{animation:none}}.Tile_tile_Pphm5.Tile_loading_Pphm5 .Tile_title_Pphm5{background-color:var(--skeleton-background-color);border-radius:.5rem;color:#0000;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile_tile_Pphm5.Tile_loading_Pphm5 .Tile_title_Pphm5:after{animation:Tile_shimmer_Pphm5 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_tile_Pphm5.Tile_loading_Pphm5 .Tile_title_Pphm5:after{animation:none}}@keyframes Tile_shimmer_Pphm5{to{transform:translateX(100%)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGUubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysb0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLG1CQUNFLFlBQ0YsQ0FFQSxxQkFDRSwwQ0FDRixDQUNBLHVDQUNFLHFCQUNFLHVCQUNGLENBQ0YsQ0FFQSxzQkFDRSwyQ0FDRixDQUNBLHVDQUNFLHNCQUNFLHVCQUNGLENBQ0YsQ0FFQSwrQkFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsZ0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBRUYsaUJBS0UsNkJBQThCLENBSjlCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FDbEIscUJBQXNCLENBR3RCLDhCQUErQixDQUYvQixnQkFBaUIsQ0FJakIsdUJBQXlCLENBRHpCLDhCQUErQixDQUUvQixzQ0FDRixDQUNBLHVDQUNFLGlCQUNFLHdCQUNGLENBQ0YsQ0FDQSx1QkFDRSw4QkFDRixDQUNBLHdCQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EseUNBQ0UsY0FDRixDQUNBLHdCQUVFLFdBQVksQ0FEWixlQUVGLENBQ0EsNEJBRUUsV0FBWSxDQURaLGtCQUFtQixDQUVuQixVQUNGLENBQ0EseUNBR0UsdUJBQXdCLENBRnhCLGNBQWUsQ0FDZixlQUVGLENBQ0EscUNBR0Usa0JBQW1CLENBRW5CLGNBQWUsQ0FKZixZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUV2QixjQUNGLENBQ0EsMkNBQ0UsWUFDRixDQUNBLHNEQU9FLGlEQUFrRCxDQUxsRCxtQkFBcUIsQ0FFckIsV0FBWSxDQUhaLGlCQUFrQixDQUtsQixlQUFnQixDQURoQixpQkFBa0IsQ0FGbEIsVUFLRixDQUNBLDREQVNFLHdDQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSw0REFDRSxjQUNGLENBQ0YsQ0FNQSxzREFPRSxpREFBa0QsQ0FIbEQsbUJBQXFCLENBSHJCLFdBQWtCLENBQ2xCLG9CQUFxQixDQUlyQixlQUFnQixDQURoQixpQkFBa0IsQ0FGbEIsU0FLRixDQUNBLDREQVNFLHdDQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSw0REFDRSxjQUNGLENBQ0YsQ0FDQSw4QkFDRSxHQUNFLDBCQUNGLENBQ0YiLCJmaWxlIjoiVGlsZS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4udGlsZSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwIDAgMnJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3gtc2hhZG93O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50aWxlOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAzcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4yOSk7XG59XG4udGlsZSBoZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnRpbGUgaGVhZGVyIC5pY29uIHtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUgZmlndXJlIHtcbiAgbWFyZ2luOiAwIDAgMXJlbTtcbiAgaGVpZ2h0OiAzcmVtO1xufVxuLnRpbGUgZmlndXJlIGltZyB7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IGF1dG87XG59XG4udGlsZSAucGxhY2Vob2xkZXIge1xuICBmb250LXNpemU6IDNyZW07XG4gIG1hcmdpbjogMCAwIDFyZW07XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50aWxlIC5jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUubG9hZGluZyBoZWFkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRpbGUubG9hZGluZyAuaW1hZ2Uge1xuICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgd2lkdGg6IDNyZW07XG4gIGhlaWdodDogM3JlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1za2VsZXRvbi1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi50aWxlLmxvYWRpbmcgLmltYWdlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApIDAsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuMikgMjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjUpIDYwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkpO1xuICBjb250ZW50OiBcIlwiO1xuICBhbmltYXRpb246IHNoaW1tZXIgMnMgaW5maW5pdGU7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZS5sb2FkaW5nIC5pbWFnZTo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxufVxuQGtleWZyYW1lcyBzaGltbWVyIHtcbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZSB7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogNzAlO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRpbGUubG9hZGluZyAudGl0bGU6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufSJdfQ== */";
+var classes = {"sr-only":"Tile_sr-only_Pphm5","hidden":"Tile_hidden_Pphm5","slide-in":"Tile_slide-in_Pphm5","slide-out":"Tile_slide-out_Pphm5","tile":"Tile_tile_Pphm5","icon":"Tile_icon_Pphm5","placeholder":"Tile_placeholder_Pphm5","content":"Tile_content_Pphm5","loading":"Tile_loading_Pphm5","image":"Tile_image_Pphm5","shimmer":"Tile_shimmer_Pphm5","title":"Tile_title_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './Tiles.module.scss.esm.js';
 import { Tile } from './Tile.esm.js';
 
@@ -21,16 +21,16 @@ 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 })
+                React__default.createElement(Tile, { key: "placeholder1", title: "placeholder", imageProps: { src: "placeholder" }, loading: true }),
+                React__default.createElement(Tile, { key: "placeholder2", title: "placeholder", imageProps: { src: "placeholder" }, loading: true }),
+                React__default.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()));
+    return (React__default.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);
+const Tiles = React__default.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":[],"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;;;;"}
+{"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":["React"],"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;gBACLA,cAAC,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;gBACFA,cAAC,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;gBACFA,cAAC,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,QACEA,cAAA,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,GAAGA,cAAK,CAAC,UAAU,CAAC,cAAc;;;;"}

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

@@ -1,7 +1,7 @@
 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_tiles_6dWwy{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:30em){.Tiles_tiles_6dWwy{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGVzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUJBRUUsYUFBYyxDQURkLFlBQWEsQ0FFYixtQ0FDRixDQUVBLG1DQUNFLG1CQUNFLDBEQUNGLENBQ0YiLCJmaWxlIjoiVGlsZXMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRpbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1nYXA6IDFyZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEsIDFmcik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnRpbGVzIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDE0LjVyZW0sIDFmcikpO1xuICB9XG59Il19 */";
-var classes = {"tiles":"Tiles_tiles_6dWwy"};
+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_tiles_Pphm5{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:30em){.Tiles_tiles_Pphm5{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGVzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUJBRUUsYUFBYyxDQURkLFlBQWEsQ0FFYixtQ0FDRixDQUVBLG1DQUNFLG1CQUNFLDBEQUNGLENBQ0YiLCJmaWxlIjoiVGlsZXMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRpbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1nYXA6IDFyZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEsIDFmcik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnRpbGVzIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDE0LjVyZW0sIDFmcikpO1xuICB9XG59Il19 */";
+var classes = {"tiles":"Tiles_tiles_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -1,4 +1,4 @@
-import React, { useState, createRef, useRef, useMemo, useEffect, useLayoutEffect } from 'react';
+import React__default, { 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';
@@ -104,8 +104,9 @@ const TooltipComponent = ({ title, children, className, domRoot, label, location
         transformOrigin: locations[determinedLocation].transformOrigin
     });
     useEffect(() => {
-        if (!visible)
+        if (!visible) {
             return;
+        }
         const escapePressHandler = (event) => {
             if (event.key === "Escape") {
                 setVisible(false);
@@ -120,8 +121,8 @@ const TooltipComponent = ({ title, children, className, domRoot, label, location
         calculatePosition();
     }, [visible]);
     const renderChildren = () => {
-        if (React.isValidElement(label)) {
-            return React.cloneElement(label, {
+        if (React__default.isValidElement(label)) {
+            return React__default.cloneElement(label, {
                 onFocus: () => setVisible(true),
                 onBlur: () => setVisible(false),
                 "aria-describedby": identifier,
@@ -129,24 +130,24 @@ const TooltipComponent = ({ title, children, className, domRoot, label, location
                 className: classes["label"]
             });
         }
-        return (React.createElement("span", { className: classes["label"], tabIndex: 0, onFocus: () => setVisible(true), onBlur: () => setVisible(false), "aria-describedby": identifier }, label));
+        return (React__default.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 : ""}` },
+    return (React__default.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: {
+        React__default.createElement("div", { className: `${classes["tooltip-wrapper"]}` },
+            React__default.createElement(Icon, { ref: relativeElement, tag: "div", onMouseEnter: () => setVisible(true), onMouseLeave: () => setVisible(false), icon: Icons.InfoCircle, className: classes.icon }),
+            createPortal(React__default.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),
+                title && React__default.createElement("span", { className: classes["tooltip-title"] }, title),
                 children), root))));
 };
-const Tooltip = React.forwardRef(TooltipComponent);
+const Tooltip = React__default.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":[],"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) {\n      return;\n    }\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":["React"],"mappings":"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"}