@onewelcome/react-lib-components 12.0.0 → 12.0.1

package/dist/components/Popover/Popover.es.js

@@ -0,0 +1,107 @@
+import React, { useState, useRef, useEffect, useLayoutEffect } from "react";
+import { usePosition } from "../../hooks/usePosition.es.js";
+import classes from "./Popover.module.scss.es.js";
+const PopoverComponent = ({
+  children,
+  className,
+  show,
+  placement,
+  offset,
+  debounceAmount,
+  transformOrigin,
+  anchorEl,
+  onAnchorOutOfView,
+  ...rest
+}, ref) => {
+  const [shouldRender, setShouldRender] = useState(false);
+  const [showPopover, setShowPopover] = useState(false);
+  const elToBePositioned = useRef(null);
+  const { top, left, right, bottom, calculatePosition } = usePosition({
+    elementToBePositioned: elToBePositioned,
+    relativeElement: anchorEl,
+    offset,
+    placement,
+    transformOrigin,
+    debounceAmount: debounceAmount ?? void 0
+  });
+  const normalizePosition = (value) => {
+    if (value === "initial") {
+      return "initial";
+    }
+    if (isNaN(value)) {
+      return 0;
+    }
+    return Number(value);
+  };
+  useEffect(() => {
+    if (show) {
+      setShouldRender(true);
+    } else {
+      setShowPopover(false);
+    }
+  }, [show]);
+  useLayoutEffect(() => {
+    if (shouldRender && !showPopover && show) {
+      calculatePosition();
+      requestAnimationFrame(() => {
+        setShowPopover(true);
+      });
+    }
+  }, [shouldRender, showPopover, show, calculatePosition]);
+  useEffect(() => {
+    if (!showPopover) {
+      return;
+    }
+    window.addEventListener("resize", calculatePosition);
+    window.addEventListener("scroll", calculatePosition);
+    return () => {
+      window.removeEventListener("resize", calculatePosition);
+      window.removeEventListener("scroll", calculatePosition);
+    };
+  }, [showPopover, calculatePosition]);
+  useEffect(() => {
+    const element = elToBePositioned.current;
+    if (!element || showPopover) {
+      return;
+    }
+    const handleTransitionEnd = (event) => {
+      if (event.propertyName === "opacity") {
+        setShouldRender(false);
+      }
+    };
+    element.addEventListener("transitionend", handleTransitionEnd);
+    return () => {
+      element.removeEventListener("transitionend", handleTransitionEnd);
+    };
+  }, [showPopover]);
+  useEffect(() => {
+    const anchor = anchorEl == null ? void 0 : anchorEl.current;
+    if (anchor) {
+      const anchorTop = anchor.getBoundingClientRect().top;
+      const anchorBottom = anchor.getBoundingClientRect().bottom;
+      const isAnchorOffscreen = showPopover && (Number(top) < 0 || Number(left) < 0 || Number(right) < 0 || Number(bottom) < 0 || anchorTop < 0 || anchorBottom > window.innerHeight);
+      if (isAnchorOffscreen) {
+        onAnchorOutOfView == null ? void 0 : onAnchorOutOfView();
+      }
+    }
+  }, [top, left, right, bottom]);
+  return /* @__PURE__ */ React.createElement("div", { ref, ...rest }, shouldRender && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: elToBePositioned,
+      className: `${classes.popover} ${className ?? ""} ${showPopover ? classes.show : ""}`,
+      style: {
+        top: normalizePosition(top),
+        left: normalizePosition(left),
+        right: normalizePosition(right),
+        bottom: normalizePosition(bottom)
+      }
+    },
+    children
+  ));
+};
+const Popover = React.forwardRef(PopoverComponent);
+export {
+  Popover
+};
+//# sourceMappingURL=Popover.es.js.map

