npm - @onewelcome/react-lib-components - Versions diffs - 4.3.0 → 5.1.0 - Mend

@onewelcome/react-lib-components 4.3.0 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (771) hide show

package/dist/esm/ProgressBar/ProgressBar.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const r = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".ProgressBar_module_srOnly__0c5d1979{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ProgressBar_module_hidden__0c5d1979{display:none}.ProgressBar_module_slideIn__0c5d1979{animation:ProgressBar_module_slideIn__0c5d1979 .5s forwards}@media (prefers-reduced-motion:reduce){.ProgressBar_module_slideIn__0c5d1979{animation-duration:.1ms}}.ProgressBar_module_slideOut__0c5d1979{animation:ProgressBar_module_slideOut__0c5d1979 .5s forwards}@media (prefers-reduced-motion:reduce){.ProgressBar_module_slideOut__0c5d1979{animation-duration:.1ms}}@keyframes ProgressBar_module_slideOut__0c5d1979{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.ProgressBar_module_header__0c5d1979{display:flex;justify-content:space-between}.ProgressBar_module_label__0c5d1979,.ProgressBar_module_percentage__0c5d1979{font-weight:500}.ProgressBar_module_caption__0c5d1979{color:var(--color-blue-grey500);display:block;line-height:var(--default-line-height);margin-top:.25rem}.ProgressBar_module_progressBar__0c5d1979{background-color:var(--progress-bar-background-color);border-radius:.25rem;display:block;height:.25rem;overflow:hidden;position:relative;width:100%}@media (prefers-reduced-motion:reduce){.ProgressBar_module_progressBar__0c5d1979{display:none}}.ProgressBar_module_progressBar__0c5d1979 .ProgressBar_module_bar__0c5d1979{background-color:var(--color-primary500);border-radius:.25rem;height:.5rem;position:absolute;transition:width .2s ease-in-out}.ProgressBar_module_progressBar__0c5d1979 .ProgressBar_module_bar__0c5d1979.ProgressBar_module_loadingState__0c5d1979{animation:ProgressBar_module_slideIn__0c5d1979 1.5s linear infinite;width:33.3%}.ProgressBar_module_progressBar__0c5d1979 .ProgressBar_module_bar2__0c5d1979{background-color:var(--color-primary500);border-radius:.25rem;height:.5rem;left:-30%;opacity:0;position:absolute}.ProgressBar_module_progressBar__0c5d1979 .ProgressBar_module_bar2__0c5d1979.ProgressBar_module_loadingState__0c5d1979{animation:ProgressBar_module_slideIn__0c5d1979 1.5s linear infinite;animation-delay:.75s;width:33.3%}@keyframes ProgressBar_module_slideIn__0c5d1979{0%{left:-50%;opacity:1}to{left:150%;opacity:1}}.ProgressBar_module_placeholder__0c5d1979{display:none}@media (prefers-reduced-motion:reduce){.ProgressBar_module_placeholder__0c5d1979{display:unset}}",o={"sr-only":"ProgressBar_module_srOnly__0c5d1979",hidden:"ProgressBar_module_hidden__0c5d1979","slide-in":"ProgressBar_module_slideIn__0c5d1979","slide-out":"ProgressBar_module_slideOut__0c5d1979",header:"ProgressBar_module_header__0c5d1979",label:"ProgressBar_module_label__0c5d1979",percentage:"ProgressBar_module_percentage__0c5d1979",caption:"ProgressBar_module_caption__0c5d1979","progress-bar":"ProgressBar_module_progressBar__0c5d1979",bar:"ProgressBar_module_bar__0c5d1979","loading-state":"ProgressBar_module_loadingState__0c5d1979",bar2:"ProgressBar_module_bar2__0c5d1979",placeholder:"ProgressBar_module_placeholder__0c5d1979"};r(e,{});export{e as css,o as default};
+import e from "../../lib/style-inject.js";var i='/*!\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 */.ProgressBar-module_sr-only__JG4bG{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ProgressBar-module_hidden__P6Wxd{display:none}.ProgressBar-module_slide-in__Hu7-1{animation:ProgressBar-module_slide-in__Hu7-1 .5s forwards}@media (prefers-reduced-motion:reduce){.ProgressBar-module_slide-in__Hu7-1{animation-duration:.1ms}}.ProgressBar-module_slide-out__9i4pq{animation:ProgressBar-module_slide-out__9i4pq .5s forwards}@media (prefers-reduced-motion:reduce){.ProgressBar-module_slide-out__9i4pq{animation-duration:.1ms}}@keyframes ProgressBar-module_slide-out__9i4pq{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.ProgressBar-module_header__z7QvW{display:flex;justify-content:space-between}.ProgressBar-module_label__hsH4C,.ProgressBar-module_percentage__UiMoV{font-weight:500}.ProgressBar-module_caption__-SzFA{color:var(--color-blue-grey500);display:block;line-height:var(--default-line-height);margin-top:.25rem}.ProgressBar-module_progress-bar__m02dB{background-color:var(--progress-bar-background-color);border-radius:.25rem;display:block;height:.25rem;overflow:hidden;position:relative;width:100%}@media (prefers-reduced-motion:reduce){.ProgressBar-module_progress-bar__m02dB{display:none}}.ProgressBar-module_progress-bar__m02dB .ProgressBar-module_bar__-Hy4j{background-color:var(--color-primary500);border-radius:.25rem;height:.5rem;position:absolute;transition:width .2s ease-in-out}.ProgressBar-module_progress-bar__m02dB .ProgressBar-module_bar__-Hy4j.ProgressBar-module_loading-state__ytvC3{animation:ProgressBar-module_slide-in__Hu7-1 1.5s linear infinite;width:33.3%}.ProgressBar-module_progress-bar__m02dB .ProgressBar-module_bar2__iaXm5{background-color:var(--color-primary500);border-radius:.25rem;height:.5rem;left:-30%;opacity:0;position:absolute}.ProgressBar-module_progress-bar__m02dB .ProgressBar-module_bar2__iaXm5.ProgressBar-module_loading-state__ytvC3{animation:ProgressBar-module_slide-in__Hu7-1 1.5s linear infinite;animation-delay:.75s;width:33.3%}@keyframes ProgressBar-module_slide-in__Hu7-1{0%{left:-50%;opacity:1}to{left:150%;opacity:1}}.ProgressBar-module_placeholder__P27Zg{display:none}@media (prefers-reduced-motion:reduce){.ProgressBar-module_placeholder__P27Zg{display:unset}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixtQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsa0NBQ0UsWUFDRixDQUVBLG9DQUNFLHlEQUNGLENBRUEsdUNBQ0Usb0NBQ0UsdUJBQ0YsQ0FDRixDQUNBLHFDQUNFLDBEQUNGLENBRUEsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQVNBLCtDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSxrQ0FDRSxZQUFhLENBQ2IsNkJBQ0YsQ0FFQSx1RUFFRSxlQUNGLENBRUEsbUNBQ0UsK0JBQWdDLENBR2hDLGFBQWMsQ0FGZCxzQ0FBdUMsQ0FDdkMsaUJBRUYsQ0FFQSx3Q0FNRSxxREFBc0QsQ0FEdEQsb0JBQXNCLENBSHRCLGFBQWMsQ0FDZCxhQUFlLENBSWYsZUFBZ0IsQ0FOaEIsaUJBQWtCLENBR2xCLFVBSUYsQ0FDQSx1Q0FDRSx3Q0FDRSxZQUNGLENBQ0YsQ0FDQSx1RUFJRSx3Q0FBeUMsQ0FEekMsb0JBQXNCLENBRHRCLFlBQWMsQ0FEZCxpQkFBa0IsQ0FJbEIsZ0NBQ0YsQ0FDQSwrR0FFRSxpRUFBd0MsQ0FEeEMsV0FFRixDQUNBLHdFQUtFLHdDQUF5QyxDQUR6QyxvQkFBc0IsQ0FEdEIsWUFBYyxDQURkLFNBQVUsQ0FJVixTQUFVLENBTFYsaUJBTUYsQ0FDQSxnSEFFRSxpRUFBd0MsQ0FDeEMsb0JBQXNCLENBRnRCLFdBR0YsQ0FFQSw4Q0FDRSxHQUVFLFNBQVUsQ0FEVixTQUVGLENBQ0EsR0FFRSxTQUFVLENBRFYsU0FFRixDQUNGLENBQ0EsdUNBQ0UsWUFDRixDQUNBLHVDQUNFLHVDQUNFLGFBQ0YsQ0FDRiIsImZpbGUiOiJQcm9ncmVzc0Jhci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmhlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLmxhYmVsLFxuLnBlcmNlbnRhZ2Uge1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4ucHJvZ3Jlc3MtYmFyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAwLjI1cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJvZ3Jlc3MtYmFyLWJhY2tncm91bmQtY29sb3IpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnByb2dyZXNzLWJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuLnByb2dyZXNzLWJhciAuYmFyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDAuNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG4gIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG59XG4ucHJvZ3Jlc3MtYmFyIC5iYXIubG9hZGluZy1zdGF0ZSB7XG4gIHdpZHRoOiAzMy4zJTtcbiAgYW5pbWF0aW9uOiBsaW5lYXIgMS41cyBzbGlkZS1pbiBpbmZpbml0ZTtcbn1cbi5wcm9ncmVzcy1iYXIgLmJhcjIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zMCU7XG4gIGhlaWdodDogMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbiAgb3BhY2l0eTogMDtcbn1cbi5wcm9ncmVzcy1iYXIgLmJhcjIubG9hZGluZy1zdGF0ZSB7XG4gIHdpZHRoOiAzMy4zJTtcbiAgYW5pbWF0aW9uOiBsaW5lYXIgMS41cyBzbGlkZS1pbiBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjc1cztcbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIGxlZnQ6IC01MCU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICBsZWZ0OiAxNTAlO1xuICB9XG59XG4ucGxhY2Vob2xkZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnBsYWNlaG9sZGVyIHtcbiAgICBkaXNwbGF5OiB1bnNldDtcbiAgfVxufSJdfQ== */';var s={"sr-only":"ProgressBar-module_sr-only__JG4bG",hidden:"ProgressBar-module_hidden__P6Wxd","slide-in":"ProgressBar-module_slide-in__Hu7-1","slide-out":"ProgressBar-module_slide-out__9i4pq",header:"ProgressBar-module_header__z7QvW",label:"ProgressBar-module_label__hsH4C",percentage:"ProgressBar-module_percentage__UiMoV",caption:"ProgressBar-module_caption__-SzFA","progress-bar":"ProgressBar-module_progress-bar__m02dB",bar:"ProgressBar-module_bar__-Hy4j","loading-state":"ProgressBar-module_loading-state__ytvC3",bar2:"ProgressBar-module_bar2__iaXm5",placeholder:"ProgressBar-module_placeholder__P27Zg"};e(i);export{s as default};
 //# sourceMappingURL=ProgressBar.module.esm.js.map

package/dist/esm/Skeleton/Skeleton.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"./Skeleton.module.esm.js";const r=e.forwardRef((({variant:r="text",height:s,width:a,className:i,style:h,...o},n)=>{const u=[t.skeleton];return!s&&u.push(t["no-height"]),"text"===r&&u.push(t.text),"circular"===r&&u.push(t.circular),i&&u.push(i),e.createElement("span",{...o,"aria-busy":"true","aria-hidden":"true",ref:n,style:{...h,width:a,height:s},className:u.join(" ")})}));export{r as Skeleton};
+import e from"react";import t from"./Skeleton.module.esm.js";const r=({variant:r="text",height:s,width:a,className:i,style:o,...h},n)=>{const c=[t["skeleton"]];!s&&c.push(t["no-height"]);r==="text"&&c.push(t["text"]);r==="circular"&&c.push(t["circular"]);i&&c.push(i);return e.createElement("span",{...h,"aria-busy":"true","aria-hidden":"true",ref:n,style:{...o,width:a,height:s},className:c.join(" ")})};const s=e.forwardRef(r);export{s as Skeleton};
 //# sourceMappingURL=Skeleton.esm.js.map

package/dist/esm/Skeleton/Skeleton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Skeleton.esm.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport classes from \"./Skeleton.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n variant?: \"circular\" \| \"rectangle\" \| \"text\";\n height?: number \| string;\n width?: number \| string;\n}\n\nconst SkeletonComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { variant = \"text\", height, width, className, style, ...rest }: Props,\n ref\n) => {\n const classNames = [classes[\"skeleton\"]];\n !height && classNames.push(classes[\"no-height\"]);\n variant === \"text\" && classNames.push(classes[\"text\"]);\n variant === \"circular\" && classNames.push(classes[\"circular\"]);\n className && classNames.push(className);\n\n return (\n <span\n {...rest}\n aria-busy=\"true\"\n aria-hidden=\"true\"\n ref={ref}\n style={{ ...style, width, height }}\n className={classNames.join(\" \")}\n ></span>\n );\n};\n\nexport const Skeleton = React.forwardRef(SkeletonComponent);\n"],"names":["SkeletonComponent","variant","height","width","className","style","rest","ref","classNames","classes","push","React","createElement","join","Skeleton","forwardRef"],"mappings":"6DAyBA,MAAMA,EAAqE,EACvEC,UAAU,OAAQC,SAAQC,QAAOC,YAAWC,WAAUC,GACxDC,KAEA,MAAMC,EAAa,CAACC,EAAQ,cAC3BP,GAAUM,EAAWE,KAAKD,EAAQ,cACnCR,IAAY,QAAUO,EAAWE,KAAKD,EAAQ,SAC9CR,IAAY,YAAcO,EAAWE,KAAKD,EAAQ,aAClDL,GAAaI,EAAWE,KAAKN,GAE7B,OACEO,EAAAC,cAAA,OAAA,IACMN,EAAI,YACE,OACE,cAAA,OACZC,IAAKA,EACLF,MAAO,IAAKA,EAAOF,QAAOD,UAC1BE,UAAWI,EAAWK,KAAK,MAE7B,EAGS,MAAAC,EAAWH,EAAMI,WAAWf"}

