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

@onewelcome/react-lib-components 4.3.0 → 5.0.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/Stepper/Step.esm.js.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var _='.Step_module_srOnly__244993cd{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Step_module_hidden__244993cd{display:none}.Step_module_slideIn__244993cd{animation:Step_module_slideIn__244993cd .5s forwards}@media (prefers-reduced-motion:reduce){.Step_module_slideIn__244993cd{animation-duration:.1ms}}.Step_module_slideOut__244993cd{animation:Step_module_slideOut__244993cd .5s forwards}@media (prefers-reduced-motion:reduce){.Step_module_slideOut__244993cd{animation-duration:.1ms}}@keyframes Step_module_slideIn__244993cd{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step_module_slideOut__244993cd{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Step_module_stepWrapper__244993cd{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1;flex-direction:row;justify-content:center;margin:0;padding:0}.Step_module_stepWrapper__244993cd:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.Step_module_stepWrapper__244993cd .Step_module_stepContent__244993cd{align-items:center;display:flex;justify-content:center}.Step_module_stepWrapper__244993cd:last-child{flex-basis:fit-content;flex-grow:0}.Step_module_stepWrapper__244993cd:not(:last-child):after{border-bottom:2px solid var(--stepper-line-color);content:"";flex-grow:1;margin:0 .5rem;min-width:.5rem}.Step_module_stepWrapper__244993cd.Step_module_vertical__244993cd{display:flex;flex-direction:column;flex-grow:1}.Step_module_stepWrapper__244993cd.Step_module_vertical__244993cd:last-child{flex-basis:fit-content;flex-grow:0}.Step_module_stepWrapper__244993cd.Step_module_vertical__244993cd:not(:last-child):after{border-bottom:none;border-left:2px solid var(--stepper-line-color);content:"";height:100%;margin:.5rem 0 .5rem 1.6875rem;min-height:.5rem;width:100%}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_waiting__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-color);border-color:var(--stepper-current-color);color:var(--stepper-default-text-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:not(:last-child):after{border-color:var(--stepper-line-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-hover-color);border-color:var(--stepper-current-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-active-color);border-color:var(--stepper-current-active-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-current-disabled-color);border-color:var(--stepper-current-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd .Step_module_stepContent__244993cd .Step_module_label__244993cd{font-weight:700}.Step_module_stepWrapper__244993cd.Step_module_current__244993cd .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{font-weight:400}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-color);border-color:var(--stepper-done-color);color:var(--stepper-default-text-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:not(:last-child):after{border-color:var(--stepper-line-bold-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-hover-color);border-color:var(--stepper-done-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-active-color);border-color:var(--stepper-done-active-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-done-disabled-color);border-color:var(--stepper-done-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_done__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-bold-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-color);border-color:var(--stepper-error-color);color:var(--stepper-default-text-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:not(:last-child):after{border-color:var(--stepper-line-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:hover .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-hover-color);border-color:var(--stepper-error-hover-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:active .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-active-color);border-color:var(--stepper-error-active-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled{cursor:not-allowed}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_step__244993cd{background-color:var(--stepper-error-disabled-color);border-color:var(--stepper-error-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd{color:var(--stepper-label-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-error-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step_module_stepWrapper__244993cd.Step_module_error__244993cd .Step_module_stepContent__244993cd .Step_module_label__244993cd .Step_module_caption__244993cd{color:var(--stepper-caption-error-color)}.Step_module_step__244993cd{align-items:center;border:2px solid var(--stepper-waiting-color);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-form-label);font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.Step_module_label__244993cd{color:var(--stepper-label-color);flex-shrink:0;margin-left:.5rem;position:relative}.Step_module_caption__244993cd{color:var(--stepper-caption-color);font-size:.75rem;left:0;position:absolute;top:1.25rem}',o={"sr-only":"Step_module_srOnly__244993cd",hidden:"Step_module_hidden__244993cd","slide-in":"Step_module_slideIn__244993cd","slide-out":"Step_module_slideOut__244993cd","step-wrapper":"Step_module_stepWrapper__244993cd","step-content":"Step_module_stepContent__244993cd",vertical:"Step_module_vertical__244993cd",waiting:"Step_module_waiting__244993cd",step:"Step_module_step__244993cd",label:"Step_module_label__244993cd",caption:"Step_module_caption__244993cd",current:"Step_module_current__244993cd",done:"Step_module_done__244993cd",error:"Step_module_error__244993cd"};e(_,{});export{_ as css,o as default};
+import e from "../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Step-module_sr-only__3A94P{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Step-module_hidden__Yk-sy{display:none}.Step-module_slide-in__lN7Tm{animation:Step-module_slide-in__lN7Tm .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-in__lN7Tm{animation-duration:.1ms}}.Step-module_slide-out__HugJ6{animation:Step-module_slide-out__HugJ6 .5s forwards}@media (prefers-reduced-motion:reduce){.Step-module_slide-out__HugJ6{animation-duration:.1ms}}@keyframes Step-module_slide-in__lN7Tm{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step-module_slide-out__HugJ6{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Step-module_step-wrapper__lz84F{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex:1;flex-direction:row;justify-content:center;margin:0;padding:0}.Step-module_step-wrapper__lz84F:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.Step-module_step-wrapper__lz84F .Step-module_step-content__OvUTX{align-items:center;display:flex;justify-content:center}.Step-module_step-wrapper__lz84F:last-child{flex-basis:fit-content;flex-grow:0}.Step-module_step-wrapper__lz84F:not(:last-child):after{border-bottom:2px solid var(--stepper-line-color);content:"";flex-grow:1;margin:0 .5rem;min-width:.5rem}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6{display:flex;flex-direction:column;flex-grow:1}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6:last-child{flex-basis:fit-content;flex-grow:0}.Step-module_step-wrapper__lz84F.Step-module_vertical__ndoU6:not(:last-child):after{border-bottom:none;border-left:2px solid var(--stepper-line-color);content:"";height:100%;margin:.5rem 0 .5rem 1.6875rem;min-height:.5rem;width:100%}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf .Step-module_step-content__OvUTX .Step-module_step__d5udL{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_waiting__ABvWf:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-color);border-color:var(--stepper-current-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:not(:last-child):after{border-color:var(--stepper-line-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-hover-color);border-color:var(--stepper-current-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-active-color);border-color:var(--stepper-current-active-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-current-disabled-color);border-color:var(--stepper-current-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_label__2XJya{font-weight:700}.Step-module_step-wrapper__lz84F.Step-module_current__ZjzZO .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{font-weight:400}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5 .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-color);border-color:var(--stepper-done-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:not(:last-child):after{border-color:var(--stepper-line-bold-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-hover-color);border-color:var(--stepper-done-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-active-color);border-color:var(--stepper-done-active-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-done-disabled-color);border-color:var(--stepper-done-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_done__AotE5:disabled:not(:last-child):after{border-color:var(--stepper-line-bold-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-color);border-color:var(--stepper-error-color);color:var(--stepper-default-text-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:not(:last-child):after{border-color:var(--stepper-line-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:hover .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-hover-color);border-color:var(--stepper-error-hover-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:active .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-active-color);border-color:var(--stepper-error-active-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled{cursor:not-allowed}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_step__d5udL{background-color:var(--stepper-error-disabled-color);border-color:var(--stepper-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya{color:var(--stepper-label-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD:disabled:not(:last-child):after{border-color:var(--stepper-line-disabled-color)}.Step-module_step-wrapper__lz84F.Step-module_error__d9DxD .Step-module_step-content__OvUTX .Step-module_label__2XJya .Step-module_caption__Ht-Ld{color:var(--stepper-caption-error-color)}.Step-module_step__d5udL{align-items:center;border:2px solid var(--stepper-waiting-color);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-form-label);font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.Step-module_label__2XJya{color:var(--stepper-label-color);flex-shrink:0;margin-left:.5rem;position:relative}.Step-module_caption__Ht-Ld{color:var(--stepper-caption-color);font-size:.75rem;left:0;position:absolute;top:1.25rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0ZXAubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSxpQ0FLRSxrQkFBbUIsQ0FDbkIsNEJBQTZCLENBQzdCLFFBQVMsQ0FHVCxjQUFlLENBVGYsWUFBYSxDQUNiLE1BQU8sQ0FDUCxrQkFBbUIsQ0FDbkIsc0JBQXVCLENBS3ZCLFFBQVMsQ0FEVCxTQUdGLENBQ0EsK0NBR0Usd0NBQXlDLENBRnpDLHdDQUEwQyxDQUMxQyxnQkFFRixDQUNBLGtFQUdFLGtCQUFtQixDQUZuQixZQUFhLENBQ2Isc0JBRUYsQ0FDQSw0Q0FFRSxzQkFBdUIsQ0FEdkIsV0FFRixDQUNBLHdEQUtFLGlEQUFrRCxDQUpsRCxVQUFXLENBRVgsV0FBWSxDQURaLGNBQWdCLENBRWhCLGVBRUYsQ0FDQSw2REFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLFdBQ0YsQ0FDQSx3RUFFRSxzQkFBdUIsQ0FEdkIsV0FFRixDQUNBLG9GQUVFLGtCQUFtQixDQUVuQiwrQ0FBZ0QsQ0FIaEQsVUFBVyxDQUtYLFdBQVksQ0FIWiw4QkFBaUMsQ0FFakMsZ0JBQWtCLENBRWxCLFVBQ0YsQ0FDQSxzSEFDRSx1Q0FBd0MsQ0FDeEMsa0NBQ0YsQ0FDQSw0SEFDRSxtREFBb0QsQ0FDcEQsd0NBQ0YsQ0FDQSw2SEFDRSxvREFBcUQsQ0FDckQseUNBQ0YsQ0FDQSxxRUFDRSxrQkFDRixDQUNBLCtIQUNFLHNEQUF1RCxDQUN2RCwyQ0FDRixDQUNBLGdJQUNFLHlDQUNGLENBQ0EsNEpBQ0UsMkNBQ0YsQ0FDQSw0RkFDRSwrQ0FDRixDQUNBLHNIQUVFLDZDQUE4QyxDQUM5Qyx5Q0FBMEMsQ0FGMUMsdUNBR0YsQ0FDQSxtRkFDRSxzQ0FDRixDQUNBLDRIQUVFLG1EQUFvRCxDQURwRCwrQ0FFRixDQUNBLDZIQUVFLG9EQUFxRCxDQURyRCxnREFFRixDQUNBLHFFQUNFLGtCQUNGLENBQ0EsK0hBRUUsc0RBQXVELENBRHZELGtEQUVGLENBQ0EsZ0lBQ0UseUNBQ0YsQ0FDQSw0SkFDRSwyQ0FDRixDQUNBLDRGQUNFLCtDQUNGLENBQ0EsdUhBQ0UsZUFDRixDQUNBLG1KQUNFLGVBQ0YsQ0FDQSxtSEFFRSwwQ0FBMkMsQ0FDM0Msc0NBQXVDLENBRnZDLHVDQUdGLENBQ0EsZ0ZBQ0UsMkNBQ0YsQ0FDQSx5SEFFRSxnREFBaUQsQ0FEakQsNENBRUYsQ0FDQSwwSEFFRSxpREFBa0QsQ0FEbEQsNkNBRUYsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLDRIQUVFLG1EQUFvRCxDQURwRCwrQ0FFRixDQUNBLDZIQUNFLHlDQUNGLENBQ0EseUpBQ0UsMkNBQ0YsQ0FDQSx5RkFDRSxvREFDRixDQUNBLG9IQUVFLDJDQUE0QyxDQUM1Qyx1Q0FBd0MsQ0FGeEMsdUNBR0YsQ0FDQSxpRkFDRSxzQ0FDRixDQUNBLDBIQUVFLGlEQUFrRCxDQURsRCw2Q0FFRixDQUNBLDJIQUVFLGtEQUFtRCxDQURuRCw4Q0FFRixDQUNBLG1FQUNFLGtCQUNGLENBQ0EsNkhBRUUsb0RBQXFELENBRHJELGdEQUVGLENBQ0EsOEhBQ0UseUNBQ0YsQ0FDQSwwSkFDRSxpREFDRixDQUNBLDBGQUNFLCtDQUNGLENBQ0EsaUpBQ0Usd0NBQ0YsQ0FFQSx5QkFLRSxrQkFBbUIsQ0FHbkIsNkNBQThDLENBQzlDLGlCQUFrQixDQVBsQixxQkFBc0IsQ0FDdEIsWUFBYSxDQUZiLGFBQWMsQ0FVZCw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRXRDLGVBQWdCLENBTGhCLGNBQWUsQ0FIZixzQkFBdUIsQ0FFdkIsYUFPRixDQUVBLDBCQUlFLGdDQUFpQyxDQUhqQyxhQUFjLENBRWQsaUJBQW1CLENBRG5CLGlCQUdGLENBRUEsNEJBSUUsa0NBQW1DLENBQ25DLGdCQUFrQixDQUZsQixNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFdBSUYiLCJmaWxlIjoiU3RlcC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnN0ZXAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXg6IDE7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zdGVwLXdyYXBwZXI6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDBweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uc3RlcC13cmFwcGVyIC5zdGVwLWNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5zdGVwLXdyYXBwZXI6bGFzdC1jaGlsZCB7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1iYXNpczogZml0LWNvbnRlbnQ7XG59XG4uc3RlcC13cmFwcGVyOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgbWFyZ2luOiAwIDAuNXJlbTtcbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6IDAuNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLXN0ZXBwZXItbGluZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLnZlcnRpY2FsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xufVxuLnN0ZXAtd3JhcHBlci52ZXJ0aWNhbDpsYXN0LWNoaWxkIHtcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LWJhc2lzOiBmaXQtY29udGVudDtcbn1cbi5zdGVwLXdyYXBwZXIudmVydGljYWw6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuICBtYXJnaW46IDAuNXJlbSAwIDAuNXJlbSAxLjY4NzVyZW07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgdmFyKC0tc3RlcHBlci1saW5lLWNvbG9yKTtcbiAgbWluLWhlaWdodDogMC41cmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpob3ZlciAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWhvdmVyLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdGVwcGVyLXdhaXRpbmctYWN0aXZlLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci53YWl0aW5nOmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWRpc2FibGVkLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItd2FpdGluZy1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLndhaXRpbmc6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwgLmNhcHRpb24ge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIud2FpdGluZzpkaXNhYmxlZDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAuc3RlcC1jb250ZW50IC5zdGVwIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItZGVmYXVsdC10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50Om5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQ6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItY3VycmVudC1hY3RpdmUtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWN1cnJlbnQtYWN0aXZlLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmN1cnJlbnQ6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1jdXJyZW50LWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudDpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50OmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5jdXJyZW50IC5zdGVwLWNvbnRlbnQgLmxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cbi5zdGVwLXdyYXBwZXIuY3VycmVudCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uc3RlcC13cmFwcGVyLmRvbmUgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWRlZmF1bHQtdGV4dC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1saW5lLWJvbGQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lOmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1ob3Zlci1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZG9uZS1hY3RpdmUtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWRvbmUtYWN0aXZlLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmRvbmU6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAuc3RlcCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWRpc2FibGVkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1kb25lLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWxhYmVsLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZG9uZTpkaXNhYmxlZCAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5kb25lOmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtYm9sZC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1kZWZhdWx0LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItbGluZS1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmhvdmVyIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWhvdmVyLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6YWN0aXZlIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItYWN0aXZlLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RlcHBlci1lcnJvci1hY3RpdmUtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvcjpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkIC5zdGVwLWNvbnRlbnQgLnN0ZXAge1xuICBib3JkZXItY29sb3I6IHZhcigtLXN0ZXBwZXItZXJyb3ItZGlzYWJsZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWVycm9yLWRpc2FibGVkLWNvbG9yKTtcbn1cbi5zdGVwLXdyYXBwZXIuZXJyb3I6ZGlzYWJsZWQgLnN0ZXAtY29udGVudCAubGFiZWwge1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1sYWJlbC1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkIC5zdGVwLWNvbnRlbnQgLmxhYmVsIC5jYXB0aW9uIHtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItY2FwdGlvbi1lcnJvci1kaXNhYmxlZC1jb2xvcik7XG59XG4uc3RlcC13cmFwcGVyLmVycm9yOmRpc2FibGVkOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdGVwcGVyLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuLnN0ZXAtd3JhcHBlci5lcnJvciAuc3RlcC1jb250ZW50IC5sYWJlbCAuY2FwdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1zdGVwcGVyLWNhcHRpb24tZXJyb3ItY29sb3IpO1xufVxuXG4uc3RlcCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEuNzVyZW07XG4gIGhlaWdodDogMS43NXJlbTtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RlcHBlci13YWl0aW5nLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuLmxhYmVsIHtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgY29sb3I6IHZhcigtLXN0ZXBwZXItbGFiZWwtY29sb3IpO1xufVxuXG4uY2FwdGlvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxLjI1cmVtO1xuICBsZWZ0OiAwO1xuICBjb2xvcjogdmFyKC0tc3RlcHBlci1jYXB0aW9uLWNvbG9yKTtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufSJdfQ== */';var t={"sr-only":"Step-module_sr-only__3A94P",hidden:"Step-module_hidden__Yk-sy","slide-in":"Step-module_slide-in__lN7Tm","slide-out":"Step-module_slide-out__HugJ6","step-wrapper":"Step-module_step-wrapper__lz84F","step-content":"Step-module_step-content__OvUTX",vertical:"Step-module_vertical__ndoU6",waiting:"Step-module_waiting__ABvWf",step:"Step-module_step__d5udL",label:"Step-module_label__2XJya",caption:"Step-module_caption__Ht-Ld",current:"Step-module_current__ZjzZO",done:"Step-module_done__AotE5",error:"Step-module_error__d9DxD"};e(l);export{t as default};
 //# sourceMappingURL=Step.module.esm.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Stepper.esm.js","sources":["../../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef } from \"react\";\nimport { Step, Props as StepProps } from \"./Step\";\nimport classes from \"./Stepper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n steps: StepProps[];\n direction: \"horizontal\" \| \"vertical\";\n}\n\nexport const Stepper = ({ steps, direction = \"horizontal\", ...rest }: Props) => {\n return (\n <div\n {...rest}\n className={`${classes[\"stepper\"]} ${\n direction === \"horizontal\" ? classes[\"horizontal\"] : classes[\"vertical\"]\n }`}\n >\n {steps.map((step, index) => (\n <Step\n {...step}\n key={step.label.toLowerCase().replace(/\\s/, \"-\")}\n index={index}\n direction={direction}\n lastStep={index + 1 === steps.length}\n />\n ))}\n </div>\n );\n};\n"],"names":["Stepper","steps","direction","rest","React","createElement","className","classes","map","step","index","Step","key","label","toLowerCase","replace","lastStep","length"],"mappings":"iGAyBa,MAAAA,EAAU,EAAGC,QAAOC,YAAY,gBAAiBC,KAE1DC,EACMC,cAAA,MAAA,IAAAF,EACJG,UAAW,GAAGC,EAAQ,cACpBL,IAAc,aAAeK,EAAQ,cAAgBA,EAAQ,eAG9DN,EAAMO,KAAI,CAACC,EAAMC,IAChBN,EAACC,cAAAM,MACKF,EACJG,IAAKH,EAAKI,MAAMC,cAAcC,QAAQ,KAAM,KAC5CL,MAAOA,EACPR,UAAWA,EACXc,SAAUN,EAAQ,IAAMT,EAAMgB"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Tab.esm.js","sources":["../../../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { HTMLProps } from \"react\";\nimport classes from \"./Tab.module.scss\";\n\nexport interface Props extends Omit<HTMLProps<HTMLDivElement>, \"children\"> {\n title: string;\n children?: any;\n tabActive?: boolean;\n icon?: React.ReactNode;\n}\n\nexport const Tab = ({ children, tabActive, ...rest }: Props) => {\n return (\n <div\n {...rest}\n aria-hidden={!tabActive}\n role=\"tabpanel\"\n className={`${classes[\"tab\"]} ${tabActive ? classes[\"selected\"] : \"\"} ${\n rest.className ?? \"\"\n }`}\n >\n {children}\n </div>\n );\n};\n"],"names":["Tab","children","tabActive","rest","React","createElement","role","className","classes","_a"],"mappings":"wDA0BO,MAAMA,EAAM,EAAGC,WAAUC,eAAcC,YAC5C,OACEC,EACMC,cAAA,MAAA,IAAAF,iBACUD,EACdI,KAAK,WACLC,UAAW,GAAGC,EAAQ,UAAUN,EAAYM,EAAQ,YAAc,OAChEC,EAAAN,EAAKI,gCAAa,MAGnBN,EAEH"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const d = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".Tab_module_tab__4cd76a6d{display:none}.Tab_module_tab__4cd76a6d:focus-visible{outline-color:var(--color-focus)}.Tab_module_tab__4cd76a6d.Tab_module_selected__4cd76a6d{display:block}",_={tab:"Tab_module_tab__4cd76a6d",selected:"Tab_module_selected__4cd76a6d"};d(e,{});export{e as css,_ as default};
