@dnb/eufemia 10.3.0 → 10.4.0

package/cjs/components/modal/ModalRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ModalContentProps } from './types';
+import { ModalContentProps, ReactChildType } from './types';
 declare global {
     interface Window {
         __modalRoot: HTMLElement;
@@ -15,7 +15,7 @@ export interface ModalRootProps extends ModalContentProps {
     /**
      * The content which will appear when triggering the modal/drawer.
      */
-    children?: React.ReactNode;
+    children?: ReactChildType;
 }
 interface ModalRootState {
     isMounted: boolean;
@@ -34,6 +34,6 @@ export default class ModalRoot extends React.PureComponent<ModalRootProps, Modal
     static insertModalRoot(id: any): false | HTMLElement;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/cjs/components/modal/ModalRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.js","names":["_react","_interopRequireDefault","require","_reactDom","_componentHelper","_ModalContent","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalRoot","React","PureComponent","constructor","arguments","isMounted","insertModalRoot","id","window","__modalRoot","document","getElementById","createElement","setAttribute","body","insertBefore","firstChild","e","warn","componentDidMount","direct_dom_return","root_id","props","isTrue","portalElem","className","appendChild","setState","componentWillUnmount","removeChild","render","_this$props","children","state","ReactDOM","createPortal","exports"],"sources":["../../../../src/components/modal/ModalRoot.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { warn, isTrue } from '../../shared/component-helper'\nimport ModalContent from './ModalContent'\nimport { ModalContentProps } from './types'\n\ndeclare global {\n  interface Window {\n    __modalRoot: HTMLElement\n  }\n}\n\nexport interface ModalRootProps extends ModalContentProps {\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  id?: string\n  root_id?: string\n  direct_dom_return?: boolean\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: React.ReactNode\n}\n\ninterface ModalRootState {\n  isMounted: boolean\n}\n\nexport default class ModalRoot extends React.PureComponent<\n  ModalRootProps,\n  ModalRootState\n> {\n  portalElem: HTMLDivElement | null\n  static defaultProps = {\n    id: null,\n    root_id: 'root',\n    direct_dom_return: false,\n    children: null,\n  }\n\n  state = {\n    isMounted: false,\n  }\n\n  static insertModalRoot(id) {\n    if (typeof window === 'undefined') {\n      return false\n    }\n\n    try {\n      id = `dnb-modal-${id || 'root'}`\n      window.__modalRoot = document.getElementById(id)\n      if (!window.__modalRoot) {\n        window.__modalRoot = document.createElement('div')\n        window.__modalRoot.setAttribute('id', id)\n        document.body.insertBefore(\n          window.__modalRoot,\n          document.body.firstChild\n        )\n      }\n    } catch (e) {\n      warn('Modal: Could not insert dnb-modal-root', e)\n    }\n\n    return window.__modalRoot\n  }\n\n  componentDidMount() {\n    const { direct_dom_return = false, root_id = 'root' } = this.props\n    if (!isTrue(direct_dom_return)) {\n      ModalRoot.insertModalRoot(root_id)\n\n      try {\n        if (!this.portalElem) {\n          this.portalElem = document.createElement('div')\n          this.portalElem.className = 'dnb-modal-root__inner'\n        }\n        if (\n          this.portalElem &&\n          typeof window !== 'undefined' &&\n          window.__modalRoot\n        ) {\n          window.__modalRoot.appendChild(this.portalElem)\n        }\n      } catch (e) {\n        warn(e)\n      }\n      this.setState({ isMounted: true })\n    }\n  }\n\n  componentWillUnmount() {\n    try {\n      if (\n        this.portalElem &&\n        typeof window !== 'undefined' &&\n        window.__modalRoot &&\n        window.__modalRoot.removeChild\n      ) {\n        window.__modalRoot.removeChild(this.portalElem)\n        this.portalElem = null\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  render() {\n    const { children, direct_dom_return, ...props } = this.props\n\n    if (isTrue(direct_dom_return)) {\n      return <ModalContent {...props}>{children}</ModalContent>\n    }\n\n    if (\n      this.portalElem &&\n      typeof window !== 'undefined' &&\n      window.__modalRoot &&\n      this.state.isMounted\n    ) {\n      return ReactDOM.createPortal(\n        <ModalContent {...props}>{children}</ModalContent>,\n        this.portalElem\n      )\n    }\n\n    return null\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalRoot.js","names":["_react","_interopRequireDefault","require","_reactDom","_componentHelper","_ModalContent","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalRoot","React","PureComponent","constructor","arguments","isMounted","insertModalRoot","id","window","__modalRoot","document","getElementById","createElement","setAttribute","body","insertBefore","firstChild","e","warn","componentDidMount","direct_dom_return","root_id","props","isTrue","portalElem","className","appendChild","setState","componentWillUnmount","removeChild","render","_this$props","children","state","ReactDOM","createPortal","exports"],"sources":["../../../../src/components/modal/ModalRoot.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { warn, isTrue } from '../../shared/component-helper'\nimport ModalContent from './ModalContent'\nimport { ModalContentProps, ReactChildType } from './types'\n\ndeclare global {\n  interface Window {\n    __modalRoot: HTMLElement\n  }\n}\n\nexport interface ModalRootProps extends ModalContentProps {\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  id?: string\n  root_id?: string\n  direct_dom_return?: boolean\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n}\n\ninterface ModalRootState {\n  isMounted: boolean\n}\n\nexport default class ModalRoot extends React.PureComponent<\n  ModalRootProps,\n  ModalRootState\n> {\n  portalElem: HTMLDivElement | null\n  static defaultProps = {\n    id: null,\n    root_id: 'root',\n    direct_dom_return: false,\n    children: null,\n  }\n\n  state = {\n    isMounted: false,\n  }\n\n  static insertModalRoot(id) {\n    if (typeof window === 'undefined') {\n      return false\n    }\n\n    try {\n      id = `dnb-modal-${id || 'root'}`\n      window.__modalRoot = document.getElementById(id)\n      if (!window.__modalRoot) {\n        window.__modalRoot = document.createElement('div')\n        window.__modalRoot.setAttribute('id', id)\n        document.body.insertBefore(\n          window.__modalRoot,\n          document.body.firstChild\n        )\n      }\n    } catch (e) {\n      warn('Modal: Could not insert dnb-modal-root', e)\n    }\n\n    return window.__modalRoot\n  }\n\n  componentDidMount() {\n    const { direct_dom_return = false, root_id = 'root' } = this.props\n    if (!isTrue(direct_dom_return)) {\n      ModalRoot.insertModalRoot(root_id)\n\n      try {\n        if (!this.portalElem) {\n          this.portalElem = document.createElement('div')\n          this.portalElem.className = 'dnb-modal-root__inner'\n        }\n        if (\n          this.portalElem &&\n          typeof window !== 'undefined' &&\n          window.__modalRoot\n        ) {\n          window.__modalRoot.appendChild(this.portalElem)\n        }\n      } catch (e) {\n        warn(e)\n      }\n      this.setState({ isMounted: true })\n    }\n  }\n\n  componentWillUnmount() {\n    try {\n      if (\n        this.portalElem &&\n        typeof window !== 'undefined' &&\n        window.__modalRoot &&\n        window.__modalRoot.removeChild\n      ) {\n        window.__modalRoot.removeChild(this.portalElem)\n        this.portalElem = null\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  render() {\n    const { children, direct_dom_return, ...props } = this.props\n\n    if (isTrue(direct_dom_return)) {\n      return <ModalContent {...props}>{children}</ModalContent>\n    }\n\n    if (\n      this.portalElem &&\n      typeof window !== 'undefined' &&\n      window.__modalRoot &&\n      this.state.isMounted\n    ) {\n      return ReactDOM.createPortal(\n        <ModalContent {...props}>{children}</ModalContent>,\n        this.portalElem\n      )\n    }\n\n    return null\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/parts/CloseButton.d.ts

@@ -3,6 +3,7 @@
  *
  */
 import React from 'react';
+import { ContextProps } from '../../../shared/Context';
 import type { ButtonProps } from '../../button/Button';
 export type CloseButtonProps = {
     /**
@@ -11,12 +12,13 @@ export type CloseButtonProps = {
     close_title?: string;
 } & Partial<ButtonProps>;
 export default class CloseButton extends React.PureComponent<CloseButtonProps> {
-    static contextType: React.Context<import("../../../shared/Context").ContextProps>;
+    static contextType: React.Context<ContextProps>;
+    context: ContextProps;
     static defaultProps: {
         close_title: any;
         size: string;
         icon_position: string;
         className: any;
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/cjs/components/modal/parts/CloseButton.js

@@ -18,6 +18,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class CloseButton extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "context", void 0);
+  }
   render() {
     const _extendPropsWithConte = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, CloseButton.defaultProps, this.context.getTranslation(this.props).Modal),
       {

package/cjs/components/modal/parts/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Button","_Context","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","CloseButton","React","PureComponent","render","_extendPropsWithConte","extendPropsWithContextInClassComponent","props","defaultProps","context","getTranslation","Modal","close_title","size","icon_position","className","button_props","createElement","type","variant","icon","text","classnames","exports","Context"],"sources":["../../../../../src/components/modal/parts/CloseButton.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { extendPropsWithContextInClassComponent } from '../../../shared/component-helper'\nimport Button from '../../button/Button'\nimport Context from '../../../shared/Context'\nimport type { ButtonProps } from '../../button/Button'\n\nexport type CloseButtonProps = {\n  /**\n   * The title of the close button. Defaults to <em>Close</em> or <em>Lukk</em>.\n   */\n  close_title?: string\n} & Partial<ButtonProps>\n\nexport default class CloseButton extends React.PureComponent<CloseButtonProps> {\n  static contextType = Context\n  static defaultProps = {\n    close_title: null,\n    size: 'default',\n    icon_position: 'left',\n    className: null,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const {\n      close_title = null,\n      size = 'default',\n      icon_position = 'left',\n      className = null,\n      ...button_props\n    } = extendPropsWithContextInClassComponent(\n      this.props,\n      CloseButton.defaultProps,\n      this.context.getTranslation(this.props).Modal\n    )\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"tertiary\"\n        icon=\"close\"\n        text={close_title}\n        size={size}\n        icon_position={icon_position}\n        className={classnames('dnb-modal__close-button', className)}\n        {...button_props}\n      />\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"CloseButton.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Button","_Context","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","CloseButton","React","PureComponent","constructor","render","_extendPropsWithConte","extendPropsWithContextInClassComponent","props","defaultProps","context","getTranslation","Modal","close_title","size","icon_position","className","button_props","createElement","type","variant","icon","text","classnames","exports","Context"],"sources":["../../../../../src/components/modal/parts/CloseButton.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { extendPropsWithContextInClassComponent } from '../../../shared/component-helper'\nimport Button from '../../button/Button'\nimport Context, { ContextProps } from '../../../shared/Context'\nimport type { ButtonProps } from '../../button/Button'\n\nexport type CloseButtonProps = {\n  /**\n   * The title of the close button. Defaults to <em>Close</em> or <em>Lukk</em>.\n   */\n  close_title?: string\n} & Partial<ButtonProps>\n\nexport default class CloseButton extends React.PureComponent<CloseButtonProps> {\n  static contextType = Context\n\n  context!: ContextProps\n\n  static defaultProps = {\n    close_title: null,\n    size: 'default',\n    icon_position: 'left',\n    className: null,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const {\n      close_title = null,\n      size = 'default',\n      icon_position = 'left',\n      className = null,\n      ...button_props\n    } = extendPropsWithContextInClassComponent(\n      this.props,\n      CloseButton.defaultProps,\n      this.context.getTranslation(this.props).Modal\n    )\n\n    return (\n      <Button\n        type=\"button\"\n        variant=\"tertiary\"\n        icon=\"close\"\n        text={close_title}\n        size={size}\n        icon_position={icon_position}\n        className={classnames('dnb-modal__close-button', className)}\n        {...button_props}\n      />\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/parts/ModalHeader.d.ts

@@ -4,8 +4,9 @@
  */
 import React from 'react';
 import { SectionProps } from '../../section/Section';
+import ModalContext from '../ModalContext';
 import { ReactChildType } from '../types';
-export interface ModalHeaderProps extends SectionProps {
+export interface ModalHeaderProps extends Omit<SectionProps, 'children'> {
     /**
      * The content which will appear when triggering the modal/drawer.
      */
@@ -27,7 +28,7 @@ export interface ModalHeaderProps extends SectionProps {
      */
     size?: 'medium' | 'large' | 'x-large' | 'xx-large';
 }
-export default class ModalHeader extends React.PureComponent<ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title'>> {
+export default class ModalHeader extends React.PureComponent<ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title' | 'children'>> {
     static contextType: React.Context<{
         preventClick: any;
         onKeyDownHandler: any;
@@ -44,5 +45,6 @@ export default class ModalHeader extends React.PureComponent<ModalHeaderProps &
         contentId: any;
         close: any;
     }>;
-    render(): JSX.Element;
+    context: React.ContextType<typeof ModalContext>;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/cjs/components/modal/parts/ModalHeader.js

@@ -19,6 +19,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class ModalHeader extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "context", void 0);
+  }
   render() {
     const _this$props = this.props,
       {

package/cjs/components/modal/parts/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Section","_ModalContext","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalHeader","React","PureComponent","render","_this$props","props","title","className","children","title_class","size","ref","sectionProps","customHeader","findElementInChildren","cur","type","H1","usedTitle","context","showTitle","fontSize","createElement","style_type","classnames","id","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalHeader.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport Section, { SectionProps } from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport H1 from '../../../elements/H1'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  /**\n   * Give the h1 component a classname (maps to `dnb-modal__title`)\n   */\n  title_class?: string\n\n  /**\n   * Font size of the title (maps to `dnb-p--<size>`)\n   */\n  size?: 'medium' | 'large' | 'x-large' | 'xx-large'\n}\n\nexport default class ModalHeader extends React.PureComponent<\n  ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title'>\n> {\n  static contextType = ModalContext\n  render() {\n    const {\n      title = null,\n      className = null,\n      children = null,\n      title_class = null,\n      size = null,\n      ref, // eslint-disable-line\n      ...sectionProps\n    } = this.props\n\n    const customHeader = findElementInChildren(children, (cur) => {\n      return cur.type === 'h1' || cur.type === H1\n    })\n\n    const usedTitle = title || this.context.title\n    const showTitle = !customHeader && usedTitle\n    const fontSize = size || 'large'\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(className)}\n        id={\n          showTitle ? 'dnb-modal-' + this.context.id + '-title' : undefined\n        }\n        {...sectionProps}\n      >\n        {showTitle && (\n          <h1\n            className={classnames(\n              'dnb-modal__title', // for tests\n              'dnb-space__top--zero',\n              'dnb-space__bottom--small',\n              `dnb-h--${fontSize}`,\n              title_class\n            )}\n          >\n            {usedTitle}\n          </h1>\n        )}\n        <div>{children}</div>\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Section","_ModalContext","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalHeader","React","PureComponent","constructor","render","_this$props","props","title","className","children","title_class","size","ref","sectionProps","customHeader","findElementInChildren","cur","type","H1","usedTitle","context","showTitle","fontSize","createElement","style_type","classnames","id","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalHeader.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport Section, { SectionProps } from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport H1 from '../../../elements/H1'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderProps extends Omit<SectionProps, 'children'> {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  /**\n   * Give the h1 component a classname (maps to `dnb-modal__title`)\n   */\n  title_class?: string\n\n  /**\n   * Font size of the title (maps to `dnb-p--<size>`)\n   */\n  size?: 'medium' | 'large' | 'x-large' | 'xx-large'\n}\n\nexport default class ModalHeader extends React.PureComponent<\n  ModalHeaderProps &\n    Omit<React.HTMLProps<HTMLElement>, 'size' | 'title' | 'children'>\n> {\n  static contextType = ModalContext\n\n  context!: React.ContextType<typeof ModalContext>\n\n  render() {\n    const {\n      title = null,\n      className = null,\n      children = null,\n      title_class = null,\n      size = null,\n      ref, // eslint-disable-line\n      ...sectionProps\n    } = this.props\n\n    const customHeader = findElementInChildren(children, (cur) => {\n      return cur.type === 'h1' || cur.type === H1\n    })\n\n    const usedTitle = title || this.context.title\n    const showTitle = !customHeader && usedTitle\n    const fontSize = size || 'large'\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(className)}\n        id={\n          showTitle ? 'dnb-modal-' + this.context.id + '-title' : undefined\n        }\n        {...sectionProps}\n      >\n        {showTitle && (\n          <h1\n            className={classnames(\n              'dnb-modal__title', // for tests\n              'dnb-space__top--zero',\n              'dnb-space__bottom--small',\n              `dnb-h--${fontSize}`,\n              title_class\n            )}\n          >\n            {usedTitle}\n          </h1>\n        )}\n        <div>{children as React.ReactNode}</div>\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/parts/ModalHeaderBar.d.ts

@@ -3,12 +3,14 @@
  *
  */
 import React from 'react';
+import ModalContext from '../ModalContext';
 import { SectionProps } from '../../Section';
-export interface ModalHeaderBarProps extends SectionProps {
+import { ReactChildType } from '../types';
+export interface ModalHeaderBarProps extends Omit<SectionProps, 'children'> {
     /**
      * The content which will appear when triggering the modal/drawer.
      */
-    children?: React.ReactNode;
+    children?: ReactChildType;
     /**
      * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).
      */
@@ -18,7 +20,7 @@ export interface ModalHeaderBarProps extends SectionProps {
 interface ModalHeaderBarState {
     showShadow: boolean;
 }
-export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarProps & React.HTMLProps<HTMLElement>, ModalHeaderBarState> {
+export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>, ModalHeaderBarState> {
     static contextType: React.Context<{
         preventClick: any;
         onKeyDownHandler: any;
@@ -35,6 +37,7 @@ export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarPr
         contentId: any;
         close: any;
     }>;
+    context: React.ContextType<typeof ModalContext>;
     _ref: React.RefObject<any>;
     intersectionObserver: IntersectionObserver;
     constructor(props: any);
@@ -43,6 +46,6 @@ export default class ModalHeaderBar extends React.PureComponent<ModalHeaderBarPr
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/cjs/components/modal/parts/ModalHeaderBar.js

@@ -21,6 +21,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 class ModalHeaderBar extends _react.default.PureComponent {
   constructor(props) {
     super(props);
+    _defineProperty(this, "context", void 0);
     _defineProperty(this, "_ref", void 0);
     _defineProperty(this, "intersectionObserver", void 0);
     _defineProperty(this, "state", {

package/cjs/components/modal/parts/ModalHeaderBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeaderBar.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Section","_ModalContext","_CloseButton","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalHeaderBar","React","PureComponent","constructor","props","showShadow","_ref","createRef","componentDidMount","window","IntersectionObserver","current","marginTop","clientHeight","intersectionObserver","entries","entry","setState","isIntersecting","rootMargin","threshold","observe","componentWillUnmount","_this$intersectionObs","disconnect","render","_this$props","className","children","ref","shadow_class","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","isTrue","createElement","style_type","classnames","inner_ref","on_click","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalHeaderBar.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../../shared/component-helper'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport CloseButton from './CloseButton'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalHeaderBarProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  shadow_class?: string\n}\n\ninterface ModalHeaderBarState {\n  showShadow: boolean\n}\n\nexport default class ModalHeaderBar extends React.PureComponent<\n  ModalHeaderBarProps & React.HTMLProps<HTMLElement>,\n  ModalHeaderBarState\n> {\n  static contextType = ModalContext\n  _ref: React.RefObject<any>\n  intersectionObserver: IntersectionObserver\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n  }\n\n  state = { showShadow: false }\n\n  componentDidMount() {\n    if (\n      typeof window !== 'undefined' &&\n      typeof IntersectionObserver !== 'undefined' &&\n      this._ref.current\n    ) {\n      const marginTop = -this._ref.current.clientHeight\n      this.intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          const [entry] = entries\n          this.setState({\n            showShadow: !entry.isIntersecting,\n          })\n        },\n        {\n          rootMargin: `${marginTop}px 0px 0px 0px`,\n          threshold: 0.001,\n        }\n      )\n\n      this.intersectionObserver.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this.intersectionObserver?.disconnect()\n  }\n\n  render() {\n    const {\n      className = null,\n      children = null,\n      ref, //eslint-disable-line\n      shadow_class = null,\n      ...props\n    } = this.props\n    const { showShadow } = this.state\n    const {\n      title,\n      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\n\n    if (!title && isTrue(hide_close_button) && !this._ref.current) {\n      return null\n    }\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(\n          'dnb-modal__header__bar',\n          showShadow && shadow_class,\n          className\n        )}\n        inner_ref={this._ref}\n        {...props}\n      >\n        <div className=\"dnb-modal__header__bar__inner\">{children}</div>\n\n        {!isTrue(hide_close_button) && (\n          <div className=\"dnb-modal__header__bar__close\">\n            <CloseButton\n              on_click={onCloseClickHandler}\n              close_title={close_title}\n              {...close_button_attributes}\n            />\n          </div>\n        )}\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalHeaderBar.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Section","_ModalContext","_CloseButton","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalHeaderBar","React","PureComponent","constructor","props","showShadow","_ref","createRef","componentDidMount","window","IntersectionObserver","current","marginTop","clientHeight","intersectionObserver","entries","entry","setState","isIntersecting","rootMargin","threshold","observe","componentWillUnmount","_this$intersectionObs","disconnect","render","_this$props","className","children","ref","shadow_class","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","isTrue","createElement","style_type","classnames","inner_ref","on_click","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalHeaderBar.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../../shared/component-helper'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport CloseButton from './CloseButton'\nimport { SectionProps } from '../../Section'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderBarProps\n  extends Omit<SectionProps, 'children'> {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  shadow_class?: string\n}\n\ninterface ModalHeaderBarState {\n  showShadow: boolean\n}\n\nexport default class ModalHeaderBar extends React.PureComponent<\n  ModalHeaderBarProps & Omit<React.HTMLProps<HTMLElement>, 'children'>,\n  ModalHeaderBarState\n> {\n  static contextType = ModalContext\n\n  context!: React.ContextType<typeof ModalContext>\n\n  _ref: React.RefObject<any>\n  intersectionObserver: IntersectionObserver\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n  }\n\n  state = { showShadow: false }\n\n  componentDidMount() {\n    if (\n      typeof window !== 'undefined' &&\n      typeof IntersectionObserver !== 'undefined' &&\n      this._ref.current\n    ) {\n      const marginTop = -this._ref.current.clientHeight\n      this.intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          const [entry] = entries\n          this.setState({\n            showShadow: !entry.isIntersecting,\n          })\n        },\n        {\n          rootMargin: `${marginTop}px 0px 0px 0px`,\n          threshold: 0.001,\n        }\n      )\n\n      this.intersectionObserver.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this.intersectionObserver?.disconnect()\n  }\n\n  render() {\n    const {\n      className = null,\n      children = null,\n      ref, //eslint-disable-line\n      shadow_class = null,\n      ...props\n    } = this.props\n    const { showShadow } = this.state\n    const {\n      title,\n      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\n\n    if (!title && isTrue(hide_close_button) && !this._ref.current) {\n      return null\n    }\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(\n          'dnb-modal__header__bar',\n          showShadow && shadow_class,\n          className\n        )}\n        inner_ref={this._ref}\n        {...props}\n      >\n        <div className=\"dnb-modal__header__bar__inner\">\n          {children as React.ReactNode}\n        </div>\n\n        {!isTrue(hide_close_button) && (\n          <div className=\"dnb-modal__header__bar__close\">\n            <CloseButton\n              on_click={onCloseClickHandler}\n              close_title={close_title}\n              {...close_button_attributes}\n            />\n          </div>\n        )}\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/parts/ModalInner.d.ts

@@ -3,6 +3,7 @@
  *
  */
 import React from 'react';
+import ModalContext from '../ModalContext';
 import { SectionProps } from '../../Section';
 export interface ModalInnerProps extends SectionProps {
     /**
@@ -27,6 +28,7 @@ export default class ModalInner extends React.PureComponent<ModalInnerProps & Re
         contentId: any;
         close: any;
     }>;
+    context: React.ContextType<typeof ModalContext>;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/cjs/components/modal/parts/ModalInner.js

@@ -17,6 +17,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class ModalInner extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "context", void 0);
+  }
   componentDidMount() {
     const {
       style_type = 'black-3'

package/cjs/components/modal/parts/ModalInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalInner.js","names":["_react","_interopRequireDefault","require","_Section","_ModalContext","_classnames","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalInner","React","PureComponent","componentDidMount","style_type","props","context","setBackgroundColor","render","_this$props","className","ref","createElement","classnames","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalInner.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport classnames from 'classnames'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalInnerProps extends SectionProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n}\n\nexport default class ModalInner extends React.PureComponent<\n  ModalInnerProps & React.HTMLProps<HTMLElement>\n> {\n  static contextType = ModalContext\n\n  componentDidMount() {\n    const { style_type = 'black-3' } = this.props\n    if (style_type) {\n      this.context.setBackgroundColor(style_type)\n    }\n  }\n\n  render() {\n    const {\n      className = null,\n      style_type = 'black-3',\n      ref, // eslint-disable-line\n      ...props\n    } = this.props\n\n    return (\n      <Section\n        style_type={style_type}\n        className={classnames(className)}\n        {...props}\n      />\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalInner.js","names":["_react","_interopRequireDefault","require","_Section","_ModalContext","_classnames","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalInner","React","PureComponent","constructor","componentDidMount","style_type","props","context","setBackgroundColor","render","_this$props","className","ref","createElement","classnames","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalInner.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport classnames from 'classnames'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalInnerProps extends SectionProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n}\n\nexport default class ModalInner extends React.PureComponent<\n  ModalInnerProps & React.HTMLProps<HTMLElement>\n> {\n  static contextType = ModalContext\n\n  context!: React.ContextType<typeof ModalContext>\n\n  componentDidMount() {\n    const { style_type = 'black-3' } = this.props\n    if (style_type) {\n      this.context.setBackgroundColor(style_type)\n    }\n  }\n\n  render() {\n    const {\n      className = null,\n      style_type = 'black-3',\n      ref, // eslint-disable-line\n      ...props\n    } = this.props\n\n    return (\n      <Section\n        style_type={style_type}\n        className={classnames(className)}\n        {...props}\n      />\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/pagination/InfinityScroller.d.ts

@@ -1 +1 @@
-export default function InfinityScroller(props: any): JSX.Element;
+export default function InfinityScroller(props: any): import("react/jsx-runtime").JSX.Element;

package/cjs/components/pagination/PaginationBar.d.ts

@@ -33,6 +33,6 @@ export type PaginationBarProps = {
     skeleton: SkeletonShow;
 };
 export type PaginationBarAllProps = PaginationBarProps & LocaleProps & React.HTMLProps<HTMLElement>;
-declare const PaginationBar: (localProps: PaginationBarAllProps) => JSX.Element;
+declare const PaginationBar: (localProps: PaginationBarAllProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useResizeObserver: (element: any) => string;
 export default PaginationBar;

package/cjs/components/pagination/style/dnb-pagination.min.css

@@ -1 +1 @@
-.dnb-pagination{display:flex;flex-direction:column-reverse}.dnb-pagination__bar,.dnb-pagination__bar__inner,.dnb-pagination__loadbar{align-items:center;display:flex;flex-wrap:wrap}.dnb-pagination--left .dnb-pagination__bar{justify-content:flex-start}.dnb-pagination--center .dnb-pagination__bar{justify-content:center}@media screen and (max-width:40em){.dnb-pagination--center .dnb-pagination__bar{justify-content:flex-start}}.dnb-pagination--right .dnb-pagination__bar{justify-content:flex-end}.dnb-pagination__bar__wrapper{display:flex;flex-flow:column-reverse wrap}.dnb-pagination--center .dnb-pagination__bar__wrapper{align-items:center}.dnb-pagination--right .dnb-pagination__bar__wrapper{align-items:flex-end}.dnb-pagination__bar__inner{grid-gap:.5rem;gap:.5rem}.dnb-pagination__button{max-width:3.5rem}.dnb-pagination__button--large-number{max-width:unset}.dnb-pagination__loadbar{align-items:center;cursor:default;display:flex;justify-content:center}.dnb-pagination__indicator{cursor:default;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__indicator__inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__dots{align-self:flex-end}.dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.dnb-pagination__marker__inner,.dnb-pagination__marker td{height:1px;opacity:0;padding:0!important;width:1px}.dnb-pagination__bar__skip{margin-top:.5rem}.dnb-pagination__bar__skip .dnb-button:first-of-type{margin-right:1.5rem}
+.dnb-pagination{display:flex;flex-direction:column-reverse}.dnb-pagination__bar,.dnb-pagination__bar__inner,.dnb-pagination__loadbar{align-items:center;display:flex;flex-wrap:wrap}.dnb-pagination--left .dnb-pagination__bar{justify-content:flex-start}.dnb-pagination--center .dnb-pagination__bar{justify-content:center}@media screen and (max-width:40em){.dnb-pagination--center .dnb-pagination__bar{justify-content:flex-start}}.dnb-pagination--right .dnb-pagination__bar{justify-content:flex-end}.dnb-pagination__bar__wrapper{display:flex;flex-flow:column-reverse wrap}.dnb-pagination--center .dnb-pagination__bar__wrapper{align-items:center}.dnb-pagination--right .dnb-pagination__bar__wrapper{align-items:flex-end}.dnb-pagination__bar__inner{grid-gap:.5rem;gap:.5rem}.dnb-pagination__button{max-width:3.5rem}.dnb-pagination__button--large-number{max-width:unset}.dnb-pagination__loadbar{align-items:center;cursor:default;display:flex;justify-content:center}.dnb-pagination__indicator{cursor:default;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__indicator__inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.dnb-pagination__dots{align-self:flex-end}.dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.dnb-pagination__marker td,.dnb-pagination__marker__inner{height:1px;opacity:0;padding:0!important;width:1px}.dnb-pagination__bar__skip{margin-top:.5rem}.dnb-pagination__bar__skip .dnb-button:first-of-type{margin-right:1.5rem}

package/cjs/components/section/Section.d.ts

@@ -24,4 +24,4 @@ export type SectionProps = {
     children?: React.ReactNode;
 };
 export type SectionAllProps = SectionProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
-export default function Section(localProps: SectionAllProps): JSX.Element;
+export default function Section(localProps: SectionAllProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/skeleton/style/dnb-skeleton.min.css

@@ -1 +1 @@
-.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font-only,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}
+.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font,.dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}

package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-ui.min.css

@@ -1 +1 @@
-:root{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--font-only::marker,.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}
+:root{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font-only::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}

package/cjs/components/skip-content/SkipContent.d.ts

@@ -19,8 +19,8 @@ export interface SkipContentProps {
 }
 export type SkipContentAllProps = SkipContentProps & ButtonProps;
 declare const SkipContent: {
-    (localProps: SkipContentAllProps): JSX.Element;
-    Return: (localProps: SkipContentReturnProps) => JSX.Element;
+    (localProps: SkipContentAllProps): import("react/jsx-runtime").JSX.Element;
+    Return: (localProps: SkipContentReturnProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type SkipContentReturnProps = SkipContentAllProps;
 export default SkipContent;

package/cjs/components/slider/Slider.d.ts

@@ -2,8 +2,7 @@
  * Web Slider Component
  *
  */
-/// <reference types="react" />
 import type { SliderAllProps } from './types';
 export * from './types';
-declare function Slider(localProps: SliderAllProps): JSX.Element;
+declare function Slider(localProps: SliderAllProps): import("react/jsx-runtime").JSX.Element;
 export default Slider;

package/cjs/components/slider/SliderInstance.d.ts

@@ -2,5 +2,4 @@
  * Web Slider Component
  *
  */
-/// <reference types="react" />
-export declare function SliderInstance(): JSX.Element;
+export declare function SliderInstance(): import("react/jsx-runtime").JSX.Element;

package/cjs/components/slider/SliderProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { SliderAllProps, SliderContextTypes } from './types';
 export declare const SliderContext: React.Context<SliderContextTypes>;
-export declare function SliderProvider(localProps: SliderAllProps): JSX.Element;
+export declare function SliderProvider(localProps: SliderAllProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/slider/SliderThumb.d.ts

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

package/cjs/components/slider/SliderThumb.js

@@ -140,7 +140,6 @@ function Thumb(_ref) {
   }, thumbParams)), tooltip && _react.default.createElement(_Tooltip.default, {
     key: `group-${currentIndex}`,
     targetElement: elemRef,
-    animatePosition: shouldAnimate,
     active: Boolean(showTooltip || alwaysShowTooltip),
     showDelay: 1,
     hideDelay: 300

package/cjs/components/slider/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","names":["_react","_interopRequireDefault","require","_componentHelper","_Button","_Tooltip","_useSliderEvents","_useSliderProps","_SliderHelpers","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SliderThumb","values","useSliderProps","createElement","Fragment","map","value","Thumb","currentIndex","_ref","thumbIndex","isVertical","isReverse","showStatus","attributes","allProps","shouldAnimate","id","label","min","max","step","skeleton","disabled","suffix","numberFormat","tooltip","alwaysShowTooltip","index","current","percent","clamp","style","zIndex","number","aria","getFormattedNumber","showTooltip","setShowTooltip","React","useState","onMouseEnterHandler","onMouseLeaveHandler","elemRef","dispatchEvent","Event","e","warn","onThumbMouseDownHandler","onThumbMouseUpHandler","onHelperChangeHandler","onHelperFocusHandler","useSliderEvents","helperParams","combineLabelledBy","combineDescribedBy","thumbParams","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onBlur","onFocus","event","validateDOMAttributes","useRef","className","type","onChange","onMouseDown","onMouseUp","undefined","element","variant","innerRef","targetElement","animatePosition","active","Boolean","showDelay","hideDelay"],"sources":["../../../../src/components/slider/SliderThumb.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  combineDescribedBy,\n  combineLabelledBy,\n  validateDOMAttributes,\n  warn,\n} from '../../shared/component-helper'\nimport Button from '../button/Button'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useSliderEvents } from './hooks/useSliderEvents'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp, getFormattedNumber } from './SliderHelpers'\n\nexport function SliderThumb() {\n  const { values } = useSliderProps()\n\n  return (\n    <>\n      {values.map((value, i) => {\n        return <Thumb key={i} value={value} currentIndex={i} />\n      })}\n    </>\n  )\n}\n\ntype ThumbProps = {\n  value: number\n  currentIndex: number\n}\n\nfunction Thumb({ value, currentIndex }: ThumbProps) {\n  const {\n    thumbIndex,\n    isVertical,\n    isReverse,\n    showStatus,\n    attributes,\n    allProps,\n    shouldAnimate,\n  } = useSliderProps()\n\n  const {\n    id,\n    label,\n    min,\n    max,\n    step,\n    skeleton,\n    disabled,\n    suffix,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n  } = allProps\n\n  const index = thumbIndex.current\n  let percent = clamp(((value - min) * 100) / (max - min))\n\n  if (isReverse) {\n    percent = 100 - percent\n  }\n\n  const style = {\n    zIndex: index === currentIndex ? 4 : 3,\n    [`${isVertical ? 'top' : 'left'}`]: `${percent}%`,\n  } as React.CSSProperties\n\n  const { number, aria } = getFormattedNumber(value, numberFormat)\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const onMouseEnterHandler = () => {\n    setShowTooltip(true)\n  }\n  const onMouseLeaveHandler = () => {\n    setShowTooltip(false)\n    try {\n      elemRef.current.dispatchEvent(new Event('mouseleave'))\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const {\n    onThumbMouseDownHandler,\n    onThumbMouseUpHandler,\n    onHelperChangeHandler,\n    onHelperFocusHandler,\n  } = useSliderEvents()\n\n  const helperParams: Record<string, unknown> = {}\n\n  if (label) {\n    helperParams['aria-labelledby'] = combineLabelledBy(\n      helperParams,\n      label ? id + '-label' : null\n    )\n  }\n\n  if (showStatus || suffix) {\n    helperParams['aria-describedby'] = combineDescribedBy(\n      helperParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n\n  const thumbParams = attributes as Record<string, unknown>\n\n  if (tooltip) {\n    thumbParams.onMouseEnter = onMouseEnterHandler\n    thumbParams.onMouseLeave = onMouseLeaveHandler\n    thumbParams.onTouchStart = onMouseEnterHandler\n    thumbParams.onTouchEnd = onMouseLeaveHandler\n    helperParams.onBlur = onMouseLeaveHandler\n    helperParams.onFocus = (event) => {\n      onHelperFocusHandler(event)\n      onMouseEnterHandler()\n      try {\n        elemRef.current.dispatchEvent(new Event('mouseenter'))\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n  validateDOMAttributes(allProps, thumbParams) // because we send along rest attributes\n\n  const elemRef = React.useRef<HTMLElement>()\n\n  return (\n    <>\n      <span className=\"dnb-slider__thumb\" style={style}>\n        <input\n          type=\"range\"\n          className=\"dnb-slider__button-helper\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={onHelperChangeHandler}\n          onFocus={onHelperFocusHandler}\n          onMouseDown={onThumbMouseDownHandler}\n          onMouseUp={onThumbMouseUpHandler}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-valuetext={aria ? aria : undefined}\n          aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n          data-index={currentIndex}\n          {...helperParams}\n        />\n\n        <Button\n          element=\"span\"\n          type=\"\" // avoid getting type=\"button\"\n          variant=\"secondary\"\n          disabled={disabled}\n          skeleton={skeleton}\n          innerRef={elemRef}\n          {...thumbParams}\n        />\n\n        {tooltip && (\n          <Tooltip\n            key={`group-${currentIndex}`}\n            targetElement={elemRef}\n            animatePosition={shouldAnimate}\n            active={Boolean(showTooltip || alwaysShowTooltip)}\n            showDelay={1}\n            hideDelay={300}\n          >\n            {number || value}\n            {\n              shouldAnimate /* Use \"shouldAnimate\" only in order to update the position after the thumb animation */\n            }\n          </Tooltip>\n        )}\n      </span>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SliderThumb.js","names":["_react","_interopRequireDefault","require","_componentHelper","_Button","_Tooltip","_useSliderEvents","_useSliderProps","_SliderHelpers","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SliderThumb","values","useSliderProps","createElement","Fragment","map","value","Thumb","currentIndex","_ref","thumbIndex","isVertical","isReverse","showStatus","attributes","allProps","shouldAnimate","id","label","min","max","step","skeleton","disabled","suffix","numberFormat","tooltip","alwaysShowTooltip","index","current","percent","clamp","style","zIndex","number","aria","getFormattedNumber","showTooltip","setShowTooltip","React","useState","onMouseEnterHandler","onMouseLeaveHandler","elemRef","dispatchEvent","Event","e","warn","onThumbMouseDownHandler","onThumbMouseUpHandler","onHelperChangeHandler","onHelperFocusHandler","useSliderEvents","helperParams","combineLabelledBy","combineDescribedBy","thumbParams","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onBlur","onFocus","event","validateDOMAttributes","useRef","className","type","onChange","onMouseDown","onMouseUp","undefined","element","variant","innerRef","targetElement","active","Boolean","showDelay","hideDelay"],"sources":["../../../../src/components/slider/SliderThumb.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  combineDescribedBy,\n  combineLabelledBy,\n  validateDOMAttributes,\n  warn,\n} from '../../shared/component-helper'\nimport Button from '../button/Button'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useSliderEvents } from './hooks/useSliderEvents'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp, getFormattedNumber } from './SliderHelpers'\n\nexport function SliderThumb() {\n  const { values } = useSliderProps()\n\n  return (\n    <>\n      {values.map((value, i) => {\n        return <Thumb key={i} value={value} currentIndex={i} />\n      })}\n    </>\n  )\n}\n\ntype ThumbProps = {\n  value: number\n  currentIndex: number\n}\n\nfunction Thumb({ value, currentIndex }: ThumbProps) {\n  const {\n    thumbIndex,\n    isVertical,\n    isReverse,\n    showStatus,\n    attributes,\n    allProps,\n    shouldAnimate,\n  } = useSliderProps()\n\n  const {\n    id,\n    label,\n    min,\n    max,\n    step,\n    skeleton,\n    disabled,\n    suffix,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n  } = allProps\n\n  const index = thumbIndex.current\n  let percent = clamp(((value - min) * 100) / (max - min))\n\n  if (isReverse) {\n    percent = 100 - percent\n  }\n\n  const style = {\n    zIndex: index === currentIndex ? 4 : 3,\n    [`${isVertical ? 'top' : 'left'}`]: `${percent}%`,\n  } as React.CSSProperties\n\n  const { number, aria } = getFormattedNumber(value, numberFormat)\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const onMouseEnterHandler = () => {\n    setShowTooltip(true)\n  }\n  const onMouseLeaveHandler = () => {\n    setShowTooltip(false)\n    try {\n      elemRef.current.dispatchEvent(new Event('mouseleave'))\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const {\n    onThumbMouseDownHandler,\n    onThumbMouseUpHandler,\n    onHelperChangeHandler,\n    onHelperFocusHandler,\n  } = useSliderEvents()\n\n  const helperParams: Record<string, unknown> = {}\n\n  if (label) {\n    helperParams['aria-labelledby'] = combineLabelledBy(\n      helperParams,\n      label ? id + '-label' : null\n    )\n  }\n\n  if (showStatus || suffix) {\n    helperParams['aria-describedby'] = combineDescribedBy(\n      helperParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n\n  const thumbParams = attributes as Record<string, unknown>\n\n  if (tooltip) {\n    thumbParams.onMouseEnter = onMouseEnterHandler\n    thumbParams.onMouseLeave = onMouseLeaveHandler\n    thumbParams.onTouchStart = onMouseEnterHandler\n    thumbParams.onTouchEnd = onMouseLeaveHandler\n    helperParams.onBlur = onMouseLeaveHandler\n    helperParams.onFocus = (event) => {\n      onHelperFocusHandler(event)\n      onMouseEnterHandler()\n      try {\n        elemRef.current.dispatchEvent(new Event('mouseenter'))\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n  validateDOMAttributes(allProps, thumbParams) // because we send along rest attributes\n\n  const elemRef = React.useRef<HTMLElement>()\n\n  return (\n    <>\n      <span className=\"dnb-slider__thumb\" style={style}>\n        <input\n          type=\"range\"\n          className=\"dnb-slider__button-helper\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={onHelperChangeHandler}\n          onFocus={onHelperFocusHandler}\n          onMouseDown={onThumbMouseDownHandler}\n          onMouseUp={onThumbMouseUpHandler}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-valuetext={aria ? aria : undefined}\n          aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n          data-index={currentIndex}\n          {...helperParams}\n        />\n\n        <Button\n          element=\"span\"\n          type=\"\" // avoid getting type=\"button\"\n          variant=\"secondary\"\n          disabled={disabled}\n          skeleton={skeleton}\n          innerRef={elemRef}\n          {...thumbParams}\n        />\n\n        {tooltip && (\n          <Tooltip\n            key={`group-${currentIndex}`}\n            targetElement={elemRef}\n            active={Boolean(showTooltip || alwaysShowTooltip)}\n            showDelay={1}\n            hideDelay={300}\n          >\n            {number || value}\n            {\n              shouldAnimate /* Use \"shouldAnimate\" only in order to update the position after the thumb animation */\n            }\n          </Tooltip>\n        )}\n      </span>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA2D,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEpD,SAASQ,WAAWA,CAAA,EAAG;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,8BAAc,EAAC,CAAC;EAEnC,OACE5B,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAAA7B,MAAA,CAAAW,OAAA,CAAAmB,QAAA,QACGH,MAAM,CAACI,GAAG,CAAC,CAACC,KAAK,EAAEf,CAAC,KAAK;IACxB,OAAOjB,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACI,KAAK;MAACZ,GAAG,EAAEJ,CAAE;MAACe,KAAK,EAAEA,KAAM;MAACE,YAAY,EAAEjB;IAAE,CAAE,CAAC;EACzD,CAAC,CACD,CAAC;AAEP;AAOA,SAASgB,KAAKA,CAAAE,IAAA,EAAsC;EAAA,IAArC;IAAEH,KAAK;IAAEE;EAAyB,CAAC,GAAAC,IAAA;EAChD,MAAM;IACJC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC;EACF,CAAC,GAAG,IAAAd,8BAAc,EAAC,CAAC;EAEpB,MAAM;IACJe,EAAE;IACFC,KAAK;IACLC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,YAAY;IACZC,OAAO;IACPC;EACF,CAAC,GAAGZ,QAAQ;EAEZ,MAAMa,KAAK,GAAGlB,UAAU,CAACmB,OAAO;EAChC,IAAIC,OAAO,GAAG,IAAAC,oBAAK,EAAE,CAACzB,KAAK,GAAGa,GAAG,IAAI,GAAG,IAAKC,GAAG,GAAGD,GAAG,CAAC,CAAC;EAExD,IAAIP,SAAS,EAAE;IACbkB,OAAO,GAAG,GAAG,GAAGA,OAAO;EACzB;EAEA,MAAME,KAAK,GAAG;IACZC,MAAM,EAAEL,KAAK,KAAKpB,YAAY,GAAG,CAAC,GAAG,CAAC;IACtC,CAAE,GAAEG,UAAU,GAAG,KAAK,GAAG,MAAO,EAAC,GAAI,GAAEmB,OAAQ;EACjD,CAAwB;EAExB,MAAM;IAAEI,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iCAAkB,EAAC9B,KAAK,EAAEmB,YAAY,CAAC;EAEhE,MAAM,CAACY,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;IAChCH,cAAc,CAAC,IAAI,CAAC;EACtB,CAAC;EACD,MAAMI,mBAAmB,GAAGA,CAAA,KAAM;IAChCJ,cAAc,CAAC,KAAK,CAAC;IACrB,IAAI;MACFK,OAAO,CAACd,OAAO,CAACe,aAAa,CAAC,IAAIC,KAAK,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV,IAAAC,qBAAI,EAACD,CAAC,CAAC;IACT;EACF,CAAC;EAED,MAAM;IACJE,uBAAuB;IACvBC,qBAAqB;IACrBC,qBAAqB;IACrBC;EACF,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAErB,MAAMC,YAAqC,GAAG,CAAC,CAAC;EAEhD,IAAInC,KAAK,EAAE;IACTmC,YAAY,CAAC,iBAAiB,CAAC,GAAG,IAAAC,kCAAiB,EACjDD,YAAY,EACZnC,KAAK,GAAGD,EAAE,GAAG,QAAQ,GAAG,IAC1B,CAAC;EACH;EAEA,IAAIJ,UAAU,IAAIW,MAAM,EAAE;IACxB6B,YAAY,CAAC,kBAAkB,CAAC,GAAG,IAAAE,mCAAkB,EACnDF,YAAY,EACZxC,UAAU,GAAGI,EAAE,GAAG,SAAS,GAAG,IAAI,EAClCO,MAAM,GAAGP,EAAE,GAAG,SAAS,GAAG,IAC5B,CAAC;EACH;EAEA,MAAMuC,WAAW,GAAG1C,UAAqC;EAEzD,IAAIY,OAAO,EAAE;IACX8B,WAAW,CAACC,YAAY,GAAGhB,mBAAmB;IAC9Ce,WAAW,CAACE,YAAY,GAAGhB,mBAAmB;IAC9Cc,WAAW,CAACG,YAAY,GAAGlB,mBAAmB;IAC9Ce,WAAW,CAACI,UAAU,GAAGlB,mBAAmB;IAC5CW,YAAY,CAACQ,MAAM,GAAGnB,mBAAmB;IACzCW,YAAY,CAACS,OAAO,GAAIC,KAAK,IAAK;MAChCZ,oBAAoB,CAACY,KAAK,CAAC;MAC3BtB,mBAAmB,CAAC,CAAC;MACrB,IAAI;QACFE,OAAO,CAACd,OAAO,CAACe,aAAa,CAAC,IAAIC,KAAK,CAAC,YAAY,CAAC,CAAC;MACxD,CAAC,CAAC,OAAOC,CAAC,EAAE;QACV,IAAAC,qBAAI,EAACD,CAAC,CAAC;MACT;IACF,CAAC;EACH;EACA,IAAAkB,sCAAqB,EAACjD,QAAQ,EAAEyC,WAAW,CAAC;EAE5C,MAAMb,OAAO,GAAGJ,cAAK,CAAC0B,MAAM,CAAc,CAAC;EAE3C,OACE3F,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAAA7B,MAAA,CAAAW,OAAA,CAAAmB,QAAA,QACE9B,MAAA,CAAAW,OAAA,CAAAkB,aAAA;IAAM+D,SAAS,EAAC,mBAAmB;IAAClC,KAAK,EAAEA;EAAM,GAC/C1D,MAAA,CAAAW,OAAA,CAAAkB,aAAA,UAAAjB,QAAA;IACEiF,IAAI,EAAC,OAAO;IACZD,SAAS,EAAC,2BAA2B;IACrC/C,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXf,KAAK,EAAEA,KAAM;IACbiB,QAAQ,EAAEA,QAAS;IACnB6C,QAAQ,EAAElB,qBAAsB;IAChCY,OAAO,EAAEX,oBAAqB;IAC9BkB,WAAW,EAAErB,uBAAwB;IACrCsB,SAAS,EAAErB,qBAAsB;IACjC,iBAAe9B,GAAI;IACnB,iBAAeC,GAAI;IACnB,iBAAed,KAAM;IACrB,kBAAgB6B,IAAI,GAAGA,IAAI,GAAGoC,SAAU;IACxC,oBAAkB5D,UAAU,GAAG,UAAU,GAAG,YAAa;IACzD,cAAYH;EAAa,GACrB6C,YAAY,CACjB,CAAC,EAEF/E,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACzB,OAAA,CAAAO,OAAM,EAAAC,QAAA;IACLsF,OAAO,EAAC,MAAM;IACdL,IAAI,EAAC,EAAE;IACPM,OAAO,EAAC,WAAW;IACnBlD,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,QAAS;IACnBoD,QAAQ,EAAE/B;EAAQ,GACda,WAAW,CAChB,CAAC,EAED9B,OAAO,IACNpD,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACxB,QAAA,CAAAM,OAAO;IACNU,GAAG,EAAG,SAAQa,YAAa,EAAE;IAC7BmE,aAAa,EAAEhC,OAAQ;IACvBiC,MAAM,EAAEC,OAAO,CAACxC,WAAW,IAAIV,iBAAiB,CAAE;IAClDmD,SAAS,EAAE,CAAE;IACbC,SAAS,EAAE;EAAI,GAEd7C,MAAM,IAAI5B,KAAK,EAEdU,aAEK,CAEP,CACN,CAAC;AAEP"}

package/cjs/components/slider/SliderTrack.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare function SliderMainTrack({ children, }: {
     children: React.ReactNode | React.ReactNode[];
-}): JSX.Element;
-export declare function SliderTrackBefore(): JSX.Element;
-export declare function SliderTrackAfter(): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SliderTrackBefore(): import("react/jsx-runtime").JSX.Element;
+export declare function SliderTrackAfter(): import("react/jsx-runtime").JSX.Element;