package/dist/esm/Skeleton/Skeleton.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o='.Skeleton_module_srOnly__cbec1816{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Skeleton_module_hidden__cbec1816{display:none}.Skeleton_module_slideIn__cbec1816{animation:Skeleton_module_slideIn__cbec1816 .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton_module_slideIn__cbec1816{animation-duration:.1ms}}.Skeleton_module_slideOut__cbec1816{animation:Skeleton_module_slideOut__cbec1816 .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton_module_slideOut__cbec1816{animation-duration:.1ms}}@keyframes Skeleton_module_slideIn__cbec1816{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Skeleton_module_slideOut__cbec1816{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Skeleton_module_skeleton__cbec1816{background-color:var(--skeleton-background-color);display:block;height:auto;overflow:hidden;position:relative}.Skeleton_module_skeleton__cbec1816:after{animation:Skeleton_module_shimmer__cbec1816 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){.Skeleton_module_skeleton__cbec1816:after{animation:none}}@keyframes Skeleton_module_shimmer__cbec1816{to{transform:translateX(100%)}}.Skeleton_module_noHeight__cbec1816:before{content:" ";white-space:pre-wrap}.Skeleton_module_text__cbec1816{border-radius:.5rem}.Skeleton_module_circular__cbec1816{border-radius:50%}',t={"sr-only":"Skeleton_module_srOnly__cbec1816",hidden:"Skeleton_module_hidden__cbec1816","slide-in":"Skeleton_module_slideIn__cbec1816","slide-out":"Skeleton_module_slideOut__cbec1816",skeleton:"Skeleton_module_skeleton__cbec1816",shimmer:"Skeleton_module_shimmer__cbec1816","no-height":"Skeleton_module_noHeight__cbec1816",text:"Skeleton_module_text__cbec1816",circular:"Skeleton_module_circular__cbec1816"};e(o,{});export{o as css,t as default};
+import e from "../../lib/style-inject.js";var i='/*!\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 */.Skeleton-module_sr-only__xhmpC{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Skeleton-module_hidden__30x3V{display:none}.Skeleton-module_slide-in__UNWDy{animation:Skeleton-module_slide-in__UNWDy .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton-module_slide-in__UNWDy{animation-duration:.1ms}}.Skeleton-module_slide-out__ZXrAW{animation:Skeleton-module_slide-out__ZXrAW .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton-module_slide-out__ZXrAW{animation-duration:.1ms}}@keyframes Skeleton-module_slide-in__UNWDy{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Skeleton-module_slide-out__ZXrAW{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Skeleton-module_skeleton__-VV98{background-color:var(--skeleton-background-color);display:block;height:auto;overflow:hidden;position:relative}.Skeleton-module_skeleton__-VV98:after{animation:Skeleton-module_shimmer__UJXHU 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){.Skeleton-module_skeleton__-VV98:after{animation:none}}@keyframes Skeleton-module_shimmer__UJXHU{to{transform:translateX(100%)}}.Skeleton-module_no-height__pCpnm:before{content:" ";white-space:pre-wrap}.Skeleton-module_text__4oj9n{border-radius:.5rem}.Skeleton-module_circular__89lMq{border-radius:50%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNrZWxldG9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSxpQ0FLRSxpREFBa0QsQ0FKbEQsYUFBYyxDQUNkLFdBQVksQ0FFWixlQUFnQixDQURoQixpQkFHRixDQUNBLHVDQVNFLG9EQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSx1Q0FDRSxjQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx5Q0FDRSxXQUFZLENBQ1osb0JBQ0YsQ0FFQSw2QkFDRSxtQkFDRixDQUVBLGlDQUNFLGlCQUNGIiwiZmlsZSI6IlNrZWxldG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnNrZWxldG9uIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogYXV0bztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1za2VsZXRvbi1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5za2VsZXRvbjo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNrZWxldG9uOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuLm5vLWhlaWdodDo6YmVmb3JlIHtcbiAgY29udGVudDogXCIgXCI7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbn1cblxuLnRleHQge1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG59XG5cbi5jaXJjdWxhciB7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn0iXX0= */';var l={"sr-only":"Skeleton-module_sr-only__xhmpC",hidden:"Skeleton-module_hidden__30x3V","slide-in":"Skeleton-module_slide-in__UNWDy","slide-out":"Skeleton-module_slide-out__ZXrAW",skeleton:"Skeleton-module_skeleton__-VV98",shimmer:"Skeleton-module_shimmer__UJXHU","no-height":"Skeleton-module_no-height__pCpnm",text:"Skeleton-module_text__4oj9n",circular:"Skeleton-module_circular__89lMq"};e(i);export{l as default};
 //# sourceMappingURL=Skeleton.module.esm.js.map

package/dist/esm/StatusIndicator/StatusIndicator.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import a from"react";import{Typography as r}from"../Typography/Typography.esm.js";import e from"./StatusIndicator.module.esm.js";const t=a.forwardRef((({children:t,status:o,badgeProps:s,typographyProps:i,...l},d)=>{var m,n;return a.createElement("div",{...l,className:e["status-indicator"],ref:d},a.createElement("div",{className:`${e["status-badge"]} ${e[o]} ${null!==(m=null==s?void 0:s.className)&&void 0!==m?m:""}`}),a.createElement(r,{...i,spacing:{margin:"0"},variant:"body",tag:"div"},null!==(n=null==i?void 0:i.children)&&void 0!==n?n:t))}));export{t as StatusIndicator};
+import a from"react";import{Typography as r}from"../Typography/Typography.esm.js";import e from"./StatusIndicator.module.esm.js";const t=({children:t,status:o,badgeProps:s,typographyProps:i,...d},l)=>{var n,m;return a.createElement("div",{...d,className:e["status-indicator"],ref:l},a.createElement("div",{className:`${e["status-badge"]} ${e[o]} ${(n=s===null||s===void 0?void 0:s.className)!==null&&n!==void 0?n:""}`}),a.createElement(r,{...i,spacing:{margin:"0"},variant:"body",tag:"div"},(m=i===null||i===void 0?void 0:i.children)!==null&&m!==void 0?m:t))};const o=a.forwardRef(t);export{o as StatusIndicator};
 //# sourceMappingURL=StatusIndicator.esm.js.map

package/dist/esm/StatusIndicator/StatusIndicator.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusIndicator.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"StatusIndicator.esm.js","sources":["../../../../../src/components/StatusIndicator/StatusIndicator.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 { Typography, Props as TypographyProps } from \"../Typography/Typography\";\nimport classes from \"./StatusIndicator.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n children?: ReactNode;\n status: \"active\" \| \"error\" \| \"neutral\" \| \"warning\";\n badgeProps?: ComponentPropsWithRef<\"div\">;\n typographyProps?: TypographyProps;\n}\n\nconst StatusIndicatorComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { children, status, badgeProps, typographyProps, ...rest }: Props,\n ref\n) => {\n return (\n <div {...rest} className={classes[\"status-indicator\"]} ref={ref}>\n <div\n className={`${classes[\"status-badge\"]} ${classes[status]} ${badgeProps?.className ?? \"\"}`}\n />\n <Typography {...typographyProps} spacing={{ margin: \"0\" }} variant=\"body\" tag=\"div\">\n {typographyProps?.children ?? children}\n </Typography>\n </div>\n );\n};\n\nexport const StatusIndicator = React.forwardRef(StatusIndicatorComponent);\n"],"names":["StatusIndicatorComponent","children","status","badgeProps","typographyProps","rest","ref","React","createElement","className","classes","_a","Typography","spacing","margin","variant","tag","_b","StatusIndicator","forwardRef"],"mappings":"iIA2BA,MAAMA,EAA4E,EAC9EC,WAAUC,SAAQC,aAAYC,qBAAoBC,GACpDC,aAEA,OACEC,EAAAC,cAAA,MAAA,IAASH,EAAMI,UAAWC,EAAQ,oBAAqBJ,IAAKA,GAC1DC,EACEC,cAAA,MAAA,CAAAC,UAAW,GAAGC,EAAQ,mBAAmBA,EAAQR,OAAWS,EAAAR,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAYM,aAAS,MAAAE,SAAA,EAAAA,EAAI,OAEvFJ,EAAAC,cAACI,EAAU,IAAKR,EAAiBS,QAAS,CAAEC,OAAQ,KAAOC,QAAQ,OAAOC,IAAI,QAC3EC,EAAAb,UAAAA,SAAe,OAAA,EAAfA,EAAiBH,YAAY,MAAAgB,SAAA,EAAAA,EAAAhB,GAGlC,EAGS,MAAAiB,EAAkBX,EAAMY,WAAWnB"}

package/dist/esm/StatusIndicator/StatusIndicator.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const t = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r=".StatusIndicator_module_statusIndicator__c7c7e719{align-items:center;display:flex}.StatusIndicator_module_statusBadge__c7c7e719{border-radius:50%;height:.75rem;margin-right:.5rem;width:.75rem}.StatusIndicator_module_active__c7c7e719{background-color:var(--success)}.StatusIndicator_module_error__c7c7e719{background-color:var(--error)}.StatusIndicator_module_neutral__c7c7e719{background-color:var(--greyed-out)}.StatusIndicator_module_warning__c7c7e719{background-color:var(--warning)}",a={"status-indicator":"StatusIndicator_module_statusIndicator__c7c7e719","status-badge":"StatusIndicator_module_statusBadge__c7c7e719",active:"StatusIndicator_module_active__c7c7e719",error:"StatusIndicator_module_error__c7c7e719",neutral:"StatusIndicator_module_neutral__c7c7e719",warning:"StatusIndicator_module_warning__c7c7e719"};t(r,{});export{r as css,a as default};
+import t from "../../lib/style-inject.js";var i='/*!\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 */.StatusIndicator-module_status-indicator__BD8IU{align-items:center;display:flex}.StatusIndicator-module_status-badge__HNql-{border-radius:50%;height:.75rem;margin-right:.5rem;width:.75rem}.StatusIndicator-module_active__JISbh{background-color:var(--success)}.StatusIndicator-module_error__mG3qe{background-color:var(--error)}.StatusIndicator-module_neutral__Dlxhu{background-color:var(--greyed-out)}.StatusIndicator-module_warning__CBJ4N{background-color:var(--warning)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXR1c0luZGljYXRvci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdEQUVFLGtCQUFtQixDQURuQixZQUVGLENBRUEsNENBSUUsaUJBQWtCLENBRmxCLGFBQWUsQ0FDZixrQkFBb0IsQ0FGcEIsWUFJRixDQUVBLHNDQUNFLCtCQUNGLENBRUEscUNBQ0UsNkJBQ0YsQ0FFQSx1Q0FDRSxrQ0FDRixDQUVBLHVDQUNFLCtCQUNGIiwiZmlsZSI6IlN0YXR1c0luZGljYXRvci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3RhdHVzLWluZGljYXRvciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5zdGF0dXMtYmFkZ2Uge1xuICB3aWR0aDogMC43NXJlbTtcbiAgaGVpZ2h0OiAwLjc1cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuXG4uYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG5cbi5lcnJvciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLm5ldXRyYWwge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLndhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13YXJuaW5nKTtcbn0iXX0= */';var e={"status-indicator":"StatusIndicator-module_status-indicator__BD8IU","status-badge":"StatusIndicator-module_status-badge__HNql-",active:"StatusIndicator-module_active__JISbh",error:"StatusIndicator-module_error__mG3qe",neutral:"StatusIndicator-module_neutral__Dlxhu",warning:"StatusIndicator-module_warning__CBJ4N"};t(i);export{e as default};
 //# sourceMappingURL=StatusIndicator.module.esm.js.map

package/dist/esm/Stepper/Step.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as t,useRef as r,useLayoutEffect as n}from"react";import{Icon as c,Icons as a}from"../Icon/Icon.esm.js";import i from"./Step.module.esm.js";const l=({label:l,caption:s,status:o,index:u,direction:d,disabled:m,lastStep:p,...h},g)=>{const f=null!=u?u:0,v=[i[o]],[w,E]=t(28),[b,C]=t(28);"vertical"===d&&v.push(i.vertical);const N=r(null),R=r(null),x=r(null);return n((()=>{if(N.current&&x.current&&R.current&&p){if("vertical"==d){const e=N.current.getBoundingClientRect().height,t=x.current.getBoundingClientRect().height;E(e+t)}if("horizontal"==d){const e=N.current.getBoundingClientRect().width,t=R.current.getBoundingClientRect().width;C(e>t?e+36:t+36)}}}),[]),e.createElement("button",{...h,ref:g,disabled:m,"aria-current":"current"===o?"step":void 0,className:`${i["step-wrapper"]} ${v.join(" ")}`},e.createElement("div",{style:{height:p&&"vertical"==d?`${w}px`:"auto",width:p&&"horizontal"==d?`${b}px`:"auto"}},e.createElement("div",{ref:x,className:i["step-content"]},e.createElement("div",{"aria-hidden":!0,className:i.step},((t,r)=>{switch(r){case"waiting":case"current":return String(t+1);case"done":return e.createElement(c,{icon:a.Checkmark});case"error":return"!"}})(f,o)),e.createElement("span",{ref:R,className:i.label},l,e.createElement("span",{ref:N,className:i.caption},s)))))},s=e.forwardRef(l);export{s as Step,l as StepComponent};
+import e,{useState as t,useRef as n,useLayoutEffect as r}from"react";import{Icon as c,Icons as a}from"../Icon/Icon.esm.js";import i from"./Step.module.esm.js";const o=(t,n)=>{switch(n){case"waiting":return String(t+1);case"current":return String(t+1);case"done":return e.createElement(c,{icon:a.Checkmark});case"error":return"!"}};const s=({label:c,caption:a,status:s,index:l,direction:u,disabled:d,lastStep:m,...p},h)=>{const g=l!==null&&l!==void 0?l:0;const f=[i[s]];const[v,w]=t(28);const[E,b]=t(28);u==="vertical"&&f.push(i["vertical"]);const C=n(null);const N=n(null);const R=n(null);r((()=>{if(C.current&&R.current&&N.current&&m){if(u=="vertical"){const e=C.current.getBoundingClientRect().height;const t=R.current.getBoundingClientRect().height;w(e+t)}if(u=="horizontal"){const e=C.current.getBoundingClientRect().width;const t=N.current.getBoundingClientRect().width;b(e>t?e+36:t+36)}}}),[]);return e.createElement("button",{...p,ref:h,disabled:d,"aria-current":s==="current"?"step":void 0,className:`${i["step-wrapper"]} ${f.join(" ")}`},e.createElement("div",{style:{height:m&&u=="vertical"?`${v}px`:"auto",width:m&&u=="horizontal"?`${E}px`:"auto"}},e.createElement("div",{ref:R,className:i["step-content"]},e.createElement("div",{"aria-hidden":true,className:i["step"]},o(g,s)),e.createElement("span",{ref:N,className:i["label"]},c,e.createElement("span",{ref:C,className:i["caption"]},a)))))};const l=e.forwardRef(s);export{l as Step,s as StepComponent};
 //# sourceMappingURL=Step.esm.js.map