+import e from "../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tab-module_tab__YG-Ty{display:none}.Tab-module_tab__YG-Ty:focus-visible{outline-color:var(--color-focus)}.Tab-module_tab__YG-Ty.Tab-module_selected__6mVRr{display:block}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQUNFLFlBQ0YsQ0FDQSxxQ0FDRSxnQ0FDRixDQUNBLGtEQUNFLGFBQ0YiLCJmaWxlIjoiVGFiLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50YWIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRhYjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLnRhYi5zZWxlY3RlZCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufSJdfQ== */';var i={tab:"Tab-module_tab__YG-Ty",selected:"Tab-module_selected__6mVRr"};e(l);export{i as default};
 //# sourceMappingURL=Tab.module.esm.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const t = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".TabButton_module_srOnly__403702ec{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TabButton_module_hidden__403702ec{display:none}.TabButton_module_slideIn__403702ec{animation:TabButton_module_slideIn__403702ec .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton_module_slideIn__403702ec{animation-duration:.1ms}}.TabButton_module_slideOut__403702ec{animation:TabButton_module_slideOut__403702ec .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton_module_slideOut__403702ec{animation-duration:.1ms}}@keyframes TabButton_module_slideIn__403702ec{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton_module_slideOut__403702ec{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TabButton_module_tabbutton__403702ec{background-color:transparent;border:0;border-bottom:var(--tablist-border-width) var(--tablist-border-style) var(--tablist-border-color);border-radius:0;color:var(--tab-text-color);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);font-weight:400;line-height:var(--default-line-height);margin:0;padding:.5rem 1rem;position:relative;white-space:nowrap}.TabButton_module_tabbutton__403702ec:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.TabButton_module_tabbutton__403702ec:where(:focus-visible){z-index:1}.TabButton_module_tabbutton__403702ec:hover{background-color:var(--tab-hover-color)}.TabButton_module_tabbutton__403702ec:active{background-color:var(--tab-pressed-color)}.TabButton_module_tabbutton__403702ec.TabButton_module_selected__403702ec{color:var(--tab-active-text-color)}.TabButton_module_tabbutton__403702ec.TabButton_module_fluid__403702ec{flex:1}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec{align-items:center;display:inline-flex;gap:.25rem}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec i{display:flex}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec span[data-icon]{display:inline-block;font-size:1.25rem;width:1.25rem}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_bottomIcon__403702ec,.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_topIcon__403702ec{flex-direction:column}.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_leftIcon__403702ec i,.TabButton_module_tabbutton__403702ec.TabButton_module_hasIcon__403702ec.TabButton_module_topIcon__403702ec i{order:-1}",e={"sr-only":"TabButton_module_srOnly__403702ec",hidden:"TabButton_module_hidden__403702ec","slide-in":"TabButton_module_slideIn__403702ec","slide-out":"TabButton_module_slideOut__403702ec",tabbutton:"TabButton_module_tabbutton__403702ec",selected:"TabButton_module_selected__403702ec",fluid:"TabButton_module_fluid__403702ec","has-icon":"TabButton_module_hasIcon__403702ec","top-icon":"TabButton_module_topIcon__403702ec","bottom-icon":"TabButton_module_bottomIcon__403702ec","left-icon":"TabButton_module_leftIcon__403702ec"};t(o,{});export{o as css,e as default};