package/dist/components/Popover/Popover.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.es.js","sources":["../../../src/components/Popover/Popover.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  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Offset, Placement, PositionType, usePosition } from \"../../hooks/usePosition\";\nimport classes from \"./Popover.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactNode;\n  show?: boolean;\n  anchorEl?: RefObject<HTMLOrSVGElement>; //eslint-disable-line no-undef\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n  transformOrigin?: Placement;\n  onAnchorOutOfView?: () => void;\n}\n\nconst PopoverComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    show,\n    placement,\n    offset,\n    debounceAmount,\n    transformOrigin,\n    anchorEl,\n    onAnchorOutOfView,\n    ...rest\n  },\n  ref\n) => {\n  const [shouldRender, setShouldRender] = useState(false);\n  const [showPopover, setShowPopover] = useState(false);\n  const elToBePositioned = useRef<HTMLDivElement>(null);\n  const { top, left, right, bottom, calculatePosition } = usePosition({\n    elementToBePositioned: elToBePositioned,\n    relativeElement: anchorEl,\n    offset: offset,\n    placement: placement,\n    transformOrigin: transformOrigin,\n    debounceAmount: debounceAmount ?? undefined\n  });\n\n  const normalizePosition = (value: PositionType) => {\n    if (value === \"initial\") {\n      return \"initial\";\n    }\n\n    if (isNaN(value)) {\n      return 0;\n    }\n\n    return Number(value);\n  };\n\n  useEffect(() => {\n    if (show) {\n      setShouldRender(true);\n    } else {\n      setShowPopover(false);\n    }\n  }, [show]);\n\n  useLayoutEffect(() => {\n    if (shouldRender && !showPopover && show) {\n      calculatePosition();\n      requestAnimationFrame(() => {\n        setShowPopover(true);\n      });\n    }\n  }, [shouldRender, showPopover, show, calculatePosition]);\n\n  useEffect(() => {\n    if (!showPopover) {\n      return;\n    }\n\n    window.addEventListener(\"resize\", calculatePosition);\n    window.addEventListener(\"scroll\", calculatePosition);\n\n    return () => {\n      window.removeEventListener(\"resize\", calculatePosition);\n      window.removeEventListener(\"scroll\", calculatePosition);\n    };\n  }, [showPopover, calculatePosition]);\n\n  useEffect(() => {\n    const element = elToBePositioned.current;\n\n    if (!element || showPopover) {\n      return;\n    }\n\n    const handleTransitionEnd = (event: TransitionEvent) => {\n      if (event.propertyName === \"opacity\") {\n        setShouldRender(false);\n      }\n    };\n\n    element.addEventListener(\"transitionend\", handleTransitionEnd);\n\n    return () => {\n      element.removeEventListener(\"transitionend\", handleTransitionEnd);\n    };\n  }, [showPopover]);\n\n  useEffect(() => {\n    const anchor = anchorEl?.current as HTMLElement;\n\n    if (anchor) {\n      const anchorTop = anchor.getBoundingClientRect().top;\n      const anchorBottom = anchor.getBoundingClientRect().bottom;\n\n      const isAnchorOffscreen =\n        showPopover &&\n        (Number(top) < 0 ||\n          Number(left) < 0 ||\n          Number(right) < 0 ||\n          Number(bottom) < 0 ||\n          anchorTop < 0 ||\n          anchorBottom > window.innerHeight);\n\n      if (isAnchorOffscreen) {\n        onAnchorOutOfView?.();\n      }\n    }\n  }, [top, left, right, bottom]);\n\n  return (\n    <div ref={ref} {...rest}>\n      {shouldRender && (\n        <div\n          ref={elToBePositioned}\n          className={`${classes.popover} ${className ?? \"\"} ${showPopover ? classes.show : \"\"}`}\n          style={{\n            top: normalizePosition(top),\n            left: normalizePosition(left),\n            right: normalizePosition(right),\n            bottom: normalizePosition(bottom)\n          }}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Popover = React.forwardRef(PopoverComponent);\n"],"names":[],"mappings":";;;AAwCA,MAAM,mBAAoE,CACxE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAC9C,QAAA,mBAAmB,OAAuB,IAAI;AACpD,QAAM,EAAE,KAAK,MAAM,OAAO,QAAQ,sBAAsB,YAAY;AAAA,IAClE,uBAAuB;AAAA,IACvB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,kBAAkB;AAAA,EAAA,CACnC;AAEK,QAAA,oBAAoB,CAAC,UAAwB;AACjD,QAAI,UAAU,WAAW;AAChB,aAAA;AAAA,IAAA;AAGL,QAAA,MAAM,KAAK,GAAG;AACT,aAAA;AAAA,IAAA;AAGT,WAAO,OAAO,KAAK;AAAA,EACrB;AAEA,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB,IAAI;AAAA,IAAA,OACf;AACL,qBAAe,KAAK;AAAA,IAAA;AAAA,EACtB,GACC,CAAC,IAAI,CAAC;AAET,kBAAgB,MAAM;AAChB,QAAA,gBAAgB,CAAC,eAAe,MAAM;AACtB,wBAAA;AAClB,4BAAsB,MAAM;AAC1B,uBAAe,IAAI;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,KAEF,CAAC,cAAc,aAAa,MAAM,iBAAiB,CAAC;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,aAAa;AAChB;AAAA,IAAA;AAGK,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,UAAU,iBAAiB;AAEnD,WAAO,MAAM;AACJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,UAAU,iBAAiB;AAAA,IACxD;AAAA,EAAA,GACC,CAAC,aAAa,iBAAiB,CAAC;AAEnC,YAAU,MAAM;AACd,UAAM,UAAU,iBAAiB;AAE7B,QAAA,CAAC,WAAW,aAAa;AAC3B;AAAA,IAAA;AAGI,UAAA,sBAAsB,CAAC,UAA2B;AAClD,UAAA,MAAM,iBAAiB,WAAW;AACpC,wBAAgB,KAAK;AAAA,MAAA;AAAA,IAEzB;AAEQ,YAAA,iBAAiB,iBAAiB,mBAAmB;AAE7D,WAAO,MAAM;AACH,cAAA,oBAAoB,iBAAiB,mBAAmB;AAAA,IAClE;AAAA,EAAA,GACC,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,UAAM,SAAS,qCAAU;AAEzB,QAAI,QAAQ;AACJ,YAAA,YAAY,OAAO,sBAAA,EAAwB;AAC3C,YAAA,eAAe,OAAO,sBAAA,EAAwB;AAE9C,YAAA,oBACJ,gBACC,OAAO,GAAG,IAAI,KACb,OAAO,IAAI,IAAI,KACf,OAAO,KAAK,IAAI,KAChB,OAAO,MAAM,IAAI,KACjB,YAAY,KACZ,eAAe,OAAO;AAE1B,UAAI,mBAAmB;AACD;AAAA,MAAA;AAAA,IACtB;AAAA,KAED,CAAC,KAAK,MAAM,OAAO,MAAM,CAAC;AAE7B,SACG,sBAAA,cAAA,OAAA,EAAI,KAAW,GAAG,QAChB,gBACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,GAAG,QAAQ,OAAO,IAAI,aAAa,EAAE,IAAI,cAAc,QAAQ,OAAO,EAAE;AAAA,MACnF,OAAO;AAAA,QACL,KAAK,kBAAkB,GAAG;AAAA,QAC1B,MAAM,kBAAkB,IAAI;AAAA,QAC5B,OAAO,kBAAkB,KAAK;AAAA,QAC9B,QAAQ,kBAAkB,MAAM;AAAA,MAAA;AAAA,IAClC;AAAA,IAEC;AAAA,EAAA,CAGP;AAEJ;AAEa,MAAA,UAAU,MAAM,WAAW,gBAAgB;"}