package/dist/esm/Stepper/Step.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Step.esm.js","sources":["../../../../../src/components/Stepper/Step.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 ForwardRefRenderFunction,\n useLayoutEffect,\n useRef,\n useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Step.module.scss\";\n\nexport type StepStatus = \"waiting\" \| \"current\" \| \"done\" \| \"error\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n status: StepStatus;\n label: string;\n caption?: string;\n index?: number;\n lastStep?: boolean;\n disabled?: boolean;\n direction?: \"horizontal\" \| \"vertical\";\n}\n\nconst getStepContent = (index: number, status: StepStatus) => {\n switch (status) {\n case \"waiting\":\n return String(index + 1);\n case \"current\":\n return String(index + 1);\n case \"done\":\n return <Icon icon={Icons.Checkmark} />;\n case \"error\":\n return \"!\";\n }\n};\n\nexport const StepComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n { label, caption, status, index, direction, disabled, lastStep, ...rest }: Props,\n ref\n) => {\n const stepIndex = index ?? 0;\n const additionalClasses = [classes[status]];\n const [stepContentHeight, setStepContentHeight] = useState<number>(28);\n const [stepContentWidth, setStepContentWidth] = useState<number>(28);\n direction === \"vertical\" && additionalClasses.push(classes[\"vertical\"]);\n\n const captionRef = useRef<HTMLSpanElement>(null);\n const labelRef = useRef<HTMLSpanElement>(null);\n const stepContentRef = useRef<HTMLDivElement>(null);\n\n useLayoutEffect(() => {\n if (captionRef.current && stepContentRef.current && labelRef.current && lastStep) {\n if (direction == \"vertical\") {\n const capionHeight = captionRef.current.getBoundingClientRect().height;\n const stepContentHeight = stepContentRef.current.getBoundingClientRect().height;\n setStepContentHeight(capionHeight + stepContentHeight);\n }\n\n if (direction == \"horizontal\") {\n const captionWidth = captionRef.current.getBoundingClientRect().width;\n const labelWidth = labelRef.current.getBoundingClientRect().width;\n setStepContentWidth(captionWidth > labelWidth ? captionWidth + 36 : labelWidth + 36);\n }\n }\n }, []);\n\n return (\n <button\n {...rest}\n ref={ref}\n disabled={disabled}\n aria-current={status === \"current\" ? \"step\" : undefined}\n className={`${classes[\"step-wrapper\"]} ${additionalClasses.join(\" \")}`}\n >\n <div\n style={{\n height: lastStep && direction == \"vertical\" ? `${stepContentHeight}px` : \"auto\",\n width: lastStep && direction == \"horizontal\" ? `${stepContentWidth}px` : \"auto\"\n }}\n >\n <div ref={stepContentRef} className={classes[\"step-content\"]}>\n <div aria-hidden className={classes[\"step\"]}>\n {getStepContent(stepIndex, status)}\n </div>\n <span ref={labelRef} className={classes[\"label\"]}>\n {label}\n <span ref={captionRef} className={classes[\"caption\"]}>\n {caption}\n </span>\n </span>\n </div>\n </div>\n </button>\n );\n};\n\nexport const Step = React.forwardRef(StepComponent);\n"],"names":["getStepContent","index","status","String","React","createElement","Icon","icon","Icons","Checkmark","StepComponent","label","caption","direction","disabled","lastStep","rest","ref","stepIndex","additionalClasses","classes","stepContentHeight","setStepContentHeight","useState","stepContentWidth","setStepContentWidth","push","captionRef","useRef","labelRef","stepContentRef","useLayoutEffect","current","capionHeight","getBoundingClientRect","height","captionWidth","width","labelWidth","undefined","className","join","style","Step","forwardRef"],"mappings":"+JAsCA,MAAMA,EAAiB,CAACC,EAAeC,KACrC,OAAQA,GACN,IAAK,UACH,OAAOC,OAAOF,EAAQ,GACxB,IAAK,UACH,OAAOE,OAAOF,EAAQ,GACxB,IAAK,OACH,OAAOG,EAAAC,cAACC,EAAK,CAAAC,KAAMC,EAAMC,YAC3B,IAAK,QACH,MAAO,IACV,EAGU,MAAAC,EAAoE,EAC7EC,QAAOC,UAASV,SAAQD,QAAOY,YAAWC,WAAUC,cAAaC,GACnEC,KAEA,MAAMC,EAAYjB,IAAK,MAALA,SAAA,EAAAA,EAAS,EAC3B,MAAMkB,EAAoB,CAACC,EAAQlB,IACnC,MAAOmB,EAAmBC,GAAwBC,EAAiB,IACnE,MAAOC,EAAkBC,GAAuBF,EAAiB,IACjEV,IAAc,YAAcM,EAAkBO,KAAKN,EAAQ,aAE3D,MAAMO,EAAaC,EAAwB,MAC3C,MAAMC,EAAWD,EAAwB,MACzC,MAAME,EAAiBF,EAAuB,MAE9CG,GAAgB,KACd,GAAIJ,EAAWK,SAAWF,EAAeE,SAAWH,EAASG,SAAWjB,EAAU,CAChF,GAAIF,GAAa,WAAY,CAC3B,MAAMoB,EAAeN,EAAWK,QAAQE,wBAAwBC,OAChE,MAAMd,EAAoBS,EAAeE,QAAQE,wBAAwBC,OACzEb,EAAqBW,EAAeZ,EACrC,CAED,GAAIR,GAAa,aAAc,CAC7B,MAAMuB,EAAeT,EAAWK,QAAQE,wBAAwBG,MAChE,MAAMC,EAAaT,EAASG,QAAQE,wBAAwBG,MAC5DZ,EAAoBW,EAAeE,EAAaF,EAAe,GAAKE,EAAa,GAClF,CACF,IACA,IAEH,OACElC,EACMC,cAAA,SAAA,IAAAW,EACJC,IAAKA,EACLH,SAAUA,EACI,eAAAZ,IAAW,UAAY,YAASqC,EAC9CC,UAAW,GAAGpB,EAAQ,mBAAmBD,EAAkBsB,KAAK,QAEhErC,EAAAC,cAAA,MAAA,CACEqC,MAAO,CACLP,OAAQpB,GAAYF,GAAa,WAAa,GAAGQ,MAAwB,OACzEgB,MAAOtB,GAAYF,GAAa,aAAe,GAAGW,MAAuB,SAG3EpB,EAAKC,cAAA,MAAA,CAAAY,IAAKa,EAAgBU,UAAWpB,EAAQ,iBAC3ChB,EAAAC,cAAA,MAAA,CAAA,cAAA,KAAiBmC,UAAWpB,EAAQ,SACjCpB,EAAekB,EAAWhB,IAE7BE,EAAMC,cAAA,OAAA,CAAAY,IAAKY,EAAUW,UAAWpB,EAAQ,UACrCT,EACDP,EAAAC,cAAA,OAAA,CAAMY,IAAKU,EAAYa,UAAWpB,EAAQ,YACvCR,MAMX,EAGS,MAAA+B,EAAOvC,EAAMwC,WAAWlC"}

