@onewelcome/react-lib-components 11.0.0 → 12.0.0

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.cjs.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  label: ReactNode;\n  title?: string;\n  children: ReactNode;\n  domRoot?: HTMLElement;\n  icon?: Icons;\n  location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  color?: \"black\" | \"blue\";\n  position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n  placement: Placement;\n  offset: Offset;\n  transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n  left: {\n    placement: { horizontal: \"left\", vertical: \"center\" },\n    offset: { left: 0, right: 12, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n  },\n  leftEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: 0, right: 12, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  },\n  leftStart: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: 0, right: 12, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  right: {\n    placement: { horizontal: \"right\", vertical: \"center\" },\n    offset: { left: 12, right: 0, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n  },\n  rightEnd: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 12, right: 0, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  rightStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 12, right: 0, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  top: {\n    placement: { horizontal: \"center\", vertical: \"top\" },\n    offset: { left: 0, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n  },\n  topEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: -12, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  topStart: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 0, right: -12, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  bottom: {\n    placement: { horizontal: \"center\", vertical: \"bottom\" },\n    offset: { left: 0, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n  },\n  bottomEnd: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: -12, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  bottomStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 0, right: -12, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    title,\n    children,\n    className,\n    domRoot,\n    label,\n    location = \"right\",\n    position = \"center\",\n    color = \"black\",\n    icon,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [identifier] = useState(generateID());\n  const [shouldRender, setShouldRender] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  const show = () => {\n    setShouldRender(true);\n    requestAnimationFrame(() => {\n      setVisible(true);\n    });\n  };\n\n  const hide = () => {\n    setVisible(false);\n  };\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        hide();\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    if (shouldRender) {\n      calculatePosition();\n    }\n  }, [shouldRender]);\n\n  useEffect(() => {\n    const element = elementToBePositioned.current;\n\n    if (!element || visible) {\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  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        ref: relativeElement,\n        onMouseEnter: show,\n        onMouseLeave: hide,\n        onFocus: show,\n        onBlur: hide,\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={show}\n        onBlur={hide}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        {!React.isValidElement(label) && (\n          <Icon\n            ref={relativeElement}\n            tag=\"div\"\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            icon={Icons.InfoCircle}\n            aria-describedby={identifier}\n            className={`${classes.icon}`}\n          />\n        )}\n        {shouldRender &&\n          createPortal(\n            <div\n              ref={elementToBePositioned}\n              style={{\n                ...rest.style,\n                top: top,\n                left: left,\n                right: right,\n                bottom: bottom\n              }}\n              id={identifier}\n              className={tooltipClasses}\n            >\n              {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n              {children}\n            </div>,\n            root\n          )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","Tooltip","React","forwardRef","title","children","className","domRoot","label","location","position","color","icon","rest","ref","identifier","useState","generateID","shouldRender","setShouldRender","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","show","requestAnimationFrame","hide","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","element","current","handleTransitionEnd","propertyName","tooltipClasses","classes","default","replace","toLowerCase","createElement","wrapper","isValidElement","cloneElement","onMouseEnter","onMouseLeave","onFocus","onBlur","tabIndex","Icon","tag","Icons","InfoCircle","createPortal","style","id"],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.es.js