package/dist/components/Popover/Popover.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Popover_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Popover_hidden_gFXfX{display:none}.Popover_slide-in_gFXfX{animation:Popover_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Popover_slide-in_gFXfX{animation-duration:.1ms}}.Popover_slide-out_gFXfX{animation:Popover_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Popover_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Popover_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Popover_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Popover_popover_gFXfX{position:fixed;z-index:100;pointer-events:none;background-color:var(--light);border-radius:.125rem;box-shadow:0 4px 5px #01053233,0 3px 14px #0105321f,0 8px 10px #01053224;opacity:0;transform:scale(.5);transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Popover_popover_gFXfX{transition-duration:.1ms}}.Popover_popover_gFXfX.Popover_show_gFXfX{transform:scale(1);pointer-events:auto;opacity:1}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="Popover_popover_gFXfX",e="Popover_show_gFXfX",p={popover:o,show:e};exports.default=p,exports.popover=o,exports.show=e;
+//# sourceMappingURL=Popover.module.scss.cjs.js.map

package/dist/components/Popover/Popover.module.scss.cjs.js.map

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

package/dist/components/Popover/Popover.module.scss.es.js

@@ -0,0 +1,13 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Popover_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Popover_hidden_gFXfX{display:none}.Popover_slide-in_gFXfX{animation:Popover_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Popover_slide-in_gFXfX{animation-duration:.1ms}}.Popover_slide-out_gFXfX{animation:Popover_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Popover_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Popover_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Popover_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Popover_popover_gFXfX{position:fixed;z-index:100;pointer-events:none;background-color:var(--light);border-radius:.125rem;box-shadow:0 4px 5px #01053233,0 3px 14px #0105321f,0 8px 10px #01053224;opacity:0;transform:scale(.5);transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Popover_popover_gFXfX{transition-duration:.1ms}}.Popover_popover_gFXfX.Popover_show_gFXfX{transform:scale(1);pointer-events:auto;opacity:1}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+const popover = "Popover_popover_gFXfX";
+const show = "Popover_show_gFXfX";
+const classes = {
+  popover,
+  show
+};
+export {
+  classes as default,
+  popover,
+  show
+};
+//# sourceMappingURL=Popover.module.scss.es.js.map

package/dist/components/Popover/Popover.module.scss.es.js.map

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

package/dist/components/ProgressBar/ProgressBar.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../Typography/Typography.cjs.js"),t=require("./ProgressBar.module.scss.cjs.js"),r=e.forwardRef((({label:r,caption:s,completed:l,percentage:o,accessibilityTitle:c="Progress bar",...n},i)=>e.createElement("span",{...n,ref:i,role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,title:c},e.createElement("div",{className:t.default.header},r&&e.createElement(a.Typography,{className:t.default.label,spacing:{marginBottom:2},variant:"body"},r),void 0!==o&&e.createElement(a.Typography,{className:t.default.percentage,spacing:{marginBottom:2},variant:"body"},o,"%")),e.createElement("span",{className:t.default["progress-bar"]},e.createElement("span",{className:`${t.default.bar} ${l?"":t.default["loading-state"]}`,style:{width:`${l}%`}}),e.createElement("span",{className:`${t.default.bar2} ${l?"":t.default["loading-state"]}`})),s&&e.createElement(a.Typography,{className:t.default.caption,spacing:{marginBottom:2},variant:"sub-text"},s))));exports.ProgressBar=r;
+//# sourceMappingURL=ProgressBar.cjs.js.map

package/dist/components/ProgressBar/ProgressBar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.cjs.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./ProgressBar.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\n  label?: string;\n  caption?: string;\n  completed?: number;\n  percentage?: number;\n  accessibilityTitle?: string;\n}\n\nconst ProgressBarComponent: ForwardRefRenderFunction<HTMLSpanElement, Props> = (\n  { label, caption, completed, percentage, accessibilityTitle = \"Progress bar\", ...rest }: Props,\n  ref\n) => {\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={percentage}\n      title={accessibilityTitle}\n    >\n      <div className={classes[\"header\"]}>\n        {label && (\n          <Typography className={classes[\"label\"]} spacing={{ marginBottom: 2 }} variant=\"body\">\n            {label}\n          </Typography>\n        )}\n        {percentage !== undefined && (\n          <Typography\n            className={classes[\"percentage\"]}\n            spacing={{ marginBottom: 2 }}\n            variant=\"body\"\n          >\n            {percentage}%\n          </Typography>\n        )}\n      </div>\n      <span className={classes[\"progress-bar\"]}>\n        <span\n          className={`${classes[\"bar\"]} ${completed ? \"\" : classes[\"loading-state\"]}`}\n          style={{ width: `${completed}%` }}\n        />\n        <span className={`${classes[\"bar2\"]} ${completed ? \"\" : classes[\"loading-state\"]}`} />\n      </span>\n      {caption && (\n        <Typography className={classes[\"caption\"]} spacing={{ marginBottom: 2 }} variant=\"sub-text\">\n          {caption}\n        </Typography>\n      )}\n    </span>\n  );\n};\n\nexport const ProgressBar = React.forwardRef(ProgressBarComponent);\n"],"names":["ProgressBar","React","forwardRef","label","caption","completed","percentage","accessibilityTitle","rest","ref","createElement","role","title","className","classes","Typography","spacing","marginBottom","variant","style","width"],"mappings":"oMA0EaA,EAAcC,EAAMC,YA9C8C,EAC3EC,QAAOC,UAASC,YAAWC,aAAYC,qBAAqB,kBAAmBC,GACjFC,IAGER,EAAAS,cAAC,OAAA,IACKF,EACJC,MACAE,KAAK,cACL,gBAAe,EACf,gBAAe,IACf,gBAAeL,EACfM,MAAOL,GAEPN,EAAAS,cAAC,OAAIG,UAAWC,EAAAA,QAAgB,QAC7BX,GACEF,EAAAS,cAAAK,EAAAA,WAAA,CAAWF,UAAWC,UAAe,MAAGE,QAAS,CAAEC,aAAc,GAAKC,QAAQ,QAC5Ef,QAGW,IAAfG,GACCL,EAAAS,cAACK,EAAAA,WAAA,CACCF,UAAWC,UAAoB,WAC/BE,QAAS,CAAEC,aAAc,GACzBC,QAAQ,QAEPZ,EAAW,MAIjBL,EAAAS,cAAA,OAAA,CAAKG,UAAWC,EAAAA,QAAQ,iBACvBb,EAAAS,cAAC,OAAA,CACCG,UAAW,GAAGC,UAAa,OAAKT,EAAY,GAAKS,EAAAA,QAAQ,mBACzDK,MAAO,CAAEC,MAAO,GAAGf,UAErBK,cAAC,OAAK,CAAAG,UAAW,GAAGC,UAAc,QAAKT,EAAY,GAAKS,EAAAA,QAAQ,sBAEjEV,GACCH,EAAAS,cAACK,EAAWA,WAAA,CAAAF,UAAWC,EAAAA,QAAiB,QAAGE,QAAS,CAAEC,aAAc,GAAKC,QAAQ,YAC9Ed"}

package/dist/components/ProgressBar/ProgressBar.es.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { Typography } from "../Typography/Typography.es.js";
+import classes from "./ProgressBar.module.scss.es.js";
+const ProgressBarComponent = ({ label, caption, completed, percentage, accessibilityTitle = "Progress bar", ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      ...rest,
+      ref,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": percentage,
+      title: accessibilityTitle
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["header"] }, label && /* @__PURE__ */ React.createElement(Typography, { className: classes["label"], spacing: { marginBottom: 2 }, variant: "body" }, label), percentage !== void 0 && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: classes["percentage"],
+        spacing: { marginBottom: 2 },
+        variant: "body"
+      },
+      percentage,
+      "%"
+    )),
+    /* @__PURE__ */ React.createElement("span", { className: classes["progress-bar"] }, /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `${classes["bar"]} ${completed ? "" : classes["loading-state"]}`,
+        style: { width: `${completed}%` }
+      }
+    ), /* @__PURE__ */ React.createElement("span", { className: `${classes["bar2"]} ${completed ? "" : classes["loading-state"]}` })),
+    caption && /* @__PURE__ */ React.createElement(Typography, { className: classes["caption"], spacing: { marginBottom: 2 }, variant: "sub-text" }, caption)
+  );
+};
+const ProgressBar = React.forwardRef(ProgressBarComponent);
+export {
+  ProgressBar
+};
+//# sourceMappingURL=ProgressBar.es.js.map