+import t from "../../lib/style-inject.js";var i='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TabButton-module_sr-only__u7d0B{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TabButton-module_hidden__ySTlz{display:none}.TabButton-module_slide-in__HGlpj{animation:TabButton-module_slide-in__HGlpj .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton-module_slide-in__HGlpj{animation-duration:.1ms}}.TabButton-module_slide-out__th9eU{animation:TabButton-module_slide-out__th9eU .5s forwards}@media (prefers-reduced-motion:reduce){.TabButton-module_slide-out__th9eU{animation-duration:.1ms}}@keyframes TabButton-module_slide-in__HGlpj{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton-module_slide-out__th9eU{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TabButton-module_tabbutton__lr71S{background-color:transparent;border:0;border-bottom:var(--tablist-border-width) var(--tablist-border-style) var(--tablist-border-color);border-radius:0;color:var(--tab-text-color);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);font-weight:400;line-height:var(--default-line-height);margin:0;padding:.5rem 1rem;position:relative;white-space:nowrap}.TabButton-module_tabbutton__lr71S:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.TabButton-module_tabbutton__lr71S:where(:focus-visible){z-index:1}.TabButton-module_tabbutton__lr71S:hover{background-color:var(--tab-hover-color)}.TabButton-module_tabbutton__lr71S:active{background-color:var(--tab-pressed-color)}.TabButton-module_tabbutton__lr71S.TabButton-module_selected__n9OVC{color:var(--tab-active-text-color)}.TabButton-module_tabbutton__lr71S.TabButton-module_fluid__UhXgH{flex:1}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU{align-items:center;display:inline-flex;gap:.25rem}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU i{display:flex}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU span[data-icon]{display:inline-block;font-size:1.25rem;width:1.25rem}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_bottom-icon__Qf1BT,.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_top-icon__mYHQu{flex-direction:column}.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_left-icon__yksCg i,.TabButton-module_tabbutton__lr71S.TabButton-module_has-icon__b44fU.TabButton-module_top-icon__mYHQu i{order:-1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYkJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsZ0NBQ0UsWUFDRixDQUVBLGtDQUNFLHVEQUNGLENBQ0EsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLG1DQUNFLHdEQUNGLENBQ0EsdUNBQ0UsbUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLDRDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw2Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsbUNBVUUsNEJBQTZCLENBUjdCLFFBQVMsQ0FjVCxpR0FBZ0QsQ0FiaEQsZUFBZ0IsQ0FGaEIsMkJBQTRCLENBTzVCLGNBQWUsQ0FDZiw4QkFBK0IsQ0FML0IsMEJBQTJCLENBUzNCLGVBQW1CLENBUm5CLHNDQUF1QyxDQUN2QyxRQUFTLENBQ1Qsa0JBQW9CLENBS3BCLGlCQUFrQixDQURsQixrQkFNRixDQUNBLGlEQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsZ0JBRUYsQ0FDQSx5REFDRSxTQUNGLENBQ0EseUNBQ0UsdUNBQ0YsQ0FDQSwwQ0FDRSx5Q0FDRixDQUNBLG9FQUNFLGtDQUNGLENBQ0EsaUVBQ0UsTUFDRixDQUNBLG9FQUdFLGtCQUFtQixDQURuQixtQkFBb0IsQ0FEcEIsVUFHRixDQUNBLHNFQUNFLFlBQ0YsQ0FDQSxvRkFDRSxvQkFBcUIsQ0FDckIsaUJBQWtCLENBQ2xCLGFBQ0YsQ0FDQSw2TUFDRSxxQkFDRixDQUlBLCtNQUNFLFFBQ0YiLCJmaWxlIjoiVGFiQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnRhYmJ1dHRvbiB7XG4gIGNvbG9yOiB2YXIoLS10YWItdGV4dC1jb2xvcik7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgYm9yZGVyLWJvdHRvbS1zdHlsZTogdmFyKC0tdGFibGlzdC1ib3JkZXItc3R5bGUpO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiB2YXIoLS10YWJsaXN0LWJvcmRlci13aWR0aCk7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHZhcigtLXRhYmxpc3QtYm9yZGVyLWNvbG9yKTtcbn1cbi50YWJidXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuLnRhYmJ1dHRvbjp3aGVyZSg6Zm9jdXMtdmlzaWJsZSkge1xuICB6LWluZGV4OiAxO1xufVxuLnRhYmJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYi1ob3Zlci1jb2xvcik7XG59XG4udGFiYnV0dG9uOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYi1wcmVzc2VkLWNvbG9yKTtcbn1cbi50YWJidXR0b24uc2VsZWN0ZWQge1xuICBjb2xvcjogdmFyKC0tdGFiLWFjdGl2ZS10ZXh0LWNvbG9yKTtcbn1cbi50YWJidXR0b24uZmx1aWQge1xuICBmbGV4OiAxO1xufVxuLnRhYmJ1dHRvbi5oYXMtaWNvbiB7XG4gIGdhcDogMC4yNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4udGFiYnV0dG9uLmhhcy1pY29uIGkge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnRhYmJ1dHRvbi5oYXMtaWNvbiBzcGFuW2RhdGEtaWNvbl0ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgd2lkdGg6IDEuMjVyZW07XG59XG4udGFiYnV0dG9uLmhhcy1pY29uLnRvcC1pY29uLCAudGFiYnV0dG9uLmhhcy1pY29uLmJvdHRvbS1pY29uIHtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi50YWJidXR0b24uaGFzLWljb24ubGVmdC1pY29uIGkge1xuICBvcmRlcjogLTE7XG59XG4udGFiYnV0dG9uLmhhcy1pY29uLnRvcC1pY29uIGkge1xuICBvcmRlcjogLTE7XG59Il19 */';var e={"sr-only":"TabButton-module_sr-only__u7d0B",hidden:"TabButton-module_hidden__ySTlz","slide-in":"TabButton-module_slide-in__HGlpj","slide-out":"TabButton-module_slide-out__th9eU",tabbutton:"TabButton-module_tabbutton__lr71S",selected:"TabButton-module_selected__n9OVC",fluid:"TabButton-module_fluid__UhXgH","has-icon":"TabButton-module_has-icon__b44fU","top-icon":"TabButton-module_top-icon__mYHQu","bottom-icon":"TabButton-module_bottom-icon__Qf1BT","left-icon":"TabButton-module_left-icon__yksCg"};t(i);export{e as default};
 //# sourceMappingURL=TabButton.module.esm.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".Tabs_module_srOnly__4196624f{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tabs_module_hidden__4196624f{display:none}.Tabs_module_slideIn__4196624f{animation:Tabs_module_slideIn__4196624f .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs_module_slideIn__4196624f{animation-duration:.1ms}}.Tabs_module_slideOut__4196624f{animation:Tabs_module_slideOut__4196624f .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs_module_slideOut__4196624f{animation-duration:.1ms}}@keyframes Tabs_module_slideIn__4196624f{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tabs_module_slideOut__4196624f{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tabs_module_tabs__4196624f{background-color:var(--tabs-background-color);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.Tabs_module_tablist__4196624f{display:flex;flex-wrap:nowrap;margin:-5px;overflow-x:auto;padding:5px;position:relative;z-index:0}.Tabs_module_tablist__4196624f.Tabs_module_center__4196624f{justify-content:center}.Tabs_module_tablist__4196624f.Tabs_module_right__4196624f{justify-content:flex-end}.Tabs_module_indicator__4196624f{background-color:var(--tab-active-border-color);border-radius:.125rem .125rem 0 0;height:calc(var(--tab-active-border-height) - var(--tablist-border-width));position:absolute;transition-duration:.2s;transition-property:left,width;transition-timing-function:ease-in-out;z-index:2}@media (prefers-reduced-motion:reduce){.Tabs_module_indicator__4196624f{transition-duration:.1ms}}",_={"sr-only":"Tabs_module_srOnly__4196624f",hidden:"Tabs_module_hidden__4196624f","slide-in":"Tabs_module_slideIn__4196624f","slide-out":"Tabs_module_slideOut__4196624f",tabs:"Tabs_module_tabs__4196624f",tablist:"Tabs_module_tablist__4196624f",center:"Tabs_module_center__4196624f",right:"Tabs_module_right__4196624f",indicator:"Tabs_module_indicator__4196624f"};e(a,{});export{a as css,_ as default};
