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/Tiles/Tile.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tile.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Tile.esm.js","sources":["../../../../../src/components/Tiles/Tile.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ComponentPropsWithoutRef,\n ComponentPropsWithRef,\n ForwardRefRenderFunction,\n ReactElement,\n useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tile.module.scss\";\nimport readyClasses from \"../../readyclasses.module.scss\";\n\nimport { Props as ContextMenuProps } from \"../ContextMenu/ContextMenu\";\nimport { generateID } from \"../../util/helper\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\n\ninterface ImageProps extends ComponentPropsWithoutRef<\"img\"> {\n src: string;\n}\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n title: string;\n imageProps?: ImageProps;\n enabled?: boolean;\n loading?: boolean;\n tileAction?: ReactElement<ContextMenuProps> \| ReactElement<IconButtonProps>;\n}\n\nconst TileComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { title, imageProps, enabled, className, loading, tileAction, ...rest }: Props,\n ref\n) => {\n const [tileDescriptionID] = useState(generateID(20));\n\n if (!title) {\n throw new Error(\"Please make sure to pass a title prop to your Tile component.\");\n }\n\n const statusMessage = () => {\n if (enabled) {\n return \"Status: enabled\";\n }\n\n return \"Status: disabled\";\n };\n\n return (\n <article\n {...rest}\n tabIndex={0}\n aria-labelledby={tileDescriptionID}\n ref={ref}\n className={`${classes[\"tile\"]} ${loading ? classes[\"loading\"] : \"\"}`}\n >\n <header style={{ justifyContent: enabled === undefined ? \"flex-end\" : \"space-between\" }}>\n {enabled === true && (\n <Icon\n color=\"var(--success)\"\n icon={Icons.Checkmark}\n className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n />\n )}\n {enabled === false && (\n <Icon\n color=\"var(--greyed-out)\"\n icon={Icons.Forbidden}\n className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n />\n )}\n {enabled !== undefined && (\n <span id={tileDescriptionID} className={readyClasses[\"sr-only\"]}>\n {`${title}. ${statusMessage()}`}\n </span>\n )}\n {tileAction ?? null}\n </header>\n <div className={classes[\"content\"]}>\n {imageProps && imageProps.src.length > 0 && (\n <figure className={classes[\"image\"]}>{!loading && <img {...imageProps} alt=\"\" />}</figure>\n )}\n {(!imageProps \|\| imageProps.src.length === 0) && (\n <Icon className={classes[\"placeholder\"]} icon={Icons.Image} />\n )}\n <span className={classes[\"title\"]}>{title}</span>\n </div>\n </article>\n );\n};\n\nexport const Tile = React.forwardRef(TileComponent);\n"],"names":["TileComponent","title","imageProps","enabled","className","loading","tileAction","rest","ref","tileDescriptionID","useState","generateID","Error","statusMessage","React","createElement","tabIndex","classes","style","justifyContent","undefined","Icon","color","icon","Icons","Checkmark","Forbidden","id","readyClasses","src","length","alt","Image","Tile","forwardRef"],"mappings":"sOA2CA,MAAMA,EAAiE,EACnEC,QAAOC,aAAYC,UAASC,YAAWC,UAASC,gBAAeC,GACjEC,KAEA,MAAOC,GAAqBC,EAASC,EAAW,KAEhD,IAAKV,EACH,MAAM,IAAIW,MAAM,iEAGlB,MAAMC,EAAgB,KACpB,GAAIV,EACF,MAAO,kBAGT,MAAO,kBAAkB,EAG3B,OACEW,EAAAC,cAAA,UAAA,IACMR,EACJS,SAAU,EACO,kBAAAP,EACjBD,IAAKA,EACLJ,UAAW,GAAGa,EAAQ,WAAWZ,EAAUY,EAAQ,WAAa,MAEhEH,EAAAC,cAAA,SAAA,CAAQG,MAAO,CAAEC,eAAgBhB,SAAYiB,EAAY,WAAa,kBACnEjB,IAAY,MACXW,gBAACO,EAAI,CACHC,MAAM,iBACNC,KAAMC,EAAMC,UACZrB,UAAW,GAAGa,EAAQ,WAAWb,IAAA,MAAAA,WAAAA,EAAa,OAGjDD,IAAY,OACXW,gBAACO,EAAI,CACHC,MAAM,oBACNC,KAAMC,EAAME,UACZtB,UAAW,GAAGa,EAAQ,WAAWb,IAAA,MAAAA,WAAAA,EAAa,OAGjDD,SAAYiB,GACXN,wBAAMa,GAAIlB,EAAmBL,UAAWwB,EAAa,YAClD,GAAG3B,MAAUY,OAGjBP,IAAU,MAAVA,SAAU,EAAVA,EAAc,MAEjBQ,EAAAC,cAAA,MAAA,CAAKX,UAAWa,EAAQ,YACrBf,GAAcA,EAAW2B,IAAIC,OAAS,GACrChB,EAAQC,cAAA,SAAA,CAAAX,UAAWa,EAAQ,WAAYZ,GAAWS,EAAAC,cAAA,MAAA,IAASb,EAAY6B,IAAI,QAE1E7B,GAAcA,EAAW2B,IAAIC,SAAW,IACzChB,EAAAC,cAACM,EAAI,CAACjB,UAAWa,EAAQ,eAAgBM,KAAMC,EAAMQ,QAEvDlB,EAAAC,cAAA,OAAA,CAAMX,UAAWa,EAAQ,UAAWhB,IAGxC,EAGS,MAAAgC,EAAOnB,EAAMoB,WAAWlC"}