package/dist/components/ProgressBar/ProgressBar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.es.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./ProgressBar.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\n  label?: string;\n  caption?: string;\n  completed?: number;\n  percentage?: number;\n  accessibilityTitle?: string;\n}\n\nconst ProgressBarComponent: ForwardRefRenderFunction<HTMLSpanElement, Props> = (\n  { label, caption, completed, percentage, accessibilityTitle = \"Progress bar\", ...rest }: Props,\n  ref\n) => {\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={percentage}\n      title={accessibilityTitle}\n    >\n      <div className={classes[\"header\"]}>\n        {label && (\n          <Typography className={classes[\"label\"]} spacing={{ marginBottom: 2 }} variant=\"body\">\n            {label}\n          </Typography>\n        )}\n        {percentage !== undefined && (\n          <Typography\n            className={classes[\"percentage\"]}\n            spacing={{ marginBottom: 2 }}\n            variant=\"body\"\n          >\n            {percentage}%\n          </Typography>\n        )}\n      </div>\n      <span className={classes[\"progress-bar\"]}>\n        <span\n          className={`${classes[\"bar\"]} ${completed ? \"\" : classes[\"loading-state\"]}`}\n          style={{ width: `${completed}%` }}\n        />\n        <span className={`${classes[\"bar2\"]} ${completed ? \"\" : classes[\"loading-state\"]}`} />\n      </span>\n      {caption && (\n        <Typography className={classes[\"caption\"]} spacing={{ marginBottom: 2 }} variant=\"sub-text\">\n          {caption}\n        </Typography>\n      )}\n    </span>\n  );\n};\n\nexport const ProgressBar = React.forwardRef(ProgressBarComponent);\n"],"names":[],"mappings":";;;AA4BA,MAAM,uBAAyE,CAC7E,EAAE,OAAO,SAAS,WAAW,YAAY,qBAAqB,gBAAgB,GAAG,KAAK,GACtF,QACG;AAED,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEP,sBAAA,cAAC,SAAI,WAAW,QAAQ,QAAQ,EAC7B,GAAA,SACE,sBAAA,cAAA,YAAA,EAAW,WAAW,QAAQ,OAAO,GAAG,SAAS,EAAE,cAAc,EAAE,GAAG,SAAQ,OAC5E,GAAA,KACH,GAED,eAAe,UACd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,QAAQ,YAAY;AAAA,QAC/B,SAAS,EAAE,cAAc,EAAE;AAAA,QAC3B,SAAQ;AAAA,MAAA;AAAA,MAEP;AAAA,MAAW;AAAA,IAAA,CAGlB;AAAA,IACC,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,cAAc,KACrC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,KAAK,CAAC,IAAI,YAAY,KAAK,QAAQ,eAAe,CAAC;AAAA,QACzE,OAAO,EAAE,OAAO,GAAG,SAAS,IAAI;AAAA,MAAA;AAAA,IAAA,GAElC,sBAAA,cAAC,QAAK,EAAA,WAAW,GAAG,QAAQ,MAAM,CAAC,IAAI,YAAY,KAAK,QAAQ,eAAe,CAAC,IAAI,CACtF;AAAA,IACC,WACC,sBAAA,cAAC,YAAW,EAAA,WAAW,QAAQ,SAAS,GAAG,SAAS,EAAE,cAAc,EAAK,GAAA,SAAQ,cAC9E,OACH;AAAA,EAEJ;AAEJ;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/ProgressBar/ProgressBar.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ProgressBar_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ProgressBar_hidden_gFXfX{display:none}.ProgressBar_slide-in_gFXfX{animation:ProgressBar_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.ProgressBar_slide-in_gFXfX{animation-duration:.1ms}}.ProgressBar_slide-out_gFXfX{animation:ProgressBar_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.ProgressBar_slide-out_gFXfX{animation-duration:.1ms}}@keyframes ProgressBar_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes ProgressBar_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ProgressBar_header_gFXfX{display:flex;justify-content:space-between}.ProgressBar_label_gFXfX,.ProgressBar_percentage_gFXfX{font-weight:500}.ProgressBar_caption_gFXfX{color:var(--color-blue-grey500);line-height:var(--default-line-height);margin-top:.25rem;display:block}.ProgressBar_progress-bar_gFXfX{position:relative;display:block;height:.25rem;width:100%;border-radius:.25rem;background-color:var(--progress-bar-background-color);overflow:hidden}@media (prefers-reduced-motion: reduce){.ProgressBar_progress-bar_gFXfX{display:none}}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar_gFXfX{position:absolute;height:.5rem;border-radius:.25rem;background-color:var(--color-primary500);transition:width .2s ease-in-out}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar_gFXfX.ProgressBar_loading-state_gFXfX{width:33.3%;animation:linear 1.5s ProgressBar_slide-in_gFXfX infinite}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar2_gFXfX{position:absolute;left:-30%;height:.5rem;border-radius:.25rem;background-color:var(--color-primary500);opacity:0}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar2_gFXfX.ProgressBar_loading-state_gFXfX{width:33.3%;animation:linear 1.5s ProgressBar_slide-in_gFXfX infinite;animation-delay:.75s}@keyframes ProgressBar_slide-in_gFXfX{0%{opacity:1;left:-50%}to{opacity:1;left:150%}}.ProgressBar_placeholder_gFXfX{display:none}@media (prefers-reduced-motion: reduce){.ProgressBar_placeholder_gFXfX{display:unset}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="ProgressBar_header_gFXfX",e="ProgressBar_label_gFXfX",a="ProgressBar_percentage_gFXfX",s="ProgressBar_caption_gFXfX",o="ProgressBar_bar_gFXfX",t="ProgressBar_bar2_gFXfX",g={header:r,label:e,percentage:a,caption:s,"progress-bar":"ProgressBar_progress-bar_gFXfX",bar:o,"loading-state":"ProgressBar_loading-state_gFXfX",bar2:t};exports.bar=o,exports.bar2=t,exports.caption=s,exports.default=g,exports.header=r,exports.label=e,exports.percentage=a;
+//# sourceMappingURL=ProgressBar.module.scss.cjs.js.map

package/dist/components/ProgressBar/ProgressBar.module.scss.cjs.js.map

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

package/dist/components/ProgressBar/ProgressBar.module.scss.es.js

@@ -0,0 +1,27 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ProgressBar_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ProgressBar_hidden_gFXfX{display:none}.ProgressBar_slide-in_gFXfX{animation:ProgressBar_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.ProgressBar_slide-in_gFXfX{animation-duration:.1ms}}.ProgressBar_slide-out_gFXfX{animation:ProgressBar_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.ProgressBar_slide-out_gFXfX{animation-duration:.1ms}}@keyframes ProgressBar_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes ProgressBar_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ProgressBar_header_gFXfX{display:flex;justify-content:space-between}.ProgressBar_label_gFXfX,.ProgressBar_percentage_gFXfX{font-weight:500}.ProgressBar_caption_gFXfX{color:var(--color-blue-grey500);line-height:var(--default-line-height);margin-top:.25rem;display:block}.ProgressBar_progress-bar_gFXfX{position:relative;display:block;height:.25rem;width:100%;border-radius:.25rem;background-color:var(--progress-bar-background-color);overflow:hidden}@media (prefers-reduced-motion: reduce){.ProgressBar_progress-bar_gFXfX{display:none}}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar_gFXfX{position:absolute;height:.5rem;border-radius:.25rem;background-color:var(--color-primary500);transition:width .2s ease-in-out}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar_gFXfX.ProgressBar_loading-state_gFXfX{width:33.3%;animation:linear 1.5s ProgressBar_slide-in_gFXfX infinite}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar2_gFXfX{position:absolute;left:-30%;height:.5rem;border-radius:.25rem;background-color:var(--color-primary500);opacity:0}.ProgressBar_progress-bar_gFXfX .ProgressBar_bar2_gFXfX.ProgressBar_loading-state_gFXfX{width:33.3%;animation:linear 1.5s ProgressBar_slide-in_gFXfX infinite;animation-delay:.75s}@keyframes ProgressBar_slide-in_gFXfX{0%{opacity:1;left:-50%}to{opacity:1;left:150%}}.ProgressBar_placeholder_gFXfX{display:none}@media (prefers-reduced-motion: reduce){.ProgressBar_placeholder_gFXfX{display:unset}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const header = "ProgressBar_header_gFXfX";
+const label = "ProgressBar_label_gFXfX";
+const percentage = "ProgressBar_percentage_gFXfX";
+const caption = "ProgressBar_caption_gFXfX";
+const bar = "ProgressBar_bar_gFXfX";
+const bar2 = "ProgressBar_bar2_gFXfX";
+const classes = {
+  header,
+  label,
+  percentage,
+  caption,
+  "progress-bar": "ProgressBar_progress-bar_gFXfX",
+  bar,
+  "loading-state": "ProgressBar_loading-state_gFXfX",
+  bar2
+};
+export {
+  bar,
+  bar2,
+  caption,
+  classes as default,
+  header,
+  label,
+  percentage
+};
+//# sourceMappingURL=ProgressBar.module.scss.es.js.map

package/dist/components/ProgressBar/ProgressBar.module.scss.es.js.map

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

package/dist/components/RequiredSign/RequiredSign.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("../InlineEditing/InlineEditingContext.cjs.js");exports.RequiredSign=({className:t})=>{const{enabled:i,required:r}=n.useInlineEditing();return i&&r?e.createElement("span",{className:t}," *"):null};
+//# sourceMappingURL=RequiredSign.cjs.js.map

package/dist/components/RequiredSign/RequiredSign.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredSign.cjs.js","sources":["../../../src/components/RequiredSign/RequiredSign.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 from \"react\";\nimport { useInlineEditing } from \"../InlineEditing/InlineEditingContext\";\n\nexport interface Props {\n  className: string;\n}\n\nexport const RequiredSign: React.FC<Props> = ({ className }) => {\n  const { enabled, required } = useInlineEditing();\n\n  return enabled && required ? <span className={className}> *</span> : null;\n};\n"],"names":["className","enabled","required","useInlineEditing","React","createElement"],"mappings":"wLAuB6C,EAAGA,gBAC9C,MAAMC,QAAEA,EAAAC,SAASA,GAAaC,qBAEvB,OAAAF,GAAWC,EAAWE,EAAAC,cAAC,OAAK,CAAAL,aAAsB,MAAY,IAAA"}