+import i from "../../lib/style-inject.js";var e='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tabs-module_sr-only__XnAVz{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tabs-module_hidden__lvN6c{display:none}.Tabs-module_slide-in__mbWej{animation:Tabs-module_slide-in__mbWej .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs-module_slide-in__mbWej{animation-duration:.1ms}}.Tabs-module_slide-out__ep10Q{animation:Tabs-module_slide-out__ep10Q .5s forwards}@media (prefers-reduced-motion:reduce){.Tabs-module_slide-out__ep10Q{animation-duration:.1ms}}@keyframes Tabs-module_slide-in__mbWej{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tabs-module_slide-out__ep10Q{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tabs-module_tabs__z-Cun{background-color:var(--tabs-background-color);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.Tabs-module_tablist__QY6qv{display:flex;flex-wrap:nowrap;margin:-5px;overflow-x:auto;padding:5px;position:relative;z-index:0}.Tabs-module_tablist__QY6qv.Tabs-module_center__m4ZMa{justify-content:center}.Tabs-module_tablist__QY6qv.Tabs-module_right__Dvfbh{justify-content:flex-end}.Tabs-module_indicator__b8TYY{background-color:var(--tab-active-border-color);border-radius:.125rem .125rem 0 0;height:calc(var(--tab-active-border-height) - var(--tablist-border-width));position:absolute;transition-duration:.2s;transition-property:left,width;transition-timing-function:ease-in-out;z-index:2}@media (prefers-reduced-motion:reduce){.Tabs-module_indicator__b8TYY{transition-duration:.1ms}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNEJBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDJCQUNFLFlBQ0YsQ0FFQSw2QkFDRSxrREFDRixDQUNBLHVDQUNFLDZCQUNFLHVCQUNGLENBQ0YsQ0FFQSw4QkFDRSxtREFDRixDQUNBLHVDQUNFLDhCQUNFLHVCQUNGLENBQ0YsQ0FFQSx1Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esd0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHlCQUNFLDZDQUE4QyxDQUU5QyxtQkFBcUIsQ0FDckIsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixRQUFTLENBSlQsb0JBS0YsQ0FFQSw0QkFDRSxZQUFhLENBQ2IsZ0JBQWlCLENBR2pCLFdBQVksQ0FGWixlQUFnQixDQUdoQixXQUFZLENBRlosaUJBQWtCLENBR2xCLFNBQ0YsQ0FDQSxzREFDRSxzQkFDRixDQUNBLHFEQUNFLHdCQUNGLENBRUEsOEJBSUUsK0NBQWdELENBRGhELGlDQUFvQyxDQURwQywwRUFBMkUsQ0FEM0UsaUJBQWtCLENBTWxCLHVCQUF5QixDQUR6Qiw4QkFBZ0MsQ0FFaEMsc0NBQXVDLENBSHZDLFNBSUYsQ0FDQSx1Q0FDRSw4QkFDRSx3QkFDRixDQUNGIiwiZmlsZSI6IlRhYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGFicyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYnMtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBhZGRpbmc6IDFyZW0gMS4yNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDFyZW07XG59XG5cbi50YWJsaXN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAtNXB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIHotaW5kZXg6IDA7XG59XG4udGFibGlzdC5jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi50YWJsaXN0LnJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuLmluZGljYXRvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBjYWxjKHZhcigtLXRhYi1hY3RpdmUtYm9yZGVyLWhlaWdodCkgLSB2YXIoLS10YWJsaXN0LWJvcmRlci13aWR0aCkpO1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbSAwLjEyNXJlbSAwIDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYi1hY3RpdmUtYm9yZGVyLWNvbG9yKTtcbiAgei1pbmRleDogMjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogbGVmdCwgd2lkdGg7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbmRpY2F0b3Ige1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59Il19 */';var l={"sr-only":"Tabs-module_sr-only__XnAVz",hidden:"Tabs-module_hidden__lvN6c","slide-in":"Tabs-module_slide-in__mbWej","slide-out":"Tabs-module_slide-out__ep10Q",tabs:"Tabs-module_tabs__z-Cun",tablist:"Tabs-module_tablist__QY6qv",center:"Tabs-module_center__m4ZMa",right:"Tabs-module_right__Dvfbh",indicator:"Tabs-module_indicator__b8TYY"};i(e);export{l as default};
 //# sourceMappingURL=Tabs.module.esm.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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