@@ -1,207 +0,0 @@
-import React, { useState, createRef, useRef, useMemo, useEffect, useLayoutEffect } from "react";
-import { Icon, Icons } from "../Icon/Icon.es.js";
-import classes from "./Tooltip.module.scss.es.js";
-import { generateID } from "../../util/helper.es.js";
-import { usePosition } from "../../hooks/usePosition.es.js";
-import { createPortal } from "react-dom";
-import { useGetDomRoot } from "../../hooks/useGetDomRoot.es.js";
-const locations = {
-  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 TooltipComponent = ({
-  title,
-  children,
-  className,
-  domRoot,
-  label,
-  location = "right",
-  position = "center",
-  color = "black",
-  icon,
-  ...rest
-}, ref) => {
-  const [identifier] = useState(generateID());
-  const [shouldRender, setShouldRender] = useState(false);
-  const [visible, setVisible] = useState(false);
-  const wrappingDivRef = ref || createRef();
-  const { root } = useGetDomRoot(domRoot, wrappingDivRef);
-  const relativeElement = useRef(null);
-  const elementToBePositioned = useRef(null);
-  const determinedLocation = useMemo(() => {
-    if (position === "center") {
-      return location;
-    }
-    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}`;
-  }, [location, position]);
-  const { top, bottom, right, left, calculatePosition } = usePosition({
-    relativeElement,
-    elementToBePositioned,
-    placement: locations[determinedLocation].placement,
-    offset: locations[determinedLocation].offset,
-    transformOrigin: locations[determinedLocation].transformOrigin
-  });
-  const show = () => {
-    setShouldRender(true);
-    requestAnimationFrame(() => {
-      setVisible(true);
-    });
-  };
-  const hide = () => {
-    setVisible(false);
-  };
-  useEffect(() => {
-    if (!visible) {
-      return;
-    }
-    const escapePressHandler = (event) => {
-      if (event.key === "Escape") {
-        hide();
-      }
-    };
-    document.addEventListener("keyup", escapePressHandler);
-    return () => {
-      document.removeEventListener("keyup", escapePressHandler);
-    };
-  }, [visible]);
-  useLayoutEffect(() => {
-    if (shouldRender) {
-      calculatePosition();
-    }
-  }, [shouldRender]);
-  useEffect(() => {
-    const element = elementToBePositioned.current;
-    if (!element || visible) {
-      return;
-    }
-    const handleTransitionEnd = (event) => {
-      if (event.propertyName === "opacity") {
-        setShouldRender(false);
-      }
-    };
-    element.addEventListener("transitionend", handleTransitionEnd);
-    return () => {
-      element.removeEventListener("transitionend", handleTransitionEnd);
-    };
-  }, [visible]);
-  const renderChildren = () => {
-    if (React.isValidElement(label)) {
-      return React.cloneElement(label, {
-        ref: relativeElement,
-        onMouseEnter: show,
-        onMouseLeave: hide,
-        onFocus: show,
-        onBlur: hide,
-        "aria-describedby": identifier,
-        tabIndex: 0,
-        className: classes["label"]
-      });
-    }
-    return /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: classes["label"],
-        tabIndex: 0,
-        onFocus: show,
-        onBlur: hide,
-        "aria-describedby": identifier
-      },
-      label
-    );
-  };
-  const tooltipClasses = `${classes["tooltip"]} ${classes[color]} ${visible ? classes["visible"] : ""} ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase()]}`;
-  return /* @__PURE__ */ React.createElement("div", { ...rest, ref: wrappingDivRef, className: `${classes.wrapper} ${className ?? ""}` }, renderChildren(), /* @__PURE__ */ React.createElement("div", { className: `${classes["tooltip-wrapper"]}` }, !React.isValidElement(label) && /* @__PURE__ */ React.createElement(
-    Icon,
-    {
-      ref: relativeElement,
-      tag: "div",
-      onMouseEnter: show,
-      onMouseLeave: hide,
-      icon: Icons.InfoCircle,
-      "aria-describedby": identifier,
-      className: `${classes.icon}`
-    }
-  ), shouldRender && createPortal(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: elementToBePositioned,
-        style: {
-          ...rest.style,
-          top,
-          left,
-          right,
-          bottom
-        },
-        id: identifier,
-        className: tooltipClasses
-      },
-      title && /* @__PURE__ */ React.createElement("span", { className: classes["tooltip-title"] }, title),
-      children
-    ),
-    root
-  )));
-};
-const Tooltip = React.forwardRef(TooltipComponent);
-export {
-  Tooltip
-};
-//# sourceMappingURL=Tooltip.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.es.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tooltip.module.scss\";\nimport { generateID } from \"../../util/helper\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  label: ReactNode;\n  title?: string;\n  children: ReactNode;\n  domRoot?: HTMLElement;\n  icon?: Icons;\n  location?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  color?: \"black\" | \"blue\";\n  position?: \"start\" | \"center\" | \"end\";\n}\n\ninterface DefaultPosition {\n  placement: Placement;\n  offset: Offset;\n  transformOrigin: Placement;\n}\n\ntype Location = \"left\" | \"right\" | \"top\" | \"bottom\";\ntype Position = \"start\" | \"end\";\ntype LocationPosition = `${Location}${Capitalize<Position>}` | `${Location}`;\nconst locations: Record<LocationPosition, DefaultPosition> = {\n  left: {\n    placement: { horizontal: \"left\", vertical: \"center\" },\n    offset: { left: 0, right: 12, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"center\" }\n  },\n  leftEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: 0, right: 12, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  },\n  leftStart: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: 0, right: 12, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  right: {\n    placement: { horizontal: \"right\", vertical: \"center\" },\n    offset: { left: 12, right: 0, top: 0, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"center\" }\n  },\n  rightEnd: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 12, right: 0, top: -12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  rightStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 12, right: 0, top: 0, bottom: -12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  top: {\n    placement: { horizontal: \"center\", vertical: \"top\" },\n    offset: { left: 0, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"center\", vertical: \"bottom\" }\n  },\n  topEnd: {\n    placement: { horizontal: \"left\", vertical: \"top\" },\n    offset: { left: -12, right: 0, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"left\", vertical: \"bottom\" }\n  },\n  topStart: {\n    placement: { horizontal: \"right\", vertical: \"top\" },\n    offset: { left: 0, right: -12, top: 0, bottom: 12 },\n    transformOrigin: { horizontal: \"right\", vertical: \"bottom\" }\n  },\n  bottom: {\n    placement: { horizontal: \"center\", vertical: \"bottom\" },\n    offset: { left: 0, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"center\", vertical: \"top\" }\n  },\n  bottomEnd: {\n    placement: { horizontal: \"left\", vertical: \"bottom\" },\n    offset: { left: -12, right: 0, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"left\", vertical: \"top\" }\n  },\n  bottomStart: {\n    placement: { horizontal: \"right\", vertical: \"bottom\" },\n    offset: { left: 0, right: -12, top: 12, bottom: 0 },\n    transformOrigin: { horizontal: \"right\", vertical: \"top\" }\n  }\n};\n\nconst TooltipComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    title,\n    children,\n    className,\n    domRoot,\n    label,\n    location = \"right\",\n    position = \"center\",\n    color = \"black\",\n    icon,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [identifier] = useState(generateID());\n  const [shouldRender, setShouldRender] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  const show = () => {\n    setShouldRender(true);\n    requestAnimationFrame(() => {\n      setVisible(true);\n    });\n  };\n\n  const hide = () => {\n    setVisible(false);\n  };\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        hide();\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    if (shouldRender) {\n      calculatePosition();\n    }\n  }, [shouldRender]);\n\n  useEffect(() => {\n    const element = elementToBePositioned.current;\n\n    if (!element || visible) {\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  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        ref: relativeElement,\n        onMouseEnter: show,\n        onMouseLeave: hide,\n        onFocus: show,\n        onBlur: hide,\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={show}\n        onBlur={hide}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        {!React.isValidElement(label) && (\n          <Icon\n            ref={relativeElement}\n            tag=\"div\"\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            icon={Icons.InfoCircle}\n            aria-describedby={identifier}\n            className={`${classes.icon}`}\n          />\n        )}\n        {shouldRender &&\n          createPortal(\n            <div\n              ref={elementToBePositioned}\n              style={{\n                ...rest.style,\n                top: top,\n                left: left,\n                right: right,\n                bottom: bottom\n              }}\n              id={identifier}\n              className={tooltipClasses}\n            >\n              {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n              {children}\n            </div>,\n            root\n          )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Tooltip_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tooltip_hidden_HO9cY{display:none}.Tooltip_slide-in_HO9cY{animation:Tooltip_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-in_HO9cY{animation-duration:.1ms}}.Tooltip_slide-out_HO9cY{animation:Tooltip_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Tooltip_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip_slide-out_HO9cY{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 */.Tooltip_wrapper_HO9cY{display:flex;align-items:center}.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY{margin-left:.5rem;color:var(--greyed-out);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY{transition-duration:.1ms}}.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY:hover{color:var(--default)}.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY.Tooltip_error_HO9cY{color:var(--error)}.Tooltip_tooltip_HO9cY{position:fixed;font-size:var(--font-size-sub);line-height:1.33;border-radius:.125rem;padding:.75rem;color:var(--light);max-width:20.625rem;opacity:0;transform:scale(0);transform-origin:center center;pointer-events:none;box-shadow:0 .0625rem .3125rem #0105324d;word-break:break-word;z-index:var(--tooltip-index);transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tooltip_tooltip_HO9cY{transition-duration:.1ms}}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY{background-color:var(--tooltip-background-color)}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_top_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--tooltip-background-color);position:absolute;left:50%;right:initial;transform:translate(-50%);top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_top-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--tooltip-background-color);position:absolute;right:.75rem;left:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_top-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--tooltip-background-color);position:absolute;left:1rem;right:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_bottom_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--tooltip-background-color);position:absolute;left:50%;right:initial;transform:translate(-50%);bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_bottom-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--tooltip-background-color);position:absolute;right:.75rem;left:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_bottom-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--tooltip-background-color);position:absolute;left:1rem;right:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_left_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--tooltip-background-color);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_left-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--tooltip-background-color);position:absolute;bottom:.9375rem;top:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_left-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--tooltip-background-color);position:absolute;top:.875rem;bottom:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_right_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--tooltip-background-color);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_right-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--tooltip-background-color);position:absolute;bottom:.9375rem;top:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_right-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--tooltip-background-color);position:absolute;top:.875rem;bottom:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY{background-color:var(--color-blue-grey500)}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_top_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--color-blue-grey500);position:absolute;left:50%;right:initial;transform:translate(-50%);top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_top-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--color-blue-grey500);position:absolute;right:.75rem;left:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_top-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--color-blue-grey500);position:absolute;left:1rem;right:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_bottom_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--color-blue-grey500);position:absolute;left:50%;right:initial;transform:translate(-50%);bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_bottom-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--color-blue-grey500);position:absolute;right:.75rem;left:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_bottom-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--color-blue-grey500);position:absolute;left:1rem;right:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_left_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--color-blue-grey500);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_left-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--color-blue-grey500);position:absolute;bottom:.9375rem;top:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_left-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--color-blue-grey500);position:absolute;top:.875rem;bottom:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_right_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--color-blue-grey500);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_right-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--color-blue-grey500);position:absolute;bottom:.9375rem;top:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_right-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--color-blue-grey500);position:absolute;top:.875rem;bottom:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY:after{content:""}.Tooltip_tooltip_HO9cY.Tooltip_visible_HO9cY{opacity:1;transform:scale(1)}.Tooltip_label_HO9cY:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip_tooltip-title_HO9cY{font-weight:500;font-size:var(--font-size-form-label);line-height:1.43;display:block;margin-bottom:.25rem}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="Tooltip_hidden_HO9cY",o="Tooltip_wrapper_HO9cY",l="Tooltip_icon_HO9cY",e="Tooltip_error_HO9cY",p="Tooltip_tooltip_HO9cY",i="Tooltip_black_HO9cY",r="Tooltip_top_HO9cY",_="Tooltip_bottom_HO9cY",s="Tooltip_left_HO9cY",c="Tooltip_right_HO9cY",O="Tooltip_blue_HO9cY",T="Tooltip_visible_HO9cY",H="Tooltip_label_HO9cY",Y={"sr-only":"Tooltip_sr-only_HO9cY",hidden:t,"slide-in":"Tooltip_slide-in_HO9cY","slide-out":"Tooltip_slide-out_HO9cY",wrapper:o,"tooltip-wrapper":"Tooltip_tooltip-wrapper_HO9cY",icon:l,error:e,tooltip:p,black:i,top:r,"top-start":"Tooltip_top-start_HO9cY","top-end":"Tooltip_top-end_HO9cY",bottom:_,"bottom-start":"Tooltip_bottom-start_HO9cY","bottom-end":"Tooltip_bottom-end_HO9cY",left:s,"left-start":"Tooltip_left-start_HO9cY","left-end":"Tooltip_left-end_HO9cY",right:c,"right-start":"Tooltip_right-start_HO9cY","right-end":"Tooltip_right-end_HO9cY",blue:O,visible:T,label:H,"tooltip-title":"Tooltip_tooltip-title_HO9cY"};exports.black=i,exports.blue=O,exports.bottom=_,exports.default=Y,exports.error=e,exports.hidden=t,exports.icon=l,exports.label=H,exports.left=s,exports.right=c,exports.tooltip=p,exports.top=r,exports.visible=T,exports.wrapper=o;
-//# sourceMappingURL=Tooltip.module.scss.cjs.js.map

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

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

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

@@ -1,59 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Tooltip_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tooltip_hidden_HO9cY{display:none}.Tooltip_slide-in_HO9cY{animation:Tooltip_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-in_HO9cY{animation-duration:.1ms}}.Tooltip_slide-out_HO9cY{animation:Tooltip_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Tooltip_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip_slide-out_HO9cY{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 */.Tooltip_wrapper_HO9cY{display:flex;align-items:center}.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY{margin-left:.5rem;color:var(--greyed-out);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY{transition-duration:.1ms}}.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY:hover{color:var(--default)}.Tooltip_tooltip-wrapper_HO9cY .Tooltip_icon_HO9cY.Tooltip_error_HO9cY{color:var(--error)}.Tooltip_tooltip_HO9cY{position:fixed;font-size:var(--font-size-sub);line-height:1.33;border-radius:.125rem;padding:.75rem;color:var(--light);max-width:20.625rem;opacity:0;transform:scale(0);transform-origin:center center;pointer-events:none;box-shadow:0 .0625rem .3125rem #0105324d;word-break:break-word;z-index:var(--tooltip-index);transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tooltip_tooltip_HO9cY{transition-duration:.1ms}}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY{background-color:var(--tooltip-background-color)}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_top_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--tooltip-background-color);position:absolute;left:50%;right:initial;transform:translate(-50%);top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_top-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--tooltip-background-color);position:absolute;right:.75rem;left:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_top-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--tooltip-background-color);position:absolute;left:1rem;right:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_bottom_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--tooltip-background-color);position:absolute;left:50%;right:initial;transform:translate(-50%);bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_bottom-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--tooltip-background-color);position:absolute;right:.75rem;left:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_bottom-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--tooltip-background-color);position:absolute;left:1rem;right:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_left_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--tooltip-background-color);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_left-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--tooltip-background-color);position:absolute;bottom:.9375rem;top:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_left-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--tooltip-background-color);position:absolute;top:.875rem;bottom:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_right_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--tooltip-background-color);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_right-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--tooltip-background-color);position:absolute;bottom:.9375rem;top:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_black_HO9cY.Tooltip_right-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--tooltip-background-color);position:absolute;top:.875rem;bottom:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY{background-color:var(--color-blue-grey500)}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_top_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--color-blue-grey500);position:absolute;left:50%;right:initial;transform:translate(-50%);top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_top-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--color-blue-grey500);position:absolute;right:.75rem;left:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_top-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-top-color:var(--color-blue-grey500);position:absolute;left:1rem;right:initial;top:100%;border-bottom-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_bottom_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--color-blue-grey500);position:absolute;left:50%;right:initial;transform:translate(-50%);bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_bottom-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--color-blue-grey500);position:absolute;right:.75rem;left:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_bottom-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-bottom-color:var(--color-blue-grey500);position:absolute;left:1rem;right:initial;bottom:100%;border-top-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_left_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--color-blue-grey500);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_left-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--color-blue-grey500);position:absolute;bottom:.9375rem;top:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_left-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-left-color:var(--color-blue-grey500);position:absolute;top:.875rem;bottom:initial;left:100%;border-right-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_right_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--color-blue-grey500);position:absolute;top:50%;bottom:initial;transform:translateY(-50%);right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_right-start_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--color-blue-grey500);position:absolute;bottom:.9375rem;top:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY.Tooltip_blue_HO9cY.Tooltip_right-end_HO9cY:after{width:0;height:0;border-style:solid;border-width:.25rem;border-color:transparent;border-right-color:var(--color-blue-grey500);position:absolute;top:.875rem;bottom:initial;right:100%;border-left-width:0}.Tooltip_tooltip_HO9cY:after{content:""}.Tooltip_tooltip_HO9cY.Tooltip_visible_HO9cY{opacity:1;transform:scale(1)}.Tooltip_label_HO9cY:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip_tooltip-title_HO9cY{font-weight:500;font-size:var(--font-size-form-label);line-height:1.43;display:block;margin-bottom:.25rem}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-const hidden = "Tooltip_hidden_HO9cY";
-const wrapper = "Tooltip_wrapper_HO9cY";
-const icon = "Tooltip_icon_HO9cY";
-const error = "Tooltip_error_HO9cY";
-const tooltip = "Tooltip_tooltip_HO9cY";
-const black = "Tooltip_black_HO9cY";
-const top = "Tooltip_top_HO9cY";
-const bottom = "Tooltip_bottom_HO9cY";
-const left = "Tooltip_left_HO9cY";
-const right = "Tooltip_right_HO9cY";
-const blue = "Tooltip_blue_HO9cY";
-const visible = "Tooltip_visible_HO9cY";
-const label = "Tooltip_label_HO9cY";
-const classes = {
-  "sr-only": "Tooltip_sr-only_HO9cY",
-  hidden,
-  "slide-in": "Tooltip_slide-in_HO9cY",
-  "slide-out": "Tooltip_slide-out_HO9cY",
-  wrapper,
-  "tooltip-wrapper": "Tooltip_tooltip-wrapper_HO9cY",
-  icon,
-  error,
-  tooltip,
-  black,
-  top,
-  "top-start": "Tooltip_top-start_HO9cY",
-  "top-end": "Tooltip_top-end_HO9cY",
-  bottom,
-  "bottom-start": "Tooltip_bottom-start_HO9cY",
-  "bottom-end": "Tooltip_bottom-end_HO9cY",
-  left,
-  "left-start": "Tooltip_left-start_HO9cY",
-  "left-end": "Tooltip_left-end_HO9cY",
-  right,
-  "right-start": "Tooltip_right-start_HO9cY",
-  "right-end": "Tooltip_right-end_HO9cY",
-  blue,
-  visible,
-  label,
-  "tooltip-title": "Tooltip_tooltip-title_HO9cY"
-};
-export {
-  black,
-  blue,
-  bottom,
-  classes as default,
-  error,
-  hidden,
-  icon,
-  label,
-  left,
-  right,
-  tooltip,
-  top,
-  visible,
-  wrapper
-};
-//# sourceMappingURL=Tooltip.module.scss.es.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.cjs.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<unknown, Omit<Props, \"ref\">> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest },\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  const TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":["validVariants","Typography","React","forwardRef","children","variant","tag","style","spacing","align","className","rest","ref","includes","Error","styleWithSpacing","useSpacing","TagName","createElement","textAlign","classes"],"mappings":"iMAoBaA,EAAgB,CAC3B,KACA,KACA,KACA,KACA,OACA,YACA,WACA,QAkFWC,EAAaC,EAAMC,YAlDmD,EAC/EC,WAAUC,UAASC,MAAKC,QAAOC,UAASC,QAAOC,YAAY,MAAOC,GACpEC,KAEA,IAAKZ,EAAca,SAASR,GAC1B,MAAM,IAAIS,MACR,wDAAwDd,mBAA+BK,KAIrF,MAAAU,EAAmBC,EAAAA,WAAWR,EAASD,GAE7C,IAAKD,EACH,OAAQD,GACN,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,OACGC,EAAAD,EACN,MACF,IAAK,OAGL,IAAK,YACGC,EAAA,IACN,MACF,IAAK,WACGA,EAAA,OACN,MACF,QACQA,EAAA,MAKZ,MAAMW,EAAUX,EAGd,OAAAJ,EAAAgB,cAACD,EAAA,IACKN,EACJC,MACAL,MAAO,IAAKQ,EAAkBI,UAAWV,GACzCC,UAAW,GAAGU,UAAQ,oBAAsBf,MAAYK,KAEvDN,EACH"}

package/dist/components/Typography/Typography.es.js

@@ -1,61 +0,0 @@
-import React from "react";
-import classes from "./Typography.module.scss.es.js";
-import { useSpacing } from "../../hooks/useSpacing.es.js";
-const validVariants = [
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "body",
-  "body-bold",
-  "sub-text",
-  "code"
-];
-const TypographyComponent = ({ children, variant, tag, style, spacing, align, className = "", ...rest }, ref) => {
-  if (!validVariants.includes(variant)) {
-    throw new Error(
-      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`
-    );
-  }
-  const styleWithSpacing = useSpacing(spacing, style);
-  if (!tag) {
-    switch (variant) {
-      case "h1":
-      case "h2":
-      case "h3":
-      case "h4":
-      case "code":
-        tag = variant;
-        break;
-      case "body":
-        tag = "p";
-        break;
-      case "body-bold":
-        tag = "p";
-        break;
-      case "sub-text":
-        tag = "span";
-        break;
-      default:
-        tag = "div";
-        break;
-    }
-  }
-  const TagName = tag;
-  return /* @__PURE__ */ React.createElement(
-    TagName,
-    {
-      ...rest,
-      ref,
-      style: { ...styleWithSpacing, textAlign: align },
-      className: `${classes["typography_style_" + variant]} ${className}`
-    },
-    children
-  );
-};
-const Typography = React.forwardRef(TypographyComponent);
-export {
-  Typography,
-  validVariants
-};
-//# sourceMappingURL=Typography.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.es.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Typography.module.scss\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport const validVariants = [\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"body\",\n  \"body-bold\",\n  \"sub-text\",\n  \"code\"\n] as const;\nexport type Variant = (typeof validVariants)[number];\n\ntype Tags =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"p\"\n  | \"div\"\n  | \"code\"\n  | \"span\"\n  | \"sup\"\n  | \"sub\"\n  | \"strong\"\n  | \"em\"\n  | \"small\"\n  | \"mark\"\n  | \"del\"\n  | \"ins\"\n  | \"blockquote\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithRef<any> {\n  children: ReactNode;\n  variant: Variant;\n  tag?: Tags;\n  spacing?: Spacing;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nconst TypographyComponent: ForwardRefRenderFunction<unknown, Omit<Props, \"ref\">> = (\n  { children, variant, tag, style, spacing, align, className = \"\", ...rest },\n  ref\n) => {\n  if (!validVariants.includes(variant)) {\n    throw new Error(\n      `You entered an invalid variant. You can choose from: ${validVariants}, you entered: ${variant}`\n    );\n  }\n\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  if (!tag) {\n    switch (variant) {\n      case \"h1\":\n      case \"h2\":\n      case \"h3\":\n      case \"h4\":\n      case \"code\":\n        tag = variant;\n        break;\n      case \"body\":\n        tag = \"p\";\n        break;\n      case \"body-bold\":\n        tag = \"p\";\n        break;\n      case \"sub-text\":\n        tag = \"span\";\n        break;\n      default:\n        tag = \"div\";\n        break;\n    }\n  }\n\n  const TagName = tag;\n\n  return (\n    <TagName\n      {...rest}\n      ref={ref}\n      style={{ ...styleWithSpacing, textAlign: align }}\n      className={`${classes[\"typography_style_\" + variant]} ${className}`}\n    >\n      {children}\n    </TagName>\n  );\n};\n\nexport const Typography = React.forwardRef(TypographyComponent);\n"],"names":[],"mappings":";;;AAoBO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+BA,MAAM,sBAA6E,CACjF,EAAE,UAAU,SAAS,KAAK,OAAO,SAAS,OAAO,YAAY,IAAI,GAAG,KAAA,GACpE,QACG;AACH,MAAI,CAAC,cAAc,SAAS,OAAO,GAAG;AACpC,UAAM,IAAI;AAAA,MACR,wDAAwD,aAAa,kBAAkB,OAAO;AAAA,IAChG;AAAA,EAAA;AAGI,QAAA,mBAAmB,WAAW,SAAS,KAAK;AAElD,MAAI,CAAC,KAAK;AACR,YAAQ,SAAS;AAAA,MACf,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACG,cAAA;AACN;AAAA,MACF,KAAK;AACG,cAAA;AACN;AAAA,MACF,KAAK;AACG,cAAA;AACN;AAAA,MACF,KAAK;AACG,cAAA;AACN;AAAA,MACF;AACQ,cAAA;AACN;AAAA,IAAA;AAAA,EACJ;AAGF,QAAM,UAAU;AAGd,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,GAAG,kBAAkB,WAAW,MAAM;AAAA,MAC/C,WAAW,GAAG,QAAQ,sBAAsB,OAAO,CAAC,IAAI,SAAS;AAAA,IAAA;AAAA,IAEhE;AAAA,EACH;AAEJ;AAEa,MAAA,aAAa,MAAM,WAAW,mBAAmB;"}

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