package/dist/components/RequiredSign/RequiredSign.es.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useInlineEditing } from "../InlineEditing/InlineEditingContext.es.js";
+const RequiredSign = ({ className }) => {
+  const { enabled, required } = useInlineEditing();
+  return enabled && required ? /* @__PURE__ */ React.createElement("span", { className }, " *") : null;
+};
+export {
+  RequiredSign
+};
+//# sourceMappingURL=RequiredSign.es.js.map

package/dist/components/RequiredSign/RequiredSign.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredSign.es.js","sources":["../../../src/components/RequiredSign/RequiredSign.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 from \"react\";\nimport { useInlineEditing } from \"../InlineEditing/InlineEditingContext\";\n\nexport interface Props {\n  className: string;\n}\n\nexport const RequiredSign: React.FC<Props> = ({ className }) => {\n  const { enabled, required } = useInlineEditing();\n\n  return enabled && required ? <span className={className}> *</span> : null;\n};\n"],"names":[],"mappings":";;AAuBO,MAAM,eAAgC,CAAC,EAAE,gBAAgB;AAC9D,QAAM,EAAE,SAAS,SAAS,IAAI,iBAAiB;AAE/C,SAAO,WAAW,WAAW,sBAAA,cAAC,QAAK,EAAA,UAAA,GAAsB,IAAE,IAAU;AACvE;"}

package/dist/components/Skeleton/Skeleton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./Skeleton.module.scss.cjs.js"),r=e.forwardRef((({variant:r="text",height:s,width:a,className:u,style:l,...i},o)=>{const c=[t.default.skeleton];return!s&&c.push(t.default["no-height"]),"text"===r&&c.push(t.default.text),"circular"===r&&c.push(t.default.circular),u&&c.push(u),e.createElement("span",{...i,"aria-busy":"true","aria-hidden":"true",ref:o,style:{...l,width:a,height:s},className:c.join(" ")})}));exports.Skeleton=r;
+//# sourceMappingURL=Skeleton.cjs.js.map

package/dist/components/Skeleton/Skeleton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport classes from \"./Skeleton.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  variant?: \"circular\" | \"rectangle\" | \"text\";\n  height?: number | string;\n  width?: number | string;\n}\n\nconst SkeletonComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { variant = \"text\", height, width, className, style, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"skeleton\"]];\n  !height && classNames.push(classes[\"no-height\"]);\n  variant === \"text\" && classNames.push(classes[\"text\"]);\n  variant === \"circular\" && classNames.push(classes[\"circular\"]);\n  className && classNames.push(className);\n\n  return (\n    <span\n      {...rest}\n      aria-busy=\"true\"\n      aria-hidden=\"true\"\n      ref={ref}\n      style={{ ...style, width, height }}\n      className={classNames.join(\" \")}\n    ></span>\n  );\n};\n\nexport const Skeleton = React.forwardRef(SkeletonComponent);\n"],"names":["Skeleton","React","forwardRef","variant","height","width","className","style","rest","ref","classNames","classes","push","default","createElement","join"],"mappings":"oJA+CaA,EAAWC,EAAMC,YAtB6C,EACvEC,UAAU,OAAQC,SAAQC,QAAOC,YAAWC,WAAUC,GACxDC,KAEA,MAAMC,EAAa,CAACC,UAAkB,UAOpC,OANDP,GAAUM,EAAWE,KAAKD,EAAAE,QAAQ,cACvB,SAAZV,GAAsBO,EAAWE,KAAKD,EAAAE,QAAc,MACxC,aAAZV,GAA0BO,EAAWE,KAAKD,EAAAE,QAAkB,UAC/CP,GAAAI,EAAWE,KAAKN,GAG3BL,EAAAa,cAAC,OAAA,IACKN,EACJ,YAAU,OACV,cAAY,OACZC,MACAF,MAAO,IAAKA,EAAOF,QAAOD,UAC1BE,UAAWI,EAAWK,KAAK,MAC5B"}

package/dist/components/Skeleton/Skeleton.es.js

@@ -0,0 +1,25 @@
+import React from "react";
+import classes from "./Skeleton.module.scss.es.js";
+const SkeletonComponent = ({ variant = "text", height, width, className, style, ...rest }, ref) => {
+  const classNames = [classes["skeleton"]];
+  !height && classNames.push(classes["no-height"]);
+  variant === "text" && classNames.push(classes["text"]);
+  variant === "circular" && classNames.push(classes["circular"]);
+  className && classNames.push(className);
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      ...rest,
+      "aria-busy": "true",
+      "aria-hidden": "true",
+      ref,
+      style: { ...style, width, height },
+      className: classNames.join(" ")
+    }
+  );
+};
+const Skeleton = React.forwardRef(SkeletonComponent);
+export {
+  Skeleton
+};
+//# sourceMappingURL=Skeleton.es.js.map

package/dist/components/Skeleton/Skeleton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.es.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport classes from \"./Skeleton.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  variant?: \"circular\" | \"rectangle\" | \"text\";\n  height?: number | string;\n  width?: number | string;\n}\n\nconst SkeletonComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { variant = \"text\", height, width, className, style, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"skeleton\"]];\n  !height && classNames.push(classes[\"no-height\"]);\n  variant === \"text\" && classNames.push(classes[\"text\"]);\n  variant === \"circular\" && classNames.push(classes[\"circular\"]);\n  className && classNames.push(className);\n\n  return (\n    <span\n      {...rest}\n      aria-busy=\"true\"\n      aria-hidden=\"true\"\n      ref={ref}\n      style={{ ...style, width, height }}\n      className={classNames.join(\" \")}\n    ></span>\n  );\n};\n\nexport const Skeleton = React.forwardRef(SkeletonComponent);\n"],"names":[],"mappings":";;AAyBA,MAAM,oBAAqE,CACzE,EAAE,UAAU,QAAQ,QAAQ,OAAO,WAAW,OAAO,GAAG,KAAK,GAC7D,QACG;AACH,QAAM,aAAa,CAAC,QAAQ,UAAU,CAAC;AACvC,GAAC,UAAU,WAAW,KAAK,QAAQ,WAAW,CAAC;AAC/C,cAAY,UAAU,WAAW,KAAK,QAAQ,MAAM,CAAC;AACrD,cAAY,cAAc,WAAW,KAAK,QAAQ,UAAU,CAAC;AAChD,eAAA,WAAW,KAAK,SAAS;AAGpC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ;AAAA,MACA,OAAO,EAAE,GAAG,OAAO,OAAO,OAAO;AAAA,MACjC,WAAW,WAAW,KAAK,GAAG;AAAA,IAAA;AAAA,EAC/B;AAEL;AAEa,MAAA,WAAW,MAAM,WAAW,iBAAiB;"}