package/dist/esm/Stepper/Step.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var _='.Step_module_srOnly__244993cd{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Step_module_hidden__244993cd{display:none}.Step_module_slideIn__244993cd{animation:Step_module_slideIn__244993cd .5s forwards}@media (prefers-reduced-motion:reduce){.Step_module_slideIn__244993cd{animation-duration:.1ms}}.Step_module_slideOut__244993cd{animation:Step_module_slideOut__244993cd .5s forwards}@media (prefers-reduced-motion:reduce){.Step_module_slideOut__244993cd{animation-duration:.1ms}}@keyframes Step_module_slideIn__244993cd{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step_module_slideOut__244993cd{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Step_module_stepWrapper__244993cd{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1;flex-direction:row;justify-content:center;margin:0;padding:0}.Step_module_stepWrapper__244993cd:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.Step_module_stepWrapper__244993cd .Step_module_stepContent__244993cd{align-items:center;display:flex;justify-content:center}.Step_module_stepWrapper__244993cd:last-child{flex-basis:fit-content;flex-grow:0}.Step_module_stepWrapper__244993cd:not(:last-child):after{border-bottom:2px solid var(--stepper-line-color);content:"";flex-grow:1;margin:0 .5rem;min-width:.5rem}.Step_module_stepWrapper__244993cd.Step_module_vertical__244993cd{display:flex;flex-direction:column;flex-grow:1}.Step_module_stepWrapper__244993cd.Step_module_vertical__244993cd:last-child{flex-basis:fit-content;flex-grow:0}.Step_module_stepWrapper__244993cd.Step_module_vertical__244993cd:not(:last-child):after{border-bottom:none;border-left:2px solid var(--stepper-line-color);content:"";height:100%;margin:.5rem 0 .5rem 1.6875rem;min-height:.5rem;width:100%}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-color);border-color:var(--stepper-current-color);color:var(--stepper-default-text-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:not(:last-child):after{border-color:var(--stepper-line-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-hover-color);border-color:var(--stepper-current-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-active-color);border-color:var(--stepper-current-active-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-disabled-color);border-color:var(--stepper-current-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd .Step_module_stepContent__244993cd .Step_module_label__244993cd{font-weight:700}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{font-weight:400}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-color);border-color:var(--stepper-done-color);color:var(--stepper-default-text-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:not(:last-child):after{border-color:var(--stepper-line-bold-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-hover-color);border-color:var(--stepper-done-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-active-color);border-color:var(--stepper-done-active-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-disabled-color);border-color:var(--stepper-done-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-bold-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-color);border-color:var(--stepper-error-color);color:var(--stepper-default-text-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:not(:last-child):after{border-color:var(--stepper-line-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-hover-color);border-color:var(--stepper-error-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-active-color);border-color:var(--stepper-error-active-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-disabled-color);border-color:var(--stepper-error-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-error-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-error-color)}.Step_module_step__244993cd{align-items:center;border:2px solid var(--stepper-waiting-color);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-form-label);font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.Step_module_label__244993cd{color:var(--stepper-label-color);flex-shrink:0;margin-left:.5rem;position:relative}.Step_module_caption__244993cd{color:var(--stepper-caption-color);font-size:.75rem;left:0;position:absolute;top:1.25rem}',o={"sr-only":"Step_module_srOnly__244993cd",hidden:"Step_module_hidden__244993cd","slide-in":"Step_module_slideIn__244993cd","slide-out":"Step_module_slideOut__244993cd","step-wrapper":"Step_module_stepWrapper__244993cd","step-content":"Step_module_stepContent__244993cd",vertical:"Step_module_vertical__244993cd",waiting:"Step_module_waiting__244993cd",step:"Step_module_step__244993cd",label:"Step_module_label__244993cd",caption:"Step_module_caption__244993cd",current:"Step_module_current__244993cd",done:"Step_module_done__244993cd",error:"Step_module_error__244993cd"};e(_,{});export{_ as css,o as default};
+import e from "../../lib/style-inject.js";var l='/*!\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 */.Step-module_sr-only__3A94P{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Step-module_hidden__Yk-sy{display:none}.Step-module_slide-in__lN7Tm{animation:Step-module_slide-in__lN7Tm .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-in__lN7Tm{animation-duration:.1ms}}.Step-module_slide-out__HugJ6{animation:Step-module_slide-out__HugJ6 .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-out__HugJ6{animation-duration:.1ms}}@keyframes Step-module_slide-in__lN7Tm{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step-module_slide-out__HugJ6{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Step-module_step-wrapper__lz84F{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1;flex-direction:row;justify-content:center;margin:0;padding:0}.Step-module_step-wrapper__lz84F:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.Step-module_step-wrapper__lz84F .Step-module_step-content__OvUTX{align-items:center;display:flex;justify-content:center}.Step-module_step-wrapper__lz84F:last-child{flex-basis:fit-content;flex-grow:0}.Step-module_step-wrapper__lz84F:not(:last-child):after{border-bottom:2px solid var(--stepper-line-color);content:"";flex-grow:1;margin:0 .5rem;min-width:.5rem}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6{display:flex;flex-direction:column;flex-grow:1}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6:last-child{flex-basis:fit-content;flex-grow:0}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6:not(:last-child):after{border-bottom:none;border-left:2px solid var(--stepper-line-color);content:"";height:100%;margin:.5rem 0 .5rem 1.6875rem;min-height:.5rem;width:100%}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf .Step-module_step-content__OvUTX .Step-module_step__d5udL{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-color);border-color:var(--stepper-current-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:not(:last-child):after{border-color:var(--stepper-line-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-hover-color);border-color:var(--stepper-current-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-active-color);border-color:var(--stepper-current-active-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-disabled-color);border-color:var(--stepper-current-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_label__2XJya{font-weight:700}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{font-weight:400}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5 .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-color);border-color:var(--stepper-done-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:not(:last-child):after{border-color:var(--stepper-line-bold-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-hover-color);border-color:var(--stepper-done-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-active-color);border-color:var(--stepper-done-active-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-disabled-color);border-color:var(--stepper-done-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled:not(:last-child):after{border-color:var(--stepper-line-bold-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-color);border-color:var(--stepper-error-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:not(:last-child):after{border-color:var(--stepper-line-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-hover-color);border-color:var(--stepper-error-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-active-color);border-color:var(--stepper-error-active-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-disabled-color);border-color:var(--stepper-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-color)}.Step-module_step__d5udL{align-items:center;border:2px solid var(--stepper-waiting-color);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-form-label);font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.Step-module_label__2XJya{color:var(--stepper-label-color);flex-shrink:0;margin-left:.5rem;position:relative}.Step-module_caption__Ht-Ld{color:var(--stepper-caption-color);font-size:.75rem;left:0;position:absolute;top:1.25rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0ZXAubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSxpQ0FLRSxrQkFBbUIsQ0FDbkIsNEJBQTZCLENBQzdCLFFBQVMsQ0FHVCxjQUFlLENBVGYsWUFBYSxDQUNiLE1BQU8sQ0FDUCxrQkFBbUIsQ0FDbkIsc0JBQXVCLENBS3ZCLFFBQVMsQ0FEVCxTQUdGLENBQ0EsK0NBR0Usd0NBQXlDLENBRnpDLHdDQUEwQyxDQUMxQyxnQkFFRixDQUNBLGtFQUdFLGtCQUFtQixDQUZuQixZQUFhLENBQ2Isc0JBRUYsQ0FDQSw0Q0FFRSxzQkFBdUIsQ0FEdkIsV0FFRixDQUNBLHdEQUtFLGlEQUFrRCxDQUpsRCxVQUFXLENBRVgsV0FBWSxDQURaLGNBQWdCLENBRWhCLGVBRUYsQ0FDQSw2REFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLFdBQ0YsQ0FDQSx3RUFFRSxzQkFBdUIsQ0FEdkIsV0FFRixDQUNBLG9GQUVFLGtCQUFtQixDQUVuQiwrQ0FBZ0QsQ0FIaEQsVUFBVyxDQUtYLFdBQVksQ0FIWiw4QkFBaUMsQ0FFakMsZ0JBQWtCLENBRWxCLFVBQ0YsQ0FDQSxzSEFDRSx1Q0FBd0MsQ0FDeEMsa0NBQ0YsQ0FDQSw0SEFDRSxtREFBb0QsQ0FDcEQsd0NBQ0YsQ0FDQSw2SEFDRSxvREFBcUQsQ0FDckQseUNBQ0YsQ0FDQSxxRUFDRSxrQkFDRixDQUNBLCtIQUNFLHNEQUF1RCxDQUN2RCwyQ0FDRixDQUNBLGdJQUNFLHlDQUNGLENBQ0EsNEpBQ0UsMkNBQ0YsQ0FDQSw0RkFDRSwrQ0FDRixDQUNBLHNIQUVFLDZDQUE4QyxDQUM5Qyx5Q0FBMEMsQ0FGMUMsdUNBR0YsQ0FDQSxtRkFDRSxzQ0FDRixDQUNBLDRIQUVFLG1EQUFvRCxDQURwRCwrQ0FFRixDQUNBLDZIQUVFLG9EQUFxRCxDQURyRCxnREFFRixDQUNBLHFFQUNFLGtCQUNGLENBQ0EsK0hBRUUsc0RBQXVELENBRHZELGtEQUVGLENBQ0EsZ0lBQ0UseUNBQ0YsQ0FDQSw0SkFDRSwyQ0FDRixDQUNBLDRGQUNFLCtDQUNGLENBQ0EsdUhBQ0UsZUFDRixDQUNBLG1KQUNFLGVBQ0YsQ0FDQSxtSEFFRSwwQ0FBMkMsQ0FDM0Msc0NBQXVDLENBRnZDLHVDQUdGLENBQ0EsZ0ZBQ0UsMkNBQ0YsQ0FDQSx5SEFFRSxnREFBaUQsQ0FEakQsNENBRUYsQ0FDQSwwSEFFRSxpREFBa0QsQ0FEbEQsNkNBRUYsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLDRIQUVFLG1EQUFvRCxDQURwRCwrQ0FFRixDQUNBLDZIQUNFLHlDQUNGLENBQ0EseUpBQ0UsMkNBQ0YsQ0FDQSx5RkFDRSxvREFDRixDQUNBLG9IQUVFLDJDQUE0QyxDQUM1Qyx1Q0FBd0MsQ0FGeEMsdUNBR0YsQ0FDQSxpRkFDRSxzQ0FDRixDQUNBLDBIQUVFLGlEQUFrRCxDQURsRCw2Q0FFRixDQUNBLDJIQUVFLGtEQUFtRCxDQURuRCw4Q0FFRixDQUNBLG1FQUNFLGtCQUNGLENBQ0EsNkhBRUUsb0RBQXFELENBRHJELGdEQUVGLENBQ0EsOEhBQ0UseUNBQ0YsQ0FDQSwwSkFDRSxpREFDRixDQUNBLDBGQUNFLCtDQUNGLENBQ0EsaUpBQ0Usd0NBQ0YsQ0FFQSx5QkFLRSxrQkFBbUIsQ0FHbkIsNkNBQThDLENBQzlDLGlCQUFrQixDQVBsQixxQkFBc0IsQ0FDdEIsWUFBYSxDQUZiLGFBQWMsQ0FVZCw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRXRDLGVBQWdCLENBTGhCLGNBQWUsQ0FIZixzQkFBdUIsQ0FFdkIsYUFPRixDQUVBLDBCQUlFLGdDQUFpQyxDQUhqQyxhQUFjLENBRWQsaUJBQW1CLENBRG5CLGlCQUdGLENBRUEsNEJBSUUsa0NBQW1DLENBQ25DLGdCQUFrQixDQUZsQixNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFdBSUYiLCJmaWxlIjoiU3RlcC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnN0ZXAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDE7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zdGVwLXdyYXBwZXI6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDBweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc3RlcC13cmFwcGVyIC5zdGVwLWNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5zdGVwLXdyYXBwZXI6bGFzdC1jaGlsZCB7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1iYXNpczogZml0LWNvbnRlbnQ7XG59XG4uc3RlcC13cmFwcGVyOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgbWFyZ2luOiAwIDAuNXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6IDAuNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLXN0ZXBwZXItbGluZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLnZlcnRpY2FsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xufVxuLnN0ZXAtd3JhcHBlci52ZXJ0aWNhbDpsYXN0LWNoaWxkIHtcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LWJhc2lzOiBmaXQtY29udGVudDtcbn1cbi5zdGVwLXdyYXBwZXIudmVydGljYWw6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuICBtYXJnaW46IDAuNXJlbSAwIDAuNXJlbSAxLjY4NzVyZW07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgdmFyKC0tc3RlcHBlci1saW5lLWNvbG9yKTtcbiAgbWluLWhlaWdodDogMC41cmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpob3ZlciAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWhvdmVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdGVwcGVyLXdhaXRpbmctYWN0aXZlLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nOmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWRpc2FibGVkLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwgLmNhcHRpb24ge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpkaXNhYmxlZDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItZGVmYXVsdC10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50Om5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQ6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1hY3RpdmUtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtYWN0aXZlLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQ6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50IC5zdGVwLWNvbnRlbnQgLmxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uc3RlcC13cmFwcGVyLmRvbmUgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWRlZmF1bHQtdGV4dC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWJvbGQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lOmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1hY3RpdmUtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtYWN0aXZlLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lOmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtYm9sZC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItbGluZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWhvdmVyLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItYWN0aXZlLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1lcnJvci1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvcjpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItZGlzYWJsZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkIC5zdGVwLWNvbnRlbnQgLmxhYmVsIC5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItY2FwdGlvbi1lcnJvci1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvciAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZXJyb3ItY29sb3IpO1xufVxuXG4uc3RlcCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEuNzVyZW07XG4gIGhlaWdodDogMS43NXJlbTtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuLmxhYmVsIHtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItbGFiZWwtY29sb3IpO1xufVxuXG4uY2FwdGlvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxLjI1cmVtO1xuICBsZWZ0OiAwO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWNvbG9yKTtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufSJdfQ== */';var t={"sr-only":"Step-module_sr-only__3A94P",hidden:"Step-module_hidden__Yk-sy","slide-in":"Step-module_slide-in__lN7Tm","slide-out":"Step-module_slide-out__HugJ6","step-wrapper":"Step-module_step-wrapper__lz84F","step-content":"Step-module_step-content__OvUTX",vertical:"Step-module_vertical__ndoU6",waiting:"Step-module_waiting__ABvWf",step:"Step-module_step__d5udL",label:"Step-module_label__2XJya",caption:"Step-module_caption__Ht-Ld",current:"Step-module_current__ZjzZO",done:"Step-module_done__AotE5",error:"Step-module_error__d9DxD"};e(l);export{t as default};
 //# sourceMappingURL=Step.module.esm.js.map

package/dist/esm/Stepper/Stepper.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{Step as t}from"./Step.esm.js";import r from"./Stepper.module.esm.js";const o=({steps:o,direction:a="horizontal",...i})=>e.createElement("div",{...i,className:`${r.stepper} ${"horizontal"===a?r.horizontal:r.vertical}`},o.map(((r,i)=>e.createElement(t,{...r,key:r.label.toLowerCase().replace(/\s/,"-"),index:i,direction:a,lastStep:i+1===o.length}))));export{o as Stepper};
+import e from"react";import{Step as t}from"./Step.esm.js";import r from"./Stepper.module.esm.js";const o=({steps:o,direction:a="horizontal",...i})=>e.createElement("div",{...i,className:`${r["stepper"]} ${a==="horizontal"?r["horizontal"]:r["vertical"]}`},o.map(((r,i)=>e.createElement(t,{...r,key:r.label.toLowerCase().replace(/\s/,"-"),index:i,direction:a,lastStep:i+1===o.length}))));export{o as Stepper};
 //# sourceMappingURL=Stepper.esm.js.map

package/dist/esm/Stepper/Stepper.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Stepper.esm.js","sources":["../../../../../src/components/Stepper/Stepper.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, { ComponentPropsWithRef } from \"react\";\nimport { Step, Props as StepProps } from \"./Step\";\nimport classes from \"./Stepper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n steps: StepProps[];\n direction: \"horizontal\" \| \"vertical\";\n}\n\nexport const Stepper = ({ steps, direction = \"horizontal\", ...rest }: Props) => {\n return (\n <div\n {...rest}\n className={`${classes[\"stepper\"]} ${\n direction === \"horizontal\" ? classes[\"horizontal\"] : classes[\"vertical\"]\n }`}\n >\n {steps.map((step, index) => (\n <Step\n {...step}\n key={step.label.toLowerCase().replace(/\\s/, \"-\")}\n index={index}\n direction={direction}\n lastStep={index + 1 === steps.length}\n />\n ))}\n </div>\n );\n};\n"],"names":["Stepper","steps","direction","rest","React","createElement","className","classes","map","step","index","Step","key","label","toLowerCase","replace","lastStep","length"],"mappings":"iGAyBa,MAAAA,EAAU,EAAGC,QAAOC,YAAY,gBAAiBC,KAE1DC,EACMC,cAAA,MAAA,IAAAF,EACJG,UAAW,GAAGC,EAAQ,cACpBL,IAAc,aAAeK,EAAQ,cAAgBA,EAAQ,eAG9DN,EAAMO,KAAI,CAACC,EAAMC,IAChBN,EAACC,cAAAM,MACKF,EACJG,IAAKH,EAAKI,MAAMC,cAAcC,QAAQ,KAAM,KAC5CL,MAAOA,EACPR,UAAWA,EACXc,SAAUN,EAAQ,IAAMT,EAAMgB"}

package/dist/esm/Stepper/Stepper.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var t=".Stepper_module_stepper__366b573e{align-items:center;display:flex;justify-content:center;width:100%}.Stepper_module_stepper__366b573e.Stepper_module_vertical__366b573e{flex-direction:column;height:100%;justify-content:flex-start;width:auto}",p={stepper:"Stepper_module_stepper__366b573e",vertical:"Stepper_module_vertical__366b573e"};e(t,{});export{t as css,p as default};
+import e from "../../lib/style-inject.js";var t=".Stepper-module_stepper__kZdrJ{align-items:center;display:flex;justify-content:center;width:100%}.Stepper-module_stepper__kZdrJ.Stepper-module_vertical__dx-Hk{flex-direction:column;height:100%;justify-content:flex-start;width:auto}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0ZXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0JBSUUsa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixzQkFBdUIsQ0FGdkIsVUFJRixDQUNBLDhEQUNFLHFCQUFzQixDQUV0QixXQUFZLENBRFosMEJBQTJCLENBRTNCLFVBQ0YiLCJmaWxlIjoiU3RlcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdGVwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0ZXBwZXIudmVydGljYWwge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IGF1dG87XG59Il19 */";var d={stepper:"Stepper-module_stepper__kZdrJ",vertical:"Stepper-module_vertical__dx-Hk"};e(t);export{d as default};
 //# sourceMappingURL=Stepper.module.esm.js.map

