@dnb/eufemia 10.3.0 → 10.4.1

package/cjs/components/tooltip/TooltipHelpers.d.ts

@@ -6,13 +6,11 @@ import React from 'react';
 export declare function injectTooltipSemantic(params: any): any;
 export declare const defaultProps: {
     id: any;
-    group: any;
     size: string;
     active: any;
     position: string;
     arrow: string;
     align: any;
-    animatePosition: boolean;
     fixedPosition: boolean;
     skipPortal: any;
     noAnimation: boolean;

package/cjs/components/tooltip/TooltipHelpers.js

@@ -21,13 +21,11 @@ function injectTooltipSemantic(params) {
 }
 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/cjs/components/tooltip/TooltipHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipHelpers.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","obj","__esModule","default","injectTooltipSemantic","params","tabIndex","className","classnames","defaultProps","id","group","size","active","position","arrow","align","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","exports","getTargetElement","target","document","querySelector","useHandleAria","internalId","React","useEffect","existing","getAttribute","setAttribute","combineDescribedBy","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":"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"}
+{"version":3,"file":"TooltipHelpers.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","obj","__esModule","default","injectTooltipSemantic","params","tabIndex","className","classnames","defaultProps","id","size","active","position","arrow","align","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","exports","getTargetElement","target","document","querySelector","useHandleAria","internalId","React","useEffect","existing","getAttribute","setAttribute","combineDescribedBy","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":"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"}

package/cjs/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/cjs/components/tooltip/TooltipPortal.js

@@ -20,6 +20,7 @@ if (typeof globalThis !== 'undefined') {
   tooltipPortal = {};
 }
 function TooltipPortal(props) {
+  var _tooltipPortal$id3;
   const {
     active,
     targetElement,
@@ -30,15 +31,14 @@ function TooltipPortal(props) {
   } = props;
   const [isMounted, setIsMounted] = _react.default.useState(false);
   const [isActive, setIsActive] = _react.default.useState(active);
-  const [id] = _react.default.useState(() => props.group || (0, _componentHelper.makeUniqueId)());
+  const [id] = _react.default.useState(() => (0, _componentHelper.makeUniqueId)());
   const isInDOM = _react.default.useRef(false);
-  const hasGroup = props.group;
   const theme = (0, _shared.useTheme)();
   const makePortal = () => {
     if (!tooltipPortal[id]) {
       tooltipPortal[id] = {
         count: 0,
-        node: hasGroup ? createGroupElement(theme, id) : createRootElement(theme)
+        node: createRootElement(theme)
       };
     }
   };
@@ -55,10 +55,6 @@ function TooltipPortal(props) {
     if (ref !== null && ref !== void 0 && ref.node) {
       ref.count--;
       if (ref.count <= 0) {
-        if (hasGroup) {
-          _reactDom.default.unmountComponentAtNode(ref.node);
-          createRootElement(theme).removeChild(ref.node);
-        }
         delete tooltipPortal[id];
       }
     }
@@ -73,15 +69,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;
@@ -104,42 +94,17 @@ 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.default.render(_react.default.createElement(_TooltipContainer.default, _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.default.createPortal(isInDOM.current || keepInDOM ? _react.default.createElement(_TooltipContainer.default, _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.default.createPortal(isInDOM.current || keepInDOM ? _react.default.createElement(_TooltipContainer.default, _extends({}, props, {
+      targetElement: targetElement,
+      active: isActive
+    }), children) : null, root);
   }
   return null;
 }
 var _default = TooltipPortal;
 exports.default = _default;
-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) {
-    (0, _componentHelper.warn)(e);
-  }
-};
 const createRootElement = function (theme) {
   let className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   if (!className) {

package/cjs/components/tooltip/TooltipPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPortal.js","names":["_react","_interopRequireDefault","require","_reactDom","_componentHelper","_TooltipContainer","_shared","_Theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","tooltipPortal","globalThis","TooltipPortal","props","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","React","useState","isActive","setIsActive","id","group","makeUniqueId","isInDOM","useRef","hasGroup","theme","useTheme","makePortal","count","node","createGroupElement","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","ReactDOM","unmountComponentAtNode","removeChild","useEffect","current","renderPortal","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","_tooltipPortal$id3","root","render","createElement","_tooltipPortal$id4","createPortal","_default","exports","elem","document","classList","add","setAttribute","appendChild","e","warn","className","undefined","element","querySelector","getThemeClasses","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":"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"}
+{"version":3,"file":"TooltipPortal.js","names":["_react","_interopRequireDefault","require","_reactDom","_componentHelper","_TooltipContainer","_shared","_Theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","tooltipPortal","globalThis","TooltipPortal","props","_tooltipPortal$id3","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","React","useState","isActive","setIsActive","id","makeUniqueId","isInDOM","useRef","theme","useTheme","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","ReactDOM","createPortal","createElement","_default","exports","className","undefined","element","document","querySelector","elem","classList","add","getThemeClasses","split","body","appendChild","e","warn"],"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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/extensions/payment-card/icons/BankAxept.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const BankAxeptSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+declare const BankAxeptSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default BankAxeptSVG;

package/cjs/extensions/payment-card/icons/Bedrift.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Bedrift: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+declare const Bedrift: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default Bedrift;

package/cjs/extensions/payment-card/icons/Business.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Business: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+declare const Business: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default Business;

package/cjs/extensions/payment-card/icons/Clock.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const ClockSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ClockSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ClockSVG;

package/cjs/extensions/payment-card/icons/DNB.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const DNBLogoSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+declare const DNBLogoSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default DNBLogoSVG;