package/dist/components/Skeleton/Skeleton.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Skeleton_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Skeleton_hidden_gFXfX{display:none}.Skeleton_slide-in_gFXfX{animation:Skeleton_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Skeleton_slide-in_gFXfX{animation-duration:.1ms}}.Skeleton_slide-out_gFXfX{animation:Skeleton_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Skeleton_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Skeleton_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Skeleton_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Skeleton_skeleton_gFXfX{display:block;height:auto;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.Skeleton_skeleton_gFXfX:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);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));content:"";animation:Skeleton_shimmer_gFXfX 2s infinite}@media (prefers-reduced-motion: reduce){.Skeleton_skeleton_gFXfX:after{animation:none}}@keyframes Skeleton_shimmer_gFXfX{to{transform:translate(100%)}}.Skeleton_no-height_gFXfX:before{content:" ";white-space:pre-wrap}.Skeleton_text_gFXfX{border-radius:.5rem}.Skeleton_circular_gFXfX{border-radius:50%}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Skeleton_skeleton_gFXfX",t="Skeleton_text_gFXfX",o="Skeleton_circular_gFXfX",l={skeleton:e,"no-height":"Skeleton_no-height_gFXfX",text:t,circular:o};exports.circular=o,exports.default=l,exports.skeleton=e,exports.text=t;
+//# sourceMappingURL=Skeleton.module.scss.cjs.js.map

package/dist/components/Skeleton/Skeleton.module.scss.cjs.js.map

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

package/dist/components/Skeleton/Skeleton.module.scss.es.js

@@ -0,0 +1,17 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Skeleton_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Skeleton_hidden_gFXfX{display:none}.Skeleton_slide-in_gFXfX{animation:Skeleton_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Skeleton_slide-in_gFXfX{animation-duration:.1ms}}.Skeleton_slide-out_gFXfX{animation:Skeleton_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Skeleton_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Skeleton_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Skeleton_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Skeleton_skeleton_gFXfX{display:block;height:auto;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.Skeleton_skeleton_gFXfX:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);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));content:"";animation:Skeleton_shimmer_gFXfX 2s infinite}@media (prefers-reduced-motion: reduce){.Skeleton_skeleton_gFXfX:after{animation:none}}@keyframes Skeleton_shimmer_gFXfX{to{transform:translate(100%)}}.Skeleton_no-height_gFXfX:before{content:" ";white-space:pre-wrap}.Skeleton_text_gFXfX{border-radius:.5rem}.Skeleton_circular_gFXfX{border-radius:50%}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const skeleton = "Skeleton_skeleton_gFXfX";
+const text = "Skeleton_text_gFXfX";
+const circular = "Skeleton_circular_gFXfX";
+const classes = {
+  skeleton,
+  "no-height": "Skeleton_no-height_gFXfX",
+  text,
+  circular
+};
+export {
+  circular,
+  classes as default,
+  skeleton,
+  text
+};
+//# sourceMappingURL=Skeleton.module.scss.es.js.map

package/dist/components/Skeleton/Skeleton.module.scss.es.js.map

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

package/dist/components/Spinner/Spinner.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./Spinner.module.scss.cjs.js");exports.Spinner=({size:t=32,thickness:s,...o})=>(s||(s=t/16),e.createElement("svg",{...o,className:r.default.spinner,width:t,height:t,viewBox:`0 0 ${t} ${t}`,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:t/2,cy:t/2,r:(t-s)/2,stroke:"var(--orbit-color)",strokeWidth:s,fill:"none"}),e.createElement("circle",{className:r.default.arch,cx:t/2,cy:t/2,r:(t-s)/2,stroke:"var(--arch-color)",strokeWidth:s,strokeLinecap:"round",fill:"none",strokeDasharray:`${t}`,transform:"rotate(-90 25 25)"})));
+//# sourceMappingURL=Spinner.cjs.js.map

package/dist/components/Spinner/Spinner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs.js","sources":["../../../src/components/Spinner/Spinner.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 from \"react\";\nimport classes from \"./Spinner.module.scss\";\n\nexport interface SpinnerProps extends React.SVGProps<SVGSVGElement> {\n  size?: number;\n  thickness?: number;\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({ size = 32, thickness, ...props }) => {\n  if (!thickness) {\n    thickness = size / 16;\n  }\n  return (\n    <svg\n      {...props}\n      className={classes[\"spinner\"]}\n      width={size}\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        cx={size / 2}\n        cy={size / 2}\n        r={(size - thickness) / 2}\n        stroke=\"var(--orbit-color)\"\n        strokeWidth={thickness}\n        fill=\"none\"\n      ></circle>\n      <circle\n        className={classes[\"arch\"]}\n        cx={size / 2}\n        cy={size / 2}\n        r={(size - thickness) / 2}\n        stroke=\"var(--arch-color)\"\n        strokeWidth={thickness}\n        strokeLinecap=\"round\"\n        fill=\"none\"\n        strokeDasharray={`${size}`}\n        transform=\"rotate(-90 25 25)\"\n      />\n    </svg>\n  );\n};\n"],"names":["size","thickness","props","React","createElement","className","classes","width","height","viewBox","fill","xmlns","cx","cy","r","stroke","strokeWidth","strokeLinecap","strokeDasharray","transform"],"mappings":"mKAwB+C,EAAGA,OAAO,GAAIC,eAAcC,MACpED,IACHA,EAAYD,EAAO,IAGnBG,EAAAC,cAAC,MAAA,IACKF,EACJG,UAAWC,UAAiB,QAC5BC,MAAOP,EACPQ,OAAQR,EACRS,QAAS,OAAOT,KAAQA,IACxBU,KAAK,OACLC,MAAM,8BAENR,EAAAC,cAAC,SAAA,CACCQ,GAAIZ,EAAO,EACXa,GAAIb,EAAO,EACXc,GAAId,EAAOC,GAAa,EACxBc,OAAO,qBACPC,YAAaf,EACbS,KAAK,SAEPP,EAAAC,cAAC,SAAA,CACCC,UAAWC,UAAc,KACzBM,GAAIZ,EAAO,EACXa,GAAIb,EAAO,EACXc,GAAId,EAAOC,GAAa,EACxBc,OAAO,oBACPC,YAAaf,EACbgB,cAAc,QACdP,KAAK,OACLQ,gBAAiB,GAAGlB,IACpBmB,UAAU"}

package/dist/components/Spinner/Spinner.es.js

@@ -0,0 +1,49 @@
+import React from "react";
+import classes from "./Spinner.module.scss.es.js";
+const Spinner = ({ size = 32, thickness, ...props }) => {
+  if (!thickness) {
+    thickness = size / 16;
+  }
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      ...props,
+      className: classes["spinner"],
+      width: size,
+      height: size,
+      viewBox: `0 0 ${size} ${size}`,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React.createElement(
+      "circle",
+      {
+        cx: size / 2,
+        cy: size / 2,
+        r: (size - thickness) / 2,
+        stroke: "var(--orbit-color)",
+        strokeWidth: thickness,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "circle",
+      {
+        className: classes["arch"],
+        cx: size / 2,
+        cy: size / 2,
+        r: (size - thickness) / 2,
+        stroke: "var(--arch-color)",
+        strokeWidth: thickness,
+        strokeLinecap: "round",
+        fill: "none",
+        strokeDasharray: `${size}`,
+        transform: "rotate(-90 25 25)"
+      }
+    )
+  );
+};
+export {
+  Spinner
+};
+//# sourceMappingURL=Spinner.es.js.map

