@onewelcome/react-lib-components 10.0.1 → 10.1.0

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

@@ -1 +1 @@
-{"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 [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    calculatePosition();\n  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        ref: relativeElement,\n        onMouseEnter: () => setVisible(true),\n        onMouseLeave: () => setVisible(false),\n        onFocus: () => setVisible(true),\n        onBlur: () => setVisible(false),\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={() => setVisible(true)}\n        onBlur={() => setVisible(false)}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        {!React.isValidElement(label) && (\n          <Icon\n            ref={relativeElement}\n            tag=\"div\"\n            onMouseEnter={() => setVisible(true)}\n            onMouseLeave={() => setVisible(false)}\n            icon={Icons.InfoCircle}\n            aria-describedby={identifier}\n            className={`${classes.icon}`}\n          />\n        )}\n        {createPortal(\n          <div\n            ref={elementToBePositioned}\n            style={{\n              ...rest.style,\n              top: top,\n              left: left,\n              right: right,\n              bottom: bottom\n            }}\n            aria-hidden={!visible}\n            id={identifier}\n            className={tooltipClasses}\n          >\n            {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n            {children}\n          </div>,\n          root\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":["locations","left","placement","horizontal","vertical","offset","right","top","bottom","transformOrigin","leftEnd","leftStart","rightEnd","rightStart","topEnd","topStart","bottomEnd","bottomStart","Tooltip","React","forwardRef","title","children","className","domRoot","label","location","position","color","icon","rest","ref","identifier","useState","generateID","visible","setVisible","wrappingDivRef","createRef","root","useGetDomRoot","relativeElement","useRef","elementToBePositioned","determinedLocation","useMemo","charAt","toUpperCase","slice","calculatePosition","usePosition","useEffect","escapePressHandler","event","key","document","addEventListener","removeEventListener","useLayoutEffect","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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"}
+{"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":"2UAwDMA,EAAuD,CAC3DC,KAAM,CACJC,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,IAAK,EAAGC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDM,QAAS,CACPR,UAAW,CAAEC,WAAY,OAAQC,SAAU,OAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,KAAU,GAAAC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,QAEpDO,UAAW,CACTT,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,GAAIC,IAAK,EAAGC,QAAY,IAClDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDE,MAAO,CACLJ,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDQ,SAAU,CACRV,UAAW,CAAEC,WAAY,QAASC,SAAU,OAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,KAAU,GAAAC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,QAEnDS,WAAY,CACVX,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,GAAIK,MAAO,EAAGC,IAAK,EAAGC,QAAY,IAClDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDG,IAAK,CACHL,UAAW,CAAEC,WAAY,SAAUC,SAAU,OAC7CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,IAC7CC,gBAAiB,CAAEN,WAAY,SAAUC,SAAU,WAErDU,OAAQ,CACNZ,UAAW,CAAEC,WAAY,OAAQC,SAAU,OAC3CC,OAAQ,CAAEJ,MAAM,GAAKK,MAAO,EAAGC,IAAK,EAAGC,OAAQ,IAC/CC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,WAEnDW,SAAU,CACRb,UAAW,CAAEC,WAAY,QAASC,SAAU,OAC5CC,OAAQ,CAAEJ,KAAM,EAAGK,OAAY,GAAAC,IAAK,EAAGC,OAAQ,IAC/CC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,WAEpDI,OAAQ,CACNN,UAAW,CAAEC,WAAY,SAAUC,SAAU,UAC7CC,OAAQ,CAAEJ,KAAM,EAAGK,MAAO,EAAGC,IAAK,GAAIC,OAAQ,GAC9CC,gBAAiB,CAAEN,WAAY,SAAUC,SAAU,QAErDY,UAAW,CACTd,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,OAAQ,CAAEJ,MAAM,GAAKK,MAAO,EAAGC,IAAK,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,OAAQC,SAAU,QAEnDa,YAAa,CACXf,UAAW,CAAEC,WAAY,QAASC,SAAU,UAC5CC,OAAQ,CAAEJ,KAAM,EAAGK,OAAY,GAAAC,IAAK,GAAIC,OAAQ,GAChDC,gBAAiB,CAAEN,WAAY,QAASC,SAAU,SAyKzCc,EAAUC,EAAMC,YArK6C,EAEtEC,QACAC,WACAC,YACAC,UACAC,QACAC,WAAW,QACXC,WAAW,SACXC,QAAQ,QACRC,UACGC,GAELC,KAEA,MAAOC,GAAcC,EAAAA,SAASC,iBACvBC,EAAcC,GAAmBH,EAAAA,UAAS,IAC1CI,EAASC,GAAcL,EAAAA,UAAS,GACjCM,EAAkBR,GAAqCS,eACvDC,KAAEA,GAASC,gBAAclB,EAASe,GAElCI,EAAkBC,SAAuB,MACzCC,EAAwBD,SAAuB,MAE/CE,EAAqBC,EAAAA,SAAQ,IAChB,WAAbpB,EACKD,EAGF,GAAGA,IAAWC,EAASqB,OAAO,GAAGC,cAAgBtB,EAASuB,MAAM,MACtE,CAACxB,EAAUC,KAERpB,IAAEA,SAAKC,EAAQF,MAAAA,EAAAL,KAAOA,oBAAMkD,GAAsBC,cAAY,CAClET,kBACAE,wBACA3C,UAAWF,EAAU8C,GAAoB5C,UACzCG,OAAQL,EAAU8C,GAAoBzC,OACtCI,gBAAiBT,EAAU8C,GAAoBrC,kBAG3C4C,EAAO,KACXjB,GAAgB,GAChBkB,uBAAsB,KACpBhB,GAAW,EAAI,GAChB,EAGGiB,EAAO,KACXjB,GAAW,EAAK,EAGlBkB,EAAAA,WAAU,KACR,IAAKnB,EACH,OAGI,MAAAoB,EAAsBC,IACR,WAAdA,EAAMC,KACHJ,GAAA,EAMT,OAFSK,SAAAC,iBAAiB,QAASJ,GAE5B,KACIG,SAAAE,oBAAoB,QAASL,EAAkB,CAC1D,GACC,CAACpB,IAEJ0B,EAAAA,iBAAgB,KACV5B,GACgBgB,GAAA,GAEnB,CAAChB,IAEJqB,EAAAA,WAAU,KACR,MAAMQ,EAAUnB,EAAsBoB,QAElC,IAACD,GAAW3B,EACd,OAGI,MAAA6B,EAAuBR,IACA,YAAvBA,EAAMS,cACR/B,GAAgB,EAAK,EAMzB,OAFQ4B,EAAAH,iBAAiB,gBAAiBK,GAEnC,KACGF,EAAAF,oBAAoB,gBAAiBI,EAAmB,CAClE,GACC,CAAC7B,IAEJ,MA2BM+B,EAAiB,GAAGC,EAAAC,QAAiB,WAAKD,EAAAA,QAAQzC,MACtDS,EAAUgC,EAAAA,QAAiB,QAAI,MAC7BA,EAAAA,QAAQvB,EAAmByB,QAAQ,+BAAgC,SAASC,iBAEhF,SACGC,cAAA,MAAA,IAAQ3C,EAAMC,IAAKQ,EAAgBhB,UAAW,GAAG8C,EAAQC,QAAAI,WAAWnD,GAAa,MA/B9EJ,EAAMwD,eAAelD,GAChBN,EAAMyD,aAAanD,EAAuB,CAC/CM,IAAKY,EACLkC,aAAcxB,EACdyB,aAAcvB,EACdwB,QAAS1B,EACT2B,OAAQzB,EACR,mBAAoBvB,EACpBiD,SAAU,EACV1D,UAAW8C,UAAe,QAK5BlD,EAAAsD,cAAC,OAAA,CACClD,UAAW8C,UAAe,MAC1BY,SAAU,EACVF,QAAS1B,EACT2B,OAAQzB,EACR,mBAAkBvB,GAEjBP,KAYFgD,cAAA,MAAA,CAAIlD,UAAW,GAAG8C,UAAQ,uBACvBlD,EAAMwD,eAAelD,IACrBN,EAAAsD,cAACS,EAAAA,KAAA,CACCnD,IAAKY,EACLwC,IAAI,MACJN,aAAcxB,EACdyB,aAAcvB,EACd1B,KAAMuD,EAAMA,MAAAC,WACZ,mBAAkBrD,EAClBT,UAAW,GAAG8C,EAAAC,QAAQzC,SAGzBM,GACCmD,EAAAA,aACEnE,EAAAsD,cAAC,MAAA,CACC1C,IAAKc,EACL0C,MAAO,IACFzD,EAAKyD,MACRhF,MACAN,OACAK,QACAE,UAEFgF,GAAIxD,EACJT,UAAW6C,GAEV/C,GAAUF,EAAAsD,cAAA,OAAA,CAAKlD,UAAW8C,UAAQ,kBAAmBhD,GACrDC,GAEHmB,IAGR"}

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

@@ -80,6 +80,7 @@ const TooltipComponent = ({
   ...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);
@@ -98,13 +99,22 @@ const TooltipComponent = ({
     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") {
-        setVisible(false);
+        hide();
       }
     };
     document.addEventListener("keyup", escapePressHandler);
@@ -113,16 +123,33 @@ const TooltipComponent = ({
     };
   }, [visible]);
   useLayoutEffect(() => {
-    calculatePosition();
+    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: () => setVisible(true),
-        onMouseLeave: () => setVisible(false),
-        onFocus: () => setVisible(true),
-        onBlur: () => setVisible(false),
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
         "aria-describedby": identifier,
         tabIndex: 0,
         className: classes["label"]
@@ -133,8 +160,8 @@ const TooltipComponent = ({
       {
         className: classes["label"],
         tabIndex: 0,
-        onFocus: () => setVisible(true),
-        onBlur: () => setVisible(false),
+        onFocus: show,
+        onBlur: hide,
         "aria-describedby": identifier
       },
       label
@@ -146,13 +173,13 @@ const TooltipComponent = ({
     {
       ref: relativeElement,
       tag: "div",
-      onMouseEnter: () => setVisible(true),
-      onMouseLeave: () => setVisible(false),
+      onMouseEnter: show,
+      onMouseLeave: hide,
       icon: Icons.InfoCircle,
       "aria-describedby": identifier,
       className: `${classes.icon}`
     }
-  ), createPortal(
+  ), shouldRender && createPortal(
     /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -164,7 +191,6 @@ const TooltipComponent = ({
           right,
           bottom
         },
-        "aria-hidden": !visible,
         id: identifier,
         className: tooltipClasses
       },

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

@@ -1 +1 @@
-{"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 [visible, setVisible] = useState(false);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const relativeElement = useRef<HTMLDivElement>(null);\n  const elementToBePositioned = useRef<HTMLDivElement>(null);\n\n  const determinedLocation = useMemo(() => {\n    if (position === \"center\") {\n      return location;\n    }\n\n    return `${location}${position.charAt(0).toUpperCase() + position.slice(1)}` as LocationPosition;\n  }, [location, position]);\n\n  const { top, bottom, right, left, calculatePosition } = usePosition({\n    relativeElement: relativeElement,\n    elementToBePositioned: elementToBePositioned,\n    placement: locations[determinedLocation].placement,\n    offset: locations[determinedLocation].offset,\n    transformOrigin: locations[determinedLocation].transformOrigin\n  });\n\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const escapePressHandler = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener(\"keyup\", escapePressHandler);\n\n    return () => {\n      document.removeEventListener(\"keyup\", escapePressHandler);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    calculatePosition();\n  }, [visible]);\n\n  const renderChildren = () => {\n    if (React.isValidElement(label)) {\n      return React.cloneElement(label as ReactElement, {\n        ref: relativeElement,\n        onMouseEnter: () => setVisible(true),\n        onMouseLeave: () => setVisible(false),\n        onFocus: () => setVisible(true),\n        onBlur: () => setVisible(false),\n        \"aria-describedby\": identifier,\n        tabIndex: 0,\n        className: classes[\"label\"]\n      });\n    }\n\n    return (\n      <span\n        className={classes[\"label\"]}\n        tabIndex={0}\n        onFocus={() => setVisible(true)}\n        onBlur={() => setVisible(false)}\n        aria-describedby={identifier}\n      >\n        {label}\n      </span>\n    );\n  };\n\n  const tooltipClasses = `${classes[\"tooltip\"]} ${classes[color]} ${\n    visible ? classes[\"visible\"] : \"\"\n  } ${classes[determinedLocation.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\").toLowerCase()]}`;\n\n  return (\n    <div {...rest} ref={wrappingDivRef} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      {renderChildren()}\n      <div className={`${classes[\"tooltip-wrapper\"]}`}>\n        {!React.isValidElement(label) && (\n          <Icon\n            ref={relativeElement}\n            tag=\"div\"\n            onMouseEnter={() => setVisible(true)}\n            onMouseLeave={() => setVisible(false)}\n            icon={Icons.InfoCircle}\n            aria-describedby={identifier}\n            className={`${classes.icon}`}\n          />\n        )}\n        {createPortal(\n          <div\n            ref={elementToBePositioned}\n            style={{\n              ...rest.style,\n              top: top,\n              left: left,\n              right: right,\n              bottom: bottom\n            }}\n            aria-hidden={!visible}\n            id={identifier}\n            className={tooltipClasses}\n          >\n            {title && <span className={classes[\"tooltip-title\"]}>{title}</span>}\n            {children}\n          </div>,\n          root\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Tooltip = React.forwardRef(TooltipComponent);\n"],"names":[],"mappings":"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"}
+{"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 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Tooltip_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tooltip_hidden_k4xuc{display:none}.Tooltip_slide-in_k4xuc{animation:Tooltip_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-in_k4xuc{animation-duration:.1ms}}.Tooltip_slide-out_k4xuc{animation:Tooltip_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Tooltip_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip_slide-out_k4xuc{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_k4xuc{display:flex;align-items:center}.Tooltip_tooltip-wrapper_k4xuc .Tooltip_icon_k4xuc{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_k4xuc .Tooltip_icon_k4xuc{transition-duration:.1ms}}.Tooltip_tooltip-wrapper_k4xuc .Tooltip_icon_k4xuc:hover{color:var(--default)}.Tooltip_tooltip-wrapper_k4xuc .Tooltip_icon_k4xuc.Tooltip_error_k4xuc{color:var(--error)}.Tooltip_tooltip_k4xuc{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_k4xuc{transition-duration:.1ms}}.Tooltip_tooltip_k4xuc.Tooltip_black_k4xuc{background-color:var(--tooltip-background-color)}.Tooltip_tooltip_k4xuc.Tooltip_black_k4xuc.Tooltip_top_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_top-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_top-end_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_bottom_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_bottom-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_bottom-end_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_left_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_left-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_left-end_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_right_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_right-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_right-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc{background-color:var(--color-blue-grey500)}.Tooltip_tooltip_k4xuc.Tooltip_blue_k4xuc.Tooltip_top_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_top-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_top-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_bottom_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_bottom-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_bottom-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_left_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_left-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_left-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_right_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_right-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_right-end_k4xuc: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_k4xuc:after{content:""}.Tooltip_tooltip_k4xuc.Tooltip_visible_k4xuc{opacity:1;transform:scale(1)}.Tooltip_label_k4xuc:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip_tooltip-title_k4xuc{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_k4xuc",o="Tooltip_wrapper_k4xuc",l="Tooltip_icon_k4xuc",e="Tooltip_error_k4xuc",p="Tooltip_tooltip_k4xuc",i="Tooltip_black_k4xuc",r="Tooltip_top_k4xuc",_="Tooltip_bottom_k4xuc",x="Tooltip_left_k4xuc",s="Tooltip_right_k4xuc",u="Tooltip_blue_k4xuc",c="Tooltip_visible_k4xuc",k="Tooltip_label_k4xuc",T={"sr-only":"Tooltip_sr-only_k4xuc",hidden:t,"slide-in":"Tooltip_slide-in_k4xuc","slide-out":"Tooltip_slide-out_k4xuc",wrapper:o,"tooltip-wrapper":"Tooltip_tooltip-wrapper_k4xuc",icon:l,error:e,tooltip:p,black:i,top:r,"top-start":"Tooltip_top-start_k4xuc","top-end":"Tooltip_top-end_k4xuc",bottom:_,"bottom-start":"Tooltip_bottom-start_k4xuc","bottom-end":"Tooltip_bottom-end_k4xuc",left:x,"left-start":"Tooltip_left-start_k4xuc","left-end":"Tooltip_left-end_k4xuc",right:s,"right-start":"Tooltip_right-start_k4xuc","right-end":"Tooltip_right-end_k4xuc",blue:u,visible:c,label:k,"tooltip-title":"Tooltip_tooltip-title_k4xuc"};exports.black=i,exports.blue=u,exports.bottom=_,exports.default=T,exports.error=e,exports.hidden=t,exports.icon=l,exports.label=k,exports.left=x,exports.right=s,exports.tooltip=p,exports.top=r,exports.visible=c,exports.wrapper=o;
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Tooltip_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tooltip_hidden_uJyTX{display:none}.Tooltip_slide-in_uJyTX{animation:Tooltip_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-in_uJyTX{animation-duration:.1ms}}.Tooltip_slide-out_uJyTX{animation:Tooltip_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Tooltip_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip_slide-out_uJyTX{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_uJyTX{display:flex;align-items:center}.Tooltip_tooltip-wrapper_uJyTX .Tooltip_icon_uJyTX{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_uJyTX .Tooltip_icon_uJyTX{transition-duration:.1ms}}.Tooltip_tooltip-wrapper_uJyTX .Tooltip_icon_uJyTX:hover{color:var(--default)}.Tooltip_tooltip-wrapper_uJyTX .Tooltip_icon_uJyTX.Tooltip_error_uJyTX{color:var(--error)}.Tooltip_tooltip_uJyTX{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_uJyTX{transition-duration:.1ms}}.Tooltip_tooltip_uJyTX.Tooltip_black_uJyTX{background-color:var(--tooltip-background-color)}.Tooltip_tooltip_uJyTX.Tooltip_black_uJyTX.Tooltip_top_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_top-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_top-end_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_bottom_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_bottom-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_bottom-end_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_left_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_left-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_left-end_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_right_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_right-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_right-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX{background-color:var(--color-blue-grey500)}.Tooltip_tooltip_uJyTX.Tooltip_blue_uJyTX.Tooltip_top_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_top-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_top-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_bottom_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_bottom-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_bottom-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_left_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_left-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_left-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_right_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_right-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_right-end_uJyTX: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_uJyTX:after{content:""}.Tooltip_tooltip_uJyTX.Tooltip_visible_uJyTX{opacity:1;transform:scale(1)}.Tooltip_label_uJyTX:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip_tooltip-title_uJyTX{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_uJyTX",o="Tooltip_wrapper_uJyTX",l="Tooltip_icon_uJyTX",e="Tooltip_error_uJyTX",p="Tooltip_tooltip_uJyTX",i="Tooltip_black_uJyTX",r="Tooltip_top_uJyTX",_="Tooltip_bottom_uJyTX",T="Tooltip_left_uJyTX",s="Tooltip_right_uJyTX",u="Tooltip_blue_uJyTX",y="Tooltip_visible_uJyTX",J="Tooltip_label_uJyTX",X={"sr-only":"Tooltip_sr-only_uJyTX",hidden:t,"slide-in":"Tooltip_slide-in_uJyTX","slide-out":"Tooltip_slide-out_uJyTX",wrapper:o,"tooltip-wrapper":"Tooltip_tooltip-wrapper_uJyTX",icon:l,error:e,tooltip:p,black:i,top:r,"top-start":"Tooltip_top-start_uJyTX","top-end":"Tooltip_top-end_uJyTX",bottom:_,"bottom-start":"Tooltip_bottom-start_uJyTX","bottom-end":"Tooltip_bottom-end_uJyTX",left:T,"left-start":"Tooltip_left-start_uJyTX","left-end":"Tooltip_left-end_uJyTX",right:s,"right-start":"Tooltip_right-start_uJyTX","right-end":"Tooltip_right-end_uJyTX",blue:u,visible:y,label:J,"tooltip-title":"Tooltip_tooltip-title_uJyTX"};exports.black=i,exports.blue=u,exports.bottom=_,exports.default=X,exports.error=e,exports.hidden=t,exports.icon=l,exports.label=J,exports.left=T,exports.right=s,exports.tooltip=p,exports.top=r,exports.visible=y,exports.wrapper=o;
 //# sourceMappingURL=Tooltip.module.scss.cjs.js.map

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

@@ -1,44 +1,44 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Tooltip_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tooltip_hidden_k4xuc{display:none}.Tooltip_slide-in_k4xuc{animation:Tooltip_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-in_k4xuc{animation-duration:.1ms}}.Tooltip_slide-out_k4xuc{animation:Tooltip_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Tooltip_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip_slide-out_k4xuc{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_k4xuc{display:flex;align-items:center}.Tooltip_tooltip-wrapper_k4xuc .Tooltip_icon_k4xuc{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_k4xuc .Tooltip_icon_k4xuc{transition-duration:.1ms}}.Tooltip_tooltip-wrapper_k4xuc .Tooltip_icon_k4xuc:hover{color:var(--default)}.Tooltip_tooltip-wrapper_k4xuc .Tooltip_icon_k4xuc.Tooltip_error_k4xuc{color:var(--error)}.Tooltip_tooltip_k4xuc{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_k4xuc{transition-duration:.1ms}}.Tooltip_tooltip_k4xuc.Tooltip_black_k4xuc{background-color:var(--tooltip-background-color)}.Tooltip_tooltip_k4xuc.Tooltip_black_k4xuc.Tooltip_top_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_top-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_top-end_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_bottom_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_bottom-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_bottom-end_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_left_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_left-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_left-end_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_right_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_right-start_k4xuc: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_k4xuc.Tooltip_black_k4xuc.Tooltip_right-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc{background-color:var(--color-blue-grey500)}.Tooltip_tooltip_k4xuc.Tooltip_blue_k4xuc.Tooltip_top_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_top-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_top-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_bottom_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_bottom-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_bottom-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_left_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_left-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_left-end_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_right_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_right-start_k4xuc: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_k4xuc.Tooltip_blue_k4xuc.Tooltip_right-end_k4xuc: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_k4xuc:after{content:""}.Tooltip_tooltip_k4xuc.Tooltip_visible_k4xuc{opacity:1;transform:scale(1)}.Tooltip_label_k4xuc:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip_tooltip-title_k4xuc{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_k4xuc";
-const wrapper = "Tooltip_wrapper_k4xuc";
-const icon = "Tooltip_icon_k4xuc";
-const error = "Tooltip_error_k4xuc";
-const tooltip = "Tooltip_tooltip_k4xuc";
-const black = "Tooltip_black_k4xuc";
-const top = "Tooltip_top_k4xuc";
-const bottom = "Tooltip_bottom_k4xuc";
-const left = "Tooltip_left_k4xuc";
-const right = "Tooltip_right_k4xuc";
-const blue = "Tooltip_blue_k4xuc";
-const visible = "Tooltip_visible_k4xuc";
-const label = "Tooltip_label_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Tooltip_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tooltip_hidden_uJyTX{display:none}.Tooltip_slide-in_uJyTX{animation:Tooltip_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-in_uJyTX{animation-duration:.1ms}}.Tooltip_slide-out_uJyTX{animation:Tooltip_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Tooltip_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Tooltip_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tooltip_slide-out_uJyTX{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_uJyTX{display:flex;align-items:center}.Tooltip_tooltip-wrapper_uJyTX .Tooltip_icon_uJyTX{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_uJyTX .Tooltip_icon_uJyTX{transition-duration:.1ms}}.Tooltip_tooltip-wrapper_uJyTX .Tooltip_icon_uJyTX:hover{color:var(--default)}.Tooltip_tooltip-wrapper_uJyTX .Tooltip_icon_uJyTX.Tooltip_error_uJyTX{color:var(--error)}.Tooltip_tooltip_uJyTX{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_uJyTX{transition-duration:.1ms}}.Tooltip_tooltip_uJyTX.Tooltip_black_uJyTX{background-color:var(--tooltip-background-color)}.Tooltip_tooltip_uJyTX.Tooltip_black_uJyTX.Tooltip_top_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_top-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_top-end_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_bottom_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_bottom-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_bottom-end_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_left_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_left-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_left-end_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_right_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_right-start_uJyTX: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_uJyTX.Tooltip_black_uJyTX.Tooltip_right-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX{background-color:var(--color-blue-grey500)}.Tooltip_tooltip_uJyTX.Tooltip_blue_uJyTX.Tooltip_top_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_top-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_top-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_bottom_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_bottom-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_bottom-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_left_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_left-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_left-end_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_right_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_right-start_uJyTX: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_uJyTX.Tooltip_blue_uJyTX.Tooltip_right-end_uJyTX: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_uJyTX:after{content:""}.Tooltip_tooltip_uJyTX.Tooltip_visible_uJyTX{opacity:1;transform:scale(1)}.Tooltip_label_uJyTX:focus-visible{outline:.0313rem dashed var(--color-primary)}.Tooltip_tooltip-title_uJyTX{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_uJyTX";
+const wrapper = "Tooltip_wrapper_uJyTX";
+const icon = "Tooltip_icon_uJyTX";
+const error = "Tooltip_error_uJyTX";
+const tooltip = "Tooltip_tooltip_uJyTX";
+const black = "Tooltip_black_uJyTX";
+const top = "Tooltip_top_uJyTX";
+const bottom = "Tooltip_bottom_uJyTX";
+const left = "Tooltip_left_uJyTX";
+const right = "Tooltip_right_uJyTX";
+const blue = "Tooltip_blue_uJyTX";
+const visible = "Tooltip_visible_uJyTX";
+const label = "Tooltip_label_uJyTX";
 const classes = {
-  "sr-only": "Tooltip_sr-only_k4xuc",
+  "sr-only": "Tooltip_sr-only_uJyTX",
   hidden,
-  "slide-in": "Tooltip_slide-in_k4xuc",
-  "slide-out": "Tooltip_slide-out_k4xuc",
+  "slide-in": "Tooltip_slide-in_uJyTX",
+  "slide-out": "Tooltip_slide-out_uJyTX",
   wrapper,
-  "tooltip-wrapper": "Tooltip_tooltip-wrapper_k4xuc",
+  "tooltip-wrapper": "Tooltip_tooltip-wrapper_uJyTX",
   icon,
   error,
   tooltip,
   black,
   top,
-  "top-start": "Tooltip_top-start_k4xuc",
-  "top-end": "Tooltip_top-end_k4xuc",
+  "top-start": "Tooltip_top-start_uJyTX",
+  "top-end": "Tooltip_top-end_uJyTX",
   bottom,
-  "bottom-start": "Tooltip_bottom-start_k4xuc",
-  "bottom-end": "Tooltip_bottom-end_k4xuc",
+  "bottom-start": "Tooltip_bottom-start_uJyTX",
+  "bottom-end": "Tooltip_bottom-end_uJyTX",
   left,
-  "left-start": "Tooltip_left-start_k4xuc",
-  "left-end": "Tooltip_left-end_k4xuc",
+  "left-start": "Tooltip_left-start_uJyTX",
+  "left-end": "Tooltip_left-end_uJyTX",
   right,
-  "right-start": "Tooltip_right-start_k4xuc",
-  "right-end": "Tooltip_right-end_k4xuc",
+  "right-start": "Tooltip_right-start_uJyTX",
+  "right-end": "Tooltip_right-end_uJyTX",
   blue,
   visible,
   label,
-  "tooltip-title": "Tooltip_tooltip-title_k4xuc"
+  "tooltip-title": "Tooltip_tooltip-title_uJyTX"
 };
 export {
   black,

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Typography_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Typography_hidden_k4xuc{display:none}.Typography_slide-in_k4xuc{animation:Typography_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-in_k4xuc{animation-duration:.1ms}}.Typography_slide-out_k4xuc{animation:Typography_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Typography_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc",p="Typography_typography_style_h1_k4xuc",_="Typography_typography_style_h2_k4xuc",t="Typography_typography_style_h3_k4xuc",o="Typography_typography_style_h4_k4xuc",e="Typography_typography_style_body_k4xuc",h="Typography_typography_style_code_k4xuc",r={"sr-only":"Typography_sr-only_k4xuc",hidden:y,"slide-in":"Typography_slide-in_k4xuc","slide-out":"Typography_slide-out_k4xuc",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_k4xuc","typography_style_sub-text":"Typography_typography_style_sub-text_k4xuc",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;
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Typography_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Typography_hidden_uJyTX{display:none}.Typography_slide-in_uJyTX{animation:Typography_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-in_uJyTX{animation-duration:.1ms}}.Typography_slide-out_uJyTX{animation:Typography_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Typography_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX",p="Typography_typography_style_h1_uJyTX",_="Typography_typography_style_h2_uJyTX",t="Typography_typography_style_h3_uJyTX",o="Typography_typography_style_h4_uJyTX",e="Typography_typography_style_body_uJyTX",h="Typography_typography_style_code_uJyTX",r={"sr-only":"Typography_sr-only_uJyTX",hidden:y,"slide-in":"Typography_slide-in_uJyTX","slide-out":"Typography_slide-out_uJyTX",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_uJyTX","typography_style_sub-text":"Typography_typography_style_sub-text_uJyTX",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.es.js

@@ -1,23 +1,23 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Typography_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Typography_hidden_k4xuc{display:none}.Typography_slide-in_k4xuc{animation:Typography_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-in_k4xuc{animation-duration:.1ms}}.Typography_slide-out_k4xuc{animation:Typography_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Typography_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc{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_k4xuc";
-const typography_style_h1 = "Typography_typography_style_h1_k4xuc";
-const typography_style_h2 = "Typography_typography_style_h2_k4xuc";
-const typography_style_h3 = "Typography_typography_style_h3_k4xuc";
-const typography_style_h4 = "Typography_typography_style_h4_k4xuc";
-const typography_style_body = "Typography_typography_style_body_k4xuc";
-const typography_style_code = "Typography_typography_style_code_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Typography_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Typography_hidden_uJyTX{display:none}.Typography_slide-in_uJyTX{animation:Typography_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-in_uJyTX{animation-duration:.1ms}}.Typography_slide-out_uJyTX{animation:Typography_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.Typography_slide-out_uJyTX{animation-duration:.1ms}}@keyframes Typography_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Typography_slide-out_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX{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_uJyTX";
+const typography_style_h1 = "Typography_typography_style_h1_uJyTX";
+const typography_style_h2 = "Typography_typography_style_h2_uJyTX";
+const typography_style_h3 = "Typography_typography_style_h3_uJyTX";
+const typography_style_h4 = "Typography_typography_style_h4_uJyTX";
+const typography_style_body = "Typography_typography_style_body_uJyTX";
+const typography_style_code = "Typography_typography_style_code_uJyTX";
 const classes = {
-  "sr-only": "Typography_sr-only_k4xuc",
+  "sr-only": "Typography_sr-only_uJyTX",
   hidden,
-  "slide-in": "Typography_slide-in_k4xuc",
-  "slide-out": "Typography_slide-out_k4xuc",
+  "slide-in": "Typography_slide-in_uJyTX",
+  "slide-out": "Typography_slide-out_uJyTX",
   typography_style_h1,
   typography_style_h2,
   typography_style_h3,
   typography_style_h4,
   typography_style_body,
-  "typography_style_body-bold": "Typography_typography_style_body-bold_k4xuc",
-  "typography_style_sub-text": "Typography_typography_style_sub-text_k4xuc",
+  "typography_style_body-bold": "Typography_typography_style_body-bold_uJyTX",
+  "typography_style_sub-text": "Typography_typography_style_sub-text_uJyTX",
   typography_style_code
 };
 export {

package/dist/components/admin/layout/LeftNav/LeftNav.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNav_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.LeftNav_hidden_k4xuc{display:none}.LeftNav_slide-in_k4xuc{animation:LeftNav_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-in_k4xuc{animation-duration:.1ms}}.LeftNav_slide-out_k4xuc{animation:LeftNav_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-out_k4xuc{animation-duration:.1ms}}@keyframes LeftNav_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_k4xuc{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 */.LeftNav_sidenavbar_k4xuc{--margin-top: 4rem;position:fixed;z-index:2;display:block;overflow-y:auto;flex-shrink:0;width:15rem;height:calc(100vh - var(--margin-top));padding:0;margin:0;font-family:var(--font-family);background-color:#fff;box-shadow:0 2px 2px #01053205,0 3px 4px #01053205,0 1px 5px #0105320a;transition:transform .2s ease-in-out}@media screen and (max-width: 50em){.LeftNav_sidenavbar_k4xuc{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_k4xuc.LeftNav_hidden_k4xuc{visibility:hidden}.LeftNav_sidenavbar_k4xuc.LeftNav_open_k4xuc{visibility:visible;transform:translate(0)}}@media screen and (min-width: 50em){.LeftNav_sidenavbar_k4xuc.LeftNav_sidenavbar--collapsed_k4xuc{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_k4xuc.LeftNav_sidenavbar--collapsed_k4xuc.LeftNav_hidden_k4xuc{visibility:hidden}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="LeftNav_hidden_k4xuc",a="LeftNav_sidenavbar_k4xuc",d="LeftNav_open_k4xuc",s={hidden:e,sidenavbar:a,open:d,"sidenavbar--collapsed":"LeftNav_sidenavbar--collapsed_k4xuc"};exports.default=s,exports.hidden=e,exports.open=d,exports.sidenavbar=a;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNav_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.LeftNav_hidden_uJyTX{display:none}.LeftNav_slide-in_uJyTX{animation:LeftNav_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-in_uJyTX{animation-duration:.1ms}}.LeftNav_slide-out_uJyTX{animation:LeftNav_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-out_uJyTX{animation-duration:.1ms}}@keyframes LeftNav_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_uJyTX{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 */.LeftNav_sidenavbar_uJyTX{--margin-top: 4rem;position:fixed;z-index:2;display:block;overflow-y:auto;flex-shrink:0;width:15rem;height:calc(100vh - var(--margin-top));padding:0;margin:0;font-family:var(--font-family);background-color:#fff;box-shadow:0 2px 2px #01053205,0 3px 4px #01053205,0 1px 5px #0105320a;transition:transform .2s ease-in-out}@media screen and (max-width: 50em){.LeftNav_sidenavbar_uJyTX{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_uJyTX.LeftNav_hidden_uJyTX{visibility:hidden}.LeftNav_sidenavbar_uJyTX.LeftNav_open_uJyTX{visibility:visible;transform:translate(0)}}@media screen and (min-width: 50em){.LeftNav_sidenavbar_uJyTX.LeftNav_sidenavbar--collapsed_uJyTX{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_uJyTX.LeftNav_sidenavbar--collapsed_uJyTX.LeftNav_hidden_uJyTX{visibility:hidden}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="LeftNav_hidden_uJyTX",a="LeftNav_sidenavbar_uJyTX",d="LeftNav_open_uJyTX",s={hidden:e,sidenavbar:a,open:d,"sidenavbar--collapsed":"LeftNav_sidenavbar--collapsed_uJyTX"};exports.default=s,exports.hidden=e,exports.open=d,exports.sidenavbar=a;
 //# sourceMappingURL=LeftNav.module.scss.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNav.module.scss.es.js

@@ -1,12 +1,12 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNav_sr-only_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.LeftNav_hidden_k4xuc{display:none}.LeftNav_slide-in_k4xuc{animation:LeftNav_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-in_k4xuc{animation-duration:.1ms}}.LeftNav_slide-out_k4xuc{animation:LeftNav_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-out_k4xuc{animation-duration:.1ms}}@keyframes LeftNav_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_k4xuc{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 */.LeftNav_sidenavbar_k4xuc{--margin-top: 4rem;position:fixed;z-index:2;display:block;overflow-y:auto;flex-shrink:0;width:15rem;height:calc(100vh - var(--margin-top));padding:0;margin:0;font-family:var(--font-family);background-color:#fff;box-shadow:0 2px 2px #01053205,0 3px 4px #01053205,0 1px 5px #0105320a;transition:transform .2s ease-in-out}@media screen and (max-width: 50em){.LeftNav_sidenavbar_k4xuc{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_k4xuc.LeftNav_hidden_k4xuc{visibility:hidden}.LeftNav_sidenavbar_k4xuc.LeftNav_open_k4xuc{visibility:visible;transform:translate(0)}}@media screen and (min-width: 50em){.LeftNav_sidenavbar_k4xuc.LeftNav_sidenavbar--collapsed_k4xuc{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_k4xuc.LeftNav_sidenavbar--collapsed_k4xuc.LeftNav_hidden_k4xuc{visibility:hidden}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-const hidden = "LeftNav_hidden_k4xuc";
-const sidenavbar = "LeftNav_sidenavbar_k4xuc";
-const open = "LeftNav_open_k4xuc";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNav_sr-only_uJyTX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.LeftNav_hidden_uJyTX{display:none}.LeftNav_slide-in_uJyTX{animation:LeftNav_slide-in_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-in_uJyTX{animation-duration:.1ms}}.LeftNav_slide-out_uJyTX{animation:LeftNav_slide-out_uJyTX .5s forwards}@media (prefers-reduced-motion: reduce){.LeftNav_slide-out_uJyTX{animation-duration:.1ms}}@keyframes LeftNav_slide-in_uJyTX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes LeftNav_slide-out_uJyTX{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 */.LeftNav_sidenavbar_uJyTX{--margin-top: 4rem;position:fixed;z-index:2;display:block;overflow-y:auto;flex-shrink:0;width:15rem;height:calc(100vh - var(--margin-top));padding:0;margin:0;font-family:var(--font-family);background-color:#fff;box-shadow:0 2px 2px #01053205,0 3px 4px #01053205,0 1px 5px #0105320a;transition:transform .2s ease-in-out}@media screen and (max-width: 50em){.LeftNav_sidenavbar_uJyTX{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_uJyTX.LeftNav_hidden_uJyTX{visibility:hidden}.LeftNav_sidenavbar_uJyTX.LeftNav_open_uJyTX{visibility:visible;transform:translate(0)}}@media screen and (min-width: 50em){.LeftNav_sidenavbar_uJyTX.LeftNav_sidenavbar--collapsed_uJyTX{box-shadow:0 30px 50px #00000029;transform:translate(-110%)}.LeftNav_sidenavbar_uJyTX.LeftNav_sidenavbar--collapsed_uJyTX.LeftNav_hidden_uJyTX{visibility:hidden}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const hidden = "LeftNav_hidden_uJyTX";
+const sidenavbar = "LeftNav_sidenavbar_uJyTX";
+const open = "LeftNav_open_uJyTX";
 const classes = {
   hidden,
   sidenavbar,
   open,
-  "sidenavbar--collapsed": "LeftNav_sidenavbar--collapsed_k4xuc"
+  "sidenavbar--collapsed": "LeftNav_sidenavbar--collapsed_uJyTX"
 };
 export {
   classes as default,