package/dist/esm/Tiles/Tile.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='.Tile_module_srOnly__fd24bc40{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile_module_hidden__fd24bc40{display:none}.Tile_module_slideIn__fd24bc40{animation:Tile_module_slideIn__fd24bc40 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_module_slideIn__fd24bc40{animation-duration:.1ms}}.Tile_module_slideOut__fd24bc40{animation:Tile_module_slideOut__fd24bc40 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_module_slideOut__fd24bc40{animation-duration:.1ms}}@keyframes Tile_module_slideIn__fd24bc40{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_module_slideOut__fd24bc40{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile_module_tile__fd24bc40{background-color:var(--light);border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:0 0 2rem;transition-duration:.2s;transition-property:box-shadow;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tile_module_tile__fd24bc40{transition-duration:.1ms}}.Tile_module_tile__fd24bc40:hover{box-shadow:0 3px 6px rgba(0,0,0,.29)}.Tile_module_tile__fd24bc40 header{align-items:center;display:flex}.Tile_module_tile__fd24bc40 header .Tile_module_icon__fd24bc40{padding:0 1rem}.Tile_module_tile__fd24bc40 figure{height:3rem;margin:0 0 1rem}.Tile_module_tile__fd24bc40 figure img{height:3rem;vertical-align:top;width:auto}.Tile_module_tile__fd24bc40 .Tile_module_placeholder__fd24bc40{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile_module_tile__fd24bc40 .Tile_module_content__fd24bc40{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 header{display:none}.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 .Tile_module_image__fd24bc40{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 .Tile_module_image__fd24bc40:after{animation:Tile_module_shimmer__fd24bc40 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 .Tile_module_image__fd24bc40:after{animation:none}}.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 .Tile_module_title__fd24bc40{background-color:var(--skeleton-background-color);border-radius:.5rem;color:transparent;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 .Tile_module_title__fd24bc40:after{animation:Tile_module_shimmer__fd24bc40 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile_module_tile__fd24bc40.Tile_module_loading__fd24bc40 .Tile_module_title__fd24bc40:after{animation:none}}@keyframes Tile_module_shimmer__fd24bc40{to{transform:translateX(100%)}}',l={"sr-only":"Tile_module_srOnly__fd24bc40",hidden:"Tile_module_hidden__fd24bc40","slide-in":"Tile_module_slideIn__fd24bc40","slide-out":"Tile_module_slideOut__fd24bc40",tile:"Tile_module_tile__fd24bc40",icon:"Tile_module_icon__fd24bc40",placeholder:"Tile_module_placeholder__fd24bc40",content:"Tile_module_content__fd24bc40",loading:"Tile_module_loading__fd24bc40",image:"Tile_module_image__fd24bc40",shimmer:"Tile_module_shimmer__fd24bc40",title:"Tile_module_title__fd24bc40"};e(i,{});export{i as css,l 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 */.Tile-module_sr-only__g5nG1{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile-module_hidden__7JCEM{display:none}.Tile-module_slide-in__X7UMt{animation:Tile-module_slide-in__X7UMt .5s forwards}@media (prefers-reduced-motion:reduce){.Tile-module_slide-in__X7UMt{animation-duration:.1ms}}.Tile-module_slide-out__e9iw-{animation:Tile-module_slide-out__e9iw- .5s forwards}@media (prefers-reduced-motion:reduce){.Tile-module_slide-out__e9iw-{animation-duration:.1ms}}@keyframes Tile-module_slide-in__X7UMt{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile-module_slide-out__e9iw-{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile-module_tile__hxVmk{background-color:var(--light);border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:0 0 2rem;transition-duration:.2s;transition-property:box-shadow;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk{transition-duration:.1ms}}.Tile-module_tile__hxVmk:hover{box-shadow:0 3px 6px rgba(0,0,0,.29)}.Tile-module_tile__hxVmk header{align-items:center;display:flex}.Tile-module_tile__hxVmk header .Tile-module_icon__yIsdw{padding:0 1rem}.Tile-module_tile__hxVmk figure{height:3rem;margin:0 0 1rem}.Tile-module_tile__hxVmk figure img{height:3rem;vertical-align:top;width:auto}.Tile-module_tile__hxVmk .Tile-module_placeholder__JWzhK{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile-module_tile__hxVmk .Tile-module_content__yrscy{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss header{display:none}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N:after{animation:Tile-module_shimmer__rOiOX 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_image__34a-N:after{animation:none}}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL{background-color:var(--skeleton-background-color);border-radius:.5rem;color:transparent;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL:after{animation:Tile-module_shimmer__rOiOX 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile-module_tile__hxVmk.Tile-module_loading__KWkss .Tile-module_title__Wo5fL:after{animation:none}}@keyframes Tile-module_shimmer__rOiOX{to{transform:translateX(100%)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGUubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDJCQUNFLFlBQ0YsQ0FFQSw2QkFDRSxrREFDRixDQUNBLHVDQUNFLDZCQUNFLHVCQUNGLENBQ0YsQ0FFQSw4QkFDRSxtREFDRixDQUNBLHVDQUNFLDhCQUNFLHVCQUNGLENBQ0YsQ0FFQSx1Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esd0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHlCQUtFLDZCQUE4QixDQUo5Qix5Q0FBMEMsQ0FDMUMsaUJBQWtCLENBQ2xCLHFCQUFzQixDQU10Qiw4QkFBK0IsQ0FML0IsZ0JBQWlCLENBR2pCLHVCQUF5QixDQUR6Qiw4QkFBK0IsQ0FFL0Isc0NBRUYsQ0FDQSx1Q0FDRSx5QkFDRSx3QkFDRixDQUNGLENBQ0EsK0JBQ0Usb0NBQ0YsQ0FDQSxnQ0FFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHlEQUNFLGNBQ0YsQ0FDQSxnQ0FFRSxXQUFZLENBRFosZUFFRixDQUNBLG9DQUVFLFdBQVksQ0FEWixrQkFBbUIsQ0FFbkIsVUFDRixDQUNBLHlEQUdFLHVCQUF3QixDQUZ4QixjQUFlLENBQ2YsZUFFRixDQUNBLHFEQUdFLGtCQUFtQixDQUVuQixjQUFlLENBSmYsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixzQkFBdUIsQ0FFdkIsY0FDRixDQUNBLDJEQUNFLFlBQ0YsQ0FDQSw4RUFJRSxpREFBa0QsQ0FDbEQsbUJBQXFCLENBRXJCLFdBQVksQ0FOWixpQkFBa0IsQ0FFbEIsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBSWxCLFVBRUYsQ0FDQSxvRkFTRSxnREFBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0Usb0ZBQ0UsY0FDRixDQUNGLENBTUEsOEVBR0UsaURBQWtELENBSWxELG1CQUFxQixDQUhyQixpQkFBa0IsQ0FDbEIsb0JBQXFCLENBSHJCLGVBQWdCLENBRGhCLGlCQUFrQixDQUtsQixTQUVGLENBQ0Esb0ZBU0UsZ0RBQThCLENBRjlCLG1PQUE4TyxDQUg5TyxRQUFTLENBSVQsVUFBVyxDQUhYLE1BQU8sQ0FKUCxpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FJTiwyQkFJRixDQUNBLHVDQUNFLG9GQUNFLGNBQ0YsQ0FDRixDQUNBLHNDQUNFLEdBQ0UsMEJBQ0YsQ0FDRiIsImZpbGUiOiJUaWxlLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnRpbGUge1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMCAwIDJyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm94LXNoYWRvdztcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRpbGUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udGlsZTpob3ZlciB7XG4gIGJveC1zaGFkb3c6IDAgM3B4IDZweCByZ2JhKDAsIDAsIDAsIDAuMjkpO1xufVxuLnRpbGUgaGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi50aWxlIGhlYWRlciAuaWNvbiB7XG4gIHBhZGRpbmc6IDAgMXJlbTtcbn1cbi50aWxlIGZpZ3VyZSB7XG4gIG1hcmdpbjogMCAwIDFyZW07XG4gIGhlaWdodDogM3JlbTtcbn1cbi50aWxlIGZpZ3VyZSBpbWcge1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBoZWlnaHQ6IDNyZW07XG4gIHdpZHRoOiBhdXRvO1xufVxuLnRpbGUgLnBsYWNlaG9sZGVyIHtcbiAgZm9udC1zaXplOiAzcmVtO1xuICBtYXJnaW46IDAgMCAxcmVtO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4udGlsZSAuY29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIHBhZGRpbmc6IDAgMXJlbTtcbn1cbi50aWxlLmxvYWRpbmcgaGVhZGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi50aWxlLmxvYWRpbmcgLmltYWdlIHtcbiAgbWFyZ2luLXRvcDogMi41cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIHdpZHRoOiAzcmVtO1xuICBoZWlnaHQ6IDNyZW07XG59XG4udGlsZS5sb2FkaW5nIC5pbWFnZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRpbGUubG9hZGluZyAuaW1hZ2U6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuLnRpbGUubG9hZGluZyAudGl0bGUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xuICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDcwJTtcbiAgYm9yZGVyLXJhZGl1czogMC41cmVtO1xufVxuLnRpbGUubG9hZGluZyAudGl0bGU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50aWxlLmxvYWRpbmcgLnRpdGxlOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn0iXX0= */';var l={"sr-only":"Tile-module_sr-only__g5nG1",hidden:"Tile-module_hidden__7JCEM","slide-in":"Tile-module_slide-in__X7UMt","slide-out":"Tile-module_slide-out__e9iw-",tile:"Tile-module_tile__hxVmk",icon:"Tile-module_icon__yIsdw",placeholder:"Tile-module_placeholder__JWzhK",content:"Tile-module_content__yrscy",loading:"Tile-module_loading__KWkss",image:"Tile-module_image__34a-N",shimmer:"Tile-module_shimmer__rOiOX",title:"Tile-module_title__Wo5fL"};i(e);export{l as default};
 //# sourceMappingURL=Tile.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import l from"./Tiles.module.esm.js";import{Tile as r}from"./Tile.esm.js";const a=e.forwardRef((({children:a,className:o,loading:i=!1,...t},c)=>e.createElement("div",{...t,ref:c,className:`${l.tiles} ${null!=o?o:""}`,"aria-live":"polite","aria-busy":i},i?[e.createElement(r,{key:"placeholder1",title:"placeholder",imageProps:{src:"placeholder"},loading:!0}),e.createElement(r,{key:"placeholder2",title:"placeholder",imageProps:{src:"placeholder"},loading:!0}),e.createElement(r,{key:"placeholder3",title:"placeholder",imageProps:{src:"placeholder"},loading:!0})]:a)));export{a as Tiles};
+import e from"react";import r from"./Tiles.module.esm.js";import{Tile as l}from"./Tile.esm.js";const a=({children:a,className:o,loading:t=false,...i},c)=>{const s=()=>{if(t)return[e.createElement(l,{key:"placeholder1",title:"placeholder",imageProps:{src:"placeholder"},loading:true}),e.createElement(l,{key:"placeholder2",title:"placeholder",imageProps:{src:"placeholder"},loading:true}),e.createElement(l,{key:"placeholder3",title:"placeholder",imageProps:{src:"placeholder"},loading:true})];return a};return e.createElement("div",{...i,ref:c,className:`${r["tiles"]} ${o!==null&&o!==void 0?o:""}`,"aria-live":"polite","aria-busy":t},s())};const o=e.forwardRef(a);export{o as Tiles};
 //# sourceMappingURL=Tiles.esm.js.map

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

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

package/dist/esm/Tiles/Tiles.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=".Tiles_module_tiles__fc3935bc{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:30em){.Tiles_module_tiles__fc3935bc{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}",l={tiles:"Tiles_module_tiles__fc3935bc"};e(i,{});export{i as css,l 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 */.Tiles-module_tiles__ZxhuP{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:30em){.Tiles-module_tiles__ZxhuP{grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr))}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRpbGVzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMkJBRUUsYUFBYyxDQURkLFlBQWEsQ0FFYixtQ0FDRixDQUVBLG1DQUNFLDJCQUNFLDBEQUNGLENBQ0YiLCJmaWxlIjoiVGlsZXMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRpbGVzIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1nYXA6IDFyZW07XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEsIDFmcik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLnRpbGVzIHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDE0LjVyZW0sIDFmcikpO1xuICB9XG59Il19 */';var l={tiles:"Tiles-module_tiles__ZxhuP"};e(i);export{l as default};
 //# sourceMappingURL=Tiles.module.esm.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import e from"react";import a from"./Typography.module.esm.js";import{useSpacing as o}from"../src/hooks/useSpacing.esm.js";const s=["h1","h2","h3","h4","body","body-bold","sub-text","code"],r=e.forwardRef((({children:r,variant:t,tag:c,style:n,spacing:d,align:i,className:l="",...h},m)=>{if(!s.includes(t))throw new Error(`You entered an invalid variant. You can choose from: ${s}, you entered: ${t}`);const p=o(d,n);if(!c)switch(t){case"h1":case"h2":case"h3":case"h4":case"code":c=t;break;case"body":case"body-bold":c="p";break;case"sub-text":c="span";break;default:c="div"}let y=c;return e.createElement(y,{...h,ref:m,style:{...p,textAlign:i},className:`${a["typography_style_"+t]} ${l}`},r)}));export{r as Typography,s as validVariants};
+import e from"react";import a from"./Typography.module.esm.js";import{useSpacing as o}from"../src/hooks/useSpacing.esm.js";const s=["h1","h2","h3","h4","body","body-bold","sub-text","code"];const r=({children:r,variant:t,tag:c,style:n,spacing:d,align:i,className:l="",...h},b)=>{if(!s.includes(t))throw new Error(`You entered an invalid variant. You can choose from: ${s}, you entered: ${t}`);const m=o(d,n);if(!c)switch(t){case"h1":case"h2":case"h3":case"h4":case"code":c=t;break;case"body":c="p";break;case"body-bold":c="p";break;case"sub-text":c="span";break;default:c="div";break}let p=c;return e.createElement(p,{...h,ref:b,style:{...m,textAlign:i},className:`${a["typography_style_"+t]} ${l}`},r)};const t=e.forwardRef(r);export{t as Typography,s as validVariants};
 //# sourceMappingURL=Typography.esm.js.map

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

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

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const y = 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=".Typography_module_typography_style_h1__c2f45810{font-size:var(--font-size-h1);line-height:1.2}.Typography_module_typography_style_h1__c2f45810,.Typography_module_typography_style_h2__c2f45810{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_module_typography_style_h2__c2f45810{font-size:var(--font-size-h2);line-height:1.42857}.Typography_module_typography_style_h3__c2f45810{font-size:var(--font-size-h3);line-height:1.16666}.Typography_module_typography_style_h3__c2f45810,.Typography_module_typography_style_h4__c2f45810{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:500;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_module_typography_style_h4__c2f45810{font-size:var(--font-size-h4);line-height:1.2}.Typography_module_typography_style_body__c2f45810{font-weight:400}.Typography_module_typography_style_bodyBold__c2f45810,.Typography_module_typography_style_body__c2f45810{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;letter-spacing:0;line-height:var(--default-line-height);margin:0 0 1rem;text-transform:none}.Typography_module_typography_style_bodyBold__c2f45810{font-weight:700}.Typography_module_typography_style_subText__c2f45810{font-family:var(--font-family);font-size:var(--font-size-sub);line-height:1rem}.Typography_module_typography_style_code__c2f45810,.Typography_module_typography_style_subText__c2f45810{color:var(--default);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography_module_typography_style_code__c2f45810{font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:1.5}",_={typography_style_h1:"Typography_module_typography_style_h1__c2f45810",typography_style_h2:"Typography_module_typography_style_h2__c2f45810",typography_style_h3:"Typography_module_typography_style_h3__c2f45810",typography_style_h4:"Typography_module_typography_style_h4__c2f45810",typography_style_body:"Typography_module_typography_style_body__c2f45810","typography_style_body-bold":"Typography_module_typography_style_bodyBold__c2f45810","typography_style_sub-text":"Typography_module_typography_style_subText__c2f45810",typography_style_code:"Typography_module_typography_style_code__c2f45810"};y(o,{});export{o as css,_ as default};
+import t from "../../lib/style-inject.js";var o='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Typography-module_typography_style_h1__1rY7r{font-size:var(--font-size-h1);line-height:1.2}.Typography-module_typography_style_h1__1rY7r,.Typography-module_typography_style_h2__XOaTb{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_h2__XOaTb{font-size:var(--font-size-h2);line-height:1.42857}.Typography-module_typography_style_h3__9gsns{font-size:var(--font-size-h3);line-height:1.16666}.Typography-module_typography_style_h3__9gsns,.Typography-module_typography_style_h4__HkodR{color:var(--default);font-family:var(--font-family);font-style:normal;font-variant:normal;font-weight:500;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_h4__HkodR{font-size:var(--font-size-h4);line-height:1.2}.Typography-module_typography_style_body__bbb7n{font-weight:400}.Typography-module_typography_style_body-bold__E17ob,.Typography-module_typography_style_body__bbb7n{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;letter-spacing:0;line-height:var(--default-line-height);margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_body-bold__E17ob{font-weight:700}.Typography-module_typography_style_sub-text__GLVAO{font-family:var(--font-family);font-size:var(--font-size-sub);line-height:1rem}.Typography-module_typography_style_code__edwhb,.Typography-module_typography_style_sub-text__GLVAO{color:var(--default);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;margin:0 0 1rem;text-transform:none}.Typography-module_typography_style_code__edwhb{font-family:var(--font-family-code);font-size:var(--font-size-code);line-height:1.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4Q0FFRSw2QkFBOEIsQ0FHOUIsZUFNRixDQUNBLDRGQUhFLG9CQUFxQixDQVJyQiw4QkFBK0IsQ0FFL0IsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FFakIsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEsOENBRUUsNkJBQThCLENBRzlCLG1CQU1GLENBQ0EsOENBRUUsNkJBQThCLENBRzlCLG1CQU1GLENBQ0EsNEZBSEUsb0JBQXFCLENBUnJCLDhCQUErQixDQUUvQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBRXBCLGVBQWdCLENBRWhCLGdCQUFpQixDQUVqQixlQUFrQixDQUhsQixtQkFnQkYsQ0FYQSw4Q0FFRSw2QkFBOEIsQ0FHOUIsZUFNRixDQUNBLGdEQU1FLGVBS0YsQ0FDQSxxR0FIRSxvQkFBcUIsQ0FSckIsOEJBQStCLENBQy9CLDBCQUEyQixDQUMzQixpQkFBa0IsQ0FDbEIsbUJBQW9CLENBSXBCLGdCQUFpQixDQUhqQixzQ0FBdUMsQ0FLdkMsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEscURBTUUsZUFLRixDQUNBLG9EQUNFLDhCQUErQixDQUMvQiw4QkFBK0IsQ0FHL0IsZ0JBTUYsQ0FDQSxvR0FIRSxvQkFBcUIsQ0FOckIsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FFakIsZUFBa0IsQ0FIbEIsbUJBZ0JGLENBWEEsZ0RBQ0UsbUNBQW9DLENBQ3BDLCtCQUFnQyxDQUdoQyxlQU1GIiwiZmlsZSI6IlR5cG9ncmFwaHkubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnR5cG9ncmFwaHlfc3R5bGVfaDEge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1oMSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oMiB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWgyKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTc7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oMyB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWgzKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuMTY2NjY7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBtYXJnaW46IDAgMCAxcmVtIDA7XG59XG4udHlwb2dyYXBoeV9zdHlsZV9oNCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWg0KTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IDEuMjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2JvZHkge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZSk7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2JvZHktYm9sZCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXZhcmlhbnQ6IG5vcm1hbDtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuLnR5cG9ncmFwaHlfc3R5bGVfc3ViLXRleHQge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cbi50eXBvZ3JhcGh5X3N0eWxlX2NvZGUge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHktY29kZSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWNvZGUpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMS41O1xuICBmb250LXdlaWdodDogNDAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufSJdfQ== */';var b={typography_style_h1:"Typography-module_typography_style_h1__1rY7r",typography_style_h2:"Typography-module_typography_style_h2__XOaTb",typography_style_h3:"Typography-module_typography_style_h3__9gsns",typography_style_h4:"Typography-module_typography_style_h4__HkodR",typography_style_body:"Typography-module_typography_style_body__bbb7n","typography_style_body-bold":"Typography-module_typography_style_body-bold__E17ob","typography_style_sub-text":"Typography-module_typography_style_sub-text__GLVAO",typography_style_code:"Typography-module_typography_style_code__edwhb"};t(o);export{b as default};
 //# sourceMappingURL=Typography.module.esm.js.map

package/dist/esm/Wizard/BaseWizardSteps/BaseWizardSteps.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{Fragment as r}from"react";import t from"./BaseWizardSteps.module.esm.js";import{Icon as a,Icons as l}from"../../Icon/Icon.esm.js";const s=e.forwardRef((({steps:s,currentStepNo:n,onClick:c,futureStepsClickable:m=!1,...i},o)=>{const d=s.map(((s,i)=>{const o=n===(d=i)?"current":d<n?"finished":"future";var d;const u=s.disabled?t.disabled:"",p=m?t.clickable:"";return e.createElement("button",{key:s.label.toLowerCase().replace(/\s/,"-"),disabled:s.disabled||"future"===o&&!m||"current"===o,"aria-current":"current"===o?"step":void 0,onClick:()=>null==c?void 0:c(i),className:`${t["wizard-element"]} ${t[o]} ${p} ${u}`},e.createElement("div",{className:t["number-wrapper"]},e.createElement("span",{className:t.number},((s,n,c)=>{const m=String(n+1);return"finished"===s?c?null:e.createElement(a,{className:t.checkmark,icon:l.Checkmark}):e.createElement(r,null,m)})(o,i,s.disabled))),e.createElement("div",{className:t["two-line-text-overflow"]},e.createElement("span",{className:t.label},s.label)))}));return e.createElement("div",{...i,ref:o,className:t.wizard},d)}));export{s as BaseWizardSteps};
+import e,{Fragment as r}from"react";import t from"./BaseWizardSteps.module.esm.js";import{Icon as a,Icons as n}from"../../Icon/Icon.esm.js";const s=({steps:s,currentStepNo:l,onClick:c,futureStepsClickable:o=false,...i},m)=>{const u=e=>{if(l===e)return"current";else if(e<l)return"finished";return"future"};const d=(s,l,c)=>{const o=String(l+1);if(s==="finished")return c?null:e.createElement(a,{className:t["checkmark"],icon:n.Checkmark});else return e.createElement(r,null,o)};const f=s.map(((r,a)=>{const n=u(a);const s=r.disabled?t["disabled"]:"";const l=o?t["clickable"]:"";return e.createElement("button",{key:r.label.toLowerCase().replace(/\s/,"-"),disabled:r.disabled||n==="future"&&!o||n==="current","aria-current":n==="current"?"step":void 0,onClick:()=>c===null||c===void 0?void 0:c(a),className:`${t["wizard-element"]} ${t[n]} ${l} ${s}`},e.createElement("div",{className:t["number-wrapper"]},e.createElement("span",{className:t["number"]},d(n,a,r.disabled))),e.createElement("div",{className:t["two-line-text-overflow"]},e.createElement("span",{className:t["label"]},r.label)))}));return e.createElement("div",{...i,ref:m,className:t["wizard"]},f)};const l=e.forwardRef(s);export{l as BaseWizardSteps};
 //# sourceMappingURL=BaseWizardSteps.esm.js.map

package/dist/esm/Wizard/BaseWizardSteps/BaseWizardSteps.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseWizardSteps.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"BaseWizardSteps.esm.js","sources":["../../../../../../src/components/Wizard/BaseWizardSteps/BaseWizardSteps.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, Fragment } from \"react\";\nimport classes from \"./BaseWizardSteps.module.scss\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\ntype StepState = \"finished\" \| \"current\" \| \"future\";\n\nexport interface Step {\n label: string;\n disabled?: boolean;\n}\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"onClick\"> {\n steps: Step[];\n currentStepNo: number;\n onClick?: (stepNo: number) => void;\n futureStepsClickable?: boolean;\n}\n\nconst BaseWizardStepsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { steps, currentStepNo, onClick, futureStepsClickable = false, ...rest }: Props,\n ref\n) => {\n const getStepState = (stepNo: number): StepState => {\n if (currentStepNo === stepNo) {\n return \"current\";\n } else if (stepNo < currentStepNo) {\n return \"finished\";\n }\n return \"future\";\n };\n\n const getStepContent = (stepState: StepState, index: number, disabled?: boolean) => {\n const stepNumberString = String(index + 1);\n if (stepState === \"finished\") {\n return disabled ? null : <Icon className={classes[\"checkmark\"]} icon={Icons.Checkmark} />;\n } else {\n return <Fragment>{stepNumberString}</Fragment>;\n }\n };\n\n const generatedSteps = steps.map((step, index) => {\n const stepState = getStepState(index);\n const disabledStyleClassName = step.disabled ? classes[\"disabled\"] : \"\";\n const clickableClassName = futureStepsClickable ? classes[\"clickable\"] : \"\";\n\n return (\n <button\n key={step.label.toLowerCase().replace(/\\s/, \"-\")}\n disabled={\n step.disabled \|\|\n (stepState === \"future\" && !futureStepsClickable) \|\|\n stepState === \"current\"\n }\n aria-current={stepState === \"current\" ? \"step\" : undefined}\n onClick={() => onClick?.(index)}\n className={`${classes[\"wizard-element\"]} ${classes[stepState]} ${clickableClassName} ${disabledStyleClassName}`}\n >\n <div className={classes[\"number-wrapper\"]}>\n <span className={classes[\"number\"]}>\n {getStepContent(stepState, index, step.disabled)}\n </span>\n </div>\n <div className={classes[\"two-line-text-overflow\"]}>\n <span className={classes[\"label\"]}>{step.label}</span>\n </div>\n </button>\n );\n });\n\n return (\n <div {...rest} ref={ref} className={classes[\"wizard\"]}>\n {generatedSteps}\n </div>\n );\n};\n\nexport const BaseWizardSteps = React.forwardRef(BaseWizardStepsComponent);\n"],"names":["BaseWizardStepsComponent","steps","currentStepNo","onClick","futureStepsClickable","rest","ref","getStepState","stepNo","getStepContent","stepState","index","disabled","stepNumberString","String","React","createElement","Icon","className","classes","icon","Icons","Checkmark","Fragment","generatedSteps","map","step","disabledStyleClassName","clickableClassName","key","label","toLowerCase","replace","undefined","BaseWizardSteps","forwardRef"],"mappings":"4IAkCA,MAAMA,EAA4E,EAC9EC,QAAOC,gBAAeC,UAASC,uBAAuB,SAAUC,GAClEC,KAEA,MAAMC,EAAgBC,IACpB,GAAIN,IAAkBM,EACpB,MAAO,eACF,GAAIA,EAASN,EAClB,MAAO,WAET,MAAO,QAAQ,EAGjB,MAAMO,EAAiB,CAACC,EAAsBC,EAAeC,KAC3D,MAAMC,EAAmBC,OAAOH,EAAQ,GACxC,GAAID,IAAc,WAChB,OAAOE,EAAW,KAAOG,EAACC,cAAAC,EAAK,CAAAC,UAAWC,EAAQ,aAAcC,KAAMC,EAAMC,iBAE5E,OAAOP,EAACC,cAAAO,EAAU,KAAAV,EACnB,EAGH,MAAMW,EAAiBvB,EAAMwB,KAAI,CAACC,EAAMf,KACtC,MAAMD,EAAYH,EAAaI,GAC/B,MAAMgB,EAAyBD,EAAKd,SAAWO,EAAQ,YAAc,GACrE,MAAMS,EAAqBxB,EAAuBe,EAAQ,aAAe,GAEzE,OACEJ,0BACEc,IAAKH,EAAKI,MAAMC,cAAcC,QAAQ,KAAM,KAC5CpB,SACEc,EAAKd,UACJF,IAAc,WAAaN,GAC5BM,IAAc,UAEF,eAAAA,IAAc,UAAY,YAASuB,EACjD9B,QAAS,IAAMA,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAAUQ,GACzBO,UAAW,GAAGC,EAAQ,qBAAqBA,EAAQT,MAAckB,KAAsBD,KAEvFZ,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAQ,mBACtBJ,EAAAC,cAAA,OAAA,CAAME,UAAWC,EAAQ,WACtBV,EAAeC,EAAWC,EAAOe,EAAKd,YAG3CG,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAQ,2BACtBJ,EAAAC,cAAA,OAAA,CAAME,UAAWC,EAAQ,UAAWO,EAAKI,QAG7C,IAGJ,OACEf,EAASC,cAAA,MAAA,IAAAX,EAAMC,IAAKA,EAAKY,UAAWC,EAAQ,WACzCK,EAEH,EAGS,MAAAU,EAAkBnB,EAAMoB,WAAWnC"}

package/dist/esm/Wizard/BaseWizardSteps/BaseWizardSteps.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='.BaseWizardSteps_module_wizard__09192c6a{display:flex;padding:1rem}.BaseWizardSteps_module_wizardElement__09192c6a{align-items:stretch;background-color:transparent;border:0;display:flex;flex:1;flex-direction:column;margin:0;padding:0}.BaseWizardSteps_module_wizardElement__09192c6a:focus-visible{outline:1px dashed var(--color-primary);outline-offset:1px}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{border:2px solid var(--color-primary);color:var(--color-primary);font-weight:400}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a .BaseWizardSteps_module_numberWrapper__09192c6a:after,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a .BaseWizardSteps_module_numberWrapper__09192c6a:before{border-bottom:2px solid var(--color-primary)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a .BaseWizardSteps_module_label__09192c6a{color:var(--color-primary)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:disabled .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{border:2px solid var(--disabled);color:var(--disabled)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:disabled .BaseWizardSteps_module_label__09192c6a{color:var(--greyed-out)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:active,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:hover,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:focus{cursor:pointer}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:active .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:hover .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:focus .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{background-color:var(--color-primary);color:var(--light)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:active .BaseWizardSteps_module_label__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:hover .BaseWizardSteps_module_label__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:focus .BaseWizardSteps_module_label__09192c6a{text-decoration:underline}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_finished__09192c6a:enabled:active .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{border:none;margin:2px}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_current__09192c6a .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{background-color:var(--color-primary);border:2px solid var(--color-primary);color:var(--light)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_current__09192c6a .BaseWizardSteps_module_numberWrapper__09192c6a:before{border-bottom:2px solid var(--color-primary)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_current__09192c6a .BaseWizardSteps_module_label__09192c6a{color:var(--color-primary);font-weight:700}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_current__09192c6a .BaseWizardSteps_module_twoLineTextOverflow__09192c6a{display:unset}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{border:2px solid var(--color-primary);color:var(--color-primary)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a .BaseWizardSteps_module_label__09192c6a{color:var(--color-primary)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:active,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:hover,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:focus{cursor:pointer}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:active .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:hover .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:focus .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{background-color:var(--color-primary);color:var(--light)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:active .BaseWizardSteps_module_label__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:hover .BaseWizardSteps_module_label__09192c6a,.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:focus .BaseWizardSteps_module_label__09192c6a{text-decoration:underline}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:enabled:active .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{border:none;margin:2px}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:disabled .BaseWizardSteps_module_numberWrapper__09192c6a .BaseWizardSteps_module_number__09192c6a{border:2px solid var(--disabled);color:var(--disabled)}.BaseWizardSteps_module_wizardElement__09192c6a.BaseWizardSteps_module_future__09192c6a.BaseWizardSteps_module_clickable__09192c6a:disabled .BaseWizardSteps_module_label__09192c6a{color:var(--greyed-out)}.BaseWizardSteps_module_wizardElement__09192c6a:first-child .BaseWizardSteps_module_numberWrapper__09192c6a:before,.BaseWizardSteps_module_wizardElement__09192c6a:last-child .BaseWizardSteps_module_numberWrapper__09192c6a:after{border-bottom:none}.BaseWizardSteps_module_numberWrapper__09192c6a{display:flex;flex-direction:row}.BaseWizardSteps_module_numberWrapper__09192c6a:after,.BaseWizardSteps_module_numberWrapper__09192c6a:before{border-bottom:2px solid var(--greyed-out);content:" ";margin-bottom:.8125rem;width:100%}.BaseWizardSteps_module_number__09192c6a{align-items:center;background-color:var(--light);border:2px solid var(--wizard-step-indicator-future-color);border-radius:50%;box-sizing:content-box;color:var(--wizard-step-indicator-future-color);display:flex;font-family:var(--font-family);font-size:1rem;font-weight:400;height:1.5rem;justify-content:center;line-height:var(--default-line-height);min-height:1.5rem;min-width:1.5rem;width:1.5rem}.BaseWizardSteps_module_twoLineTextOverflow__09192c6a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none;max-height:2rem;overflow:hidden;padding:.25rem 1rem 0}.BaseWizardSteps_module_label__09192c6a{color:var(--default);font-family:var(--font-family);font-size:.75rem;line-height:1rem;overflow:hidden;text-align:center}.BaseWizardSteps_module_checkmark__09192c6a{font-size:.875rem}@media only screen and (min-width:30em){.BaseWizardSteps_module_twoLineTextOverflow__09192c6a{display:unset}}',_={wizard:"BaseWizardSteps_module_wizard__09192c6a","wizard-element":"BaseWizardSteps_module_wizardElement__09192c6a",finished:"BaseWizardSteps_module_finished__09192c6a","number-wrapper":"BaseWizardSteps_module_numberWrapper__09192c6a",number:"BaseWizardSteps_module_number__09192c6a",label:"BaseWizardSteps_module_label__09192c6a",current:"BaseWizardSteps_module_current__09192c6a","two-line-text-overflow":"BaseWizardSteps_module_twoLineTextOverflow__09192c6a",future:"BaseWizardSteps_module_future__09192c6a",clickable:"BaseWizardSteps_module_clickable__09192c6a",checkmark:"BaseWizardSteps_module_checkmark__09192c6a"};e(a,{});export{a as css,_ as default};
+import e from "../../../lib/style-inject.js";var a='/*!\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 */.BaseWizardSteps-module_wizard__PBGXn{display:flex;padding:1rem}.BaseWizardSteps-module_wizard-element__8mT1Z{align-items:stretch;background-color:transparent;border:0;display:flex;flex:1;flex-direction:column;margin:0;padding:0}.BaseWizardSteps-module_wizard-element__8mT1Z:focus-visible{outline:1px dashed var(--color-primary);outline-offset:1px}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3 .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{border:2px solid var(--color-primary);color:var(--color-primary);font-weight:400}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3 .BaseWizardSteps-module_number-wrapper__pYap-:after,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3 .BaseWizardSteps-module_number-wrapper__pYap-:before{border-bottom:2px solid var(--color-primary)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3 .BaseWizardSteps-module_label__xlae9{color:var(--color-primary)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:disabled .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{border:2px solid var(--disabled);color:var(--disabled)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:disabled .BaseWizardSteps-module_label__xlae9{color:var(--greyed-out)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:active,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:hover,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:focus{cursor:pointer}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:active .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:hover .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:focus .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{background-color:var(--color-primary);color:var(--light)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:active .BaseWizardSteps-module_label__xlae9,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:hover .BaseWizardSteps-module_label__xlae9,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:focus .BaseWizardSteps-module_label__xlae9{text-decoration:underline}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_finished__OaPJ3:enabled:active .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{border:none;margin:2px}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_current__4Szhl .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{background-color:var(--color-primary);border:2px solid var(--color-primary);color:var(--light)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_current__4Szhl .BaseWizardSteps-module_number-wrapper__pYap-:before{border-bottom:2px solid var(--color-primary)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_current__4Szhl .BaseWizardSteps-module_label__xlae9{color:var(--color-primary);font-weight:700}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_current__4Szhl .BaseWizardSteps-module_two-line-text-overflow__Z3-hg{display:unset}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{border:2px solid var(--color-primary);color:var(--color-primary)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN .BaseWizardSteps-module_label__xlae9{color:var(--color-primary)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:active,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:hover,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:focus{cursor:pointer}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:active .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:hover .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:focus .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{background-color:var(--color-primary);color:var(--light)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:active .BaseWizardSteps-module_label__xlae9,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:hover .BaseWizardSteps-module_label__xlae9,.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:focus .BaseWizardSteps-module_label__xlae9{text-decoration:underline}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:enabled:active .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{border:none;margin:2px}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:disabled .BaseWizardSteps-module_number-wrapper__pYap- .BaseWizardSteps-module_number__yqOva{border:2px solid var(--disabled);color:var(--disabled)}.BaseWizardSteps-module_wizard-element__8mT1Z.BaseWizardSteps-module_future__8m3tR.BaseWizardSteps-module_clickable__8vZqN:disabled .BaseWizardSteps-module_label__xlae9{color:var(--greyed-out)}.BaseWizardSteps-module_wizard-element__8mT1Z:first-child .BaseWizardSteps-module_number-wrapper__pYap-:before,.BaseWizardSteps-module_wizard-element__8mT1Z:last-child .BaseWizardSteps-module_number-wrapper__pYap-:after{border-bottom:none}.BaseWizardSteps-module_number-wrapper__pYap-{display:flex;flex-direction:row}.BaseWizardSteps-module_number-wrapper__pYap-:after,.BaseWizardSteps-module_number-wrapper__pYap-:before{border-bottom:2px solid var(--greyed-out);content:" ";margin-bottom:.8125rem;width:100%}.BaseWizardSteps-module_number__yqOva{align-items:center;background-color:var(--light);border:2px solid var(--wizard-step-indicator-future-color);border-radius:50%;box-sizing:content-box;color:var(--wizard-step-indicator-future-color);display:flex;font-family:var(--font-family);font-size:1rem;font-weight:400;height:1.5rem;justify-content:center;line-height:var(--default-line-height);min-height:1.5rem;min-width:1.5rem;width:1.5rem}.BaseWizardSteps-module_two-line-text-overflow__Z3-hg{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none;max-height:2rem;overflow:hidden;padding:.25rem 1rem 0}.BaseWizardSteps-module_label__xlae9{color:var(--default);font-family:var(--font-family);font-size:.75rem;line-height:1rem;overflow:hidden;text-align:center}.BaseWizardSteps-module_checkmark__3-aMX{font-size:.875rem}@media only screen and (min-width:30em){.BaseWizardSteps-module_two-line-text-overflow__Z3-hg{display:unset}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhc2VXaXphcmRTdGVwcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHNDQUVFLFlBQWEsQ0FEYixZQUVGLENBRUEsOENBTUUsbUJBQW9CLENBRnBCLDRCQUE2QixDQUM3QixRQUFTLENBSlQsWUFBYSxDQUNiLE1BQU8sQ0FDUCxxQkFBc0IsQ0FLdEIsUUFBUyxDQURULFNBRUYsQ0FDQSw0REFDRSx1Q0FBd0MsQ0FDeEMsa0JBQ0YsQ0FDQSx5S0FDRSxxQ0FBc0MsQ0FDdEMsMEJBQTJCLENBQzNCLGVBQ0YsQ0FDQSxtUkFDRSw0Q0FDRixDQUNBLDBIQUNFLDBCQUNGLENBQ0Esa0xBQ0UsZ0NBQWlDLENBQ2pDLHFCQUNGLENBQ0EsbUlBQ0UsdUJBQ0YsQ0FDQSxrU0FDRSxjQUNGLENBQ0EsOGhCQUNFLHFDQUFzQyxDQUN0QyxrQkFDRixDQUNBLGlaQUNFLHlCQUNGLENBQ0Esd0xBQ0UsV0FBWSxDQUNaLFVBQ0YsQ0FDQSx3S0FHRSxxQ0FBc0MsQ0FEdEMscUNBQXNDLENBRHRDLGtCQUdGLENBQ0EseUlBQ0UsNENBQ0YsQ0FDQSx5SEFFRSwwQkFBMkIsQ0FEM0IsZUFFRixDQUNBLDBJQUNFLGFBQ0YsQ0FDQSwrTUFDRSxxQ0FBc0MsQ0FDdEMsMEJBQ0YsQ0FDQSxnS0FDRSwwQkFDRixDQUNBLG9aQUNFLGNBQ0YsQ0FDQSxncEJBQ0UscUNBQXNDLENBQ3RDLGtCQUNGLENBQ0EsbWdCQUNFLHlCQUNGLENBQ0EsOE5BQ0UsV0FBWSxDQUNaLFVBQ0YsQ0FDQSx3TkFDRSxnQ0FBaUMsQ0FDakMscUJBQ0YsQ0FDQSx5S0FDRSx1QkFDRixDQUlBLDROQUNFLGtCQUNGLENBRUEsOENBQ0UsWUFBYSxDQUNiLGtCQUNGLENBQ0EseUdBSUUseUNBQTBDLENBSDFDLFdBQVksQ0FDWixzQkFBd0IsQ0FDeEIsVUFFRixDQUVBLHNDQUtFLGtCQUFtQixDQVVuQiw2QkFBOEIsQ0FSOUIsMERBQTJELENBQzNELGlCQUFrQixDQVFsQixzQkFBdUIsQ0FIdkIsK0NBQWdELENBVGhELFlBQWEsQ0FIYiw4QkFBK0IsQ0FDL0IsY0FBZSxDQUNmLGVBQW1CLENBU25CLGFBQWMsQ0FOZCxzQkFBdUIsQ0FRdkIsc0NBQXVDLENBSnZDLGlCQUFrQixDQURsQixnQkFBaUIsQ0FFakIsWUFNRixDQUVBLHNEQUdFLG9CQUFxQixDQUNyQiwyQkFBNEIsQ0FGNUIsWUFBYSxDQURiLGVBQWdCLENBSWhCLGVBQWdCLENBQ2hCLHFCQUNGLENBRUEscUNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQixnQkFBa0IsQ0FDbEIsZ0JBQWlCLENBQ2pCLGVBQWdCLENBRWhCLGlCQUNGLENBRUEseUNBQ0UsaUJBQ0YsQ0FFQSx3Q0FDRSxzREFDRSxhQUNGLENBQ0YiLCJmaWxlIjoiQmFzZVdpemFyZFN0ZXBzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi53aXphcmQge1xuICBwYWRkaW5nOiAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4ud2l6YXJkLWVsZW1lbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xufVxuLndpemFyZC1lbGVtZW50OmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAxcHggZGFzaGVkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBvdXRsaW5lLW9mZnNldDogMXB4O1xufVxuLndpemFyZC1lbGVtZW50LmZpbmlzaGVkIC5udW1iZXItd3JhcHBlciAubnVtYmVyIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbn1cbi53aXphcmQtZWxlbWVudC5maW5pc2hlZCAubnVtYmVyLXdyYXBwZXI6YmVmb3JlLCAud2l6YXJkLWVsZW1lbnQuZmluaXNoZWQgLm51bWJlci13cmFwcGVyOmFmdGVyIHtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLndpemFyZC1lbGVtZW50LmZpbmlzaGVkIC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi53aXphcmQtZWxlbWVudC5maW5pc2hlZDpkaXNhYmxlZCAubnVtYmVyLXdyYXBwZXIgLm51bWJlciB7XG4gIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLWRpc2FibGVkKTtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cbi53aXphcmQtZWxlbWVudC5maW5pc2hlZDpkaXNhYmxlZCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4ud2l6YXJkLWVsZW1lbnQuZmluaXNoZWQ6ZW5hYmxlZDpob3ZlciwgLndpemFyZC1lbGVtZW50LmZpbmlzaGVkOmZvY3VzLCAud2l6YXJkLWVsZW1lbnQuZmluaXNoZWQ6ZW5hYmxlZDphY3RpdmUge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ud2l6YXJkLWVsZW1lbnQuZmluaXNoZWQ6ZW5hYmxlZDpob3ZlciAubnVtYmVyLXdyYXBwZXIgLm51bWJlciwgLndpemFyZC1lbGVtZW50LmZpbmlzaGVkOmZvY3VzIC5udW1iZXItd3JhcHBlciAubnVtYmVyLCAud2l6YXJkLWVsZW1lbnQuZmluaXNoZWQ6ZW5hYmxlZDphY3RpdmUgLm51bWJlci13cmFwcGVyIC5udW1iZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgY29sb3I6IHZhcigtLWxpZ2h0KTtcbn1cbi53aXphcmQtZWxlbWVudC5maW5pc2hlZDplbmFibGVkOmhvdmVyIC5sYWJlbCwgLndpemFyZC1lbGVtZW50LmZpbmlzaGVkOmZvY3VzIC5sYWJlbCwgLndpemFyZC1lbGVtZW50LmZpbmlzaGVkOmVuYWJsZWQ6YWN0aXZlIC5sYWJlbCB7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuLndpemFyZC1lbGVtZW50LmZpbmlzaGVkOmVuYWJsZWQ6YWN0aXZlIC5udW1iZXItd3JhcHBlciAubnVtYmVyIHtcbiAgYm9yZGVyOiBub25lO1xuICBtYXJnaW46IDJweDtcbn1cbi53aXphcmQtZWxlbWVudC5jdXJyZW50IC5udW1iZXItd3JhcHBlciAubnVtYmVyIHtcbiAgY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLndpemFyZC1lbGVtZW50LmN1cnJlbnQgLm51bWJlci13cmFwcGVyOmJlZm9yZSB7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi53aXphcmQtZWxlbWVudC5jdXJyZW50IC5sYWJlbCB7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi53aXphcmQtZWxlbWVudC5jdXJyZW50IC50d28tbGluZS10ZXh0LW92ZXJmbG93IHtcbiAgZGlzcGxheTogdW5zZXQ7XG59XG4ud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZSAubnVtYmVyLXdyYXBwZXIgLm51bWJlciB7XG4gIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4ud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZSAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4ud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZTplbmFibGVkOmhvdmVyLCAud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZTpmb2N1cywgLndpemFyZC1lbGVtZW50LmZ1dHVyZS5jbGlja2FibGU6ZW5hYmxlZDphY3RpdmUge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZTplbmFibGVkOmhvdmVyIC5udW1iZXItd3JhcHBlciAubnVtYmVyLCAud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZTpmb2N1cyAubnVtYmVyLXdyYXBwZXIgLm51bWJlciwgLndpemFyZC1lbGVtZW50LmZ1dHVyZS5jbGlja2FibGU6ZW5hYmxlZDphY3RpdmUgLm51bWJlci13cmFwcGVyIC5udW1iZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgY29sb3I6IHZhcigtLWxpZ2h0KTtcbn1cbi53aXphcmQtZWxlbWVudC5mdXR1cmUuY2xpY2thYmxlOmVuYWJsZWQ6aG92ZXIgLmxhYmVsLCAud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZTpmb2N1cyAubGFiZWwsIC53aXphcmQtZWxlbWVudC5mdXR1cmUuY2xpY2thYmxlOmVuYWJsZWQ6YWN0aXZlIC5sYWJlbCB7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuLndpemFyZC1lbGVtZW50LmZ1dHVyZS5jbGlja2FibGU6ZW5hYmxlZDphY3RpdmUgLm51bWJlci13cmFwcGVyIC5udW1iZXIge1xuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbjogMnB4O1xufVxuLndpemFyZC1lbGVtZW50LmZ1dHVyZS5jbGlja2FibGU6ZGlzYWJsZWQgLm51bWJlci13cmFwcGVyIC5udW1iZXIge1xuICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1kaXNhYmxlZCk7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ud2l6YXJkLWVsZW1lbnQuZnV0dXJlLmNsaWNrYWJsZTpkaXNhYmxlZCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4ud2l6YXJkLWVsZW1lbnQ6Zmlyc3QtY2hpbGQgLm51bWJlci13cmFwcGVyOmJlZm9yZSB7XG4gIGJvcmRlci1ib3R0b206IG5vbmU7XG59XG4ud2l6YXJkLWVsZW1lbnQ6bGFzdC1jaGlsZCAubnVtYmVyLXdyYXBwZXI6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4ubnVtYmVyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xufVxuLm51bWJlci13cmFwcGVyOmFmdGVyLCAubnVtYmVyLXdyYXBwZXI6YmVmb3JlIHtcbiAgY29udGVudDogXCIgXCI7XG4gIG1hcmdpbi1ib3R0b206IDAuODEyNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLm51bWJlciB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXdpemFyZC1zdGVwLWluZGljYXRvci1mdXR1cmUtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIG1pbi13aWR0aDogMS41cmVtO1xuICBtaW4taGVpZ2h0OiAxLjVyZW07XG4gIHdpZHRoOiAxLjVyZW07XG4gIGhlaWdodDogMS41cmVtO1xuICBjb2xvcjogdmFyKC0td2l6YXJkLXN0ZXAtaW5kaWNhdG9yLWZ1dHVyZS1jb2xvcik7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbn1cblxuLnR3by1saW5lLXRleHQtb3ZlcmZsb3cge1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBkaXNwbGF5OiBub25lO1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbSAwO1xufVxuXG4ubGFiZWwge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxcmVtO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLmNoZWNrbWFyayB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAudHdvLWxpbmUtdGV4dC1vdmVyZmxvdyB7XG4gICAgZGlzcGxheTogdW5zZXQ7XG4gIH1cbn0iXX0= */';var l={wizard:"BaseWizardSteps-module_wizard__PBGXn","wizard-element":"BaseWizardSteps-module_wizard-element__8mT1Z",finished:"BaseWizardSteps-module_finished__OaPJ3","number-wrapper":"BaseWizardSteps-module_number-wrapper__pYap-",number:"BaseWizardSteps-module_number__yqOva",label:"BaseWizardSteps-module_label__xlae9",current:"BaseWizardSteps-module_current__4Szhl","two-line-text-overflow":"BaseWizardSteps-module_two-line-text-overflow__Z3-hg",future:"BaseWizardSteps-module_future__8m3tR",clickable:"BaseWizardSteps-module_clickable__8vZqN",checkmark:"BaseWizardSteps-module_checkmark__3-aMX"};e(a);export{l as default};
 //# sourceMappingURL=BaseWizardSteps.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{Fragment as t,useContext as r,useEffect as o}from"react";import{WizardStateProvider as n,WizardStateContext as s}from"./WizardStateProvider.esm.js";import{setWizardState as a}from"./wizardStateReducer.esm.js";const i=({steps:n,mode:i,onStepChange:m,children:c})=>(((e,t)=>{const{dispatch:n}=r(s);o((()=>{n(a(e,t))}),[e,t])})(n,i),(e=>{const{state:{currentStepNo:t}}=r(s);o((()=>{e(t)}),[t])})(m),e.createElement(t,null,c)),m=t=>{const{steps:r,initialStepNo:o=0,mode:s}=t;return e.createElement(n,{initialState:{steps:r,currentStepNo:o,mode:s}},e.createElement(i,{...t}))};export{m as Wizard};
+import t,{Fragment as e,useContext as r,useEffect as o}from"react";import{WizardStateProvider as n,WizardStateContext as s}from"./WizardStateProvider.esm.js";import{setWizardState as c}from"./wizardStateReducer.esm.js";const a=(t,e)=>{const{dispatch:n}=r(s);o((()=>{n(c(t,e))}),[t,e])};const i=t=>{const{state:{currentStepNo:e}}=r(s);o((()=>{t(e)}),[e])};const m=({steps:r,mode:o,onStepChange:n,children:s})=>{a(r,o);i(n);return t.createElement(e,null,s)};const p=e=>{const{steps:r,initialStepNo:o=0,mode:s}=e;return t.createElement(n,{initialState:{steps:r,currentStepNo:o,mode:s}},t.createElement(m,{...e}))};export{p as Wizard};
 //# sourceMappingURL=Wizard.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Wizard.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Wizard.esm.js","sources":["../../../../../src/components/Wizard/Wizard.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, { Fragment, useContext, useEffect } from \"react\";\nimport { Step } from \"./BaseWizardSteps/BaseWizardSteps\";\nimport { WizardStateContext, WizardStateProvider } from \"./WizardStateProvider\";\nimport { setWizardState } from \"./wizardStateReducer\";\n\nexport type WizardMode = \"add\" \| \"edit\";\n\nexport interface Props {\n steps: Step[];\n mode: WizardMode;\n initialStepNo?: number;\n onStepChange: (stepNo: number) => void;\n children: React.ReactNode;\n}\n\nconst useSetWizardState = (steps: Step[], mode: WizardMode) => {\n const { dispatch } = useContext(WizardStateContext);\n\n useEffect(() => {\n dispatch(setWizardState(steps, mode));\n }, [steps, mode]);\n};\n\nconst useStepChanging = (onStepChange: (stepNo: number) => void) => {\n const {\n state: { currentStepNo }\n } = useContext(WizardStateContext);\n\n useEffect(() => {\n onStepChange(currentStepNo);\n }, [currentStepNo]);\n};\n\nconst WizardContent = ({ steps, mode, onStepChange, children }: Props) => {\n useSetWizardState(steps, mode);\n useStepChanging(onStepChange);\n\n return <Fragment>{children}</Fragment>;\n};\n\nexport const Wizard = (props: Props) => {\n const { steps, initialStepNo: currentStepNo = 0, mode } = props;\n return (\n <WizardStateProvider initialState={{ steps, currentStepNo, mode }}>\n <WizardContent {...props} />\n </WizardStateProvider>\n );\n};\n"],"names":["useSetWizardState","steps","mode","dispatch","useContext","WizardStateContext","useEffect","setWizardState","useStepChanging","onStepChange","state","currentStepNo","WizardContent","children","React","createElement","Fragment","Wizard","props","initialStepNo","WizardStateProvider","initialState"],"mappings":"2NA+BA,MAAMA,EAAoB,CAACC,EAAeC,KACxC,MAAMC,SAAEA,GAAaC,EAAWC,GAEhCC,GAAU,KACRH,EAASI,EAAeN,EAAOC,GAAM,GACpC,CAACD,EAAOC,GAAM,EAGnB,MAAMM,EAAmBC,IACvB,MACEC,OAAOC,cAAEA,IACPP,EAAWC,GAEfC,GAAU,KACRG,EAAaE,EAAc,GAC1B,CAACA,GAAe,EAGrB,MAAMC,EAAgB,EAAGX,QAAOC,OAAMO,eAAcI,eAClDb,EAAkBC,EAAOC,GACzBM,EAAgBC,GAEhB,OAAOK,EAACC,cAAAC,EAAU,KAAAH,EAAoB,EAG3B,MAAAI,EAAUC,IACrB,MAAMjB,MAAEA,EAAOkB,cAAeR,EAAgB,EAACT,KAAEA,GAASgB,EAC1D,OACEJ,EAAAC,cAACK,EAAmB,CAACC,aAAc,CAAEpB,QAAOU,gBAAeT,SACzDY,EAAAC,cAACH,EAAkB,IAAAM,IAErB"}

package/dist/esm/Wizard/WizardActions/WizardActions.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useContext as t,Fragment as r,useMemo as n}from"react";import{Button as o}from"../../Button/Button.esm.js";import{WizardStateContext as l}from"../WizardStateProvider.esm.js";import{changeCurrentStepNo as a}from"../wizardStateReducer.esm.js";const i=({actions:i})=>{const{state:{mode:s,steps:d,currentStepNo:c},dispatch:m}=t(l),u=((e,t,r)=>n(((e,t)=>()=>e.findIndex(((e,r)=>r>t&&!e.disabled)))(r,t),[e,t,r]))(s,c,d),p=-1!==u,v=((e,t,r)=>n(((e,t)=>()=>{const r=e.length-1-t,n=[...e].reverse().findIndex(((e,t)=>t>r&&!e.disabled));return n>0?e.length-1-n:-1})(r,t),[e,t,r]))(s,c,d),f=-1!==v,C=!p||"edit"===s,k=e=>{"forward"===e?p&&m(a(u)):f&&m(a(v))};return e.createElement(r,null,f&&e.createElement(o,{variant:"outline",onClick:()=>{var e,t;null===(t=(e=i.previous).onClick)||void 0===t||t.call(e),k("backward")}},i.previous.label),p&&e.createElement(o,{variant:"edit"===s?"outline":"fill",onClick:()=>{i.next.onClick(c)&&k("forward")}},i.next.label),C&&e.createElement(o,{onClick:()=>{i.saveAndClose.onClick(c)}},i.saveAndClose.label))};export{i as WizardActions};
+import e,{useContext as t,Fragment as n,useMemo as o}from"react";import{Button as r}from"../../Button/Button.esm.js";import{WizardStateContext as s}from"../WizardStateProvider.esm.js";import{changeCurrentStepNo as c}from"../wizardStateReducer.esm.js";const l=(e,t)=>()=>e.findIndex(((e,n)=>n>t&&!e.disabled));const i=(e,t)=>()=>{const n=e.length-1-t;const o=[...e].reverse().findIndex(((e,t)=>t>n&&!e.disabled));if(o>0)return e.length-1-o;return-1};const a=(e,t,n)=>o(l(n,t),[e,t,n]);const d=(e,t,n)=>o(i(n,t),[e,t,n]);const m=({actions:o})=>{const{state:{mode:l,steps:i,currentStepNo:m},dispatch:u}=t(s);const f=a(l,m,i);const v=f!==-1;const p=d(l,m,i);const C=p!==-1;const k=!v||l==="edit";const b=e=>{if(e==="forward")v&&u(c(f));else C&&u(c(p))};const x=()=>{o.next.onClick(m)&&b("forward")};const w=()=>{var e,t;(t=(e=o.previous).onClick)===null||t===void 0?void 0:t.call(e);b("backward")};const E=()=>{o.saveAndClose.onClick(m)};return e.createElement(n,null,C&&e.createElement(r,{variant:"outline",onClick:w},o.previous.label),v&&e.createElement(r,{variant:l==="edit"?"outline":"fill",onClick:x},o.next.label),k&&e.createElement(r,{onClick:E},o.saveAndClose.label))};export{m as WizardActions};
 //# sourceMappingURL=WizardActions.esm.js.map

package/dist/esm/Wizard/WizardActions/WizardActions.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardActions.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"WizardActions.esm.js","sources":["../../../../../../src/components/Wizard/WizardActions/WizardActions.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, { Fragment, useContext, useMemo } from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { Step } from \"../BaseWizardSteps/BaseWizardSteps\";\nimport { WizardMode } from \"../Wizard\";\nimport { WizardStateContext } from \"../WizardStateProvider\";\nimport { changeCurrentStepNo } from \"../wizardStateReducer\";\n\nexport interface Props extends React.HTMLProps<HTMLDivElement> {\n actions: {\n previous: {\n label: string;\n onClick: () => void;\n previousButtonProps?: ButtonProps;\n };\n next: {\n label: string;\n onClick: (currentStepNo: number) => boolean;\n nextButtonProps?: ButtonProps;\n };\n saveAndClose: {\n label: string;\n onClick: (currentStepNo: number) => void;\n saveAndCloseButtonProps?: ButtonProps;\n };\n };\n}\n\nconst calculateNextStepNo = (steps: Step[], currentStepNo: number) => () =>\n steps.findIndex((step, stepNo) => stepNo > currentStepNo && !step.disabled);\n\nconst calculatePrevStepNo = (steps: Step[], currentStepNo: number) => () => {\n const reversedCurrentStepNo = steps.length - 1 - currentStepNo;\n const reversedPrevStepNo = [...steps]\n .reverse()\n .findIndex((step, stepNo) => stepNo > reversedCurrentStepNo && !step.disabled);\n if (reversedPrevStepNo > 0) {\n return steps.length - 1 - reversedPrevStepNo;\n }\n return -1;\n};\n\nconst useNextStepNo = (mode: WizardMode, currentStepNo: number, steps: Step[]) =>\n useMemo(calculateNextStepNo(steps, currentStepNo), [mode, currentStepNo, steps]);\n\nconst usePreviousStepNo = (mode: WizardMode, currentStepNo: number, steps: Step[]) =>\n useMemo(calculatePrevStepNo(steps, currentStepNo), [mode, currentStepNo, steps]);\n\nexport const WizardActions = ({ actions }: Props) => {\n const {\n state: { mode, steps, currentStepNo },\n dispatch\n } = useContext(WizardStateContext);\n const nextStepNo = useNextStepNo(mode, currentStepNo, steps);\n const hasNextStep = nextStepNo !== -1;\n const previousStepNo = usePreviousStepNo(mode, currentStepNo, steps);\n const hasPreviousStep = previousStepNo !== -1;\n const isLastStepOrEditMode = !hasNextStep \|\| mode === \"edit\";\n\n const changeStepNo = (direction: \"forward\" \| \"backward\") => {\n if (direction === \"forward\") {\n hasNextStep && dispatch(changeCurrentStepNo(nextStepNo));\n } else {\n hasPreviousStep && dispatch(changeCurrentStepNo(previousStepNo));\n }\n };\n\n const onNextWrapper = () => {\n actions.next.onClick(currentStepNo) && changeStepNo(\"forward\");\n };\n\n const onPreviousWrapper = () => {\n actions.previous.onClick?.();\n changeStepNo(\"backward\");\n };\n\n const onSaveAndCloseWrapper = () => {\n actions.saveAndClose.onClick(currentStepNo);\n };\n\n return (\n <Fragment>\n {hasPreviousStep && (\n <Button variant=\"outline\" onClick={onPreviousWrapper}>\n {actions.previous.label}\n </Button>\n )}\n {hasNextStep && (\n <Button variant={mode === \"edit\" ? \"outline\" : \"fill\"} onClick={onNextWrapper}>\n {actions.next.label}\n </Button>\n )}\n {isLastStepOrEditMode && (\n <Button onClick={onSaveAndCloseWrapper}>{actions.saveAndClose.label}</Button>\n )}\n </Fragment>\n );\n};\n"],"names":["calculateNextStepNo","steps","currentStepNo","findIndex","step","stepNo","disabled","calculatePrevStepNo","reversedCurrentStepNo","length","reversedPrevStepNo","reverse","useNextStepNo","mode","useMemo","usePreviousStepNo","WizardActions","actions","state","dispatch","useContext","WizardStateContext","nextStepNo","hasNextStep","previousStepNo","hasPreviousStep","isLastStepOrEditMode","changeStepNo","direction","changeCurrentStepNo","onNextWrapper","next","onClick","onPreviousWrapper","_b","previous","onSaveAndCloseWrapper","saveAndClose","React","Fragment","createElement","Button","variant","label"],"mappings":"2PA2CA,MAAMA,EAAsB,CAACC,EAAeC,IAA0B,IACpED,EAAME,WAAU,CAACC,EAAMC,IAAWA,EAASH,IAAkBE,EAAKE,WAEpE,MAAMC,EAAsB,CAACN,EAAeC,IAA0B,KACpE,MAAMM,EAAwBP,EAAMQ,OAAS,EAAIP,EACjD,MAAMQ,EAAqB,IAAIT,GAC5BU,UACAR,WAAU,CAACC,EAAMC,IAAWA,EAASG,IAA0BJ,EAAKE,WACvE,GAAII,EAAqB,EACvB,OAAOT,EAAMQ,OAAS,EAAIC,EAE5B,OAAQ,CAAC,EAGX,MAAME,EAAgB,CAACC,EAAkBX,EAAuBD,IAC9Da,EAAQd,EAAoBC,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,IAE3E,MAAMc,EAAoB,CAACF,EAAkBX,EAAuBD,IAClEa,EAAQP,EAAoBN,EAAOC,GAAgB,CAACW,EAAMX,EAAeD,UAE9De,EAAgB,EAAGC,cAC9B,MACEC,OAAOL,KAAEA,EAAIZ,MAAEA,EAAKC,cAAEA,GAAeiB,SACrCA,GACEC,EAAWC,GACf,MAAMC,EAAaV,EAAcC,EAAMX,EAAeD,GACtD,MAAMsB,EAAcD,KAAgB,EACpC,MAAME,EAAiBT,EAAkBF,EAAMX,EAAeD,GAC9D,MAAMwB,EAAkBD,KAAoB,EAC5C,MAAME,GAAwBH,GAAeV,IAAS,OAEtD,MAAMc,EAAgBC,IACpB,GAAIA,IAAc,UAChBL,GAAeJ,EAASU,EAAoBP,SAE5CG,GAAmBN,EAASU,EAAoBL,GACjD,EAGH,MAAMM,EAAgB,KACpBb,EAAQc,KAAKC,QAAQ9B,IAAkByB,EAAa,UAAU,EAGhE,MAAMM,EAAoB,cACxBC,KAAAjB,EAAQkB,UAASH,6CACjBL,EAAa,WAAW,EAG1B,MAAMS,EAAwB,KAC5BnB,EAAQoB,aAAaL,QAAQ9B,EAAc,EAG7C,OACEoC,gBAACC,EAAQ,KACNd,GACCa,EAAAE,cAACC,EAAO,CAAAC,QAAQ,UAAUV,QAASC,GAChChB,EAAQkB,SAASQ,OAGrBpB,GACCe,EAACE,cAAAC,EAAO,CAAAC,QAAS7B,IAAS,OAAS,UAAY,OAAQmB,QAASF,GAC7Db,EAAQc,KAAKY,OAGjBjB,GACCY,EAAAE,cAACC,EAAO,CAAAT,QAASI,GAAwBnB,EAAQoB,aAAaM,OAGlE"}

package/dist/esm/Wizard/WizardStateProvider.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{createContext as e,useReducer as r}from"react";import{reducer as a}from"./wizardStateReducer.esm.js";const i=e({state:{},dispatch:()=>null}),c=({children:e,initialState:c})=>{const[o,s]=r(a,c);return t.createElement(i.Provider,{value:{state:o,dispatch:s}},e)};export{i as WizardStateContext,c as WizardStateProvider};
+import t,{createContext as e,useReducer as r}from"react";import{reducer as a}from"./wizardStateReducer.esm.js";const i=e({state:{},dispatch:()=>null});const c=({children:e,initialState:c})=>{const[o,s]=r(a,c);return t.createElement(i.Provider,{value:{state:o,dispatch:s}},e)};export{i as WizardStateContext,c as WizardStateProvider};
 //# sourceMappingURL=WizardStateProvider.esm.js.map

package/dist/esm/Wizard/WizardStateProvider.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardStateProvider.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"WizardStateProvider.esm.js","sources":["../../../../../src/components/Wizard/WizardStateProvider.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, { createContext, Dispatch, useReducer } from \"react\";\nimport { WizardActions, WizardStateType, reducer } from \"./wizardStateReducer\";\n\nconst WizardStateContext = createContext<{\n state: WizardStateType;\n dispatch: Dispatch<WizardActions>;\n}>({\n state: {} as WizardStateType,\n dispatch: () => null\n});\n\nexport interface Props {\n initialState: WizardStateType;\n children?: React.ReactNode;\n}\n\nconst WizardStateProvider = ({ children, initialState }: Props) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n return (\n <WizardStateContext.Provider value={{ state, dispatch }}>\n {children}\n </WizardStateContext.Provider>\n );\n};\n\nexport { WizardStateProvider, WizardStateContext };\n"],"names":["WizardStateContext","createContext","state","dispatch","WizardStateProvider","children","initialState","useReducer","reducer","React","createElement","Provider","value"],"mappings":"+GAmBM,MAAAA,EAAqBC,EAGxB,CACDC,MAAO,CAAqB,EAC5BC,SAAU,IAAM,OAQZ,MAAAC,EAAsB,EAAGC,WAAUC,mBACvC,MAAOJ,EAAOC,GAAYI,EAAWC,EAASF,GAC9C,OACEG,EAACC,cAAAV,EAAmBW,UAASC,MAAO,CAAEV,QAAOC,aAC1CE,EAEH"}

package/dist/esm/Wizard/WizardSteps/WizardSteps.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useContext as t}from"react";import{WizardStateContext as r}from"../WizardStateProvider.esm.js";import{BaseWizardSteps as s}from"../BaseWizardSteps/BaseWizardSteps.esm.js";import{changeCurrentStepNo as o}from"../wizardStateReducer.esm.js";const a=e.forwardRef((({onStepClick:a,...i},p)=>{const{state:{currentStepNo:m,mode:c,steps:d},dispatch:f}=t(r);return e.createElement(s,{...i,ref:p,onClick:e=>{a(m,e)&&f(o(e))},steps:d,currentStepNo:m,futureStepsClickable:"edit"===c})}));export{a as WizardSteps};
+import e,{useContext as t}from"react";import{WizardStateContext as r}from"../WizardStateProvider.esm.js";import{BaseWizardSteps as s}from"../BaseWizardSteps/BaseWizardSteps.esm.js";import{changeCurrentStepNo as o}from"../wizardStateReducer.esm.js";const a=({onStepClick:a,...i},p)=>{const{state:{currentStepNo:c,mode:m,steps:d},dispatch:n}=t(r);const f=e=>{a(c,e)&&n(o(e))};return e.createElement(s,{...i,ref:p,onClick:f,steps:d,currentStepNo:c,futureStepsClickable:m==="edit"})};const i=e.forwardRef(a);export{i as WizardSteps};
 //# sourceMappingURL=WizardSteps.esm.js.map

package/dist/esm/Wizard/WizardSteps/WizardSteps.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardSteps.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"WizardSteps.esm.js","sources":["../../../../../../src/components/Wizard/WizardSteps/WizardSteps.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, useContext } from \"react\";\nimport { WizardStateContext } from \"../WizardStateProvider\";\nimport { BaseWizardSteps } from \"../BaseWizardSteps/BaseWizardSteps\";\nimport { changeCurrentStepNo } from \"../wizardStateReducer\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;\n}\n\nconst WizardStepsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n { onStepClick, ...rest }: Props,\n ref\n) => {\n const {\n state: { currentStepNo, mode, steps },\n dispatch\n } = useContext(WizardStateContext);\n\n const onClick = (selectedStepNo: number) => {\n onStepClick(currentStepNo, selectedStepNo) && dispatch(changeCurrentStepNo(selectedStepNo));\n };\n\n return (\n <BaseWizardSteps\n {...rest}\n ref={ref}\n onClick={onClick}\n steps={steps}\n currentStepNo={currentStepNo}\n futureStepsClickable={mode === \"edit\"}\n />\n );\n};\n\nexport const WizardSteps = React.forwardRef(WizardStepsComponent);\n"],"names":["WizardStepsComponent","onStepClick","rest","ref","state","currentStepNo","mode","steps","dispatch","useContext","WizardStateContext","onClick","selectedStepNo","changeCurrentStepNo","React","createElement","BaseWizardSteps","futureStepsClickable","WizardSteps","forwardRef"],"mappings":"wPAyBA,MAAMA,EAAwE,EAC1EC,iBAAgBC,GAClBC,KAEA,MACEC,OAAOC,cAAEA,EAAaC,KAAEA,EAAIC,MAAEA,GAAOC,SACrCA,GACEC,EAAWC,GAEf,MAAMC,EAAWC,IACfX,EAAYI,EAAeO,IAAmBJ,EAASK,EAAoBD,GAAgB,EAG7F,OACEE,EAAAC,cAACC,EAAe,IACVd,EACJC,IAAKA,EACLQ,QAASA,EACTJ,MAAOA,EACPF,cAAeA,EACfY,qBAAsBX,IAAS,QAEjC,EAGS,MAAAY,EAAcJ,EAAMK,WAAWnB"}

package/dist/esm/Wizard/wizardStateReducer.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=(e,t)=>({type:"SET_STATE",payload:{steps:e,mode:t}}),t=e=>({type:"CHANGE_CURRENT_STEP_NO",payload:e}),a=(e,t)=>{switch(t.type){case"SET_STATE":return{...e,...t.payload};case"CHANGE_CURRENT_STEP_NO":return{...e,currentStepNo:t.payload};default:return e}};export{t as changeCurrentStepNo,a as reducer,e as setWizardState};
+const t=(t,e)=>({type:"SET_STATE",payload:{steps:t,mode:e}});const e=t=>({type:"CHANGE_CURRENT_STEP_NO",payload:t});const a=(t,e)=>{switch(e.type){case"SET_STATE":return{...t,...e.payload};case"CHANGE_CURRENT_STEP_NO":return{...t,currentStepNo:e.payload};default:return t}};export{e as changeCurrentStepNo,a as reducer,t as setWizardState};
 //# sourceMappingURL=wizardStateReducer.esm.js.map

package/dist/esm/Wizard/wizardStateReducer.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"wizardStateReducer.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"wizardStateReducer.esm.js","sources":["../../../../../src/components/Wizard/wizardStateReducer.ts"],"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 { Reducer } from \"react\";\nimport { Step } from \"./BaseWizardSteps/BaseWizardSteps\";\nimport { WizardMode } from \"./Wizard\";\n\ntype WizardStateType = {\n steps: Step[];\n currentStepNo: number;\n mode: WizardMode;\n};\n\ninterface SetWizardStateAction {\n type: \"SET_STATE\";\n payload: {\n steps: Step[];\n mode: WizardMode;\n };\n}\n\ninterface ChangeCurrentStepNoAction {\n type: \"CHANGE_CURRENT_STEP_NO\";\n payload: number;\n}\n\nconst setWizardState = (steps: Step[], mode: WizardMode): SetWizardStateAction => {\n return { type: \"SET_STATE\", payload: { steps, mode } };\n};\n\nconst changeCurrentStepNo = (currentStepNo: number): ChangeCurrentStepNoAction => {\n return { type: \"CHANGE_CURRENT_STEP_NO\", payload: currentStepNo };\n};\n\ntype WizardActions = SetWizardStateAction \| ChangeCurrentStepNoAction;\n\nconst reducer: Reducer<WizardStateType, WizardActions> = (state, action) => {\n switch (action.type) {\n case \"SET_STATE\":\n return { ...state, ...action.payload };\n case \"CHANGE_CURRENT_STEP_NO\":\n return { ...state, currentStepNo: action.payload };\n default:\n return state;\n }\n};\n\nexport { setWizardState, changeCurrentStepNo, reducer, WizardActions, WizardStateType };\n"],"names":["setWizardState","steps","mode","type","payload","changeCurrentStepNo","currentStepNo","reducer","state","action"],"mappings":"AAuCA,MAAMA,EAAiB,CAACC,EAAeC,KAC9B,CAAEC,KAAM,YAAaC,QAAS,CAAEH,QAAOC,UAGhD,MAAMG,EAAuBC,IACpB,CAAEH,KAAM,yBAA0BC,QAASE,IAKpD,MAAMC,EAAmD,CAACC,EAAOC,KAC/D,OAAQA,EAAON,MACb,IAAK,YACH,MAAO,IAAKK,KAAUC,EAAOL,SAC/B,IAAK,yBACH,MAAO,IAAKI,EAAOF,cAAeG,EAAOL,SAC3C,QACE,OAAOI,EACV"}