package/dist/components/Spinner/Spinner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.es.js","sources":["../../../src/components/Spinner/Spinner.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 from \"react\";\nimport classes from \"./Spinner.module.scss\";\n\nexport interface SpinnerProps extends React.SVGProps<SVGSVGElement> {\n  size?: number;\n  thickness?: number;\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({ size = 32, thickness, ...props }) => {\n  if (!thickness) {\n    thickness = size / 16;\n  }\n  return (\n    <svg\n      {...props}\n      className={classes[\"spinner\"]}\n      width={size}\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        cx={size / 2}\n        cy={size / 2}\n        r={(size - thickness) / 2}\n        stroke=\"var(--orbit-color)\"\n        strokeWidth={thickness}\n        fill=\"none\"\n      ></circle>\n      <circle\n        className={classes[\"arch\"]}\n        cx={size / 2}\n        cy={size / 2}\n        r={(size - thickness) / 2}\n        stroke=\"var(--arch-color)\"\n        strokeWidth={thickness}\n        strokeLinecap=\"round\"\n        fill=\"none\"\n        strokeDasharray={`${size}`}\n        transform=\"rotate(-90 25 25)\"\n      />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAwBa,MAAA,UAAkC,CAAC,EAAE,OAAO,IAAI,WAAW,GAAG,YAAY;AACrF,MAAI,CAAC,WAAW;AACd,gBAAY,OAAO;AAAA,EAAA;AAGnB,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,QAAQ,SAAS;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS,OAAO,IAAI,IAAI,IAAI;AAAA,MAC5B,MAAK;AAAA,MACL,OAAM;AAAA,IAAA;AAAA,IAEN,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,IAAI,OAAO;AAAA,QACX,IAAI,OAAO,aAAa;AAAA,QACxB,QAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAK;AAAA,MAAA;AAAA,IACN;AAAA,IACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,QAAQ,MAAM;AAAA,QACzB,IAAI,OAAO;AAAA,QACX,IAAI,OAAO;AAAA,QACX,IAAI,OAAO,aAAa;AAAA,QACxB,QAAO;AAAA,QACP,aAAa;AAAA,QACb,eAAc;AAAA,QACd,MAAK;AAAA,QACL,iBAAiB,GAAG,IAAI;AAAA,QACxB,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAEd;AAEJ;"}

