@dnb/eufemia 10.3.0 → 10.4.0

package/components/tooltip/TooltipHelpers.js

@@ -8,13 +8,11 @@ export function injectTooltipSemantic(params) {
 }
 export const defaultProps = {
   id: null,
-  group: null,
   size: 'basis',
   active: null,
   position: 'top',
   arrow: 'center',
   align: null,
-  animatePosition: false,
   fixedPosition: false,
   skipPortal: null,
   noAnimation: false,

package/components/tooltip/TooltipHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipHelpers.js","names":["React","classnames","combineDescribedBy","injectTooltipSemantic","params","tabIndex","className","defaultProps","id","group","size","active","position","arrow","align","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","getTargetElement","target","document","querySelector","useHandleAria","internalId","useEffect","existing","getAttribute","setAttribute","e","getPropsFromTooltipProp","localProps","isValidElement","props","getRefElement","_unknownTarget$curren","unknownTarget","element","current","_ref","Object","prototype","hasOwnProperty","call","isTouch","type","test"],"sources":["../../../../src/components/tooltip/TooltipHelpers.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { combineDescribedBy } from '../../shared/component-helper'\n\nexport function injectTooltipSemantic(params) {\n  params.tabIndex = '0'\n  params.className = classnames(\n    'dnb-tooltip__wrapper',\n    'dnb-tab-focus',\n    params.className\n  )\n  return params\n}\n\nexport const defaultProps = {\n  id: null,\n  group: null,\n  size: 'basis',\n  active: null,\n  position: 'top',\n  arrow: 'center',\n  align: null,\n  animatePosition: false,\n  fixedPosition: false,\n  skipPortal: null,\n  noAnimation: false,\n  showDelay: 300,\n  hideDelay: 500,\n  targetSelector: null,\n  targetElement: null,\n\n  className: null,\n  children: null,\n  tooltip: null,\n}\n\nexport function getTargetElement(target: HTMLElement) {\n  if (typeof document !== 'undefined') {\n    return typeof target === 'string'\n      ? typeof document !== 'undefined' && document.querySelector(target)\n      : target\n  }\n}\n\nexport function useHandleAria(\n  targetElement: HTMLElement,\n  internalId: string\n) {\n  React.useEffect(() => {\n    try {\n      // const elem = getTargetElement(getRefElement(targetElement))\n      const existing = {\n        'aria-describedby': targetElement.getAttribute('aria-describedby'),\n      }\n      targetElement.setAttribute(\n        'aria-describedby',\n        combineDescribedBy(existing, internalId)\n      )\n    } catch (e) {\n      //\n    }\n  }, [targetElement, internalId])\n}\n\nexport function getPropsFromTooltipProp(localProps) {\n  return localProps.tooltip\n    ? React.isValidElement(localProps.tooltip) && localProps.tooltip.props\n      ? localProps.tooltip.props\n      : { children: localProps.tooltip }\n    : null\n}\n\nexport function getRefElement(target: React.RefObject<HTMLElement>) {\n  const unknownTarget = target as unknown as React.RefObject<{\n    _ref: React.RefObject<HTMLElement>\n  }>\n  let element = target as HTMLElement | React.RefObject<HTMLElement>\n\n  // \"_ref\" is set inside e.g. the Button component (among many others)\n  if (unknownTarget?.current?._ref) {\n    element = getRefElement(unknownTarget.current._ref)\n  }\n\n  if (\n    element &&\n    Object.prototype.hasOwnProperty.call(element, 'current')\n  ) {\n    element = (element as React.RefObject<HTMLElement>).current\n  }\n\n  return element as HTMLElement\n}\n\nexport const isTouch = (type: string) => {\n  return /touch/i.test(type)\n}\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,OAAO,SAASC,qBAAqBA,CAACC,MAAM,EAAE;EAC5CA,MAAM,CAACC,QAAQ,GAAG,GAAG;EACrBD,MAAM,CAACE,SAAS,GAAGL,UAAU,uCAG3BG,MAAM,CAACE,SACT,CAAC;EACD,OAAOF,MAAM;AACf;AAEA,OAAO,MAAMG,YAAY,GAAG;EAC1BC,EAAE,EAAE,IAAI;EACRC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,IAAI;EACXC,eAAe,EAAE,KAAK;EACtBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,GAAG;EACdC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EAEnBhB,SAAS,EAAE,IAAI;EACfiB,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAACC,MAAmB,EAAE;EACpD,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAO,OAAOD,MAAM,KAAK,QAAQ,GAC7B,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAACF,MAAM,CAAC,GACjEA,MAAM;EACZ;AACF;AAEA,OAAO,SAASG,aAAaA,CAC3BP,aAA0B,EAC1BQ,UAAkB,EAClB;EACA9B,KAAK,CAAC+B,SAAS,CAAC,MAAM;IACpB,IAAI;MAEF,MAAMC,QAAQ,GAAG;QACf,kBAAkB,EAAEV,aAAa,CAACW,YAAY,CAAC,kBAAkB;MACnE,CAAC;MACDX,aAAa,CAACY,YAAY,CACxB,kBAAkB,EAClBhC,kBAAkB,CAAC8B,QAAQ,EAAEF,UAAU,CACzC,CAAC;IACH,CAAC,CAAC,OAAOK,CAAC,EAAE,CAEZ;EACF,CAAC,EAAE,CAACb,aAAa,EAAEQ,UAAU,CAAC,CAAC;AACjC;AAEA,OAAO,SAASM,uBAAuBA,CAACC,UAAU,EAAE;EAClD,OAAOA,UAAU,CAACb,OAAO,GACrBxB,KAAK,CAACsC,cAAc,CAACD,UAAU,CAACb,OAAO,CAAC,IAAIa,UAAU,CAACb,OAAO,CAACe,KAAK,GAClEF,UAAU,CAACb,OAAO,CAACe,KAAK,GACxB;IAAEhB,QAAQ,EAAEc,UAAU,CAACb;EAAQ,CAAC,GAClC,IAAI;AACV;AAEA,OAAO,SAASgB,aAAaA,CAACd,MAAoC,EAAE;EAAA,IAAAe,qBAAA;EAClE,MAAMC,aAAa,GAAGhB,MAEpB;EACF,IAAIiB,OAAO,GAAGjB,MAAoD;EAGlE,IAAIgB,aAAa,aAAbA,aAAa,gBAAAD,qBAAA,GAAbC,aAAa,CAAEE,OAAO,cAAAH,qBAAA,eAAtBA,qBAAA,CAAwBI,IAAI,EAAE;IAChCF,OAAO,GAAGH,aAAa,CAACE,aAAa,CAACE,OAAO,CAACC,IAAI,CAAC;EACrD;EAEA,IACEF,OAAO,IACPG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,OAAO,EAAE,SAAS,CAAC,EACxD;IACAA,OAAO,GAAIA,OAAO,CAAkCC,OAAO;EAC7D;EAEA,OAAOD,OAAO;AAChB;AAEA,OAAO,MAAMO,OAAO,GAAIC,IAAY,IAAK;EACvC,OAAO,QAAQ,CAACC,IAAI,CAACD,IAAI,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"TooltipHelpers.js","names":["React","classnames","combineDescribedBy","injectTooltipSemantic","params","tabIndex","className","defaultProps","id","size","active","position","arrow","align","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","getTargetElement","target","document","querySelector","useHandleAria","internalId","useEffect","existing","getAttribute","setAttribute","e","getPropsFromTooltipProp","localProps","isValidElement","props","getRefElement","_unknownTarget$curren","unknownTarget","element","current","_ref","Object","prototype","hasOwnProperty","call","isTouch","type","test"],"sources":["../../../../src/components/tooltip/TooltipHelpers.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { combineDescribedBy } from '../../shared/component-helper'\n\nexport function injectTooltipSemantic(params) {\n  params.tabIndex = '0'\n  params.className = classnames(\n    'dnb-tooltip__wrapper',\n    'dnb-tab-focus',\n    params.className\n  )\n  return params\n}\n\nexport const defaultProps = {\n  id: null,\n  size: 'basis',\n  active: null,\n  position: 'top',\n  arrow: 'center',\n  align: null,\n  fixedPosition: false,\n  skipPortal: null,\n  noAnimation: false,\n  showDelay: 300,\n  hideDelay: 500,\n  targetSelector: null,\n  targetElement: null,\n\n  className: null,\n  children: null,\n  tooltip: null,\n}\n\nexport function getTargetElement(target: HTMLElement) {\n  if (typeof document !== 'undefined') {\n    return typeof target === 'string'\n      ? typeof document !== 'undefined' && document.querySelector(target)\n      : target\n  }\n}\n\nexport function useHandleAria(\n  targetElement: HTMLElement,\n  internalId: string\n) {\n  React.useEffect(() => {\n    try {\n      // const elem = getTargetElement(getRefElement(targetElement))\n      const existing = {\n        'aria-describedby': targetElement.getAttribute('aria-describedby'),\n      }\n      targetElement.setAttribute(\n        'aria-describedby',\n        combineDescribedBy(existing, internalId)\n      )\n    } catch (e) {\n      //\n    }\n  }, [targetElement, internalId])\n}\n\nexport function getPropsFromTooltipProp(localProps) {\n  return localProps.tooltip\n    ? React.isValidElement(localProps.tooltip) && localProps.tooltip.props\n      ? localProps.tooltip.props\n      : { children: localProps.tooltip }\n    : null\n}\n\nexport function getRefElement(target: React.RefObject<HTMLElement>) {\n  const unknownTarget = target as unknown as React.RefObject<{\n    _ref: React.RefObject<HTMLElement>\n  }>\n  let element = target as HTMLElement | React.RefObject<HTMLElement>\n\n  // \"_ref\" is set inside e.g. the Button component (among many others)\n  if (unknownTarget?.current?._ref) {\n    element = getRefElement(unknownTarget.current._ref)\n  }\n\n  if (\n    element &&\n    Object.prototype.hasOwnProperty.call(element, 'current')\n  ) {\n    element = (element as React.RefObject<HTMLElement>).current\n  }\n\n  return element as HTMLElement\n}\n\nexport const isTouch = (type: string) => {\n  return /touch/i.test(type)\n}\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,OAAO,SAASC,qBAAqBA,CAACC,MAAM,EAAE;EAC5CA,MAAM,CAACC,QAAQ,GAAG,GAAG;EACrBD,MAAM,CAACE,SAAS,GAAGL,UAAU,uCAG3BG,MAAM,CAACE,SACT,CAAC;EACD,OAAOF,MAAM;AACf;AAEA,OAAO,MAAMG,YAAY,GAAG;EAC1BC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,IAAI;EACXC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,GAAG;EACdC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EAEnBd,SAAS,EAAE,IAAI;EACfe,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAACC,MAAmB,EAAE;EACpD,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAO,OAAOD,MAAM,KAAK,QAAQ,GAC7B,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAACF,MAAM,CAAC,GACjEA,MAAM;EACZ;AACF;AAEA,OAAO,SAASG,aAAaA,CAC3BP,aAA0B,EAC1BQ,UAAkB,EAClB;EACA5B,KAAK,CAAC6B,SAAS,CAAC,MAAM;IACpB,IAAI;MAEF,MAAMC,QAAQ,GAAG;QACf,kBAAkB,EAAEV,aAAa,CAACW,YAAY,CAAC,kBAAkB;MACnE,CAAC;MACDX,aAAa,CAACY,YAAY,CACxB,kBAAkB,EAClB9B,kBAAkB,CAAC4B,QAAQ,EAAEF,UAAU,CACzC,CAAC;IACH,CAAC,CAAC,OAAOK,CAAC,EAAE,CAEZ;EACF,CAAC,EAAE,CAACb,aAAa,EAAEQ,UAAU,CAAC,CAAC;AACjC;AAEA,OAAO,SAASM,uBAAuBA,CAACC,UAAU,EAAE;EAClD,OAAOA,UAAU,CAACb,OAAO,GACrBtB,KAAK,CAACoC,cAAc,CAACD,UAAU,CAACb,OAAO,CAAC,IAAIa,UAAU,CAACb,OAAO,CAACe,KAAK,GAClEF,UAAU,CAACb,OAAO,CAACe,KAAK,GACxB;IAAEhB,QAAQ,EAAEc,UAAU,CAACb;EAAQ,CAAC,GAClC,IAAI;AACV;AAEA,OAAO,SAASgB,aAAaA,CAACd,MAAoC,EAAE;EAAA,IAAAe,qBAAA;EAClE,MAAMC,aAAa,GAAGhB,MAEpB;EACF,IAAIiB,OAAO,GAAGjB,MAAoD;EAGlE,IAAIgB,aAAa,aAAbA,aAAa,gBAAAD,qBAAA,GAAbC,aAAa,CAAEE,OAAO,cAAAH,qBAAA,eAAtBA,qBAAA,CAAwBI,IAAI,EAAE;IAChCF,OAAO,GAAGH,aAAa,CAACE,aAAa,CAACE,OAAO,CAACC,IAAI,CAAC;EACrD;EAEA,IACEF,OAAO,IACPG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,OAAO,EAAE,SAAS,CAAC,EACxD;IACAA,OAAO,GAAIA,OAAO,CAAkCC,OAAO;EAC7D;EAEA,OAAOD,OAAO;AAChB;AAEA,OAAO,MAAMO,OAAO,GAAIC,IAAY,IAAK;EACvC,OAAO,QAAQ,CAACC,IAAI,CAACD,IAAI,CAAC;AAC5B,CAAC"}

package/components/tooltip/TooltipPortal.d.ts

@@ -8,7 +8,6 @@ type TooltipPortalProps = {
     targetElement: HTMLElement;
     active: boolean;
     keepInDOM?: boolean;
-    group?: string;
     children?: React.ReactNode;
 };
 declare function TooltipPortal(props: TooltipProps & TooltipPortalProps): JSX.Element;

package/components/tooltip/TooltipPortal.js

@@ -13,6 +13,7 @@ if (typeof globalThis !== 'undefined') {
   tooltipPortal = {};
 }
 function TooltipPortal(props) {
+  var _tooltipPortal$id3;
   const {
     active,
     targetElement,
@@ -23,15 +24,14 @@ function TooltipPortal(props) {
   } = props;
   const [isMounted, setIsMounted] = React.useState(false);
   const [isActive, setIsActive] = React.useState(active);
-  const [id] = React.useState(() => props.group || makeUniqueId());
+  const [id] = React.useState(() => makeUniqueId());
   const isInDOM = React.useRef(false);
-  const hasGroup = props.group;
   const theme = useTheme();
   const makePortal = () => {
     if (!tooltipPortal[id]) {
       tooltipPortal[id] = {
         count: 0,
-        node: hasGroup ? createGroupElement(theme, id) : createRootElement(theme)
+        node: createRootElement(theme)
       };
     }
   };
@@ -48,10 +48,6 @@ function TooltipPortal(props) {
     if (ref !== null && ref !== void 0 && ref.node) {
       ref.count--;
       if (ref.count <= 0) {
-        if (hasGroup) {
-          ReactDOM.unmountComponentAtNode(ref.node);
-          createRootElement(theme).removeChild(ref.node);
-        }
         delete tooltipPortal[id];
       }
     }
@@ -66,15 +62,9 @@ function TooltipPortal(props) {
       if (!isMounted) {
         tooltipPortal[id].count++;
       }
-      if (hasGroup) {
-        renderPortal(true);
-      }
     } else if (!active && isMounted) {
       const delayRender = () => {
         setIsActive(false);
-        if (hasGroup) {
-          renderPortal(false);
-        }
       };
       const delayHidden = () => {
         isInDOM.current = false;
@@ -97,41 +87,16 @@ function TooltipPortal(props) {
     }
     return removeFromDOM;
   }, []);
-  const renderPortal = isActive => {
-    var _tooltipPortal$id3;
-    const root = (_tooltipPortal$id3 = tooltipPortal[id]) === null || _tooltipPortal$id3 === void 0 ? void 0 : _tooltipPortal$id3.node;
-    if (root && hasGroup && isInDOM.current) {
-      ReactDOM.render(React.createElement(TooltipContainer, _extends({}, props, {
-        targetElement: targetElement,
-        active: isActive
-      })), root);
-    }
-    return null;
-  };
-  if (!hasGroup) {
-    var _tooltipPortal$id4;
-    const root = (_tooltipPortal$id4 = tooltipPortal[id]) === null || _tooltipPortal$id4 === void 0 ? void 0 : _tooltipPortal$id4.node;
-    if (root) {
-      return ReactDOM.createPortal(isInDOM.current || keepInDOM ? React.createElement(TooltipContainer, _extends({}, props, {
-        targetElement: targetElement,
-        active: isActive
-      }), children) : null, root);
-    }
+  const root = (_tooltipPortal$id3 = tooltipPortal[id]) === null || _tooltipPortal$id3 === void 0 ? void 0 : _tooltipPortal$id3.node;
+  if (root) {
+    return ReactDOM.createPortal(isInDOM.current || keepInDOM ? React.createElement(TooltipContainer, _extends({}, props, {
+      targetElement: targetElement,
+      active: isActive
+    }), children) : null, root);
   }
   return null;
 }
 export default TooltipPortal;
-const createGroupElement = (theme, id) => {
-  try {
-    const elem = document.createElement('div');
-    elem.classList.add('dnb-tooltip__group');
-    elem.setAttribute('id', id);
-    createRootElement(theme).appendChild(elem);
-    return elem;
-  } catch (e) {
-    warn(e);
-  }
-};
 const createRootElement = function (theme) {
   let className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   if (!className) {

package/components/tooltip/TooltipPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPortal.js","names":["React","ReactDOM","makeUniqueId","warn","TooltipContainer","useTheme","getThemeClasses","tooltipPortal","globalThis","TooltipPortal","props","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","useState","isActive","setIsActive","id","group","isInDOM","useRef","hasGroup","theme","makePortal","count","node","createGroupElement","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","unmountComponentAtNode","removeChild","useEffect","current","renderPortal","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","_tooltipPortal$id3","root","render","createElement","_extends","_tooltipPortal$id4","createPortal","elem","document","classList","add","setAttribute","appendChild","e","className","arguments","length","undefined","element","querySelector","call","split","body"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { ThemeProps, getThemeClasses } from '../../shared/Theme'\n\ntype TooltipType = {\n  node: HTMLElement\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  group?: string\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isActive, setIsActive] = React.useState(active)\n  const [id] = React.useState(() => props.group || makeUniqueId())\n  const isInDOM = React.useRef(false)\n  const hasGroup = props.group\n\n  const theme = useTheme()\n\n  const makePortal = () => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n        node: hasGroup\n          ? createGroupElement(theme, id)\n          : createRootElement(theme),\n      }\n    }\n  }\n\n  const clearTimers = () => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }\n\n  const removeFromDOM = (hide?: boolean) => {\n    if (isActive && hide) {\n      return // stop here\n    }\n\n    const ref = tooltipPortal[id]\n    if (ref?.node) {\n      ref.count--\n      if (ref.count <= 0) {\n        /**\n         * Only use unmountComponentAtNode when used ReactDOM.render()\n         */\n        if (hasGroup) {\n          ReactDOM.unmountComponentAtNode(ref.node)\n          createRootElement(theme).removeChild(ref.node)\n        }\n\n        /**\n         * Remove the referenced data\n         */\n        delete tooltipPortal[id]\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makePortal()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n\n      if (hasGroup) {\n        renderPortal(true) // re-render\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n\n        if (hasGroup) {\n          renderPortal(false) // re-render\n        }\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n        removeFromDOM(true)\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, active, id, hideDelay, noAnimation])\n\n  React.useEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makePortal()\n    }\n\n    return removeFromDOM\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const renderPortal = (isActive: boolean) => {\n    const root = tooltipPortal[id]?.node\n\n    // Ensure we only render when it should (is in DOM)\n    if (root && hasGroup && isInDOM.current) {\n      ReactDOM.render(\n        <TooltipContainer\n          {...props}\n          targetElement={targetElement}\n          active={isActive}\n        />,\n        root\n      )\n    }\n\n    return null\n  }\n\n  if (!hasGroup) {\n    const root = tooltipPortal[id]?.node\n\n    if (root) {\n      return ReactDOM.createPortal(\n        isInDOM.current || keepInDOM ? (\n          <TooltipContainer\n            {...props}\n            targetElement={targetElement}\n            active={isActive}\n          >\n            {children}\n          </TooltipContainer>\n        ) : null,\n        root\n      )\n    }\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n\n/**\n * We creaete this custom wrapper, so ReactDOM.render has its \"own\" root. This is required by React.\n */\nconst createGroupElement = (theme: ThemeProps, id: string) => {\n  try {\n    const elem = document.createElement('div')\n    elem.classList.add('dnb-tooltip__group')\n    elem.setAttribute('id', id)\n\n    createRootElement(theme).appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n\nconst createRootElement = (theme: ThemeProps, className = null) => {\n  if (!className) {\n    className = 'dnb-tooltip__portal'\n  }\n  try {\n    const element: HTMLElement = document.querySelector(`.${className}`)\n\n    if (element) {\n      return element\n    }\n\n    const elem = document.createElement('div')\n    elem.classList.add(className)\n    elem.classList.add('dnb-core-style')\n\n    if (theme) {\n      elem.classList.add.call(\n        elem.classList,\n        ...getThemeClasses(theme).split(' ')\n      )\n    }\n\n    document.body.appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":";AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,YAAY,EAAEC,IAAI,QAAQ,+BAA+B;AAClE,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAAqBC,eAAe,QAAQ,oBAAoB;AAShE,IAAIC,aAA0C;AAC9C,IAAI,OAAOC,UAAU,KAAK,WAAW,EAAE;EACrCA,UAAU,CAACD,aAAa,GAAGC,UAAU,CAACD,aAAa,IAAI,CAAC,CAAC;EACzDA,aAAa,GAAGC,UAAU,CAACD,aAAa;AAC1C,CAAC,MAAM;EACLA,aAAa,GAAG,CAAC,CAAC;AACpB;AAUA,SAASE,aAAaA,CACpBC,KAAwC,EAC3B;EACb,MAAM;IACJC,MAAM;IACNC,aAAa;IACbC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGrB,KAAK,CAACmB,QAAQ,CAACR,MAAM,CAAC;EACtD,MAAM,CAACW,EAAE,CAAC,GAAGtB,KAAK,CAACmB,QAAQ,CAAC,MAAMT,KAAK,CAACa,KAAK,IAAIrB,YAAY,CAAC,CAAC,CAAC;EAChE,MAAMsB,OAAO,GAAGxB,KAAK,CAACyB,MAAM,CAAC,KAAK,CAAC;EACnC,MAAMC,QAAQ,GAAGhB,KAAK,CAACa,KAAK;EAE5B,MAAMI,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EAExB,MAAMuB,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI,CAACrB,aAAa,CAACe,EAAE,CAAC,EAAE;MACtBf,aAAa,CAACe,EAAE,CAAC,GAAG;QAClBO,KAAK,EAAE,CAAC;QACRC,IAAI,EAAEJ,QAAQ,GACVK,kBAAkB,CAACJ,KAAK,EAAEL,EAAE,CAAC,GAC7BU,iBAAiB,CAACL,KAAK;MAC7B,CAAC;IACH;EACF,CAAC;EAED,MAAMM,WAAW,GAAGA,CAAA,KAAM;IAAA,IAAAC,iBAAA,EAAAC,kBAAA;IACxBC,YAAY,EAAAF,iBAAA,GAAC3B,aAAa,CAACe,EAAE,CAAC,cAAAY,iBAAA,uBAAjBA,iBAAA,CAAmBG,YAAY,CAAC;IAC7CD,YAAY,EAAAD,kBAAA,GAAC5B,aAAa,CAACe,EAAE,CAAC,cAAAa,kBAAA,uBAAjBA,kBAAA,CAAmBG,aAAa,CAAC;EAChD,CAAC;EAED,MAAMC,aAAa,GAAIC,IAAc,IAAK;IACxC,IAAIpB,QAAQ,IAAIoB,IAAI,EAAE;MACpB;IACF;IAEA,MAAMC,GAAG,GAAGlC,aAAa,CAACe,EAAE,CAAC;IAC7B,IAAImB,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEX,IAAI,EAAE;MACbW,GAAG,CAACZ,KAAK,EAAE;MACX,IAAIY,GAAG,CAACZ,KAAK,IAAI,CAAC,EAAE;QAIlB,IAAIH,QAAQ,EAAE;UACZzB,QAAQ,CAACyC,sBAAsB,CAACD,GAAG,CAACX,IAAI,CAAC;UACzCE,iBAAiB,CAACL,KAAK,CAAC,CAACgB,WAAW,CAACF,GAAG,CAACX,IAAI,CAAC;QAChD;QAKA,OAAOvB,aAAa,CAACe,EAAE,CAAC;MAC1B;IACF;EACF,CAAC;EAEDtB,KAAK,CAAC4C,SAAS,CAAC,MAAM;IACpB1B,YAAY,CAAC,IAAI,CAAC;IAElBe,WAAW,CAAC,CAAC;IAEb,IAAItB,MAAM,EAAE;MACViB,UAAU,CAAC,CAAC;MACZP,WAAW,CAAC,IAAI,CAAC;MAEjBG,OAAO,CAACqB,OAAO,GAAG,IAAI;MAEtB,IAAI,CAAC5B,SAAS,EAAE;QACdV,aAAa,CAACe,EAAE,CAAC,CAACO,KAAK,EAAE;MAC3B;MAEA,IAAIH,QAAQ,EAAE;QACZoB,YAAY,CAAC,IAAI,CAAC;MACpB;IACF,CAAC,MAAM,IAAI,CAACnC,MAAM,IAAIM,SAAS,EAAE;MAC/B,MAAM8B,WAAW,GAAGA,CAAA,KAAM;QACxB1B,WAAW,CAAC,KAAK,CAAC;QAElB,IAAIK,QAAQ,EAAE;UACZoB,YAAY,CAAC,KAAK,CAAC;QACrB;MACF,CAAC;MAED,MAAME,WAAW,GAAGA,CAAA,KAAM;QACxBxB,OAAO,CAACqB,OAAO,GAAG,KAAK;QACvBN,aAAa,CAAC,IAAI,CAAC;MACrB,CAAC;MAED,IAAIxB,WAAW,IAAIP,UAAU,CAACyC,OAAO,EAAE;QACrCF,WAAW,CAAC,CAAC;QACbC,WAAW,CAAC,CAAC;MACf,CAAC,MAAM,IAAIzC,aAAa,CAACe,EAAE,CAAC,EAAE;QAC5B,MAAM4B,KAAK,GAAGC,UAAU,CAACC,MAAM,CAACvC,SAAS,CAAC,CAAC;QAC3CN,aAAa,CAACe,EAAE,CAAC,CAACe,YAAY,GAAGgB,UAAU,CAACN,WAAW,EAAEG,KAAK,CAAC;QAC/D3C,aAAa,CAACe,EAAE,CAAC,CAACgB,aAAa,GAAGe,UAAU,CAC1CL,WAAW,EACXE,KAAK,GAAG,GACV,CAAC;MACH;IACF;IAEA,OAAOjB,WAAW;EAGpB,CAAC,EAAE,CAACjB,QAAQ,EAAEL,MAAM,EAAEW,EAAE,EAAET,SAAS,EAAEE,WAAW,CAAC,CAAC;EAElDf,KAAK,CAAC4C,SAAS,CAAC,MAAM;IAKpB,IAAI9B,SAAS,EAAE;MACbc,UAAU,CAAC,CAAC;IACd;IAEA,OAAOW,aAAa;EAEtB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,YAAY,GAAI1B,QAAiB,IAAK;IAAA,IAAAkC,kBAAA;IAC1C,MAAMC,IAAI,IAAAD,kBAAA,GAAG/C,aAAa,CAACe,EAAE,CAAC,cAAAgC,kBAAA,uBAAjBA,kBAAA,CAAmBxB,IAAI;IAGpC,IAAIyB,IAAI,IAAI7B,QAAQ,IAAIF,OAAO,CAACqB,OAAO,EAAE;MACvC5C,QAAQ,CAACuD,MAAM,CACbxD,KAAA,CAAAyD,aAAA,CAACrD,gBAAgB,EAAAsD,QAAA,KACXhD,KAAK;QACTE,aAAa,EAAEA,aAAc;QAC7BD,MAAM,EAAES;MAAS,EAClB,CAAC,EACFmC,IACF,CAAC;IACH;IAEA,OAAO,IAAI;EACb,CAAC;EAED,IAAI,CAAC7B,QAAQ,EAAE;IAAA,IAAAiC,kBAAA;IACb,MAAMJ,IAAI,IAAAI,kBAAA,GAAGpD,aAAa,CAACe,EAAE,CAAC,cAAAqC,kBAAA,uBAAjBA,kBAAA,CAAmB7B,IAAI;IAEpC,IAAIyB,IAAI,EAAE;MACR,OAAOtD,QAAQ,CAAC2D,YAAY,CAC1BpC,OAAO,CAACqB,OAAO,IAAI/B,SAAS,GAC1Bd,KAAA,CAAAyD,aAAA,CAACrD,gBAAgB,EAAAsD,QAAA,KACXhD,KAAK;QACTE,aAAa,EAAEA,aAAc;QAC7BD,MAAM,EAAES;MAAS,IAEhBJ,QACe,CAAC,GACjB,IAAI,EACRuC,IACF,CAAC;IACH;EACF;EAEA,OAAO,IAAI;AACb;AAEA,eAAe9C,aAAa;AAK5B,MAAMsB,kBAAkB,GAAGA,CAACJ,KAAiB,EAAEL,EAAU,KAAK;EAC5D,IAAI;IACF,MAAMuC,IAAI,GAAGC,QAAQ,CAACL,aAAa,CAAC,KAAK,CAAC;IAC1CI,IAAI,CAACE,SAAS,CAACC,GAAG,CAAC,oBAAoB,CAAC;IACxCH,IAAI,CAACI,YAAY,CAAC,IAAI,EAAE3C,EAAE,CAAC;IAE3BU,iBAAiB,CAACL,KAAK,CAAC,CAACuC,WAAW,CAACL,IAAI,CAAC;IAE1C,OAAOA,IAAI;EACb,CAAC,CAAC,OAAOM,CAAC,EAAE;IACVhE,IAAI,CAACgE,CAAC,CAAC;EACT;AACF,CAAC;AAED,MAAMnC,iBAAiB,GAAG,SAAAA,CAACL,KAAiB,EAAuB;EAAA,IAArByC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC5D,IAAI,CAACD,SAAS,EAAE;IACdA,SAAS,GAAG,qBAAqB;EACnC;EACA,IAAI;IACF,MAAMI,OAAoB,GAAGV,QAAQ,CAACW,aAAa,CAAE,IAAGL,SAAU,EAAC,CAAC;IAEpE,IAAII,OAAO,EAAE;MACX,OAAOA,OAAO;IAChB;IAEA,MAAMX,IAAI,GAAGC,QAAQ,CAACL,aAAa,CAAC,KAAK,CAAC;IAC1CI,IAAI,CAACE,SAAS,CAACC,GAAG,CAACI,SAAS,CAAC;IAC7BP,IAAI,CAACE,SAAS,CAACC,GAAG,CAAC,gBAAgB,CAAC;IAEpC,IAAIrC,KAAK,EAAE;MACTkC,IAAI,CAACE,SAAS,CAACC,GAAG,CAACU,IAAI,CACrBb,IAAI,CAACE,SAAS,EACd,GAAGzD,eAAe,CAACqB,KAAK,CAAC,CAACgD,KAAK,CAAC,GAAG,CACrC,CAAC;IACH;IAEAb,QAAQ,CAACc,IAAI,CAACV,WAAW,CAACL,IAAI,CAAC;IAE/B,OAAOA,IAAI;EACb,CAAC,CAAC,OAAOM,CAAC,EAAE;IACVhE,IAAI,CAACgE,CAAC,CAAC;EACT;AACF,CAAC"}
+{"version":3,"file":"TooltipPortal.js","names":["React","ReactDOM","makeUniqueId","warn","TooltipContainer","useTheme","getThemeClasses","tooltipPortal","globalThis","TooltipPortal","props","_tooltipPortal$id3","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","useState","isActive","setIsActive","id","isInDOM","useRef","theme","makePortal","count","node","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","useEffect","current","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","root","createPortal","createElement","_extends","className","arguments","length","undefined","element","document","querySelector","elem","classList","add","call","split","body","appendChild","e"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { ThemeProps, getThemeClasses } from '../../shared/Theme'\n\ntype TooltipType = {\n  node: HTMLElement\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isActive, setIsActive] = React.useState(active)\n  const [id] = React.useState(() => makeUniqueId())\n  const isInDOM = React.useRef(false)\n\n  const theme = useTheme()\n\n  const makePortal = () => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n        node: createRootElement(theme),\n      }\n    }\n  }\n\n  const clearTimers = () => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }\n\n  const removeFromDOM = (hide?: boolean) => {\n    if (isActive && hide) {\n      return // stop here\n    }\n\n    const ref = tooltipPortal[id]\n    if (ref?.node) {\n      ref.count--\n      if (ref.count <= 0) {\n        /**\n         * Remove the referenced data\n         */\n        delete tooltipPortal[id]\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makePortal()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n        removeFromDOM(true)\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, active, id, hideDelay, noAnimation])\n\n  React.useEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makePortal()\n    }\n\n    return removeFromDOM\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const root = tooltipPortal[id]?.node\n\n  if (root) {\n    return ReactDOM.createPortal(\n      isInDOM.current || keepInDOM ? (\n        <TooltipContainer\n          {...props}\n          targetElement={targetElement}\n          active={isActive}\n        >\n          {children}\n        </TooltipContainer>\n      ) : null,\n      root\n    )\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n\nconst createRootElement = (theme: ThemeProps, className = null) => {\n  if (!className) {\n    className = 'dnb-tooltip__portal'\n  }\n  try {\n    const element: HTMLElement = document.querySelector(`.${className}`)\n\n    if (element) {\n      return element\n    }\n\n    const elem = document.createElement('div')\n    elem.classList.add(className)\n    elem.classList.add('dnb-core-style')\n\n    if (theme) {\n      elem.classList.add.call(\n        elem.classList,\n        ...getThemeClasses(theme).split(' ')\n      )\n    }\n\n    document.body.appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":"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"}

package/components/tooltip/TooltipWithEvents.d.ts

@@ -2,12 +2,11 @@
  * Web Tooltip Component
  *
  */
-/// <reference types="react" />
 import { TooltipProps } from './types';
 type TooltipWithEventsProps = {
     target: HTMLElement;
     active: boolean;
     internalId: string;
 };
-declare function TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps): JSX.Element;
+declare function TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps): import("react/jsx-runtime").JSX.Element;
 export default TooltipWithEvents;

package/components/tooltip/style/dnb-tooltip.css

@@ -20,9 +20,6 @@
 .dnb-tooltip--large {
   padding: 0.25rem 1rem;
 }
-.dnb-tooltip--animate_position {
-  transition: all 200ms var(--easing-default), opacity 200ms var(--easing-default);
-}
 .dnb-tooltip--active {
   visibility: visible;
   /*

package/components/tooltip/style/dnb-tooltip.min.css

@@ -1 +1 @@
-.dnb-tooltip{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--animate_position{transition:all .2s var(--easing-default),opacity .2s var(--easing-default)}.dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{align-self:flex-start}.dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}
+.dnb-tooltip{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{align-self:flex-start}.dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}

package/components/tooltip/style/dnb-tooltip.scss

@@ -25,11 +25,6 @@
 
   transition: opacity 200ms var(--easing-default);
 
-  &--animate_position {
-    transition: all 200ms var(--easing-default),
-      opacity 200ms var(--easing-default);
-  }
-
   &--active {
     visibility: visible;
 

package/components/tooltip/types.d.ts

@@ -7,20 +7,18 @@ export type TooltipAlign = null | 'center' | 'right' | 'left';
 export type TooltipSize = 'basis' | 'large';
 export type TooltipProps = IncludeSnakeCase<{
     id?: string;
-    group?: string;
     size?: TooltipSize;
     active?: boolean;
     position?: TooltipPosition;
     arrow?: TooltipArrow;
     align?: TooltipAlign;
-    animatePosition?: boolean;
     fixedPosition?: boolean;
     skipPortal?: boolean;
     noAnimation?: boolean;
     showDelay?: number;
     hideDelay: number;
     targetSelector?: string;
-    targetElement?: React.ReactNode;
+    targetElement?: React.ReactNode | React.MutableRefObject<unknown> | HTMLElement;
     tooltip?: React.ReactNode;
     className?: string;
     children?: React.ReactNode;

package/components/tooltip/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/tooltip/types.ts"],"sourcesContent":["import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left'\n\nexport type TooltipArrow =\n  | null\n  | 'center'\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\nexport type TooltipAlign = null | 'center' | 'right' | 'left'\n\nexport type TooltipSize = 'basis' | 'large'\n\nexport type TooltipProps = IncludeSnakeCase<{\n  id?: string\n  group?: string\n  size?: TooltipSize\n  active?: boolean\n  position?: TooltipPosition\n  arrow?: TooltipArrow\n  align?: TooltipAlign\n  animatePosition?: boolean\n  fixedPosition?: boolean\n  skipPortal?: boolean\n  noAnimation?: boolean\n  showDelay?: number\n  hideDelay: number\n  targetSelector?: string\n  targetElement?: React.ReactNode\n  tooltip?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n  style?: React.CSSProperties\n}>\n\nexport type TooltipAllProps = TooltipProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/tooltip/types.ts"],"sourcesContent":["import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left'\n\nexport type TooltipArrow =\n  | null\n  | 'center'\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\nexport type TooltipAlign = null | 'center' | 'right' | 'left'\n\nexport type TooltipSize = 'basis' | 'large'\n\nexport type TooltipProps = IncludeSnakeCase<{\n  id?: string\n  size?: TooltipSize\n  active?: boolean\n  position?: TooltipPosition\n  arrow?: TooltipArrow\n  align?: TooltipAlign\n  fixedPosition?: boolean\n  skipPortal?: boolean\n  noAnimation?: boolean\n  showDelay?: number\n  hideDelay: number\n  targetSelector?: string\n  targetElement?:\n    | React.ReactNode\n    | React.MutableRefObject<unknown>\n    | HTMLElement\n  tooltip?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n  style?: React.CSSProperties\n}>\n\nexport type TooltipAllProps = TooltipProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>\n"],"mappings":""}

package/components/upload/Upload.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import useUpload from './useUpload';
 import { defaultProps } from './UploadContext';
 import type { UploadAllProps } from './types';
 export { defaultProps };
 declare const Upload: {
-    (localProps: UploadAllProps): JSX.Element;
+    (localProps: UploadAllProps): import("react/jsx-runtime").JSX.Element;
     useUpload: typeof useUpload;
 };
 export default Upload;

package/components/upload/UploadDropzone.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { UploadAllProps } from './types';
 export type UploadDragEvent = React.DragEvent | DragEvent;
-export default function UploadDropzone({ children, className, ...rest }: Partial<UploadAllProps>): JSX.Element;
+export default function UploadDropzone({ children, className, ...rest }: Partial<UploadAllProps>): import("react/jsx-runtime").JSX.Element;

package/components/upload/UploadFileInput.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const UploadFileInput: () => JSX.Element;
+declare const UploadFileInput: () => import("react/jsx-runtime").JSX.Element;
 export default UploadFileInput;

package/components/upload/UploadFileList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare function UploadFileList(): JSX.Element;
+declare function UploadFileList(): import("react/jsx-runtime").JSX.Element;
 export default UploadFileList;

package/components/upload/UploadFileListCell.d.ts

@@ -16,5 +16,5 @@ export type UploadFileListCellProps = {
     loadingText: React.ReactNode;
     deleteButtonText: React.ReactNode;
 };
-declare const UploadFileListCell: ({ id, uploadFile, onDelete, loadingText, deleteButtonText, }: UploadFileListCellProps) => JSX.Element;
+declare const UploadFileListCell: ({ id, uploadFile, onDelete, loadingText, deleteButtonText, }: UploadFileListCellProps) => import("react/jsx-runtime").JSX.Element;
 export default UploadFileListCell;

package/components/upload/UploadInfo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const UploadInfo: () => JSX.Element;
+declare const UploadInfo: () => import("react/jsx-runtime").JSX.Element;
 export default UploadInfo;

package/components/upload/UploadStatus.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const UploadStatus: () => JSX.Element;
+declare const UploadStatus: () => import("react/jsx-runtime").JSX.Element;
 export default UploadStatus;

package/components/visually-hidden/VisuallyHidden.d.ts

@@ -17,5 +17,5 @@ export declare const defaultProps: {
     focusable: boolean;
     element: string;
 };
-declare const VisuallyHidden: (localProps: VisuallyHiddenAllProps) => JSX.Element;
+declare const VisuallyHidden: (localProps: VisuallyHiddenAllProps) => import("react/jsx-runtime").JSX.Element;
 export default VisuallyHidden;

package/elements/hr/Hr.d.ts

@@ -9,5 +9,5 @@ type HrProps = SpacingProps & React.HTMLAttributes<HTMLHRElement> & {
     medium?: boolean;
     fullscreen?: boolean;
 };
-declare const Hr: ({ fullscreen, light, medium, className, ...props }?: HrProps) => JSX.Element;
+declare const Hr: ({ fullscreen, light, medium, className, ...props }?: HrProps) => import("react/jsx-runtime").JSX.Element;
 export default Hr;

package/elements/img/Img.d.ts

@@ -14,5 +14,5 @@ export type ImgProps = SpacingProps & React.HTMLProps<HTMLImageElement> & {
     element?: DynamicElement & 'figure';
     caption?: string;
 };
-declare const Img: ({ caption, alt, element, skeleton, imgClass, className, ...p }: ImgProps) => JSX.Element;
+declare const Img: ({ caption, alt, element, skeleton, imgClass, className, ...p }: ImgProps) => import("react/jsx-runtime").JSX.Element;
 export default Img;

package/elements/lib.d.ts

@@ -53,10 +53,10 @@ export declare const getElements: () => {
         space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
     } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<unknown>>;
     Dl: {
-        ({ direction, ...props }: import("./Dl").DlAllProps): JSX.Element;
+        ({ direction, ...props }: import("./Dl").DlAllProps): import("react/jsx-runtime").JSX.Element;
         Item({ className, children, ...props }: import("react").AllHTMLAttributes<HTMLSpanElement> & import("../shared/types").SpacingElementProps & {
             space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
     };
     Dt: import("react").ForwardRefExoticComponent<import("./Dt").DtProps & import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
@@ -67,35 +67,35 @@ export declare const getElements: () => {
         as?: string;
         level?: "use";
         size?: import("./H").HSize;
-    }) => JSX.Element;
-    H1: ({ size, ...props }: import("./H").SharedHProps) => JSX.Element;
-    H2: ({ size, ...props }: import("./H").SharedHProps) => JSX.Element;
-    H3: ({ size, ...props }: import("./H").SharedHProps) => JSX.Element;
-    H4: ({ size, ...props }: import("./H").SharedHProps) => JSX.Element;
-    H5: ({ size, ...props }: import("./H").SharedHProps) => JSX.Element;
-    H6: ({ size, ...props }: import("./H").SharedHProps) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    H1: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
+    H2: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
+    H3: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
+    H4: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
+    H5: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
+    H6: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
     Hr: ({ fullscreen, light, medium, className, ...props }?: import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
     } & import("react").HTMLAttributes<HTMLHRElement> & {
         light?: boolean;
         medium?: boolean;
         fullscreen?: boolean;
-    }) => JSX.Element;
-    Img: ({ caption, alt, element, skeleton, imgClass, className, ...p }: import("./Img").ImgProps) => JSX.Element;
-    Ingress: (props: import("./P").PProps) => JSX.Element;
-    Lead: (props: import("./P").PProps) => JSX.Element;
-    Li: ({ className, ...p }?: import("./Li").LiAllProps) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Img: ({ caption, alt, element, skeleton, imgClass, className, ...p }: import("./Img").ImgProps) => import("react/jsx-runtime").JSX.Element;
+    Ingress: (props: import("./P").PProps) => import("react/jsx-runtime").JSX.Element;
+    Lead: (props: import("./P").PProps) => import("react/jsx-runtime").JSX.Element;
+    Li: ({ className, ...p }?: import("./Li").LiAllProps) => import("react/jsx-runtime").JSX.Element;
     Link: import("react").ForwardRefExoticComponent<import("../components/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
     } & import("react").RefAttributes<HTMLAnchorElement>>;
-    Ol: ({ nested, inside, outside, ...p }?: import("./Ol").OlAllProps) => JSX.Element;
-    P: ({ modifier, element, className, medium, bold, size, ...props }: import("./P").PProps) => JSX.Element;
-    Paragraph: (props: import("./P").PProps) => JSX.Element;
+    Ol: ({ nested, inside, outside, ...p }?: import("./Ol").OlAllProps) => import("react/jsx-runtime").JSX.Element;
+    P: ({ modifier, element, className, medium, bold, size, ...props }: import("./P").PProps) => import("react/jsx-runtime").JSX.Element;
+    Paragraph: (props: import("./P").PProps) => import("react/jsx-runtime").JSX.Element;
     Span: import("react").ForwardRefExoticComponent<import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
     } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<unknown>>;
     Td: typeof Td;
     Th: typeof Th;
     Tr: typeof Tr;
-    Ul: ({ nested, inside, outside, ...p }?: import("./Ul").UlAllProps) => JSX.Element;
+    Ul: ({ nested, inside, outside, ...p }?: import("./Ul").UlAllProps) => import("react/jsx-runtime").JSX.Element;
 };

package/elements/lists/Dl.d.ts

@@ -13,7 +13,7 @@ export type DlProps = {
 };
 export type DlAllProps = DlProps & React.AllHTMLAttributes<HTMLDListElement> & ElementProps;
 declare const Dl: {
-    ({ direction, ...props }: DlAllProps): JSX.Element;
-    Item({ className, children, ...props }: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps): JSX.Element;
+    ({ direction, ...props }: DlAllProps): import("react/jsx-runtime").JSX.Element;
+    Item({ className, children, ...props }: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps): import("react/jsx-runtime").JSX.Element;
 };
 export default Dl;

package/elements/lists/Li.d.ts

@@ -5,5 +5,5 @@
 import React from 'react';
 import { ElementProps } from '../Element';
 export type LiAllProps = React.AllHTMLAttributes<HTMLLIElement> & ElementProps;
-declare const Li: ({ className, ...p }?: LiAllProps) => JSX.Element;
+declare const Li: ({ className, ...p }?: LiAllProps) => import("react/jsx-runtime").JSX.Element;
 export default Li;

package/elements/lists/Ol.d.ts

@@ -19,5 +19,5 @@ export type OlProps = {
     nested?: boolean;
 };
 export type OlAllProps = OlProps & React.AllHTMLAttributes<HTMLOListElement> & ElementProps;
-declare const Ol: ({ nested, inside, outside, ...p }?: OlAllProps) => JSX.Element;
+declare const Ol: ({ nested, inside, outside, ...p }?: OlAllProps) => import("react/jsx-runtime").JSX.Element;
 export default Ol;

package/elements/lists/Ul.d.ts

@@ -19,5 +19,5 @@ export type UlProps = {
     nested?: boolean;
 };
 export type UlAllProps = UlProps & React.AllHTMLAttributes<HTMLUListElement> & ElementProps;
-declare const Ul: ({ nested, inside, outside, ...p }?: UlAllProps) => JSX.Element;
+declare const Ul: ({ nested, inside, outside, ...p }?: UlAllProps) => import("react/jsx-runtime").JSX.Element;
 export default Ul;

package/elements/typography/H.d.ts

@@ -22,5 +22,5 @@ type HProps = SpacingProps & React.HTMLAttributes<HTMLHeadingElement> & {
     size?: HSize;
 };
 export type SharedHProps = Omit<HProps, 'as'>;
-declare const H: ({ as, is, level, size, className, ...props }: HProps) => JSX.Element;
+declare const H: ({ as, is, level, size, className, ...props }: HProps) => import("react/jsx-runtime").JSX.Element;
 export default H;

package/elements/typography/H1.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedHProps } from './H';
-declare const H1: ({ size, ...props }: SharedHProps) => JSX.Element;
+declare const H1: ({ size, ...props }: SharedHProps) => import("react/jsx-runtime").JSX.Element;
 export default H1;

package/elements/typography/H2.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedHProps } from './H';
-declare const H2: ({ size, ...props }: SharedHProps) => JSX.Element;
+declare const H2: ({ size, ...props }: SharedHProps) => import("react/jsx-runtime").JSX.Element;
 export default H2;

package/elements/typography/H3.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedHProps } from './H';
-declare const H3: ({ size, ...props }: SharedHProps) => JSX.Element;
+declare const H3: ({ size, ...props }: SharedHProps) => import("react/jsx-runtime").JSX.Element;
 export default H3;

package/elements/typography/H4.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedHProps } from './H';
-declare const H4: ({ size, ...props }: SharedHProps) => JSX.Element;
+declare const H4: ({ size, ...props }: SharedHProps) => import("react/jsx-runtime").JSX.Element;
 export default H4;

package/elements/typography/H5.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedHProps } from './H';
-declare const H5: ({ size, ...props }: SharedHProps) => JSX.Element;
+declare const H5: ({ size, ...props }: SharedHProps) => import("react/jsx-runtime").JSX.Element;
 export default H5;

package/elements/typography/H6.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedHProps } from './H';
-declare const H6: ({ size, ...props }: SharedHProps) => JSX.Element;
+declare const H6: ({ size, ...props }: SharedHProps) => import("react/jsx-runtime").JSX.Element;
 export default H6;

package/elements/typography/Ingress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PProps } from './P';
-declare const Ingress: (props: PProps) => JSX.Element;
+declare const Ingress: (props: PProps) => import("react/jsx-runtime").JSX.Element;
 export default Ingress;

package/elements/typography/Lead.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PProps } from './P';
-declare const Lead: (props: PProps) => JSX.Element;
+declare const Lead: (props: PProps) => import("react/jsx-runtime").JSX.Element;
 export default Lead;

package/elements/typography/P.d.ts

@@ -31,5 +31,5 @@ export type PProps = SpacingProps & React.HTMLAttributes<HTMLParagraphElement> &
      */
     modifier?: string;
 };
-declare const P: ({ modifier, element, className, medium, bold, size, ...props }: PProps) => JSX.Element;
+declare const P: ({ modifier, element, className, medium, bold, size, ...props }: PProps) => import("react/jsx-runtime").JSX.Element;
 export default P;

package/elements/typography/Paragraph.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PProps } from './P';
-declare const Paragraph: (props: PProps) => JSX.Element;
+declare const Paragraph: (props: PProps) => import("react/jsx-runtime").JSX.Element;
 export default Paragraph;

package/es/components/accordion/AccordionPropTypes.d.ts

@@ -32,7 +32,10 @@ export const accordionPropTypes: {
     element: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     heading: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
     heading_level: PropTypes.Requireable<NonNullable<string | number>>;
-    icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any) | PropTypes.InferProps<{
+        closed: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        expanded: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+    }>>>;
     icon_position: PropTypes.Requireable<string>;
     icon_size: PropTypes.Requireable<string>;
     attributes: PropTypes.Requireable<NonNullable<string | object>>;

package/es/components/anchor/Anchor.d.ts

@@ -23,7 +23,7 @@ export type AnchorProps = {
     inner_ref?: React.RefObject<HTMLAnchorElement>;
 };
 export type AnchorAllProps = AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> & SpacingProps;
-export declare function AnchorInstance(localProps: AnchorAllProps): JSX.Element;
+export declare function AnchorInstance(localProps: AnchorAllProps): import("react/jsx-runtime").JSX.Element;
 declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, "ref"> & import("../space/types").SpacingElementProps & {
     space?: import("../space/types").SpaceType | import("../space/types").SpacingElementProps;
 } & React.RefAttributes<HTMLAnchorElement>>;

package/es/components/anchor/style/dnb-anchor.css

@@ -15,7 +15,6 @@ button.dnb-anchor {
   border: none;
   background: none;
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
 }