package/dist/esm/Tabs/Tab.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import a from"./Tab.module.esm.js";const r=({children:r,tabActive:t,...l})=>{var m;return e.createElement("div",{...l,"aria-hidden":!t,role:"tabpanel",className:`${a.tab} ${t?a.selected:""} ${null!==(m=l.className)&&void 0!==m?m:""}`},r)};export{r as Tab};
+import e from"react";import a from"./Tab.module.esm.js";const r=({children:r,tabActive:t,...l})=>{var m;return e.createElement("div",{...l,"aria-hidden":!t,role:"tabpanel",className:`${a["tab"]} ${t?a["selected"]:""} ${(m=l.className)!==null&&m!==void 0?m:""}`},r)};export{r as Tab};
 //# sourceMappingURL=Tab.esm.js.map

package/dist/esm/Tabs/Tab.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Tab.esm.js","sources":["../../../../../src/components/Tabs/Tab.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, { HTMLProps } from \"react\";\nimport classes from \"./Tab.module.scss\";\n\nexport interface Props extends Omit<HTMLProps<HTMLDivElement>, \"children\"> {\n title: string;\n children?: any;\n tabActive?: boolean;\n icon?: React.ReactNode;\n}\n\nexport const Tab = ({ children, tabActive, ...rest }: Props) => {\n return (\n <div\n {...rest}\n aria-hidden={!tabActive}\n role=\"tabpanel\"\n className={`${classes[\"tab\"]} ${tabActive ? classes[\"selected\"] : \"\"} ${\n rest.className ?? \"\"\n }`}\n >\n {children}\n </div>\n );\n};\n"],"names":["Tab","children","tabActive","rest","React","createElement","role","className","classes","_a"],"mappings":"wDA0BO,MAAMA,EAAM,EAAGC,WAAUC,eAAcC,YAC5C,OACEC,EACMC,cAAA,MAAA,IAAAF,iBACUD,EACdI,KAAK,WACLC,UAAW,GAAGC,EAAQ,UAAUN,EAAYM,EAAQ,YAAc,OAChEC,EAAAN,EAAKI,gCAAa,MAGnBN,EAEH"}

package/dist/esm/Tabs/Tab.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const d = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".Tab_module_tab__4cd76a6d{display:none}.Tab_module_tab__4cd76a6d:focus-visible{outline-color:var(--color-focus)}.Tab_module_tab__4cd76a6d.Tab_module_selected__4cd76a6d{display:block}",_={tab:"Tab_module_tab__4cd76a6d",selected:"Tab_module_selected__4cd76a6d"};d(e,{});export{e as css,_ as default};
+import e from "../../lib/style-inject.js";var l='/*!\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 */.Tab-module_tab__YG-Ty{display:none}.Tab-module_tab__YG-Ty:focus-visible{outline-color:var(--color-focus)}.Tab-module_tab__YG-Ty.Tab-module_selected__6mVRr{display:block}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQUNFLFlBQ0YsQ0FDQSxxQ0FDRSxnQ0FDRixDQUNBLGtEQUNFLGFBQ0YiLCJmaWxlIjoiVGFiLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50YWIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRhYjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLnRhYi5zZWxlY3RlZCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufSJdfQ== */';var i={tab:"Tab-module_tab__YG-Ty",selected:"Tab-module_selected__6mVRr"};e(l);export{i as default};
 //# sourceMappingURL=Tab.module.esm.js.map

package/dist/esm/Tabs/TabButton.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{createRef as e,useEffect as o}from"react";import r from"./TabButton.module.esm.js";const n=t.forwardRef((({children:n,tabActive:c,focused:u,title:s,fluid:i,icon:l,iconPosition:a,className:m,...f},p)=>{let b=p||e();o((()=>{u&&b.current&&b.current.focus()}),[b.current,u]);const d=[r.tabbutton];return c&&d.push(r.selected),i&&d.push(r.fluid),m&&d.push(m),l&&d.push(r["has-icon"],r[`${a}-icon`]),t.createElement("button",{...f,className:d.join(" "),ref:b,role:"tab",type:"button"},n,l&&t.createElement("i",null,l))}));export{n as TabButton};
+import t,{createRef as e,useEffect as o}from"react";import n from"./TabButton.module.esm.js";const r=({children:r,tabActive:c,focused:s,title:u,fluid:i,icon:l,iconPosition:a,className:f,...m},p)=>{let b=p||e();o((()=>{if(s&&b.current)b.current.focus()}),[b.current,s]);const d=[n["tabbutton"]];c&&d.push(n["selected"]);i&&d.push(n["fluid"]);f&&d.push(f);l&&d.push(n["has-icon"],n[`${a}-icon`]);return t.createElement("button",{...m,className:d.join(" "),ref:b,role:"tab",type:"button"},r,l&&t.createElement("i",null,l))};const c=t.forwardRef(r);export{c as TabButton};
 //# sourceMappingURL=TabButton.esm.js.map

package/dist/esm/Tabs/TabButton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabButton.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"TabButton.esm.js","sources":["../../../../../src/components/Tabs/TabButton.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n createRef,\n RefObject,\n useEffect\n} from \"react\";\nimport classes from \"./TabButton.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n tabActive?: boolean;\n focused?: boolean;\n fluid?: boolean;\n icon?: React.ReactNode;\n iconPosition?: \"left\" \| \"right\" \| \"top\" \| \"bottom\";\n}\n\nconst TabButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n { children, tabActive, focused, title, fluid, icon, iconPosition, className, ...rest }: Props,\n ref\n) => {\n let buttonRef = (ref as RefObject<HTMLButtonElement>) \|\| createRef<HTMLButtonElement>();\n\n useEffect(() => {\n if (focused && buttonRef.current) {\n buttonRef.current.focus();\n }\n }, [buttonRef.current, focused]);\n\n const tabButtonClasses = [classes[\"tabbutton\"]];\n tabActive && tabButtonClasses.push(classes[\"selected\"]);\n fluid && tabButtonClasses.push(classes[\"fluid\"]);\n className && tabButtonClasses.push(className);\n icon && tabButtonClasses.push(classes[\"has-icon\"], classes[`${iconPosition}-icon`]);\n\n return (\n <button\n {...rest}\n className={tabButtonClasses.join(\" \")}\n ref={buttonRef}\n role=\"tab\"\n type=\"button\"\n >\n {children}\n {icon && <i>{icon}</i>}\n </button>\n );\n};\n\nexport const TabButton = React.forwardRef(TabButtonComponent);\n"],"names":["TabButtonComponent","children","tabActive","focused","title","fluid","icon","iconPosition","className","rest","ref","buttonRef","createRef","useEffect","current","focus","tabButtonClasses","classes","push","React","join","role","type","createElement","TabButton","forwardRef"],"mappings":"6FAiCA,MAAMA,EAAyE,EAC3EC,WAAUC,YAAWC,UAASC,QAAOC,QAAOC,OAAMC,eAAcC,eAAcC,GAChFC,KAEA,IAAIC,EAAaD,GAAwCE,IAEzDC,GAAU,KACR,GAAIV,GAAWQ,EAAUG,QACvBH,EAAUG,QAAQC,OACnB,GACA,CAACJ,EAAUG,QAASX,IAEvB,MAAMa,EAAmB,CAACC,EAAQ,cAClCf,GAAac,EAAiBE,KAAKD,EAAQ,aAC3CZ,GAASW,EAAiBE,KAAKD,EAAQ,UACvCT,GAAaQ,EAAiBE,KAAKV,GACnCF,GAAQU,EAAiBE,KAAKD,EAAQ,YAAaA,EAAQ,GAAGV,WAE9D,OACEY,6BACMV,EACJD,UAAWQ,EAAiBI,KAAK,KACjCV,IAAKC,EACLU,KAAK,MACLC,KAAK,UAEJrB,EACAK,GAAQa,EAAII,cAAA,IAAA,KAAAjB,GAEf,EAGS,MAAAkB,EAAYL,EAAMM,WAAWzB"}

package/dist/esm/Tabs/TabButton.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const t = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".TabButton_module_srOnly__403702ec{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TabButton_module_hidden__403702ec{display:none}.TabButton_module_slideIn__403702ec{animation:TabButton_module_slideIn__403702ec .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton_module_slideIn__403702ec{animation-duration:.1ms}}.TabButton_module_slideOut__403702ec{animation:TabButton_module_slideOut__403702ec .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton_module_slideOut__403702ec{animation-duration:.1ms}}@keyframes TabButton_module_slideIn__403702ec{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton_module_slideOut__403702ec{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TabButton_module_tabbutton__403702ec{background-color:transparent;border:0;border-bottom:var(--tablist-border-width) var(--tablist-border-style) var(--tablist-border-color);border-radius:0;color:var(--tab-text-color);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);font-weight:400;line-height:var(--default-line-height);margin:0;padding:.5rem 1rem;position:relative;white-space:nowrap}.TabButton_module_tabbutton__403702ec:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.TabButton_module_tabbutton__403702ec:where(:focus-visible){z-index:1}.TabButton_module_tabbutton__403702ec:hover{background-color:var(--tab-hover-color)}.TabButton_module_tabbutton__403702ec:active{background-color:var(--tab-pressed-color)}.TabButton_module_tabbutton__403702ec.TabButton_module_selected__403702ec{color:var(--tab-active-text-color)}.TabButton_module_tabbutton__403702ec.TabButton_module_fluid__403702ec{flex:1}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec{align-items:center;display:inline-flex;gap:.25rem}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec i{display:flex}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec span[data-icon]{display:inline-block;font-size:1.25rem;width:1.25rem}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_bottomIcon__403702ec,.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_topIcon__403702ec{flex-direction:column}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_leftIcon__403702ec i,.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_topIcon__403702ec i{order:-1}",e={"sr-only":"TabButton_module_srOnly__403702ec",hidden:"TabButton_module_hidden__403702ec","slide-in":"TabButton_module_slideIn__403702ec","slide-out":"TabButton_module_slideOut__403702ec",tabbutton:"TabButton_module_tabbutton__403702ec",selected:"TabButton_module_selected__403702ec",fluid:"TabButton_module_fluid__403702ec","has-icon":"TabButton_module_hasIcon__403702ec","top-icon":"TabButton_module_topIcon__403702ec","bottom-icon":"TabButton_module_bottomIcon__403702ec","left-icon":"TabButton_module_leftIcon__403702ec"};t(o,{});export{o as css,e as default};
+import t from "../../lib/style-inject.js";var i='/*!\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 */.TabButton-module_sr-only__u7d0B{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TabButton-module_hidden__ySTlz{display:none}.TabButton-module_slide-in__HGlpj{animation:TabButton-module_slide-in__HGlpj .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton-module_slide-in__HGlpj{animation-duration:.1ms}}.TabButton-module_slide-out__th9eU{animation:TabButton-module_slide-out__th9eU .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton-module_slide-out__th9eU{animation-duration:.1ms}}@keyframes TabButton-module_slide-in__HGlpj{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton-module_slide-out__th9eU{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TabButton-module_tabbutton__lr71S{background-color:transparent;border:0;border-bottom:var(--tablist-border-width) var(--tablist-border-style) var(--tablist-border-color);border-radius:0;color:var(--tab-text-color);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);font-weight:400;line-height:var(--default-line-height);margin:0;padding:.5rem 1rem;position:relative;white-space:nowrap}.TabButton-module_tabbutton__lr71S:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.TabButton-module_tabbutton__lr71S:where(:focus-visible){z-index:1}.TabButton-module_tabbutton__lr71S:hover{background-color:var(--tab-hover-color)}.TabButton-module_tabbutton__lr71S:active{background-color:var(--tab-pressed-color)}.TabButton-module_tabbutton__lr71S.TabButton-module_selected__n9OVC{color:var(--tab-active-text-color)}.TabButton-module_tabbutton__lr71S.TabButton-module_fluid__UhXgH{flex:1}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU{align-items:center;display:inline-flex;gap:.25rem}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU i{display:flex}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU span[data-icon]{display:inline-block;font-size:1.25rem;width:1.25rem}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_bottom-icon__Qf1BT,.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_top-icon__mYHQu{flex-direction:column}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_left-icon__yksCg i,.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_top-icon__mYHQu i{order:-1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYkJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsZ0NBQ0UsWUFDRixDQUVBLGtDQUNFLHVEQUNGLENBQ0EsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLG1DQUNFLHdEQUNGLENBQ0EsdUNBQ0UsbUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLDRDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw2Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsbUNBVUUsNEJBQTZCLENBUjdCLFFBQVMsQ0FjVCxpR0FBZ0QsQ0FiaEQsZUFBZ0IsQ0FGaEIsMkJBQTRCLENBTzVCLGNBQWUsQ0FDZiw4QkFBK0IsQ0FML0IsMEJBQTJCLENBUzNCLGVBQW1CLENBUm5CLHNDQUF1QyxDQUN2QyxRQUFTLENBQ1Qsa0JBQW9CLENBS3BCLGlCQUFrQixDQURsQixrQkFNRixDQUNBLGlEQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsZ0JBRUYsQ0FDQSx5REFDRSxTQUNGLENBQ0EseUNBQ0UsdUNBQ0YsQ0FDQSwwQ0FDRSx5Q0FDRixDQUNBLG9FQUNFLGtDQUNGLENBQ0EsaUVBQ0UsTUFDRixDQUNBLG9FQUdFLGtCQUFtQixDQURuQixtQkFBb0IsQ0FEcEIsVUFHRixDQUNBLHNFQUNFLFlBQ0YsQ0FDQSxvRkFDRSxvQkFBcUIsQ0FDckIsaUJBQWtCLENBQ2xCLGFBQ0YsQ0FDQSw2TUFDRSxxQkFDRixDQUlBLCtNQUNFLFFBQ0YiLCJmaWxlIjoiVGFiQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnRhYmJ1dHRvbiB7XG4gIGNvbG9yOiB2YXIoLS10YWItdGV4dC1jb2xvcik7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgYm9yZGVyLWJvdHRvbS1zdHlsZTogdmFyKC0tdGFibGlzdC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiB2YXIoLS10YWJsaXN0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHZhcigtLXRhYmxpc3QtYm9yZGVyLWNvbG9yKTtcbn1cbi50YWJidXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuLnRhYmJ1dHRvbjp3aGVyZSg6Zm9jdXMtdmlzaWJsZSkge1xuICB6LWluZGV4OiAxO1xufVxuLnRhYmJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYi1ob3Zlci1jb2xvcik7XG59XG4udGFiYnV0dG9uOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYi1wcmVzc2VkLWNvbG9yKTtcbn1cbi50YWJidXR0b24uc2VsZWN0ZWQge1xuICBjb2xvcjogdmFyKC0tdGFiLWFjdGl2ZS10ZXh0LWNvbG9yKTtcbn1cbi50YWJidXR0b24uZmx1aWQge1xuICBmbGV4OiAxO1xufVxuLnRhYmJ1dHRvbi5oYXMtaWNvbiB7XG4gIGdhcDogMC4yNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4udGFiYnV0dG9uLmhhcy1pY29uIGkge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnRhYmJ1dHRvbi5oYXMtaWNvbiBzcGFuW2RhdGEtaWNvbl0ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgd2lkdGg6IDEuMjVyZW07XG59XG4udGFiYnV0dG9uLmhhcy1pY29uLnRvcC1pY29uLCAudGFiYnV0dG9uLmhhcy1pY29uLmJvdHRvbS1pY29uIHtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi50YWJidXR0b24uaGFzLWljb24ubGVmdC1pY29uIGkge1xuICBvcmRlcjogLTE7XG59XG4udGFiYnV0dG9uLmhhcy1pY29uLnRvcC1pY29uIGkge1xuICBvcmRlcjogLTE7XG59Il19 */';var e={"sr-only":"TabButton-module_sr-only__u7d0B",hidden:"TabButton-module_hidden__ySTlz","slide-in":"TabButton-module_slide-in__HGlpj","slide-out":"TabButton-module_slide-out__th9eU",tabbutton:"TabButton-module_tabbutton__lr71S",selected:"TabButton-module_selected__n9OVC",fluid:"TabButton-module_fluid__UhXgH","has-icon":"TabButton-module_has-icon__b44fU","top-icon":"TabButton-module_top-icon__mYHQu","bottom-icon":"TabButton-module_bottom-icon__Qf1BT","left-icon":"TabButton-module_left-icon__yksCg"};t(i);export{e as default};
 //# sourceMappingURL=TabButton.module.esm.js.map