package/dist/components/Spinner/Spinner.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Spinner_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Spinner_hidden_gFXfX{display:none}.Spinner_slide-in_gFXfX{animation:Spinner_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Spinner_slide-in_gFXfX{animation-duration:.1ms}}.Spinner_slide-out_gFXfX{animation:Spinner_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Spinner_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Spinner_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Spinner_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Spinner_spinner_gFXfX{--orbit-color: var(--color-blue-grey100);--arch-color: var(--color-blue-grey900)}@keyframes Spinner_rotate_gFXfX{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Spinner_spinner_gFXfX .Spinner_arch_gFXfX{animation:Spinner_rotate_gFXfX 1s linear infinite;transform-origin:center}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Spinner_spinner_gFXfX",r="Spinner_arch_gFXfX",n={spinner:e,arch:r};exports.arch=r,exports.default=n,exports.spinner=e;
+//# sourceMappingURL=Spinner.module.scss.cjs.js.map

package/dist/components/Spinner/Spinner.module.scss.cjs.js.map

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

package/dist/components/Spinner/Spinner.module.scss.es.js

@@ -0,0 +1,13 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Spinner_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Spinner_hidden_gFXfX{display:none}.Spinner_slide-in_gFXfX{animation:Spinner_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Spinner_slide-in_gFXfX{animation-duration:.1ms}}.Spinner_slide-out_gFXfX{animation:Spinner_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Spinner_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Spinner_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Spinner_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Spinner_spinner_gFXfX{--orbit-color: var(--color-blue-grey100);--arch-color: var(--color-blue-grey900)}@keyframes Spinner_rotate_gFXfX{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Spinner_spinner_gFXfX .Spinner_arch_gFXfX{animation:Spinner_rotate_gFXfX 1s linear infinite;transform-origin:center}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const spinner = "Spinner_spinner_gFXfX";
+const arch = "Spinner_arch_gFXfX";
+const classes = {
+  spinner,
+  arch
+};
+export {
+  arch,
+  classes as default,
+  spinner
+};
+//# sourceMappingURL=Spinner.module.scss.es.js.map

package/dist/components/Spinner/Spinner.module.scss.es.js.map

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

package/dist/components/Stepper/Step.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Icon/Icon.cjs.js"),a=require("./Step.module.scss.cjs.js"),r=({label:r,caption:s,status:l,index:n,direction:c,disabled:i,lastStep:o,onClick:d,textPosition:u,...p},m)=>{const f=n??0,h=[a.default[l]],b={},x="horizontal"===c,E="bottom"===u,v=!!s;return h.push(x?a.default.horizontal:a.default.vertical),i&&h.push(a.default.disabled),E&&h.push(a.default["text-bottom"]),o&&h.push(a.default["last-step"]),v&&h.push(a.default["has-caption"]),b.maxWidth=((e,t,a)=>{if(e&&t)return`calc(${100/(a+1)}% - ${.5*a}rem)`})(x,!!o,n),e.createElement("div",{style:b,className:`${a.default["step-wrapper"]} ${h.join(" ")}`,...p},e.createElement("div",{"aria-hidden":!0,className:a.default.step,onClick:d},((a,r)=>{switch(r){case"waiting":case"current":return String(a+1);case"done":return e.createElement(t.Icon,{icon:t.Icons.Checkmark});case"error":return"!"}})(f,l)),e.createElement("button",{"aria-current":"current"===l?"step":void 0,className:a.default.label,disabled:i,onClick:d},e.createElement("span",{className:a.default["label-inner-wrapper"]},r," ",!o&&x&&!E&&e.createElement("div",{className:`${a.default["stepper-line"]} ${a.default["stepper-line-extender"]}`})),e.createElement("span",{className:a.default.caption},s)),!o&&e.createElement("div",{className:a.default["stepper-line"]}))},s=e.forwardRef(r);exports.Step=s,exports.StepComponent=r;
+//# sourceMappingURL=Step.cjs.js.map

package/dist/components/Stepper/Step.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.cjs.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, { CSSProperties, ComponentPropsWithRef, ForwardRefRenderFunction } 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 Omit<ComponentPropsWithRef<\"div\">, \"onClick\"> {\n  status: StepStatus;\n  label: string;\n  caption?: string;\n  index?: number;\n  lastStep?: boolean;\n  disabled?: boolean;\n  direction?: \"horizontal\" | \"vertical\";\n  textPosition?: \"bottom\" | \"right\";\n  onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n}\n\nconst gapBetweenStepsInRem = 0.5;\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\nconst getStepMaxWidth = (isHorizontal: boolean, lastStep: boolean, index: number) => {\n  if (isHorizontal && lastStep) {\n    const percentage = 100 / (index + 1);\n    const gapSize = index * gapBetweenStepsInRem;\n    return `calc(${percentage}% - ${gapSize}rem)`;\n  }\n};\n\nexport const StepComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    label,\n    caption,\n    status,\n    index,\n    direction,\n    disabled,\n    lastStep,\n    onClick,\n    textPosition,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const stepIndex = index ?? 0;\n  const additionalClasses = [classes[status]];\n  const additionalStyles: CSSProperties = {};\n  const isHorizontal = direction === \"horizontal\";\n  const isTextBottom = textPosition === \"bottom\";\n  const hasCaption = !!caption;\n\n  additionalClasses.push(isHorizontal ? classes[\"horizontal\"] : classes[\"vertical\"]);\n  disabled && additionalClasses.push(classes[\"disabled\"]);\n  isTextBottom && additionalClasses.push(classes[\"text-bottom\"]);\n  lastStep && additionalClasses.push(classes[\"last-step\"]);\n  hasCaption && additionalClasses.push(classes[\"has-caption\"]);\n\n  additionalStyles[\"maxWidth\"] = getStepMaxWidth(isHorizontal, !!lastStep, index!);\n\n  return (\n    <div\n      style={additionalStyles}\n      className={`${classes[\"step-wrapper\"]} ${additionalClasses.join(\" \")}`}\n      {...rest}\n    >\n      <div aria-hidden className={classes[\"step\"]} onClick={onClick}>\n        {getStepContent(stepIndex, status)}\n      </div>\n      <button\n        aria-current={status === \"current\" ? \"step\" : undefined}\n        className={classes[\"label\"]}\n        disabled={disabled}\n        onClick={onClick}\n      >\n        <span className={classes[\"label-inner-wrapper\"]}>\n          {label}{\" \"}\n          {!lastStep && isHorizontal && !isTextBottom && (\n            <div className={`${classes[\"stepper-line\"]} ${classes[\"stepper-line-extender\"]}`}></div>\n          )}\n        </span>\n        <span className={classes[\"caption\"]}>{caption}</span>\n      </button>\n      {!lastStep && <div className={classes[\"stepper-line\"]}></div>}\n    </div>\n  );\n};\n\nexport const Step = React.forwardRef(StepComponent);\n"],"names":["StepComponent","label","caption","status","index","direction","disabled","lastStep","onClick","textPosition","rest","ref","stepIndex","additionalClasses","classes","additionalStyles","isHorizontal","isTextBottom","hasCaption","push","default","getStepMaxWidth","React","createElement","style","className","join","String","Icon","icon","Icons","Checkmark","getStepContent","Step","forwardRef"],"mappings":"iLAyDaA,EAAiE,EAE1EC,QACAC,UACAC,SACAC,QACAC,YACAC,WACAC,WACAC,UACAC,kBACGC,GAELC,KAEA,MAAMC,EAAYR,GAAS,EACrBS,EAAoB,CAACC,UAAQX,IAC7BY,EAAkC,CAAC,EACnCC,EAA6B,eAAdX,EACfY,EAAgC,WAAjBR,EACfS,IAAehB,EAWnB,OATgBW,EAAAM,KAAKH,EAAeF,EAAAA,QAAoB,WAAIA,EAAAA,QAAkB,UAChFR,GAAYO,EAAkBM,KAAKL,EAAQM,QAAU,UACrDH,GAAgBJ,EAAkBM,KAAKL,EAAQM,QAAA,gBAC/Cb,GAAYM,EAAkBM,KAAKL,EAAQM,QAAA,cAC3CF,GAAcL,EAAkBM,KAAKL,EAAQM,QAAA,gBAE7CL,EAA2B,SApCL,EAACC,EAAuBT,EAAmBH,KACjE,GAAIY,GAAgBT,EAGX,MAAA,QAFY,KAAOH,EAAQ,SAjBT,GAkBTA,OACuB,EAgCViB,CAAgBL,IAAgBT,EAAUH,GAGvEkB,EAAAC,cAAC,MAAA,CACCC,MAAOT,EACPU,UAAW,GAAGX,EAAQM,QAAA,mBAAmBP,EAAkBa,KAAK,UAC5DhB,KAEHa,cAAA,MAAA,CAAI,eAAW,EAACE,UAAWX,EAAAM,QAAc,KAAGZ,WAzD5B,EAACJ,EAAeD,KACrC,OAAQA,GACN,IAAK,UAEL,IAAK,UACI,OAAAwB,OAAOvB,EAAQ,GACxB,IAAK,OACK,OAAAkB,EAAAC,cAAAK,EAAAA,KAAA,CAAKC,KAAMC,EAAAA,MAAMC,YAC3B,IAAK,QACI,MAAA,IAAA,EAiDJC,CAAepB,EAAWT,IAE7BmB,EAAAC,cAAC,SAAA,CACC,eAAyB,YAAXpB,EAAuB,YAAS,EAC9CsB,UAAWX,UAAe,MAC1BR,WACAE,WAEAc,EAAAC,cAAC,OAAK,CAAAE,UAAWX,EAAAA,QAAQ,wBACtBb,EAAO,KACNM,GAAYS,IAAiBC,GAC5BK,EAAAC,cAAA,MAAA,CAAIE,UAAW,GAAGX,EAAQM,QAAA,mBAAmBN,EAAQM,QAAA,8CAGzD,OAAK,CAAAK,UAAWX,UAAiB,SAAIZ,KAEtCK,GAAYe,EAAAC,cAAC,OAAIE,UAAWX,EAAAA,QAAQ,kBACxC,EAISmB,EAAOX,EAAMY,WAAWlC"}

package/dist/components/Stepper/Step.es.js

@@ -0,0 +1,75 @@
+import React from "react";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import classes from "./Step.module.scss.es.js";
+const gapBetweenStepsInRem = 0.5;
+const getStepContent = (index, status) => {
+  switch (status) {
+    case "waiting":
+      return String(index + 1);
+    case "current":
+      return String(index + 1);
+    case "done":
+      return /* @__PURE__ */ React.createElement(Icon, { icon: Icons.Checkmark });
+    case "error":
+      return "!";
+  }
+};
+const getStepMaxWidth = (isHorizontal, lastStep, index) => {
+  if (isHorizontal && lastStep) {
+    const percentage = 100 / (index + 1);
+    const gapSize = index * gapBetweenStepsInRem;
+    return `calc(${percentage}% - ${gapSize}rem)`;
+  }
+};
+const StepComponent = ({
+  label,
+  caption,
+  status,
+  index,
+  direction,
+  disabled,
+  lastStep,
+  onClick,
+  textPosition,
+  ...rest
+}, ref) => {
+  const stepIndex = index ?? 0;
+  const additionalClasses = [classes[status]];
+  const additionalStyles = {};
+  const isHorizontal = direction === "horizontal";
+  const isTextBottom = textPosition === "bottom";
+  const hasCaption = !!caption;
+  additionalClasses.push(isHorizontal ? classes["horizontal"] : classes["vertical"]);
+  disabled && additionalClasses.push(classes["disabled"]);
+  isTextBottom && additionalClasses.push(classes["text-bottom"]);
+  lastStep && additionalClasses.push(classes["last-step"]);
+  hasCaption && additionalClasses.push(classes["has-caption"]);
+  additionalStyles["maxWidth"] = getStepMaxWidth(isHorizontal, !!lastStep, index);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: additionalStyles,
+      className: `${classes["step-wrapper"]} ${additionalClasses.join(" ")}`,
+      ...rest
+    },
+    /* @__PURE__ */ React.createElement("div", { "aria-hidden": true, className: classes["step"], onClick }, getStepContent(stepIndex, status)),
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        "aria-current": status === "current" ? "step" : void 0,
+        className: classes["label"],
+        disabled,
+        onClick
+      },
+      /* @__PURE__ */ React.createElement("span", { className: classes["label-inner-wrapper"] }, label, " ", !lastStep && isHorizontal && !isTextBottom && /* @__PURE__ */ React.createElement("div", { className: `${classes["stepper-line"]} ${classes["stepper-line-extender"]}` })),
+      /* @__PURE__ */ React.createElement("span", { className: classes["caption"] }, caption)
+    ),
+    !lastStep && /* @__PURE__ */ React.createElement("div", { className: classes["stepper-line"] })
+  );
+};
+const Step = React.forwardRef(StepComponent);
+export {
+  Step,
+  StepComponent
+};
+//# sourceMappingURL=Step.es.js.map