@@ -1,3 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Typography_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Typography_hidden_HO9cY{display:none}.Typography_slide-in_HO9cY{animation:Typography_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-in_HO9cY{animation-duration:.1ms}}.Typography_slide-out_HO9cY{animation:Typography_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Typography_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_HO9cY{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 */.Typography_typography_style_h1_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h1);font-style:normal;font-variant:normal;line-height:1.2;font-weight:700;text-transform:none;letter-spacing:0;color:var(--font-color-h1);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_h2_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h2);font-style:normal;font-variant:normal;line-height:1.42857;font-weight:700;text-transform:none;letter-spacing:0;color:var(--font-color-h2);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_h3_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h3);font-style:normal;font-variant:normal;line-height:1.16666;font-weight:500;text-transform:none;letter-spacing:0;color:var(--font-color-h3);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_h4_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h4);font-style:normal;font-variant:normal;line-height:1.2;font-weight:500;text-transform:none;letter-spacing:0;color:var(--font-color-h4);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_body_HO9cY{font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;line-height:var(--default-line-height);font-weight:400;text-transform:none;letter-spacing:0;color:var(--font-color-body);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_body-bold_HO9cY{font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;line-height:var(--default-line-height);font-weight:700;text-transform:none;letter-spacing:0;color:var(--font-color-body);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_sub-text_HO9cY{font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;line-height:var(--font-size);font-weight:400;text-transform:none;letter-spacing:0;color:var(--font-color-h4);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_code_HO9cY{font-family:var(--font-family-code);font-size:var(--font-size-code);font-style:normal;font-variant:normal;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;color:var(--font-color-code);margin:0 0 calc(1 * var(--font-size)) 0}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y="Typography_hidden_HO9cY",p="Typography_typography_style_h1_HO9cY",_="Typography_typography_style_h2_HO9cY",t="Typography_typography_style_h3_HO9cY",o="Typography_typography_style_h4_HO9cY",e="Typography_typography_style_body_HO9cY",h="Typography_typography_style_code_HO9cY",r={"sr-only":"Typography_sr-only_HO9cY",hidden:y,"slide-in":"Typography_slide-in_HO9cY","slide-out":"Typography_slide-out_HO9cY",typography_style_h1:p,typography_style_h2:_,typography_style_h3:t,typography_style_h4:o,typography_style_body:e,"typography_style_body-bold":"Typography_typography_style_body-bold_HO9cY","typography_style_sub-text":"Typography_typography_style_sub-text_HO9cY",typography_style_code:h};exports.default=r,exports.hidden=y,exports.typography_style_body=e,exports.typography_style_code=h,exports.typography_style_h1=p,exports.typography_style_h2=_,exports.typography_style_h3=t,exports.typography_style_h4=o;
-//# sourceMappingURL=Typography.module.scss.cjs.js.map

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

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

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

@@ -1,33 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Typography_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Typography_hidden_HO9cY{display:none}.Typography_slide-in_HO9cY{animation:Typography_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-in_HO9cY{animation-duration:.1ms}}.Typography_slide-out_HO9cY{animation:Typography_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Typography_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_HO9cY{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 */.Typography_typography_style_h1_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h1);font-style:normal;font-variant:normal;line-height:1.2;font-weight:700;text-transform:none;letter-spacing:0;color:var(--font-color-h1);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_h2_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h2);font-style:normal;font-variant:normal;line-height:1.42857;font-weight:700;text-transform:none;letter-spacing:0;color:var(--font-color-h2);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_h3_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h3);font-style:normal;font-variant:normal;line-height:1.16666;font-weight:500;text-transform:none;letter-spacing:0;color:var(--font-color-h3);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_h4_HO9cY{font-family:var(--font-family);font-size:var(--font-size-h4);font-style:normal;font-variant:normal;line-height:1.2;font-weight:500;text-transform:none;letter-spacing:0;color:var(--font-color-h4);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_body_HO9cY{font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;line-height:var(--default-line-height);font-weight:400;text-transform:none;letter-spacing:0;color:var(--font-color-body);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_body-bold_HO9cY{font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;line-height:var(--default-line-height);font-weight:700;text-transform:none;letter-spacing:0;color:var(--font-color-body);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_sub-text_HO9cY{font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;line-height:var(--font-size);font-weight:400;text-transform:none;letter-spacing:0;color:var(--font-color-h4);margin:0 0 calc(1 * var(--font-size)) 0}.Typography_typography_style_code_HO9cY{font-family:var(--font-family-code);font-size:var(--font-size-code);font-style:normal;font-variant:normal;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;color:var(--font-color-code);margin:0 0 calc(1 * var(--font-size)) 0}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const hidden = "Typography_hidden_HO9cY";
-const typography_style_h1 = "Typography_typography_style_h1_HO9cY";
-const typography_style_h2 = "Typography_typography_style_h2_HO9cY";
-const typography_style_h3 = "Typography_typography_style_h3_HO9cY";
-const typography_style_h4 = "Typography_typography_style_h4_HO9cY";
-const typography_style_body = "Typography_typography_style_body_HO9cY";
-const typography_style_code = "Typography_typography_style_code_HO9cY";
-const classes = {
-  "sr-only": "Typography_sr-only_HO9cY",
-  hidden,
-  "slide-in": "Typography_slide-in_HO9cY",
-  "slide-out": "Typography_slide-out_HO9cY",
-  typography_style_h1,
-  typography_style_h2,
-  typography_style_h3,
-  typography_style_h4,
-  typography_style_body,
-  "typography_style_body-bold": "Typography_typography_style_body-bold_HO9cY",
-  "typography_style_sub-text": "Typography_typography_style_sub-text_HO9cY",
-  typography_style_code
-};
-export {
-  classes as default,
-  hidden,
-  typography_style_body,
-  typography_style_code,
-  typography_style_h1,
-  typography_style_h2,
-  typography_style_h3,
-  typography_style_h4
-};
-//# sourceMappingURL=Typography.module.scss.es.js.map

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

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./buttonBaseStyling.cjs.js");exports.BaseStyling=({children:e,properties:l={}})=>{const a={colorPrimary50:"#E6E7F4",colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorBlueGrey25:"#F7F7F9",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen50:"#E8F3ED",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorOrange50:"#FCF2E6",colorOrange100:"#FFE0B2",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed50:"#FCE9E6",colorRed100:"#FFCDD2",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorRed900:"#2D0600",colorBlack100:"#000000",colorBlack50:"rgba(0, 0, 0, 0.5)",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",dataGridLineHeight:"1.25",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",...o.defaultButtonColors,buttonFillTextColor:"var(--light)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedColor:"var(--color-blue-grey500)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedColor:"var(--color-primary)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioCheckedColor:"var(--color-primary)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",fileUploadBorderWidth:"1px",dragDropBorderStyle:"dashed",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",inputFontSize:"0.875rem",dragBorderStyle:"solid",modalTitleColor:"var(--font-color-h4)",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",modalContentFontSize:"0.875rem",sideSheetShadowColorOne:"#01053214",sideSheetShadowColorTwo:"#0105320a",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",alertFontSize:"0.875rem",alertTextColor:"var(--default)",alertTextInvertedColor:"var(--color-blue-grey25)",alertNeutralBackgroundColor:"var(--color-blue-grey50)",alertNeutralInvertedColor:"var(--color-blue-grey500)",alertInfoBackgroundColor:"var(--color-primary50)",alertInfoInvertedColor:"var(--color-primary500)",alertSuccessBackgroundColor:"var(--color-green50)",alertSuccessInvertedColor:"var(--color-green500)",alertErrorBackgroundColor:"var(--color-red50)",alertErrorInvertedColor:"var(--color-red500)",alertWarningBackgroundColor:"var(--color-orange50)",alertWarningInvertedColor:"var(--color-orange600)",alertBorderWidth:"4px",alertBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuActiveColor:"var(--color-primary)",contextMenuPressedColor:"var(--default-pressed-color)",contextMenuFontSize:"0.875rem",linkFontSize:"var(--font-size)",linkPrimaryDefaultColor:"var(--color-primary)",linkPrimaryVisitedColor:"var(--button-primary-pressed-color)",linkSuccessDefaultColor:"var(--color-success)",linkSuccessVisitedColor:"var(--button-success-pressed-color)",linkDangerDefaultColor:"var(--color-danger)",linkDangerVisitedColor:"var(--button-danger-pressed-color)",linkWarningDefaultColor:"var(--color-warning)",linkWarningVisitedColor:"var(--button-warning-pressed-color)",leftNavItemActiveRibbonColor:"var(--color-primary)",leftNavItemActiveBackgroundColor:"var(--color-primary50)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontColorBody:"var(--default)",fontSizeH1:"2.5rem",fontColorH1:"var(--default)",fontSizeH2:"1.625rem",fontColorH2:"var(--default)",fontSizeH3:"1.5rem",fontColorH3:"var(--default)",fontSizeH4:"1.25rem",fontColorH4:"var(--default)",fontSizeSub:"0.75rem",fontColorSub:"var(--default)",fontSizeCode:"1rem",fontColorCode:"var(--default)",fontSizeSmall:"0.625rem",fontSizeBig:"1.25rem",readOnlyBorderColor:"var(--color-blue-grey100)",readOnlyTextColor:"var(--color-blue-grey900)",formControlFontSize:"0.875rem",fontSizeDataGrid:"0.875rem",iconFontBig:"1.125rem",tooltipIndex:"12"},[t,c]=r.useState(!0),n=r.useRef(null),i=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));n.current.style.setProperty(`--${r}`,e)}};return r.useEffect((()=>{if(0!==Object.keys(l).length&&n.current){const r={...a,...l};i(r)}else n.current&&i(a);c(!1)}),[l,n.current]),r.createElement("div",{className:"basestyling-wrapper",ref:n},t?null:e)};
-//# sourceMappingURL=BaseStyling.cjs.js.map