package/dist/esm/Tabs/Tabs.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as t,createRef as r,useRef as o,useEffect as l}from"react";import{TabButton as a}from"./TabButton.esm.js";import s from"./Tabs.module.esm.js";const n=e.forwardRef((({children:n,selected:i=0,onTabChange:c,className:p,fluid:d,tabListClassName:f,align:b,iconsPosition:u="left",...m},h)=>{const[w,y]=t([]),[g,k]=t([]),[C,E]=t(i),[v,$]=t(!1),[_,j]=t({width:0,left:0,top:0}),A=h||r(),L=o(null);l((()=>{A.current&&w.length&&(()=>{if(A.current){const e=A.current.querySelectorAll('button[role="tab"]')[C];j({left:e.offsetLeft,top:e.offsetTop+e.offsetHeight-L.current.offsetHeight-parseInt(getComputedStyle(e).borderBottomWidth),width:e.offsetWidth})}})()}),[A.current,C,w]),l((()=>{null==c||c(C)}),[C]),l((()=>{const t=e.Children.map(n,((t,r)=>Object.prototype.hasOwnProperty.call(t.props,"title")?e.createElement(a,{key:`${t.props.title.toLowerCase().replace(/\s/,"_")}_button`,tabIndex:C===r?0:-1,"aria-selected":C===r,focused:v&&C===r,tabActive:C===r,"aria-controls":`tab_${r}`,onClick:()=>E(r),disabled:t.props.disabled,fluid:d,iconPosition:u,icon:t.props.icon},t.props.title):null)),r=e.Children.map(n,((t,r)=>Object.prototype.hasOwnProperty.call(t.props,"title")?e.cloneElement(t,{key:`${t.props.title.toLowerCase().replace(/\s/,"_")}_tab`,tabIndex:C===r?0:-1,tabActive:C===r,id:`tab_${r}`,children:t.props.children}):null));k(r),y(t)}),[C,d,b,u]);const N=[s.tablist];return b&&N.push(s[b]),f&&N.push(f),e.createElement("div",{...m,ref:A,className:`${s.tabs} ${null!=p?p:""}`},e.createElement("div",{role:"tablist",className:N.join(" "),onKeyDown:e=>{const t=[n].flat().length;if(v||$(!0),1!==t)switch(e.key){case"ArrowRight":E((e=>e+1>t-1?0:e+1));break;case"ArrowLeft":E((e=>e-1<0?t-1:e-1));break;case"Home":E(0);break;case"End":E(t-1);break;default:return}}},w,e.createElement("div",{className:s.indicator,ref:L,"aria-hidden":"true",tabIndex:-1,style:{width:_.width,left:_.left,top:_.top}})),e.createElement("div",null,g))}));export{n as Tabs};
+import t,{useState as e,createRef as o,useRef as r,useEffect as n}from"react";import{TabButton as s}from"./TabButton.esm.js";import l from"./Tabs.module.esm.js";const a=({children:a,selected:i=0,onTabChange:c,className:d,fluid:p,tabListClassName:f,align:u,iconsPosition:b="left",...m},h)=>{const[w,y]=e([]);const[v,g]=e([]);const[k,C]=e(i);const[E,$]=e(false);const[_,j]=e({width:0,left:0,top:0});const A=h||o();const L=r(null);const N=t=>{const e=[a].flat().length;if(!E)$(true);if(e===1)return;switch(t.key){case"ArrowRight":C((t=>t+1>e-1?0:t+1));break;case"ArrowLeft":C((t=>t-1<0?e-1:t-1));break;case"Home":C(0);break;case"End":C(e-1);break;default:return}};const x=()=>{if(A.current){const t=A.current.querySelectorAll('button[role="tab"]')[k];j({left:t.offsetLeft,top:t.offsetTop+t.offsetHeight-L.current.offsetHeight-parseInt(getComputedStyle(t).borderBottomWidth),width:t.offsetWidth})}};n((()=>{if(A.current&&w.length)x()}),[A.current,k,w]);n((()=>{c===null||c===void 0?void 0:c(k)}),[k]);n((()=>{const e=t.Children.map(a,((e,o)=>{if(Object.prototype.hasOwnProperty.call(e.props,"title"))return t.createElement(s,{key:`${e.props.title.toLowerCase().replace(/\s/,"_")}_button`,tabIndex:k===o?0:-1,"aria-selected":k===o,focused:E&&k===o,tabActive:k===o,"aria-controls":`tab_${o}`,onClick:()=>C(o),disabled:e.props.disabled,fluid:p,iconPosition:b,icon:e.props.icon},e.props.title);return null}));const o=t.Children.map(a,((e,o)=>{if(Object.prototype.hasOwnProperty.call(e.props,"title"))return t.cloneElement(e,{key:`${e.props.title.toLowerCase().replace(/\s/,"_")}_tab`,tabIndex:k===o?0:-1,tabActive:k===o,id:`tab_${o}`,children:e.props.children});return null}));g(o);y(e)}),[k,p,u,b]);const I=[l["tablist"]];u&&I.push(l[u]);f&&I.push(f);return t.createElement("div",{...m,ref:A,className:`${l["tabs"]} ${d!==null&&d!==void 0?d:""}`},t.createElement("div",{role:"tablist",className:I.join(" "),onKeyDown:N},w,t.createElement("div",{className:l["indicator"],ref:L,"aria-hidden":"true",tabIndex:-1,style:{width:_.width,left:_.left,top:_.top}})),t.createElement("div",null,v))};const i=t.forwardRef(a);export{i as Tabs};
 //# sourceMappingURL=Tabs.esm.js.map

