@onewelcome/react-lib-components 7.0.0 → 8.0.0

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tile-module_sr-only__g5nG1{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile-module_hidden__7JCEM{display:none}.Tile-module_slide-in__X7UMt{animation:Tile-module_slide-in__X7UMt .5s forwards}@media (prefers-reduced-motion:reduce){.Tile-module_slide-in__X7UMt{animation-duration:.1ms}}.Tile-module_slide-out__e9iw-{animation:Tile-module_slide-out__e9iw- .5s forwards}@media (prefers-reduced-motion:reduce){.Tile-module_slide-out__e9iw-{animation-duration:.1ms}}@keyframes Tile-module_slide-in__X7UMt{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile-module_slide-out__e9iw-{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile-module_tile__hxVmk{background-color:var(--light);border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:0 0 2rem;transition-duration:.2s;transition-property:box-shadow;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk{transition-duration:.1ms}}.Tile-module_tile__hxVmk:hover{box-shadow:0 3px 6px #0000004a}.Tile-module_tile__hxVmk header{align-items:center;display:flex}.Tile-module_tile__hxVmk header .Tile-module_icon__yIsdw{padding:0 1rem}.Tile-module_tile__hxVmk figure{height:3rem;margin:0 0 1rem}.Tile-module_tile__hxVmk figure img{height:3rem;vertical-align:top;width:auto}.Tile-module_tile__hxVmk .Tile-module_placeholder__JWzhK{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile-module_tile__hxVmk .Tile-module_content__yrscy{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss header{display:none}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N:after{animation:Tile-module_shimmer__rOiOX 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N:after{animation:none}}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL{background-color:var(--skeleton-background-color);border-radius:.5rem;color:#0000;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL:after{animation:Tile-module_shimmer__rOiOX 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL:after{animation:none}}@keyframes Tile-module_shimmer__rOiOX{to{transform:translateX(100%)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGUubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDJCQUNFLFlBQ0YsQ0FFQSw2QkFDRSxrREFDRixDQUNBLHVDQUNFLDZCQUNFLHVCQUNGLENBQ0YsQ0FFQSw4QkFDRSxtREFDRixDQUNBLHVDQUNFLDhCQUNFLHVCQUNGLENBQ0YsQ0FFQSx1Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esd0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHlCQUtFLDZCQUE4QixDQUo5Qix5Q0FBMEMsQ0FDMUMsaUJBQWtCLENBQ2xCLHFCQUFzQixDQU10Qiw4QkFBK0IsQ0FML0IsZ0JBQWlCLENBR2pCLHVCQUF5QixDQUR6Qiw4QkFBK0IsQ0FFL0Isc0NBRUYsQ0FDQSx1Q0FDRSx5QkFDRSx3QkFDRixDQUNGLENBQ0EsK0JBQ0UsOEJBQ0YsQ0FDQSxnQ0FFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHlEQUNFLGNBQ0YsQ0FDQSxnQ0FFRSxXQUFZLENBRFosZUFFRixDQUNBLG9DQUVFLFdBQVksQ0FEWixrQkFBbUIsQ0FFbkIsVUFDRixDQUNBLHlEQUdFLHVCQUF3QixDQUZ4QixjQUFlLENBQ2YsZUFFRixDQUNBLHFEQUdFLGtCQUFtQixDQUVuQixjQUFlLENBSmYsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixzQkFBdUIsQ0FFdkIsY0FDRixDQUNBLDJEQUNFLFlBQ0YsQ0FDQSw4RUFJRSxpREFBa0QsQ0FDbEQsbUJBQXFCLENBRXJCLFdBQVksQ0FOWixpQkFBa0IsQ0FFbEIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBSWxCLFVBRUYsQ0FDQSxvRkFTRSxnREFBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0Usb0ZBQ0UsY0FDRixDQUNGLENBTUEsOEVBR0UsaURBQWtELENBSWxELG1CQUFxQixDQUhyQixXQUFrQixDQUNsQixvQkFBcUIsQ0FIckIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBS2xCLFNBRUYsQ0FDQSxvRkFTRSxnREFBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0Usb0ZBQ0UsY0FDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSwwQkFDRixDQUNGIiwiZmlsZSI6IlRpbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGlsZSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwIDAgMnJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3gtc2hhZG93O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50aWxlOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAzcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4yOSk7XG59XG4udGlsZSBoZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnRpbGUgaGVhZGVyIC5pY29uIHtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUgZmlndXJlIHtcbiAgbWFyZ2luOiAwIDAgMXJlbTtcbiAgaGVpZ2h0OiAzcmVtO1xufVxuLnRpbGUgZmlndXJlIGltZyB7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IGF1dG87XG59XG4udGlsZSAucGxhY2Vob2xkZXIge1xuICBmb250LXNpemU6IDNyZW07XG4gIG1hcmdpbjogMCAwIDFyZW07XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50aWxlIC5jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgcGFkZGluZzogMCAxcmVtO1xufVxuLnRpbGUubG9hZGluZyBoZWFkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRpbGUubG9hZGluZyAuaW1hZ2Uge1xuICBtYXJnaW4tdG9wOiAyLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgd2lkdGg6IDNyZW07XG4gIGhlaWdodDogM3JlbTtcbn1cbi50aWxlLmxvYWRpbmcgLmltYWdlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApIDAsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuMikgMjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjUpIDYwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkpO1xuICBjb250ZW50OiBcIlwiO1xuICBhbmltYXRpb246IHNoaW1tZXIgMnMgaW5maW5pdGU7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGlsZS5sb2FkaW5nIC5pbWFnZTo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxufVxuQGtleWZyYW1lcyBzaGltbWVyIHtcbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogNzAlO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG59XG4udGlsZS5sb2FkaW5nIC50aXRsZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRpbGUubG9hZGluZyAudGl0bGU6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufSJdfQ== */'),exports.default={"sr-only":"Tile-module_sr-only__g5nG1",hidden:"Tile-module_hidden__7JCEM","slide-in":"Tile-module_slide-in__X7UMt","slide-out":"Tile-module_slide-out__e9iw-",tile:"Tile-module_tile__hxVmk",icon:"Tile-module_icon__yIsdw",placeholder:"Tile-module_placeholder__JWzhK",content:"Tile-module_content__yrscy",loading:"Tile-module_loading__KWkss",image:"Tile-module_image__34a-N",shimmer:"Tile-module_shimmer__rOiOX",title:"Tile-module_title__Wo5fL"};
+//# sourceMappingURL=Tile.module.scss.cjs.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tiles.cjs.js","sources":["../../../../../src/components/Tiles/Tiles.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Tiles.module.scss\";\nimport { Tile } from \"./Tile\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactNode;\n  loading?: boolean;\n}\n\nconst TilesComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, className, loading = false, ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (loading) {\n      return [\n        <Tile\n          key=\"placeholder1\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder2\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder3\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />\n      ];\n    }\n\n    return children;\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"tiles\"]} ${className ?? \"\"}`}\n      aria-live=\"polite\"\n      aria-busy={loading}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const Tiles = React.forwardRef(TilesComponent);\n"],"names":["TilesComponent","children","className","loading","rest","ref","renderChildren","React","createElement","Tile","key","title","imageProps","src","classes","Tiles","forwardRef"],"mappings":"uPAyBA,MAAMA,EAAkE,EACpEC,WAAUC,YAAWC,UAAU,SAAUC,GAC3CC,KAEA,MAAMC,EAAiB,KACrB,GAAIH,EACF,MAAO,CACLI,EAAAA,WAACC,cAAAC,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,OAEXI,EAAAA,WAACC,cAAAC,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,OAEXI,EAAAA,WAACC,cAAAC,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBV,QAAS,QAKf,OAAOF,CAAQ,EAGjB,OACEM,EAAA,WAAAC,cAAA,MAAA,IACMJ,EACJC,IAAKA,EACLH,UAAW,GAAGY,aAAQ,YAAYZ,IAAS,MAATA,SAAS,EAATA,EAAa,KAAI,YACzC,SAAQ,YACPC,GAEVG,IAEH,EAGS,MAAAS,EAAQR,EAAAA,WAAMS,WAAWhB"}
+{"version":3,"file":"Tiles.cjs.js","sources":["../../../../../src/components/Tiles/Tiles.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Tiles.module.scss\";\nimport { Tile } from \"./Tile\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactNode;\n  loading?: boolean;\n}\n\nconst TilesComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, className, loading = false, ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (loading) {\n      return [\n        <Tile\n          key=\"placeholder1\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder2\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />,\n        <Tile\n          key=\"placeholder3\"\n          title=\"placeholder\"\n          imageProps={{ src: \"placeholder\" }}\n          loading={true}\n        />\n      ];\n    }\n\n    return children;\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"tiles\"]} ${className ?? \"\"}`}\n      aria-live=\"polite\"\n      aria-busy={loading}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const Tiles = React.forwardRef(TilesComponent);\n"],"names":["Tiles","React","forwardRef","children","className","loading","rest","ref","createElement","classes","Tile","key","title","imageProps","src"],"mappings":"uGAyBA,MA4CaA,EAAQC,EAAMC,YA5C6C,EACpEC,WAAUC,YAAWC,WAAU,KAAUC,GAC3CC,IA8BEN,EAAAO,cAAA,MAAA,IACMF,EACJC,IAAKA,EACLH,UAAW,GAAGK,UAAe,SAAKL,QAAAA,EAAa,KAAI,YACzC,SAAQ,YACPC,GAhCTA,EACK,CACLJ,EAACO,cAAAE,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,IAEXJ,EAACO,cAAAE,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,IAEXJ,EAACO,cAAAE,EAAAA,MACCC,IAAI,eACJC,MAAM,cACNC,WAAY,CAAEC,IAAK,eACnBT,SAAS,KAKRF"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tiles-module_tiles__ZxhuP{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:30em){.Tiles-module_tiles__ZxhuP{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGVzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMkJBRUUsYUFBYyxDQURkLFlBQWEsQ0FFYixtQ0FDRixDQUVBLG1DQUNFLDJCQUNFLDBEQUNGLENBQ0YiLCJmaWxlIjoiVGlsZXMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRpbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1nYXA6IDFyZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEsIDFmcik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnRpbGVzIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDE0LjVyZW0sIDFmcikpO1xuICB9XG59Il19 */'),exports.default={tiles:"Tiles-module_tiles__ZxhuP"};
+//# sourceMappingURL=Tiles.module.scss.cjs.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tooltip-module_sr-only__vvG0z{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tooltip-module_hidden__130kD{display:none}.Tooltip-module_slide-in__tgglB{animation:Tooltip-module_slide-in__tgglB .5s forwards}@media (prefers-reduced-motion:reduce){.Tooltip-module_slide-in__tgglB{animation-duration:.1ms}}.Tooltip-module_slide-out__jz5of{animation:Tooltip-module_slide-out__jz5of .5s forwards}@media (prefers-reduced-motion:reduce){.Tooltip-module_slide-out__jz5of{animation-duration:.1ms}}@keyframes Tooltip-module_slide-in__tgglB{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip-module_slide-out__jz5of{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tooltip-module_wrapper__V567h{align-items:center;display:flex}.Tooltip-module_tooltip-wrapper__n9Beo .Tooltip-module_icon__10W4v{color:var(--greyed-out);margin-left:.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tooltip-module_tooltip-wrapper__n9Beo .Tooltip-module_icon__10W4v{transition-duration:.1ms}}.Tooltip-module_tooltip-wrapper__n9Beo .Tooltip-module_icon__10W4v:hover{color:var(--default)}.Tooltip-module_tooltip__LjRUX{border-radius:.125rem;box-shadow:0 .0625rem .3125rem 0 #0105324d;color:var(--light);font-size:.75rem;line-height:1rem;max-width:20.625rem;opacity:0;padding:.75rem;pointer-events:none;position:fixed;transform:scale(0);transform-origin:center center;transition-duration:.2s;transition-property:opacity,transform;transition-timing-function:ease-in-out;word-break:break-word}@media (prefers-reduced-motion:reduce){.Tooltip-module_tooltip__LjRUX{transition-duration:.1ms}}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5{background-color:var(--tooltip-background-color)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top__HZqEk:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top-start__a1DK2:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top__HZqEk:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--tooltip-background-color);height:0;position:absolute;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top-start__a1DK2:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_top-end__WS0-C:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--tooltip-background-color);height:0;left:1rem;position:absolute;right:auto;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom__hrxCa:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom-start__pKpno:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom__hrxCa:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--tooltip-background-color);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom-start__pKpno:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_bottom-end__A1SRK:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--tooltip-background-color);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;left:1rem;position:absolute;right:auto;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left__-LZ0w:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left-start__gcV2b:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left__-LZ0w:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--tooltip-background-color);border-right:0 solid #0000;border-top:.25rem solid #0000;height:0;left:100%;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left-start__gcV2b:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_left-end__Z49S6:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--tooltip-background-color);border-right:0 solid #0000;border-top:.25rem solid #0000;bottom:auto;height:0;left:100%;position:absolute;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right__LGQTD:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right-start__2Xikr:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right__LGQTD:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--tooltip-background-color);border-top:.25rem solid #0000;height:0;position:absolute;right:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right-start__2Xikr:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_black__nTDC5.Tooltip-module_right-end__blpHs:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--tooltip-background-color);border-top:.25rem solid #0000;bottom:auto;height:0;position:absolute;right:100%;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY{background-color:var(--color-blue-grey500)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top__HZqEk:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top-start__a1DK2:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top__HZqEk:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--color-blue-grey500);height:0;position:absolute;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top-start__a1DK2:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_top-end__WS0-C:after{border-bottom:0 solid #0000;border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:.25rem solid #0000;border-top-color:var(--color-blue-grey500);height:0;left:1rem;position:absolute;right:auto;top:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom__hrxCa:after{left:50%;right:auto;transform:translateX(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom-start__pKpno:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom__hrxCa:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--color-blue-grey500);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom-start__pKpno:after{left:auto;right:.75rem}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_bottom-end__A1SRK:after{border-bottom:.25rem solid #0000;border-bottom-color:var(--color-blue-grey500);border-left:.25rem solid #0000;border-right:.25rem solid #0000;border-top:0 solid #0000;bottom:100%;height:0;left:1rem;position:absolute;right:auto;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left__-LZ0w:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left-start__gcV2b:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left__-LZ0w:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--color-blue-grey500);border-right:0 solid #0000;border-top:.25rem solid #0000;height:0;left:100%;position:absolute;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left-start__gcV2b:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_left-end__Z49S6:after{border-bottom:.25rem solid #0000;border-left:.25rem solid #0000;border-left-color:var(--color-blue-grey500);border-right:0 solid #0000;border-top:.25rem solid #0000;bottom:auto;height:0;left:100%;position:absolute;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right__LGQTD:after{bottom:auto;top:50%;transform:translateY(-50%)}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right-start__2Xikr:after,.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right__LGQTD:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--color-blue-grey500);border-top:.25rem solid #0000;height:0;position:absolute;right:100%;width:0}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right-start__2Xikr:after{bottom:.9375rem;top:auto}.Tooltip-module_tooltip__LjRUX.Tooltip-module_blue__n7NFY.Tooltip-module_right-end__blpHs:after{border-bottom:.25rem solid #0000;border-left:0 solid #0000;border-right:.25rem solid #0000;border-right-color:var(--color-blue-grey500);border-top:.25rem solid #0000;bottom:auto;height:0;position:absolute;right:100%;top:.875rem;width:0}.Tooltip-module_tooltip__LjRUX:after{content:""}.Tooltip-module_tooltip__LjRUX.Tooltip-module_visible__onxJ-{opacity:1;transform:scale(1)}.Tooltip-module_label__PFcZa:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip-module_tooltip-title__D8C3u{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;margin-bottom:.25rem}\n/*# sourceMappingURL=data:application/json;base64,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LENBUmQsT0FXRixDQUNBLDJGQVNFLFdBQWUsQ0FEZixPQUFRLENBRVIsMEJBR0YsQ0FDQSw0TEFURSxnQ0FBeUIsQ0FDekIsOEJBQTRDLENBQTVDLDJDQUE0QyxDQU01QywwQkFBcUIsQ0FQckIsNkJBQXlCLENBSHpCLFFBQVMsQ0FTVCxTQUFVLENBSlYsaUJBQWtCLENBTmxCLE9BeUJGLENBWkEsaUdBUUUsZUFBaUIsQ0FDakIsUUFHRixDQUNBLCtGQUtFLGdDQUF5QixDQUN6Qiw4QkFBNEMsQ0FBNUMsMkNBQTRDLENBSzVDLDBCQUFxQixDQU5yQiw2QkFBeUIsQ0FJekIsV0FBZSxDQVBmLFFBQVMsQ0FRVCxTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFdBQWEsQ0FQYixPQVdGLENBQ0EsNEZBU0UsV0FBZSxDQURmLE9BQVEsQ0FFUiwwQkFHRixDQUNBLDhMQVRFLGdDQUF5QixDQU96Qix5QkFBb0IsQ0FOcEIsK0JBQTZDLENBQTdDLDRDQUE2QyxDQUQ3Qyw2QkFBeUIsQ0FIekIsUUFBUyxDQUtULGlCQUFrQixDQUlsQixVQUFXLENBVlgsT0F5QkYsQ0FaQSxrR0FRRSxlQUFpQixDQUNqQixRQUdGLENBQ0EsZ0dBS0UsZ0NBQXlCLENBTXpCLHlCQUFvQixDQUxwQiwrQkFBNkMsQ0FBN0MsNENBQTZDLENBRDdDLDZCQUF5QixDQUl6QixXQUFlLENBUGYsUUFBUyxDQUtULGlCQUFrQixDQUdsQixVQUFXLENBRlgsV0FBYSxDQVBiLE9BV0YsQ0FDQSxxQ0FDRSxVQUNGLENBQ0EsNkRBQ0UsU0FBVSxDQUNWLGtCQUNGLENBRUEsMkNBQ0UsNENBQ0YsQ0FFQSxxQ0FJRSxhQUFjLENBRmQsaUJBQW1CLENBRG5CLGVBQWdCLENBRWhCLG1CQUFvQixDQUVwQixvQkFDRiIsImZpbGUiOiJUb29sdGlwLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4udG9vbHRpcC13cmFwcGVyIC5pY29uIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50b29sdGlwLXdyYXBwZXIgLmljb24ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udG9vbHRpcC13cmFwcGVyIC5pY29uOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xufVxuXG4udG9vbHRpcCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMC4xMjVyZW07XG4gIHBhZGRpbmc6IDAuNzVyZW07XG4gIGNvbG9yOiB2YXIoLS1saWdodCk7XG4gIG1heC13aWR0aDogMjAuNjI1cmVtO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwLjA2MjVyZW0gMC4zMTI1cmVtIDAgcmdiYSgxLCA1LCA1MCwgMC4zKTtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudG9vbHRpcCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50b29sdGlwLmJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi50b29sdGlwLmJsYWNrLnRvcDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHJpZ2h0OiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIHRvcDogMTAwJTtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLnRvcC1zdGFydDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMC43NXJlbTtcbiAgbGVmdDogaW5pdGlhbDtcbiAgdG9wOiAxMDAlO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmxhY2sudG9wLWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxcmVtO1xuICByaWdodDogaW5pdGlhbDtcbiAgdG9wOiAxMDAlO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmxhY2suYm90dG9tOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDUwJTtcbiAgcmlnaHQ6IGluaXRpYWw7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgYm90dG9tOiAxMDAlO1xuICBib3JkZXItdG9wLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmxhY2suYm90dG9tLXN0YXJ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwLjc1cmVtO1xuICBsZWZ0OiBpbml0aWFsO1xuICBib3R0b206IDEwMCU7XG4gIGJvcmRlci10b3Atd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibGFjay5ib3R0b20tZW5kOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDFyZW07XG4gIHJpZ2h0OiBpbml0aWFsO1xuICBib3R0b206IDEwMCU7XG4gIGJvcmRlci10b3Atd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibGFjay5sZWZ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgYm90dG9tOiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLmxlZnQtc3RhcnQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMC45Mzc1cmVtO1xuICB0b3A6IGluaXRpYWw7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLmxlZnQtZW5kOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0tdG9vbHRpcC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDAuODc1cmVtO1xuICBib3R0b206IGluaXRpYWw7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLnJpZ2h0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLXRvb2x0aXAtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICByaWdodDogMTAwJTtcbiAgYm9yZGVyLWxlZnQtd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibGFjay5yaWdodC1zdGFydDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMC45Mzc1cmVtO1xuICB0b3A6IGluaXRpYWw7XG4gIHJpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsYWNrLnJpZ2h0LWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB2YXIoLS10b29sdGlwLWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMC44NzVyZW07XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgcmlnaHQ6IDEwMCU7XG4gIGJvcmRlci1sZWZ0LXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG4udG9vbHRpcC5ibHVlLnRvcDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHJpZ2h0OiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIHRvcDogMTAwJTtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUudG9wLXN0YXJ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwLjc1cmVtO1xuICBsZWZ0OiBpbml0aWFsO1xuICB0b3A6IDEwMCU7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibHVlLnRvcC1lbmQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3AtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMXJlbTtcbiAgcmlnaHQ6IGluaXRpYWw7XG4gIHRvcDogMTAwJTtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUuYm90dG9tOmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDUwJTtcbiAgcmlnaHQ6IGluaXRpYWw7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgYm90dG9tOiAxMDAlO1xuICBib3JkZXItdG9wLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5ib3R0b20tc3RhcnQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDAuNzVyZW07XG4gIGxlZnQ6IGluaXRpYWw7XG4gIGJvdHRvbTogMTAwJTtcbiAgYm9yZGVyLXRvcC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUuYm90dG9tLWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAxcmVtO1xuICByaWdodDogaW5pdGlhbDtcbiAgYm90dG9tOiAxMDAlO1xuICBib3JkZXItdG9wLXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5sZWZ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgYm90dG9tOiBpbml0aWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIGxlZnQ6IDEwMCU7XG4gIGJvcmRlci1yaWdodC13aWR0aDogMDtcbn1cbi50b29sdGlwLmJsdWUubGVmdC1zdGFydDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwLjkzNzVyZW07XG4gIHRvcDogaW5pdGlhbDtcbiAgbGVmdDogMTAwJTtcbiAgYm9yZGVyLXJpZ2h0LXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5sZWZ0LWVuZDphZnRlciB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci13aWR0aDogMC4yNXJlbTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwLjg3NXJlbTtcbiAgYm90dG9tOiBpbml0aWFsO1xuICBsZWZ0OiAxMDAlO1xuICBib3JkZXItcmlnaHQtd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibHVlLnJpZ2h0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICByaWdodDogMTAwJTtcbiAgYm9yZGVyLWxlZnQtd2lkdGg6IDA7XG59XG4udG9vbHRpcC5ibHVlLnJpZ2h0LXN0YXJ0OmFmdGVyIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiAwLjI1cmVtO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwLjkzNzVyZW07XG4gIHRvcDogaW5pdGlhbDtcbiAgcmlnaHQ6IDEwMCU7XG4gIGJvcmRlci1sZWZ0LXdpZHRoOiAwO1xufVxuLnRvb2x0aXAuYmx1ZS5yaWdodC1lbmQ6YWZ0ZXIge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDAuMjVyZW07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDAuODc1cmVtO1xuICBib3R0b206IGluaXRpYWw7XG4gIHJpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdC13aWR0aDogMDtcbn1cbi50b29sdGlwOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbn1cbi50b29sdGlwLnZpc2libGUge1xuICBvcGFjaXR5OiAxO1xuICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xufVxuXG4ubGFiZWw6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMDMxM3JlbSBkYXNoZWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG5cbi50b29sdGlwLXRpdGxlIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xufSJdfQ== */'),exports.default={"sr-only":"Tooltip-module_sr-only__vvG0z",hidden:"Tooltip-module_hidden__130kD","slide-in":"Tooltip-module_slide-in__tgglB","slide-out":"Tooltip-module_slide-out__jz5of",wrapper:"Tooltip-module_wrapper__V567h","tooltip-wrapper":"Tooltip-module_tooltip-wrapper__n9Beo",icon:"Tooltip-module_icon__10W4v",tooltip:"Tooltip-module_tooltip__LjRUX",black:"Tooltip-module_black__nTDC5",top:"Tooltip-module_top__HZqEk","top-start":"Tooltip-module_top-start__a1DK2","top-end":"Tooltip-module_top-end__WS0-C",bottom:"Tooltip-module_bottom__hrxCa","bottom-start":"Tooltip-module_bottom-start__pKpno","bottom-end":"Tooltip-module_bottom-end__A1SRK",left:"Tooltip-module_left__-LZ0w","left-start":"Tooltip-module_left-start__gcV2b","left-end":"Tooltip-module_left-end__Z49S6",right:"Tooltip-module_right__LGQTD","right-start":"Tooltip-module_right-start__2Xikr","right-end":"Tooltip-module_right-end__blpHs",blue:"Tooltip-module_blue__n7NFY",visible:"Tooltip-module_visible__onxJ-",label:"Tooltip-module_label__PFcZa","tooltip-title":"Tooltip-module_tooltip-title__D8C3u"};
+//# sourceMappingURL=Tooltip.module.scss.cjs.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs.js","sources":["../../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<any, Props> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest }: Props,\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  let TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":["validVariants","TypographyComponent","children","variant","tag","style","spacing","align","className","rest","ref","includes","Error","styleWithSpacing","useSpacing","TagName","React","createElement","textAlign","classes","Typography","forwardRef"],"mappings":"6QAoBa,MAAAA,EAAgB,CAC3B,KACA,KACA,KACA,KACA,OACA,YACA,WACA,QA+BF,MAAMC,EAA4D,EAC9DC,WAAUC,UAASC,MAAKC,QAAOC,UAASC,QAAOC,YAAY,MAAOC,GACpEC,KAEA,IAAKV,EAAcW,SAASR,GAC1B,MAAM,IAAIS,MACR,wDAAwDZ,mBAA+BG,KAI3F,MAAMU,EAAmBC,EAAAA,WAAWR,EAASD,GAE7C,IAAKD,EACH,OAAQD,GACN,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,OACHC,EAAMD,EACN,MACF,IAAK,OACHC,EAAM,IACN,MACF,IAAK,YACHA,EAAM,IACN,MACF,IAAK,WACHA,EAAM,OACN,MACF,QACEA,EAAM,MACN,MAIN,IAAIW,EAAUX,EAEd,OACEY,aAACC,cAAAF,EACK,IAAAN,EACJC,IAAKA,EACLL,MAAO,IAAKQ,EAAkBK,UAAWX,GACzCC,UAAW,GAAGW,EAAO,WAAC,oBAAsBhB,MAAYK,KAEvDN,EAEH,EAGS,MAAAkB,EAAaJ,EAAAA,WAAMK,WAAWpB"}
+{"version":3,"file":"Typography.cjs.js","sources":["../../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<any, Props> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest }: Props,\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  let TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":["validVariants","Typography","React","forwardRef","children","variant","tag","style","spacing","align","className","rest","ref","includes","Error","styleWithSpacing","useSpacing","TagName","createElement","textAlign","classes","default"],"mappings":"6HAoBa,MAAAA,EAAgB,CAC3B,KACA,KACA,KACA,KACA,OACA,YACA,WACA,QAiFWC,EAAaC,EAAMC,YAlDkC,EAC9DC,WAAUC,UAASC,MAAKC,QAAOC,UAASC,QAAOC,YAAY,MAAOC,GACpEC,KAEA,IAAKZ,EAAca,SAASR,GAC1B,MAAM,IAAIS,MACR,wDAAwDd,mBAA+BK,KAI3F,MAAMU,EAAmBC,EAAAA,WAAWR,EAASD,GAE7C,IAAKD,EACH,OAAQD,GACN,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,OACHC,EAAMD,EACN,MACF,IAAK,OAGL,IAAK,YACHC,EAAM,IACN,MACF,IAAK,WACHA,EAAM,OACN,MACF,QACEA,EAAM,MAKZ,IAAIW,EAAUX,EAEd,OACEJ,EAACgB,cAAAD,EACK,IAAAN,EACJC,IAAKA,EACLL,MAAO,IAAKQ,EAAkBI,UAAWV,GACzCC,UAAW,GAAGU,EAAOC,QAAC,oBAAsBhB,MAAYK,KAEvDN,EAEH"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Typography-module_typography_style_h1__1rY7r{font-size:var(--font-size-h1);line-height:1.2}.Typography-module_typography_style_h1__1rY7r,.Typography-module_typography_style_h2__XOaTb{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_h2__XOaTb{font-size:var(--font-size-h2);line-height:1.42857}.Typography-module_typography_style_h3__9gsns{font-size:var(--font-size-h3);line-height:1.16666}.Typography-module_typography_style_h3__9gsns,.Typography-module_typography_style_h4__HkodR{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:500;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_h4__HkodR{font-size:var(--font-size-h4);line-height:1.2}.Typography-module_typography_style_body__bbb7n{font-weight:400}.Typography-module_typography_style_body-bold__E17ob,.Typography-module_typography_style_body__bbb7n{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;letter-spacing:0;line-height:var(--default-line-height);margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_body-bold__E17ob{font-weight:700}.Typography-module_typography_style_sub-text__GLVAO{font-family:var(--font-family);font-size:var(--font-size-sub);line-height:1rem}.Typography-module_typography_style_code__edwhb,.Typography-module_typography_style_sub-text__GLVAO{color:var(--default);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_code__edwhb{font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:1.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4Q0FFRSw2QkFBOEIsQ0FHOUIsZUFNRixDQUNBLDRGQUhFLG9CQUFxQixDQVJyQiw4QkFBK0IsQ0FFL0IsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FFakIsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEsOENBRUUsNkJBQThCLENBRzlCLG1CQU1GLENBQ0EsOENBRUUsNkJBQThCLENBRzlCLG1CQU1GLENBQ0EsNEZBSEUsb0JBQXFCLENBUnJCLDhCQUErQixDQUUvQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSw4Q0FFRSw2QkFBOEIsQ0FHOUIsZUFNRixDQUNBLGdEQU1FLGVBS0YsQ0FDQSxxR0FIRSxvQkFBcUIsQ0FSckIsOEJBQStCLENBQy9CLDBCQUEyQixDQUMzQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBSXBCLGdCQUFpQixDQUhqQixzQ0FBdUMsQ0FLdkMsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEscURBTUUsZUFLRixDQUNBLG9EQUNFLDhCQUErQixDQUMvQiw4QkFBK0IsQ0FHL0IsZ0JBTUYsQ0FDQSxvR0FIRSxvQkFBcUIsQ0FOckIsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FFakIsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEsZ0RBQ0UsbUNBQW9DLENBQ3BDLCtCQUFnQyxDQUdoQyxlQU1GIiwiZmlsZSI6IlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnR5cG9ncmFwaHlfc3R5bGVfaDEge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oMiB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWgyKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTc7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oMyB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWgzKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuMTY2NjY7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oNCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWg0KTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuMjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2JvZHkge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2JvZHktYm9sZCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfc3ViLXRleHQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2NvZGUge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHktY29kZSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWNvZGUpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMS41O1xuICBmb250LXdlaWdodDogNDAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufSJdfQ== */'),exports.default={typography_style_h1:"Typography-module_typography_style_h1__1rY7r",typography_style_h2:"Typography-module_typography_style_h2__XOaTb",typography_style_h3:"Typography-module_typography_style_h3__9gsns",typography_style_h4:"Typography-module_typography_style_h4__HkodR",typography_style_body:"Typography-module_typography_style_body__bbb7n","typography_style_body-bold":"Typography-module_typography_style_body-bold__E17ob","typography_style_sub-text":"Typography-module_typography_style_sub-text__GLVAO",typography_style_code:"Typography-module_typography_style_code__edwhb"};
+//# sourceMappingURL=Typography.module.scss.cjs.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.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\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimaryLight?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey25Transparent?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorLightBlue500?: string;\n  colorLightBlue600?: string;\n  colorShadowBlue?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorPrimaryLight: \"#E6E7F4\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorLightBlue500: \"#00BCDD\",\n    colorLightBlue600: \"#0096B1\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorShadowBlue: \"#7078C3\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n    fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["BaseStyling","children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorPrimaryLight","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"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"}
+{"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.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\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimaryLight?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey25Transparent?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorLightBlue500?: string;\n  colorLightBlue600?: string;\n  colorShadowBlue?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorPrimaryLight: \"#E6E7F4\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorLightBlue500: \"#00BCDD\",\n    colorLightBlue600: \"#0096B1\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorShadowBlue: \"#7078C3\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n    fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorPrimaryLight","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"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"}

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./MicrofrontendContainer.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=r(e);const a=({header:e,children:r,contentMargins:a=true,contentMaxWidth:o=true,...u})=>{const i=[];a&&i.push(t["default"]["microfrontend-container-margin"]);o&&i.push(t["default"]["microfrontend-container-max-width"]);return n["default"].createElement(n["default"].Fragment,null,n["default"].createElement("div",null,e),n["default"].createElement("div",{className:i.join(" "),...u},r))};exports.MicrofrontendContainer=a;
+"use strict";var e=require("react"),n=require("./MicrofrontendContainer.module.scss.cjs.js");exports.MicrofrontendContainer=({header:r,children:t,contentMargins:a=!0,contentMaxWidth:i=!0,...c})=>{const o=[];return a&&o.push(n.default["microfrontend-container-margin"]),i&&o.push(n.default["microfrontend-container-max-width"]),e.createElement(e.Fragment,null,e.createElement("div",null,r),e.createElement("div",{className:o.join(" "),...c},t))};
 //# sourceMappingURL=MicrofrontendContainer.cjs.js.map

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["MicrofrontendContainer","header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"+OA0BaA,EAAyB,EACpCC,SACAC,WACAC,iBAAiB,KACjBC,kBAAkB,QACfC,MAEH,MAAMC,EAAiB,GAEvBH,GAAkBG,EAAeC,KAAKC,EAAAA,WAAQ,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAAA,WAAQ,sCAE/C,OACEC,aAAAC,cAAAD,EAAA,WAAAE,SAAA,KACEF,EAAAA,WAAAC,cAAA,MAAA,KAAMT,GACNQ,EAAAA,WAAAC,cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}
+{"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"4HA0BsC,EACpCA,SACAC,WACAC,kBAAiB,EACjBC,mBAAkB,KACfC,MAEH,MAAMC,EAAiB,GAKvB,OAHAH,GAAkBG,EAAeC,KAAKC,EAAAA,QAAQ,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAAA,QAAQ,sCAG7CC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,KAAMT,GACNQ,EAAAC,cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MicrofrontendContainer-module_microfrontend-container-margin__sCNCe{padding:2rem}.MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6{max-width:105rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pY3JvZnJvbnRlbmRDb250YWluZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixxRUFDRSxZQUNGLENBQ0Esd0VBQ0UsZ0JBQ0YiLCJmaWxlIjoiTWljcm9mcm9udGVuZENvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWljcm9mcm9udGVuZC1jb250YWluZXItbWFyZ2luIHtcbiAgcGFkZGluZzogMnJlbTtcbn1cbi5taWNyb2Zyb250ZW5kLWNvbnRhaW5lci1tYXgtd2lkdGgge1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn0iXX0= */'),exports.default={"microfrontend-container-margin":"MicrofrontendContainer-module_microfrontend-container-margin__sCNCe","microfrontend-container-max-width":"MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6"};
+//# sourceMappingURL=MicrofrontendContainer.module.scss.cjs.js.map

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js.map

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

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function e(e,t){if(t===void 0)t={};var d=t.insertAt;if(!e||typeof document==="undefined")return;var s=document.head||document.getElementsByTagName("head")[0];var i=document.createElement("style");i.type="text/css";if(d==="top")if(s.firstChild)s.insertBefore(i,s.firstChild);else s.appendChild(i);else s.appendChild(i);if(i.styleSheet)i.styleSheet.cssText=e;else i.appendChild(document.createTextNode(e))}exports["default"]=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===d&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}};
 //# sourceMappingURL=style-inject.es.cjs.js.map