package/dist/esm/Tabs/Tabs.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Tabs.esm.js","sources":["../../../../../src/components/Tabs/Tabs.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 RefObject,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { Props as TabProps } from \"./Tab\";\nimport { TabButton } from \"./TabButton\";\nimport classes from \"./Tabs.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n children: ReactElement<TabProps>[];\n selected?: number;\n onTabChange?: (index: number) => void;\n fluid?: boolean;\n align?: \"left\" \| \"center\" \| \"right\";\n tabListClassName?: string;\n iconsPosition?: \"left\" \| \"right\" \| \"top\" \| \"bottom\";\n}\n\nconst TabsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n selected = 0,\n onTabChange,\n className,\n fluid,\n tabListClassName,\n align,\n iconsPosition = \"left\",\n ...rest\n }: Props,\n ref\n) => {\n const [renderedButtons, setRenderedButtons] = useState<ReactElement[]>([]);\n const [renderedTabs, setRenderedTabs] = useState<ReactElement[]>([]);\n const [activeTabIndex, setActiveTabIndex] = useState(selected);\n const [usingKeyboardNavigation, setUsingKeyboardNavigation] = useState(false);\n const [indicatorStyles, setIndicatorStyles] = useState<{\n width: number;\n left: number;\n top: number;\n }>({\n width: 0,\n left: 0,\n top: 0\n });\n const tabsRef = (ref as RefObject<HTMLDivElement>) \|\| createRef<HTMLDivElement>();\n const indicatorRef = useRef<HTMLDivElement>(null);\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n const totalAmountOfTabs = [children].flat().length;\n if (!usingKeyboardNavigation) setUsingKeyboardNavigation(true);\n if (totalAmountOfTabs === 1) return;\n\n switch (e.key) {\n case \"ArrowRight\":\n setActiveTabIndex(currentIndex => {\n return currentIndex + 1 > totalAmountOfTabs - 1 ? 0 : currentIndex + 1;\n });\n break;\n case \"ArrowLeft\":\n setActiveTabIndex(currentIndex => {\n return currentIndex - 1 < 0 ? totalAmountOfTabs - 1 : currentIndex - 1;\n });\n break;\n case \"Home\":\n setActiveTabIndex(0);\n break;\n case \"End\":\n setActiveTabIndex(totalAmountOfTabs - 1);\n break;\n default:\n return;\n }\n };\n\n const calculateIndicatorPosition = () => {\n if (tabsRef.current) {\n const selectedButton = tabsRef.current.querySelectorAll('button[role=\"tab\"]')[\n activeTabIndex\n ] as HTMLElement;\n\n setIndicatorStyles({\n left: selectedButton.offsetLeft,\n top:\n selectedButton.offsetTop +\n selectedButton.offsetHeight -\n indicatorRef.current!.offsetHeight -\n parseInt(getComputedStyle(selectedButton).borderBottomWidth),\n width: selectedButton.offsetWidth\n });\n }\n };\n\n useEffect(() => {\n if (tabsRef.current && renderedButtons.length) {\n calculateIndicatorPosition();\n }\n }, [tabsRef.current, activeTabIndex, renderedButtons]);\n\n useEffect(() => {\n onTabChange?.(activeTabIndex);\n }, [activeTabIndex]);\n\n useEffect(() => {\n const buttons = React.Children.map(children, (child, index) => {\n if (Object.prototype.hasOwnProperty.call(child.props, \"title\")) {\n return React.createElement(\n TabButton,\n {\n key: `${child.props.title.toLowerCase().replace(/\\s/, \"_\")}_button`,\n tabIndex: activeTabIndex === index ? 0 : -1,\n \"aria-selected\": activeTabIndex === index,\n focused: usingKeyboardNavigation && activeTabIndex === index,\n tabActive: activeTabIndex === index,\n \"aria-controls\": `tab_${index}`,\n onClick: () => setActiveTabIndex(index),\n disabled: child.props.disabled,\n fluid: fluid,\n iconPosition: iconsPosition,\n icon: child.props.icon\n },\n child.props.title\n );\n }\n return null;\n });\n\n const tabs = React.Children.map(children, (child, index) => {\n if (Object.prototype.hasOwnProperty.call(child.props, \"title\")) {\n return React.cloneElement(child, {\n key: `${child.props.title.toLowerCase().replace(/\\s/, \"_\")}_tab`,\n tabIndex: activeTabIndex === index ? 0 : -1,\n tabActive: activeTabIndex === index,\n id: `tab_${index}`,\n children: child.props.children\n });\n }\n\n return null;\n });\n\n setRenderedTabs(tabs);\n setRenderedButtons(buttons);\n }, [activeTabIndex, fluid, align, iconsPosition]);\n\n const tabListClasses = [classes[\"tablist\"]];\n align && tabListClasses.push(classes[align]);\n tabListClassName && tabListClasses.push(tabListClassName);\n\n return (\n <div {...rest} ref={tabsRef} className={`${classes[\"tabs\"]} ${className ?? \"\"}`}>\n <div role=\"tablist\" className={tabListClasses.join(\" \")} onKeyDown={handleKeyDown}>\n {renderedButtons}\n <div\n className={classes[\"indicator\"]}\n ref={indicatorRef}\n aria-hidden=\"true\"\n tabIndex={-1}\n style={{\n width: indicatorStyles.width,\n left: indicatorStyles.left,\n top: indicatorStyles.top\n }}\n />\n </div>\n <div>{renderedTabs}</div>\n </div>\n );\n};\n\nexport const Tabs = React.forwardRef(TabsComponent);\n"],"names":["TabsComponent","children","selected","onTabChange","className","fluid","tabListClassName","align","iconsPosition","rest","ref","renderedButtons","setRenderedButtons","useState","renderedTabs","setRenderedTabs","activeTabIndex","setActiveTabIndex","usingKeyboardNavigation","setUsingKeyboardNavigation","indicatorStyles","setIndicatorStyles","width","left","top","tabsRef","createRef","indicatorRef","useRef","handleKeyDown","e","totalAmountOfTabs","flat","length","key","currentIndex","calculateIndicatorPosition","current","selectedButton","querySelectorAll","offsetLeft","offsetTop","offsetHeight","parseInt","getComputedStyle","borderBottomWidth","offsetWidth","useEffect","buttons","React","Children","map","child","index","Object","prototype","hasOwnProperty","call","props","createElement","TabButton","title","toLowerCase","replace","tabIndex","focused","tabActive","onClick","disabled","iconPosition","icon","tabs","cloneElement","id","tabListClasses","classes","push","role","join","onKeyDown","style","Tabs","forwardRef"],"mappings":"iKAwCA,MAAMA,EAAiE,EAEnEC,WACAC,WAAW,EACXC,cACAC,YACAC,QACAC,mBACAC,QACAC,gBAAgB,UACbC,GAELC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAyB,IACvE,MAAOC,EAAcC,GAAmBF,EAAyB,IACjE,MAAOG,EAAgBC,GAAqBJ,EAASX,GACrD,MAAOgB,EAAyBC,GAA8BN,EAAS,OACvE,MAAOO,EAAiBC,GAAsBR,EAI3C,CACDS,MAAO,EACPC,KAAM,EACNC,IAAK,IAEP,MAAMC,EAAWf,GAAqCgB,IACtD,MAAMC,EAAeC,EAAuB,MAE5C,MAAMC,EAAiBC,IACrB,MAAMC,EAAoB,CAAC9B,GAAU+B,OAAOC,OAC5C,IAAKf,EAAyBC,EAA2B,MACzD,GAAIY,IAAsB,EAAG,OAE7B,OAAQD,EAAEI,KACR,IAAK,aACHjB,GAAkBkB,GACTA,EAAe,EAAIJ,EAAoB,EAAI,EAAII,EAAe,IAEvE,MACF,IAAK,YACHlB,GAAkBkB,GACTA,EAAe,EAAI,EAAIJ,EAAoB,EAAII,EAAe,IAEvE,MACF,IAAK,OACHlB,EAAkB,GAClB,MACF,IAAK,MACHA,EAAkBc,EAAoB,GACtC,MACF,QACE,OACH,EAGH,MAAMK,EAA6B,KACjC,GAAIX,EAAQY,QAAS,CACnB,MAAMC,EAAiBb,EAAQY,QAAQE,iBAAiB,sBACtDvB,GAGFK,EAAmB,CACjBE,KAAMe,EAAeE,WACrBhB,IACEc,EAAeG,UACfH,EAAeI,aACff,EAAaU,QAASK,aACtBC,SAASC,iBAAiBN,GAAgBO,mBAC5CvB,MAAOgB,EAAeQ,aAEzB,GAGHC,GAAU,KACR,GAAItB,EAAQY,SAAW1B,EAAgBsB,OACrCG,GACD,GACA,CAACX,EAAQY,QAASrB,EAAgBL,IAErCoC,GAAU,KACR5C,UAAAA,SAAW,OAAA,EAAXA,EAAca,EAAe,GAC5B,CAACA,IAEJ+B,GAAU,KACR,MAAMC,EAAUC,EAAMC,SAASC,IAAIlD,GAAU,CAACmD,EAAOC,KACnD,GAAIC,OAAOC,UAAUC,eAAeC,KAAKL,EAAMM,MAAO,SACpD,OAAOT,EAAMU,cACXC,EACA,CACE1B,IAAK,GAAGkB,EAAMM,MAAMG,MAAMC,cAAcC,QAAQ,KAAM,cACtDC,SAAUhD,IAAmBqC,EAAQ,GAAK,EAC1C,gBAAiBrC,IAAmBqC,EACpCY,QAAS/C,GAA2BF,IAAmBqC,EACvDa,UAAWlD,IAAmBqC,EAC9B,gBAAiB,OAAOA,IACxBc,QAAS,IAAMlD,EAAkBoC,GACjCe,SAAUhB,EAAMM,MAAMU,SACtB/D,MAAOA,EACPgE,aAAc7D,EACd8D,KAAMlB,EAAMM,MAAMY,MAEpBlB,EAAMM,MAAMG,OAGhB,OAAO,IAAI,IAGb,MAAMU,EAAOtB,EAAMC,SAASC,IAAIlD,GAAU,CAACmD,EAAOC,KAChD,GAAIC,OAAOC,UAAUC,eAAeC,KAAKL,EAAMM,MAAO,SACpD,OAAOT,EAAMuB,aAAapB,EAAO,CAC/BlB,IAAK,GAAGkB,EAAMM,MAAMG,MAAMC,cAAcC,QAAQ,KAAM,WACtDC,SAAUhD,IAAmBqC,EAAQ,GAAK,EAC1Ca,UAAWlD,IAAmBqC,EAC9BoB,GAAI,OAAOpB,IACXpD,SAAUmD,EAAMM,MAAMzD,WAI1B,OAAO,IAAI,IAGbc,EAAgBwD,GAChB3D,EAAmBoC,EAAQ,GAC1B,CAAChC,EAAgBX,EAAOE,EAAOC,IAElC,MAAMkE,EAAiB,CAACC,EAAQ,YAChCpE,GAASmE,EAAeE,KAAKD,EAAQpE,IACrCD,GAAoBoE,EAAeE,KAAKtE,GAExC,OACE2C,0BAASxC,EAAMC,IAAKe,EAASrB,UAAW,GAAGuE,EAAQ,WAAWvE,IAAS,MAATA,SAAA,EAAAA,EAAa,MACzE6C,EAAAU,cAAA,MAAA,CAAKkB,KAAK,UAAUzE,UAAWsE,EAAeI,KAAK,KAAMC,UAAWlD,GACjElB,EACDsC,EAAAU,cAAA,MAAA,CACEvD,UAAWuE,EAAQ,aACnBjE,IAAKiB,EACO,cAAA,OACZqC,UAAW,EACXgB,MAAO,CACL1D,MAAOF,EAAgBE,MACvBC,KAAMH,EAAgBG,KACtBC,IAAKJ,EAAgBI,QAI3ByB,EAAAU,cAAA,MAAA,KAAM7C,GAER,EAGS,MAAAmE,EAAOhC,EAAMiC,WAAWlF"}

package/dist/esm/Tabs/Tabs.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".Tabs_module_srOnly__4196624f{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tabs_module_hidden__4196624f{display:none}.Tabs_module_slideIn__4196624f{animation:Tabs_module_slideIn__4196624f .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs_module_slideIn__4196624f{animation-duration:.1ms}}.Tabs_module_slideOut__4196624f{animation:Tabs_module_slideOut__4196624f .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs_module_slideOut__4196624f{animation-duration:.1ms}}@keyframes Tabs_module_slideIn__4196624f{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tabs_module_slideOut__4196624f{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tabs_module_tabs__4196624f{background-color:var(--tabs-background-color);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.Tabs_module_tablist__4196624f{display:flex;flex-wrap:nowrap;margin:-5px;overflow-x:auto;padding:5px;position:relative;z-index:0}.Tabs_module_tablist__4196624f.Tabs_module_center__4196624f{justify-content:center}.Tabs_module_tablist__4196624f.Tabs_module_right__4196624f{justify-content:flex-end}.Tabs_module_indicator__4196624f{background-color:var(--tab-active-border-color);border-radius:.125rem .125rem 0 0;height:calc(var(--tab-active-border-height) - var(--tablist-border-width));position:absolute;transition-duration:.2s;transition-property:left,width;transition-timing-function:ease-in-out;z-index:2}@media (prefers-reduced-motion:reduce){.Tabs_module_indicator__4196624f{transition-duration:.1ms}}",_={"sr-only":"Tabs_module_srOnly__4196624f",hidden:"Tabs_module_hidden__4196624f","slide-in":"Tabs_module_slideIn__4196624f","slide-out":"Tabs_module_slideOut__4196624f",tabs:"Tabs_module_tabs__4196624f",tablist:"Tabs_module_tablist__4196624f",center:"Tabs_module_center__4196624f",right:"Tabs_module_right__4196624f",indicator:"Tabs_module_indicator__4196624f"};e(a,{});export{a as css,_ as default};
+import i from "../../lib/style-inject.js";var e='/*!\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 */.Tabs-module_sr-only__XnAVz{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tabs-module_hidden__lvN6c{display:none}.Tabs-module_slide-in__mbWej{animation:Tabs-module_slide-in__mbWej .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs-module_slide-in__mbWej{animation-duration:.1ms}}.Tabs-module_slide-out__ep10Q{animation:Tabs-module_slide-out__ep10Q .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs-module_slide-out__ep10Q{animation-duration:.1ms}}@keyframes Tabs-module_slide-in__mbWej{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tabs-module_slide-out__ep10Q{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tabs-module_tabs__z-Cun{background-color:var(--tabs-background-color);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.Tabs-module_tablist__QY6qv{display:flex;flex-wrap:nowrap;margin:-5px;overflow-x:auto;padding:5px;position:relative;z-index:0}.Tabs-module_tablist__QY6qv.Tabs-module_center__m4ZMa{justify-content:center}.Tabs-module_tablist__QY6qv.Tabs-module_right__Dvfbh{justify-content:flex-end}.Tabs-module_indicator__b8TYY{background-color:var(--tab-active-border-color);border-radius:.125rem .125rem 0 0;height:calc(var(--tab-active-border-height) - var(--tablist-border-width));position:absolute;transition-duration:.2s;transition-property:left,width;transition-timing-function:ease-in-out;z-index:2}@media (prefers-reduced-motion:reduce){.Tabs-module_indicator__b8TYY{transition-duration:.1ms}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDJCQUNFLFlBQ0YsQ0FFQSw2QkFDRSxrREFDRixDQUNBLHVDQUNFLDZCQUNFLHVCQUNGLENBQ0YsQ0FFQSw4QkFDRSxtREFDRixDQUNBLHVDQUNFLDhCQUNFLHVCQUNGLENBQ0YsQ0FFQSx1Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esd0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHlCQUNFLDZDQUE4QyxDQUU5QyxtQkFBcUIsQ0FDckIsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixRQUFTLENBSlQsb0JBS0YsQ0FFQSw0QkFDRSxZQUFhLENBQ2IsZ0JBQWlCLENBR2pCLFdBQVksQ0FGWixlQUFnQixDQUdoQixXQUFZLENBRlosaUJBQWtCLENBR2xCLFNBQ0YsQ0FDQSxzREFDRSxzQkFDRixDQUNBLHFEQUNFLHdCQUNGLENBRUEsOEJBSUUsK0NBQWdELENBRGhELGlDQUFvQyxDQURwQywwRUFBMkUsQ0FEM0UsaUJBQWtCLENBTWxCLHVCQUF5QixDQUR6Qiw4QkFBZ0MsQ0FFaEMsc0NBQXVDLENBSHZDLFNBSUYsQ0FDQSx1Q0FDRSw4QkFDRSx3QkFDRixDQUNGIiwiZmlsZSI6IlRhYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGFicyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYnMtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBhZGRpbmc6IDFyZW0gMS4yNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDFyZW07XG59XG5cbi50YWJsaXN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAtNXB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIHotaW5kZXg6IDA7XG59XG4udGFibGlzdC5jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi50YWJsaXN0LnJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuLmluZGljYXRvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBjYWxjKHZhcigtLXRhYi1hY3RpdmUtYm9yZGVyLWhlaWdodCkgLSB2YXIoLS10YWJsaXN0LWJvcmRlci13aWR0aCkpO1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbSAwLjEyNXJlbSAwIDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYi1hY3RpdmUtYm9yZGVyLWNvbG9yKTtcbiAgei1pbmRleDogMjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogbGVmdCwgd2lkdGg7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbmRpY2F0b3Ige1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59Il19 */';var l={"sr-only":"Tabs-module_sr-only__XnAVz",hidden:"Tabs-module_hidden__lvN6c","slide-in":"Tabs-module_slide-in__mbWej","slide-out":"Tabs-module_slide-out__ep10Q",tabs:"Tabs-module_tabs__z-Cun",tablist:"Tabs-module_tablist__QY6qv",center:"Tabs-module_center__m4ZMa",right:"Tabs-module_right__Dvfbh",indicator:"Tabs-module_indicator__b8TYY"};i(e);export{l as default};
 //# sourceMappingURL=Tabs.module.esm.js.map

package/dist/esm/Tag/Tag.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{forwardRef as r}from"react";import{Icon as o,Icons as a}from"../Icon/Icon.esm.js";import i from"./Tag.module.esm.js";import{Typography as t}from"../Typography/Typography.esm.js";const n=r((({children:r,variant:n,icon:l,backgroundColor:c,color:m,...s},d)=>{var b;return e.createElement("div",{ref:d,className:`${"enabled"===n?i["tag-enabled"]:"disabled"===n?i["tag-disabled"]:void 0} ${i.tag} ${null!==(b=s.className)&&void 0!==b?b:""}`,style:{backgroundColor:c,color:m},...s},l?e.createElement(o,{size:"inherit",icon:l}):"enabled"===n?e.createElement(o,{size:"inherit",icon:a.CheckmarkCircleAlt}):"disabled"===n?e.createElement(o,{size:"inherit",icon:a.Forbidden}):void 0,e.createElement(t,{spacing:{marginBottom:0},variant:"body",className:i.label},r))}));export{n as Tag};
+import e,{forwardRef as r}from"react";import{Icon as t,Icons as o}from"../Icon/Icon.esm.js";import n from"./Tag.module.esm.js";import{Typography as a}from"../Typography/Typography.esm.js";const i=({children:r,variant:i,icon:l,backgroundColor:c,color:s,...m},d)=>{var b;const f=()=>{if(l)return e.createElement(t,{size:"inherit",icon:l});if(i==="enabled")return e.createElement(t,{size:"inherit",icon:o.CheckmarkCircleAlt});else if(i==="disabled")return e.createElement(t,{size:"inherit",icon:o.Forbidden})};const g=()=>{if(i==="enabled")return n["tag-enabled"];else if(i==="disabled")return n["tag-disabled"]};return e.createElement("div",{ref:d,className:`${g()} ${n["tag"]} ${(b=m.className)!==null&&b!==void 0?b:""}`,style:{backgroundColor:c,color:s},...m},f(),e.createElement(a,{spacing:{marginBottom:0},variant:"body",className:n["label"]},r))};const l=r(i);export{l as Tag};
 //# sourceMappingURL=Tag.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Tag.esm.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n variant?: \"enabled\" \| \"disabled\";\n icon?: Icons;\n backgroundColor?: string;\n color?: string;\n children?: string;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { children, variant, icon, backgroundColor, color, ...rest }: Props,\n ref\n) => {\n const determineIcon = () => {\n if (icon) {\n return <Icon size=\"inherit\" icon={icon} />;\n }\n\n if (variant === \"enabled\") {\n return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n } else if (variant === \"disabled\") {\n return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n }\n };\n\n const determineClassName = () => {\n if (variant === \"enabled\") {\n return classes[\"tag-enabled\"];\n } else if (variant === \"disabled\") {\n return classes[\"tag-disabled\"];\n }\n };\n\n return (\n <div\n ref={ref}\n className={`${determineClassName()} ${classes[\"tag\"]} ${rest.className ?? \"\"}`}\n style={{ backgroundColor, color }}\n {...rest}\n >\n {determineIcon()}\n <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n {children}\n </Typography>\n </div>\n );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":["TagComponent","children","variant","icon","backgroundColor","color","rest","ref","determineIcon","React","createElement","Icon","size","Icons","CheckmarkCircleAlt","Forbidden","determineClassName","classes","className","_a","style","Typography","spacing","marginBottom","Tag","forwardRef"],"mappings":"4LA6BA,MAAMA,EAAgE,EAClEC,WAAUC,UAASC,OAAMC,kBAAiBC,WAAUC,GACtDC,WAEA,MAAMC,EAAgB,KACpB,GAAIL,EACF,OAAOM,EAAAC,cAACC,EAAI,CAACC,KAAK,UAAUT,KAAMA,IAGpC,GAAID,IAAY,UACd,OAAOO,EAACC,cAAAC,EAAK,CAAAC,KAAK,UAAUT,KAAMU,EAAMC,0BACnC,GAAIZ,IAAY,WACrB,OAAOO,EAACC,cAAAC,EAAK,CAAAC,KAAK,UAAUT,KAAMU,EAAME,WACzC,EAGH,MAAMC,EAAqB,KACzB,GAAId,IAAY,UACd,OAAOe,EAAQ,oBACV,GAAIf,IAAY,WACrB,OAAOe,EAAQ,eAChB,EAGH,OACER,EAAAC,cAAA,MAAA,CACEH,IAAKA,EACLW,UAAW,GAAGF,OAAwBC,EAAQ,WAAUE,EAAAb,EAAKY,aAAS,MAAAC,SAAA,EAAAA,EAAI,KAC1EC,MAAO,CAAEhB,kBAAiBC,YACtBC,GAEHE,IACDC,EAACC,cAAAW,EAAW,CAAAC,QAAS,CAAEC,aAAc,GAAKrB,QAAQ,OAAOgB,UAAWD,EAAQ,UACzEhB,GAGL,QAGSuB,EAAMC,EAAWzB"}

package/dist/esm/Tag/Tag.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const a = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".Tag_module_tag__18af6da0{align-items:center;border-radius:3.125rem;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.375rem .7rem}.Tag_module_tag__18af6da0.Tag_module_tagEnabled__18af6da0{background-color:var(--color-green100)}.Tag_module_tag__18af6da0.Tag_module_tagDisabled__18af6da0{background-color:var(--color-blue-grey100)}.Tag_module_tag__18af6da0 .Tag_module_label__18af6da0{color:inherit;font-size:inherit;line-height:.75rem}",_={tag:"Tag_module_tag__18af6da0","tag-enabled":"Tag_module_tagEnabled__18af6da0","tag-disabled":"Tag_module_tagDisabled__18af6da0",label:"Tag_module_label__18af6da0"};a(e,{});export{e as css,_ as default};
+import a from "../../lib/style-inject.js";var e=".Tag-module_tag__0Cfjz{align-items:center;border-radius:3.125rem;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.375rem .7rem}.Tag-module_tag__0Cfjz.Tag-module_tag-enabled__EsuwO{background-color:var(--color-green100)}.Tag-module_tag__0Cfjz.Tag-module_tag-disabled__VDbWz{background-color:var(--color-blue-grey100)}.Tag-module_tag__0Cfjz .Tag-module_label__aGRya{color:inherit;font-size:inherit;line-height:.75rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFLRSxrQkFBbUIsQ0FGbkIsc0JBQXVCLENBQ3ZCLG1CQUFvQixDQUhwQixnQkFBa0IsQ0FLbEIsVUFBWSxDQUpaLHFCQUtGLENBQ0EscURBQ0Usc0NBQ0YsQ0FDQSxzREFDRSwwQ0FDRixDQUNBLGdEQUdFLGFBQWMsQ0FEZCxpQkFBa0IsQ0FEbEIsa0JBR0YiLCJmaWxlIjoiVGFnLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRhZyB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgcGFkZGluZzogMC4zNzVyZW0gMC43cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4yNXJlbTtcbn1cbi50YWcudGFnLWVuYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ncmVlbjEwMCk7XG59XG4udGFnLnRhZy1kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4udGFnIC5sYWJlbCB7XG4gIGxpbmUtaGVpZ2h0OiAwLjc1cmVtO1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xufSJdfQ== */";var l={tag:"Tag-module_tag__0Cfjz","tag-enabled":"Tag-module_tag-enabled__EsuwO","tag-disabled":"Tag-module_tag-disabled__VDbWz",label:"Tag-module_label__aGRya"};a(e);export{l as default};
 //# sourceMappingURL=Tag.module.esm.js.map

package/dist/esm/TextEllipsis/TextEllipsis.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as r,useRef as o}from"react";import{Popover as l}from"../Popover/Popover.esm.js";import t from"./TextEllipsis.module.esm.js";const s=e.forwardRef((({children:s,popoverClassName:n,className:a,...i},m)=>{const[c,p]=r(!1),d=o(null),u=()=>!!(d.current&&d.current.offsetWidth<d.current.scrollWidth);return e.createElement("div",{...i,onMouseEnter:()=>{u()&&p(!0)},onMouseLeave:()=>{u()&&p(!1)},className:`${t["text-ellipsis"]} ${null!=a?a:""}`,ref:null!=m?m:d},s,e.createElement(l,{"aria-hidden":!0,"data-hidden":!c,show:c,role:"tooltip",anchorEl:d,className:`${t.popover} ${null!=n?n:""}`},s))}));export{s as TextEllipsis};
+import e,{useState as o,useRef as r}from"react";import{Popover as t}from"../Popover/Popover.esm.js";import s from"./TextEllipsis.module.esm.js";const l=({children:l,popoverClassName:n,className:a,...c},i)=>{const[u,m]=o(false);const d=r(null);const p=()=>{if(d.current&&d.current.offsetWidth<d.current.scrollWidth)return true;return false};const f=()=>{p()&&m(true)};const v=()=>{p()&&m(false)};return e.createElement("div",{...c,onMouseEnter:f,onMouseLeave:v,className:`${s["text-ellipsis"]} ${a!==null&&a!==void 0?a:""}`,ref:i!==null&&i!==void 0?i:d},l,e.createElement(t,{"aria-hidden":true,"data-hidden":!u,show:u,role:"tooltip",anchorEl:d,className:`${s.popover} ${n!==null&&n!==void 0?n:""}`},l))};const n=e.forwardRef(l);export{n as TextEllipsis};
 //# sourceMappingURL=TextEllipsis.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextEllipsis.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"TextEllipsis.esm.js","sources":["../../../../../src/components/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n useRef,\n MouseEventHandler,\n useState,\n ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n children?: string;\n popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { children, popoverClassName, className, ...rest }: Props,\n ref\n) => {\n const [showPopover, setShowPopover] = useState(false);\n const textContainer = useRef<HTMLDivElement>(null);\n\n const ellipsisVisible = () => {\n if (\n textContainer.current &&\n textContainer.current.offsetWidth < textContainer.current.scrollWidth\n ) {\n return true;\n }\n return false;\n };\n\n const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n ellipsisVisible() && setShowPopover(true);\n };\n\n const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n ellipsisVisible() && setShowPopover(false);\n };\n\n return (\n <div\n {...rest}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n ref={ref ?? textContainer}\n >\n {children}\n <Popover\n aria-hidden={true}\n data-hidden={!showPopover}\n show={showPopover}\n role=\"tooltip\"\n anchorEl={textContainer}\n className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n >\n {children}\n </Popover>\n </div>\n );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":["TextEllipsisComponent","children","popoverClassName","className","rest","ref","showPopover","setShowPopover","useState","textContainer","useRef","ellipsisVisible","current","offsetWidth","scrollWidth","onMouseEnter","onMouseLeave","React","createElement","classes","Popover","show","role","anchorEl","popover","TextEllipsis","forwardRef"],"mappings":"gJA+BA,MAAMA,EAAyE,EAC3EC,WAAUC,mBAAkBC,eAAcC,GAC5CC,KAEA,MAAOC,EAAaC,GAAkBC,EAAS,OAC/C,MAAMC,EAAgBC,EAAuB,MAE7C,MAAMC,EAAkB,KACtB,GACEF,EAAcG,SACdH,EAAcG,QAAQC,YAAcJ,EAAcG,QAAQE,YAE1D,OAAO,KAET,OAAO,KAAK,EAGd,MAAMC,EAAkD,KACtDJ,KAAqBJ,EAAe,KAAK,EAG3C,MAAMS,EAAkD,KACtDL,KAAqBJ,EAAe,MAAM,EAG5C,OACEU,EACMC,cAAA,MAAA,IAAAd,EACJW,aAAcA,EACdC,aAAcA,EACdb,UAAW,GAAGgB,EAAQ,oBAAoBhB,IAAA,MAAAA,SAAA,EAAAA,EAAa,KACvDE,IAAKA,IAAG,MAAHA,SAAA,EAAAA,EAAOI,GAEXR,EACDgB,EAAAC,cAACE,EACc,CAAA,cAAA,KACA,eAACd,EACde,KAAMf,EACNgB,KAAK,UACLC,SAAUd,EACVN,UAAW,GAAGgB,EAAQK,WAAWtB,UAAAA,SAAgB,EAAhBA,EAAoB,MAEpDD,GAGL,EAGS,MAAAwB,EAAeR,EAAMS,WAAW1B"}

package/dist/esm/TextEllipsis/TextEllipsis.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var i=".TextEllipsis_module_textEllipsis__1c5df115{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_module_popover__1c5df115{border-radius:.25rem;box-shadow:0 .1875rem .375rem rgba(0,0,0,.29);max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;transform:scale(1);transition-property:opacity;white-space:pre-wrap;z-index:1}",s={"text-ellipsis":"TextEllipsis_module_textEllipsis__1c5df115",popover:"TextEllipsis_module_popover__1c5df115"};e(i,{});export{i as css,s as default};
+import e from "../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TextEllipsis-module_text-ellipsis__qcPly{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis-module_popover__cfEFR{border-radius:.25rem;box-shadow:0 .1875rem .375rem rgba(0,0,0,.29);max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;transform:scale(1);transition-property:opacity;white-space:pre-wrap;z-index:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUNFLGVBQWdCLENBQ2hCLHNCQUF1QixDQUN2QixrQkFDRixDQUVBLG9DQUdFLG9CQUFzQixDQUN0Qiw2Q0FBb0QsQ0FIcEQsdUJBQXlCLENBQ3pCLDBDQUErQyxDQUsvQyxrQkFBbUIsQ0FEbkIsMkJBQTRCLENBRDVCLG9CQUFxQixDQUdyQixTQUNGIiwiZmlsZSI6IlRleHRFbGxpcHNpcy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGV4dC1lbGxpcHNpcyB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucG9wb3ZlciB7XG4gIG1heC13aWR0aDogbWluKDc1Y2gsIDkwJSk7XG4gIHBhZGRpbmc6IDAuNjg3NXJlbSAwLjY4NzVyZW0gMC42ODc1cmVtIDAuODc1cmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBib3gtc2hhZG93OiAwIDAuMTg3NXJlbSAwLjM3NXJlbSByZ2JhKDAsIDAsIDAsIDAuMjkpO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIHotaW5kZXg6IDE7XG59Il19 */';var i={"text-ellipsis":"TextEllipsis-module_text-ellipsis__qcPly",popover:"TextEllipsis-module_popover__cfEFR"};e(l);export{i as default};
 //# sourceMappingURL=TextEllipsis.module.esm.js.map

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

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